@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(359deg)
  }
}
@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0deg)
  }
  to {
    -moz-transform: rotate(359deg)
  }
}
@-o-keyframes rotation {
  from {
    -o-transform: rotate(0deg)
  }
  to {
    -o-transform: rotate(359deg)
  }
}
@keyframes rotation {
  from {
    transform: rotate(0deg)
  }
  to {
    transform: rotate(359deg)
  }
}
@-webkit-keyframes background-fade {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@-moz-keyframes background-fade {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@-o-keyframes background-fade {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@keyframes background-fade {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@-webkit-keyframes details-slide {
  0% {
    right: -10%
  }
  100% {
    right: 0
  }
}
@-moz-keyframes details-slide {
  0% {
    right: -10%
  }
  100% {
    right: 0
  }
}
@-o-keyframes details-slide {
  0% {
    right: -10%
  }
  100% {
    right: 0
  }
}
@keyframes details-slide {
  0% {
    right: -10%
  }
  100% {
    right: 0
  }
}
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}
body {
  margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline
}
audio:not([controls]) {
  display: none;
  height: 0
}
[hidden],
template {
  display: none
}
a {
  background: transparent
}
a:active,
a:hover {
  outline: 0
}
abbr[title] {
  border-bottom: 1px dotted
}
b,
strong {
  font-weight: bold
}
dfn {
  font-style: italic
}
h1 {
  font-size: 2em;
  margin: .67em 0
}
mark {
  background: #ff0;
  color: #000
}
small {
  font-size: 80%
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sup {
  top: -0.5em
}
sub {
  bottom: -0.25em
}
img {
  border: 0
}
svg:not(:root) {
  overflow: hidden
}
figure {
  margin: 1em 40px
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0
}
pre {
  overflow: auto
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0
}
button {
  overflow: visible
}
button,
select {
  text-transform: none
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer
}
button[disabled],
html input[disabled] {
  cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0
}
input {
  line-height: normal
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: .35em .625em .75em
}
legend {
  border: 0;
  padding: 0
}
textarea {
  overflow: auto
}
optgroup {
  font-weight: bold
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
td,
th {
  padding: 0
}
@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important
  }
  a,
  a:visited {
    text-decoration: underline
  }
  a[href]:after {
    content: " (" attr(href) ")"
  }
  abbr[title]:after {
    content: " (" attr(title) ")"
  }
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid
  }
  thead {
    display: table-header-group
  }
  tr,
  img {
    page-break-inside: avoid
  }
  img {
    max-width: 100% !important
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3
  }
  h2,
  h3 {
    page-break-after: avoid
  }
  select {
    background: #fff !important
  }
  .navbar {
    display: none
  }
  .table td,
  .table th {
    background-color: #fff !important
  }
  .btn>.caret,
  .dropup>.btn>.caret {
    border-top-color: #000 !important
  }
  .label {
    border: 1px solid #000
  }
  .table {
    border-collapse: collapse !important
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important
  }
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.glyphicon-asterisk:before {
  content: "\2a"
}
.glyphicon-plus:before {
  content: "\2b"
}
.glyphicon-euro:before {
  content: "\20ac"
}
.glyphicon-minus:before {
  content: "\2212"
}
.glyphicon-cloud:before {
  content: "\2601"
}
.glyphicon-envelope:before {
  content: "\2709"
}
.glyphicon-pencil:before {
  content: "\270f"
}
.glyphicon-glass:before {
  content: "\e001"
}
.glyphicon-music:before {
  content: "\e002"
}
.glyphicon-search:before {
  content: "\e003"
}
.glyphicon-heart:before {
  content: "\e005"
}
.glyphicon-star:before {
  content: "\e006"
}
.glyphicon-star-empty:before {
  content: "\e007"
}
.glyphicon-user:before {
  content: "\e008"
}
.glyphicon-film:before {
  content: "\e009"
}
.glyphicon-th-large:before {
  content: "\e010"
}
.glyphicon-th:before {
  content: "\e011"
}
.glyphicon-th-list:before {
  content: "\e012"
}
.glyphicon-ok:before {
  content: "\e013"
}
.glyphicon-remove:before {
  content: "\e014"
}
.glyphicon-zoom-in:before {
  content: "\e015"
}
.glyphicon-zoom-out:before {
  content: "\e016"
}
.glyphicon-off:before {
  content: "\e017"
}
.glyphicon-signal:before {
  content: "\e018"
}
.glyphicon-cog:before {
  content: "\e019"
}
.glyphicon-trash:before {
  content: "\e020"
}
.glyphicon-home:before {
  content: "\e021"
}
.glyphicon-file:before {
  content: "\e022"
}
.glyphicon-time:before {
  content: "\e023"
}
.glyphicon-road:before {
  content: "\e024"
}
.glyphicon-download-alt:before {
  content: "\e025"
}
.glyphicon-download:before {
  content: "\e026"
}
.glyphicon-upload:before {
  content: "\e027"
}
.glyphicon-inbox:before {
  content: "\e028"
}
.glyphicon-play-circle:before {
  content: "\e029"
}
.glyphicon-repeat:before {
  content: "\e030"
}
.glyphicon-refresh:before {
  content: "\e031"
}
.glyphicon-list-alt:before {
  content: "\e032"
}
.glyphicon-lock:before {
  content: "\e033"
}
.glyphicon-flag:before {
  content: "\e034"
}
.glyphicon-headphones:before {
  content: "\e035"
}
.glyphicon-volume-off:before {
  content: "\e036"
}
.glyphicon-volume-down:before {
  content: "\e037"
}
.glyphicon-volume-up:before {
  content: "\e038"
}
.glyphicon-qrcode:before {
  content: "\e039"
}
.glyphicon-barcode:before {
  content: "\e040"
}
.glyphicon-tag:before {
  content: "\e041"
}
.glyphicon-tags:before {
  content: "\e042"
}
.glyphicon-book:before {
  content: "\e043"
}
.glyphicon-bookmark:before {
  content: "\e044"
}
.glyphicon-print:before {
  content: "\e045"
}
.glyphicon-camera:before {
  content: "\e046"
}
.glyphicon-font:before {
  content: "\e047"
}
.glyphicon-bold:before {
  content: "\e048"
}
.glyphicon-italic:before {
  content: "\e049"
}
.glyphicon-text-height:before {
  content: "\e050"
}
.glyphicon-text-width:before {
  content: "\e051"
}
.glyphicon-align-left:before {
  content: "\e052"
}
.glyphicon-align-center:before {
  content: "\e053"
}
.glyphicon-align-right:before {
  content: "\e054"
}
.glyphicon-align-justify:before {
  content: "\e055"
}
.glyphicon-list:before {
  content: "\e056"
}
.glyphicon-indent-left:before {
  content: "\e057"
}
.glyphicon-indent-right:before {
  content: "\e058"
}
.glyphicon-facetime-video:before {
  content: "\e059"
}
.glyphicon-picture:before {
  content: "\e060"
}
.glyphicon-map-marker:before {
  content: "\e062"
}
.glyphicon-adjust:before {
  content: "\e063"
}
.glyphicon-tint:before {
  content: "\e064"
}
.glyphicon-edit:before {
  content: "\e065"
}
.glyphicon-share:before {
  content: "\e066"
}
.glyphicon-check:before {
  content: "\e067"
}
.glyphicon-move:before {
  content: "\e068"
}
.glyphicon-step-backward:before {
  content: "\e069"
}
.glyphicon-fast-backward:before {
  content: "\e070"
}
.glyphicon-backward:before {
  content: "\e071"
}
.glyphicon-play:before {
  content: "\e072"
}
.glyphicon-pause:before {
  content: "\e073"
}
.glyphicon-stop:before {
  content: "\e074"
}
.glyphicon-forward:before {
  content: "\e075"
}
.glyphicon-fast-forward:before {
  content: "\e076"
}
.glyphicon-step-forward:before {
  content: "\e077"
}
.glyphicon-eject:before {
  content: "\e078"
}
.glyphicon-chevron-left:before {
  content: "\e079"
}
.glyphicon-chevron-right:before {
  content: "\e080"
}
.glyphicon-plus-sign:before {
  content: "\e081"
}
.glyphicon-minus-sign:before {
  content: "\e082"
}
.glyphicon-remove-sign:before {
  content: "\e083"
}
.glyphicon-ok-sign:before {
  content: "\e084"
}
.glyphicon-question-sign:before {
  content: "\e085"
}
.glyphicon-info-sign:before {
  content: "\e086"
}
.glyphicon-screenshot:before {
  content: "\e087"
}
.glyphicon-remove-circle:before {
  content: "\e088"
}
.glyphicon-ok-circle:before {
  content: "\e089"
}
.glyphicon-ban-circle:before {
  content: "\e090"
}
.glyphicon-arrow-left:before {
  content: "\e091"
}
.glyphicon-arrow-right:before {
  content: "\e092"
}
.glyphicon-arrow-up:before {
  content: "\e093"
}
.glyphicon-arrow-down:before {
  content: "\e094"
}
.glyphicon-share-alt:before {
  content: "\e095"
}
.glyphicon-resize-full:before {
  content: "\e096"
}
.glyphicon-resize-small:before {
  content: "\e097"
}
.glyphicon-exclamation-sign:before {
  content: "\e101"
}
.glyphicon-gift:before {
  content: "\e102"
}
.glyphicon-leaf:before {
  content: "\e103"
}
.glyphicon-fire:before {
  content: "\e104"
}
.glyphicon-eye-open:before {
  content: "\e105"
}
.glyphicon-eye-close:before {
  content: "\e106"
}
.glyphicon-warning-sign:before {
  content: "\e107"
}
.glyphicon-plane:before {
  content: "\e108"
}
.glyphicon-calendar:before {
  content: "\e109"
}
.glyphicon-random:before {
  content: "\e110"
}
.glyphicon-comment:before {
  content: "\e111"
}
.glyphicon-magnet:before {
  content: "\e112"
}
.glyphicon-chevron-up:before {
  content: "\e113"
}
.glyphicon-chevron-down:before {
  content: "\e114"
}
.glyphicon-retweet:before {
  content: "\e115"
}
.glyphicon-shopping-cart:before {
  content: "\e116"
}
.glyphicon-folder-close:before {
  content: "\e117"
}
.glyphicon-folder-open:before {
  content: "\e118"
}
.glyphicon-resize-vertical:before {
  content: "\e119"
}
.glyphicon-resize-horizontal:before {
  content: "\e120"
}
.glyphicon-hdd:before {
  content: "\e121"
}
.glyphicon-bullhorn:before {
  content: "\e122"
}
.glyphicon-bell:before {
  content: "\e123"
}
.glyphicon-certificate:before {
  content: "\e124"
}
.glyphicon-thumbs-up:before {
  content: "\e125"
}
.glyphicon-thumbs-down:before {
  content: "\e126"
}
.glyphicon-hand-right:before {
  content: "\e127"
}
.glyphicon-hand-left:before {
  content: "\e128"
}
.glyphicon-hand-up:before {
  content: "\e129"
}
.glyphicon-hand-down:before {
  content: "\e130"
}
.glyphicon-circle-arrow-right:before {
  content: "\e131"
}
.glyphicon-circle-arrow-left:before {
  content: "\e132"
}
.glyphicon-circle-arrow-up:before {
  content: "\e133"
}
.glyphicon-circle-arrow-down:before {
  content: "\e134"
}
.glyphicon-globe:before {
  content: "\e135"
}
.glyphicon-wrench:before {
  content: "\e136"
}
.glyphicon-tasks:before {
  content: "\e137"
}
.glyphicon-filter:before {
  content: "\e138"
}
.glyphicon-briefcase:before {
  content: "\e139"
}
.glyphicon-fullscreen:before {
  content: "\e140"
}
.glyphicon-dashboard:before {
  content: "\e141"
}
.glyphicon-paperclip:before {
  content: "\e142"
}
.glyphicon-heart-empty:before {
  content: "\e143"
}
.glyphicon-link:before {
  content: "\e144"
}
.glyphicon-phone:before {
  content: "\e145"
}
.glyphicon-pushpin:before {
  content: "\e146"
}
.glyphicon-usd:before {
  content: "\e148"
}
.glyphicon-gbp:before {
  content: "\e149"
}
.glyphicon-sort:before {
  content: "\e150"
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151"
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152"
}
.glyphicon-sort-by-order:before {
  content: "\e153"
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154"
}
.glyphicon-sort-by-attributes:before {
  content: "\e155"
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156"
}
.glyphicon-unchecked:before {
  content: "\e157"
}
.glyphicon-expand:before {
  content: "\e158"
}
.glyphicon-collapse-down:before {
  content: "\e159"
}
.glyphicon-collapse-up:before {
  content: "\e160"
}
.glyphicon-log-in:before {
  content: "\e161"
}
.glyphicon-flash:before {
  content: "\e162"
}
.glyphicon-log-out:before {
  content: "\e163"
}
.glyphicon-new-window:before {
  content: "\e164"
}
.glyphicon-record:before {
  content: "\e165"
}
.glyphicon-save:before {
  content: "\e166"
}
.glyphicon-open:before {
  content: "\e167"
}
.glyphicon-saved:before {
  content: "\e168"
}
.glyphicon-import:before {
  content: "\e169"
}
.glyphicon-export:before {
  content: "\e170"
}
.glyphicon-send:before {
  content: "\e171"
}
.glyphicon-floppy-disk:before {
  content: "\e172"
}
.glyphicon-floppy-saved:before {
  content: "\e173"
}
.glyphicon-floppy-remove:before {
  content: "\e174"
}
.glyphicon-floppy-save:before {
  content: "\e175"
}
.glyphicon-floppy-open:before {
  content: "\e176"
}
.glyphicon-credit-card:before {
  content: "\e177"
}
.glyphicon-transfer:before {
  content: "\e178"
}
.glyphicon-cutlery:before {
  content: "\e179"
}
.glyphicon-header:before {
  content: "\e180"
}
.glyphicon-compressed:before {
  content: "\e181"
}
.glyphicon-earphone:before {
  content: "\e182"
}
.glyphicon-phone-alt:before {
  content: "\e183"
}
.glyphicon-tower:before {
  content: "\e184"
}
.glyphicon-stats:before {
  content: "\e185"
}
.glyphicon-sd-video:before {
  content: "\e186"
}
.glyphicon-hd-video:before {
  content: "\e187"
}
.glyphicon-subtitles:before {
  content: "\e188"
}
.glyphicon-sound-stereo:before {
  content: "\e189"
}
.glyphicon-sound-dolby:before {
  content: "\e190"
}
.glyphicon-sound-5-1:before {
  content: "\e191"
}
.glyphicon-sound-6-1:before {
  content: "\e192"
}
.glyphicon-sound-7-1:before {
  content: "\e193"
}
.glyphicon-copyright-mark:before {
  content: "\e194"
}
.glyphicon-registration-mark:before {
  content: "\e195"
}
.glyphicon-cloud-download:before {
  content: "\e197"
}
.glyphicon-cloud-upload:before {
  content: "\e198"
}
.glyphicon-tree-conifer:before {
  content: "\e199"
}
.glyphicon-tree-deciduous:before {
  content: "\e200"
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
*:before,
  *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }
  html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
  }
  body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff
  }
  input,
  button,
  select,
  textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
  }
  a {
    color: #428bca;
    text-decoration: none
  }
  a:hover,
  a:focus {
    color: #2a6496;
    text-decoration: underline
  }
  a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
  }
  figure {
    margin: 0
  }
  img {
    vertical-align: middle
  }
  .img-responsive {
    display: block;
    width: 100% \9;
    max-width: 100%;
    height: auto
  }
  .img-rounded {
    border-radius: 6px
  }
  .img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    width: 100% \9;
    max-width: 100%;
    height: auto
  }
  .img-circle {
    border-radius: 50%
  }
  hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
  }
  .sr-only-focusable:active,
  .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
  }
  h1 small,
  h2 small,
  h3 small,
  h4 small,
  h5 small,
  h6 small,
  .h1 small,
  .h2 small,
  .h3 small,
  .h4 small,
  .h5 small,
  .h6 small,
  h1 .small,
  h2 .small,
  h3 .small,
  h4 .small,
  h5 .small,
  h6 .small,
  .h1 .small,
  .h2 .small,
  .h3 .small,
  .h4 .small,
  .h5 .small,
  .h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777
  }
  h1,
  .h1,
  h2,
  .h2,
  h3,
  .h3 {
    margin-top: 20px;
    margin-bottom: 10px
  }
  h1 small,
  .h1 small,
  h2 small,
  .h2 small,
  h3 small,
  .h3 small,
  h1 .small,
  .h1 .small,
  h2 .small,
  .h2 .small,
  h3 .small,
  .h3 .small {
    font-size: 65%
  }
  h4,
  .h4,
  h5,
  .h5,
  h6,
  .h6 {
    margin-top: 10px;
    margin-bottom: 10px
  }
  h4 small,
  .h4 small,
  h5 small,
  .h5 small,
  h6 small,
  .h6 small,
  h4 .small,
  .h4 .small,
  h5 .small,
  .h5 .small,
  h6 .small,
  .h6 .small {
    font-size: 75%
  }
  h1,
  .h1 {
    font-size: 36px
  }
  h2,
  .h2 {
    font-size: 30px
  }
  h3,
  .h3 {
    font-size: 24px
  }
  h4,
  .h4 {
    font-size: 18px
  }
  h5,
  .h5 {
    font-size: 14px
  }
  h6,
  .h6 {
    font-size: 12px
  }
  p {
    margin: 0 0 10px
  }
  .lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
  }
  @media (min-width: 768px) {
    .lead {
      font-size: 21px
    }
  }
  small,
  .small {
    font-size: 85%
  }
  cite {
    font-style: normal
  }
  mark,
  .mark {
    background-color: #fcf8e3;
    padding: .2em
  }
  .text-left {
    text-align: left
  }
  .text-right {
    text-align: right
  }
  .text-center {
    text-align: center
  }
  .text-justify {
    text-align: justify
  }
  .text-nowrap {
    white-space: nowrap
  }
  .text-lowercase {
    text-transform: lowercase
  }
  .text-uppercase {
    text-transform: uppercase
  }
  .text-capitalize {
    text-transform: capitalize
  }
  .text-muted {
    color: #777
  }
  .text-primary {
    color: #428bca
  }
  a.text-primary:hover {
    color: #3071a9
  }
  .text-success {
    color: #3c763d
  }
  a.text-success:hover {
    color: #2b542c
  }
  .text-info {
    color: #31708f
  }
  a.text-info:hover {
    color: #245269
  }
  .text-warning {
    color: #8a6d3b
  }
  a.text-warning:hover {
    color: #66512c
  }
  .text-danger {
    color: #a94442
  }
  a.text-danger:hover {
    color: #843534
  }
  .bg-primary {
    color: #fff;
    background-color: #428bca
  }
  a.bg-primary:hover {
    background-color: #3071a9
  }
  .bg-success {
    background-color: #dff0d8
  }
  a.bg-success:hover {
    background-color: #c1e2b3
  }
  .bg-info {
    background-color: #d9edf7
  }
  a.bg-info:hover {
    background-color: #afd9ee
  }
  .bg-warning {
    background-color: #fcf8e3
  }
  a.bg-warning:hover {
    background-color: #f7ecb5
  }
  .bg-danger {
    background-color: #f2dede
  }
  a.bg-danger:hover {
    background-color: #e4b9b9
  }
  .page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee
  }
  ul,
  ol {
    margin-top: 0;
    margin-bottom: 10px
  }
  ul ul,
  ol ul,
  ul ol,
  ol ol {
    margin-bottom: 0
  }
  .list-unstyled {
    padding-left: 0;
    list-style: none
  }
  .list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px
  }
  .list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
  }
  dl {
    margin-top: 0;
    margin-bottom: 20px
  }
  dt,
  dd {
    line-height: 1.42857143
  }
  dt {
    font-weight: bold
  }
  dd {
    margin-left: 0
  }
  @media (min-width: 768px) {
    .dl-horizontal dt {
      float: left;
      width: 160px;
      clear: left;
      text-align: right;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
    }
    .dl-horizontal dd {
      margin-left: 180px
    }
  }
  abbr[title],
  abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777
  }
  .initialism {
    font-size: 90%;
    text-transform: uppercase
  }
  blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee
  }
  blockquote p:last-child,
  blockquote ul:last-child,
  blockquote ol:last-child {
    margin-bottom: 0
  }
  blockquote footer,
  blockquote small,
  blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777
  }
  blockquote footer:before,
  blockquote small:before,
  blockquote .small:before {
    content: '\2014 \00A0'
  }
  .blockquote-reverse,
  blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eee;
    border-left: 0;
    text-align: right
  }
  .blockquote-reverse footer:before,
  blockquote.pull-right footer:before,
  .blockquote-reverse small:before,
  blockquote.pull-right small:before,
  .blockquote-reverse .small:before,
  blockquote.pull-right .small:before {
    content: ''
  }
  .blockquote-reverse footer:after,
  blockquote.pull-right footer:after,
  .blockquote-reverse small:after,
  blockquote.pull-right small:after,
  .blockquote-reverse .small:after,
  blockquote.pull-right .small:after {
    content: '\00A0 \2014'
  }
  blockquote:before,
  blockquote:after {
    content: ""
  }
  address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143
  }
  code,
  kbd,
  pre,
  samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
  }
  code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
  }
  kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25)
  }
  kbd kbd {
    padding: 0;
    font-size: 100%;
    box-shadow: none
  }
  pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
  }
  pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0
  }
  .pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
  }
  .container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
  }
  @media (min-width: 768px) {
    .container {
      width: 750px
    }
  }
  @media (min-width: 992px) {
    .container {
      width: 970px
    }
  }
  @media (min-width: 1200px) {
    .container {
      width: 1170px
    }
  }
  .container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
  }
  .row {
    margin-left: -15px;
    margin-right: -15px
  }
  .col-xs-1,
  .col-sm-1,
  .col-md-1,
  .col-lg-1,
  .col-xs-2,
  .col-sm-2,
  .col-md-2,
  .col-lg-2,
  .col-xs-3,
  .col-sm-3,
  .col-md-3,
  .col-lg-3,
  .col-xs-4,
  .col-sm-4,
  .col-md-4,
  .col-lg-4,
  .col-xs-5,
  .col-sm-5,
  .col-md-5,
  .col-lg-5,
  .col-xs-6,
  .col-sm-6,
  .col-md-6,
  .col-lg-6,
  .col-xs-7,
  .col-sm-7,
  .col-md-7,
  .col-lg-7,
  .col-xs-8,
  .col-sm-8,
  .col-md-8,
  .col-lg-8,
  .col-xs-9,
  .col-sm-9,
  .col-md-9,
  .col-lg-9,
  .col-xs-10,
  .col-sm-10,
  .col-md-10,
  .col-lg-10,
  .col-xs-11,
  .col-sm-11,
  .col-md-11,
  .col-lg-11,
  .col-xs-12,
  .col-sm-12,
  .col-md-12,
  .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-xs-1,
  .col-xs-2,
  .col-xs-3,
  .col-xs-4,
  .col-xs-5,
  .col-xs-6,
  .col-xs-7,
  .col-xs-8,
  .col-xs-9,
  .col-xs-10,
  .col-xs-11,
  .col-xs-12 {
    float: left
  }
  .col-xs-12 {
    width: 100%
  }
  .col-xs-11 {
    width: 91.66666667%
  }
  .col-xs-10 {
    width: 83.33333333%
  }
  .col-xs-9 {
    width: 75%
  }
  .col-xs-8 {
    width: 66.66666667%
  }
  .col-xs-7 {
    width: 58.33333333%
  }
  .col-xs-6 {
    width: 50%
  }
  .col-xs-5 {
    width: 41.66666667%
  }
  .col-xs-4 {
    width: 33.33333333%
  }
  .col-xs-3 {
    width: 25%
  }
  .col-xs-2 {
    width: 16.66666667%
  }
  .col-xs-1 {
    width: 8.33333333%
  }
  .col-xs-pull-12 {
    right: 100%
  }
  .col-xs-pull-11 {
    right: 91.66666667%
  }
  .col-xs-pull-10 {
    right: 83.33333333%
  }
  .col-xs-pull-9 {
    right: 75%
  }
  .col-xs-pull-8 {
    right: 66.66666667%
  }
  .col-xs-pull-7 {
    right: 58.33333333%
  }
  .col-xs-pull-6 {
    right: 50%
  }
  .col-xs-pull-5 {
    right: 41.66666667%
  }
  .col-xs-pull-4 {
    right: 33.33333333%
  }
  .col-xs-pull-3 {
    right: 25%
  }
  .col-xs-pull-2 {
    right: 16.66666667%
  }
  .col-xs-pull-1 {
    right: 8.33333333%
  }
  .col-xs-pull-0 {
    right: auto
  }
  .col-xs-push-12 {
    left: 100%
  }
  .col-xs-push-11 {
    left: 91.66666667%
  }
  .col-xs-push-10 {
    left: 83.33333333%
  }
  .col-xs-push-9 {
    left: 75%
  }
  .col-xs-push-8 {
    left: 66.66666667%
  }
  .col-xs-push-7 {
    left: 58.33333333%
  }
  .col-xs-push-6 {
    left: 50%
  }
  .col-xs-push-5 {
    left: 41.66666667%
  }
  .col-xs-push-4 {
    left: 33.33333333%
  }
  .col-xs-push-3 {
    left: 25%
  }
  .col-xs-push-2 {
    left: 16.66666667%
  }
  .col-xs-push-1 {
    left: 8.33333333%
  }
  .col-xs-push-0 {
    left: auto
  }
  .col-xs-offset-12 {
    margin-left: 100%
  }
  .col-xs-offset-11 {
    margin-left: 91.66666667%
  }
  .col-xs-offset-10 {
    margin-left: 83.33333333%
  }
  .col-xs-offset-9 {
    margin-left: 75%
  }
  .col-xs-offset-8 {
    margin-left: 66.66666667%
  }
  .col-xs-offset-7 {
    margin-left: 58.33333333%
  }
  .col-xs-offset-6 {
    margin-left: 50%
  }
  .col-xs-offset-5 {
    margin-left: 41.66666667%
  }
  .col-xs-offset-4 {
    margin-left: 33.33333333%
  }
  .col-xs-offset-3 {
    margin-left: 25%
  }
  .col-xs-offset-2 {
    margin-left: 16.66666667%
  }
  .col-xs-offset-1 {
    margin-left: 8.33333333%
  }
  .col-xs-offset-0 {
    margin-left: 0
  }
  @media (min-width: 768px) {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
      float: left
    }
    .col-sm-12 {
      width: 100%
    }
    .col-sm-11 {
      width: 91.66666667%
    }
    .col-sm-10 {
      width: 83.33333333%
    }
    .col-sm-9 {
      width: 75%
    }
    .col-sm-8 {
      width: 66.66666667%
    }
    .col-sm-7 {
      width: 58.33333333%
    }
    .col-sm-6 {
      width: 50%
    }
    .col-sm-5 {
      width: 41.66666667%
    }
    .col-sm-4 {
      width: 33.33333333%
    }
    .col-sm-3 {
      width: 25%
    }
    .col-sm-2 {
      width: 16.66666667%
    }
    .col-sm-1 {
      width: 8.33333333%
    }
    .col-sm-pull-12 {
      right: 100%
    }
    .col-sm-pull-11 {
      right: 91.66666667%
    }
    .col-sm-pull-10 {
      right: 83.33333333%
    }
    .col-sm-pull-9 {
      right: 75%
    }
    .col-sm-pull-8 {
      right: 66.66666667%
    }
    .col-sm-pull-7 {
      right: 58.33333333%
    }
    .col-sm-pull-6 {
      right: 50%
    }
    .col-sm-pull-5 {
      right: 41.66666667%
    }
    .col-sm-pull-4 {
      right: 33.33333333%
    }
    .col-sm-pull-3 {
      right: 25%
    }
    .col-sm-pull-2 {
      right: 16.66666667%
    }
    .col-sm-pull-1 {
      right: 8.33333333%
    }
    .col-sm-pull-0 {
      right: auto
    }
    .col-sm-push-12 {
      left: 100%
    }
    .col-sm-push-11 {
      left: 91.66666667%
    }
    .col-sm-push-10 {
      left: 83.33333333%
    }
    .col-sm-push-9 {
      left: 75%
    }
    .col-sm-push-8 {
      left: 66.66666667%
    }
    .col-sm-push-7 {
      left: 58.33333333%
    }
    .col-sm-push-6 {
      left: 50%
    }
    .col-sm-push-5 {
      left: 41.66666667%
    }
    .col-sm-push-4 {
      left: 33.33333333%
    }
    .col-sm-push-3 {
      left: 25%
    }
    .col-sm-push-2 {
      left: 16.66666667%
    }
    .col-sm-push-1 {
      left: 8.33333333%
    }
    .col-sm-push-0 {
      left: auto
    }
    .col-sm-offset-12 {
      margin-left: 100%
    }
    .col-sm-offset-11 {
      margin-left: 91.66666667%
    }
    .col-sm-offset-10 {
      margin-left: 83.33333333%
    }
    .col-sm-offset-9 {
      margin-left: 75%
    }
    .col-sm-offset-8 {
      margin-left: 66.66666667%
    }
    .col-sm-offset-7 {
      margin-left: 58.33333333%
    }
    .col-sm-offset-6 {
      margin-left: 50%
    }
    .col-sm-offset-5 {
      margin-left: 41.66666667%
    }
    .col-sm-offset-4 {
      margin-left: 33.33333333%
    }
    .col-sm-offset-3 {
      margin-left: 25%
    }
    .col-sm-offset-2 {
      margin-left: 16.66666667%
    }
    .col-sm-offset-1 {
      margin-left: 8.33333333%
    }
    .col-sm-offset-0 {
      margin-left: 0
    }
  }
  @media (min-width: 992px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
      float: left
    }
    .col-md-12 {
      width: 100%
    }
    .col-md-11 {
      width: 91.66666667%
    }
    .col-md-10 {
      width: 83.33333333%
    }
    .col-md-9 {
      width: 75%
    }
    .col-md-8 {
      width: 66.66666667%
    }
    .col-md-7 {
      width: 58.33333333%
    }
    .col-md-6 {
      width: 50%
    }
    .col-md-5 {
      width: 41.66666667%
    }
    .col-md-4 {
      width: 33.33333333%
    }
    .col-md-3 {
      width: 25%
    }
    .col-md-2 {
      width: 16.66666667%
    }
    .col-md-1 {
      width: 8.33333333%
    }
    .col-md-pull-12 {
      right: 100%
    }
    .col-md-pull-11 {
      right: 91.66666667%
    }
    .col-md-pull-10 {
      right: 83.33333333%
    }
    .col-md-pull-9 {
      right: 75%
    }
    .col-md-pull-8 {
      right: 66.66666667%
    }
    .col-md-pull-7 {
      right: 58.33333333%
    }
    .col-md-pull-6 {
      right: 50%
    }
    .col-md-pull-5 {
      right: 41.66666667%
    }
    .col-md-pull-4 {
      right: 33.33333333%
    }
    .col-md-pull-3 {
      right: 25%
    }
    .col-md-pull-2 {
      right: 16.66666667%
    }
    .col-md-pull-1 {
      right: 8.33333333%
    }
    .col-md-pull-0 {
      right: auto
    }
    .col-md-push-12 {
      left: 100%
    }
    .col-md-push-11 {
      left: 91.66666667%
    }
    .col-md-push-10 {
      left: 83.33333333%
    }
    .col-md-push-9 {
      left: 75%
    }
    .col-md-push-8 {
      left: 66.66666667%
    }
    .col-md-push-7 {
      left: 58.33333333%
    }
    .col-md-push-6 {
      left: 50%
    }
    .col-md-push-5 {
      left: 41.66666667%
    }
    .col-md-push-4 {
      left: 33.33333333%
    }
    .col-md-push-3 {
      left: 25%
    }
    .col-md-push-2 {
      left: 16.66666667%
    }
    .col-md-push-1 {
      left: 8.33333333%
    }
    .col-md-push-0 {
      left: auto
    }
    .col-md-offset-12 {
      margin-left: 100%
    }
    .col-md-offset-11 {
      margin-left: 91.66666667%
    }
    .col-md-offset-10 {
      margin-left: 83.33333333%
    }
    .col-md-offset-9 {
      margin-left: 75%
    }
    .col-md-offset-8 {
      margin-left: 66.66666667%
    }
    .col-md-offset-7 {
      margin-left: 58.33333333%
    }
    .col-md-offset-6 {
      margin-left: 50%
    }
    .col-md-offset-5 {
      margin-left: 41.66666667%
    }
    .col-md-offset-4 {
      margin-left: 33.33333333%
    }
    .col-md-offset-3 {
      margin-left: 25%
    }
    .col-md-offset-2 {
      margin-left: 16.66666667%
    }
    .col-md-offset-1 {
      margin-left: 8.33333333%
    }
    .col-md-offset-0 {
      margin-left: 0
    }
  }
  @media (min-width: 1200px) {
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
      float: left
    }
    .col-lg-12 {
      width: 100%
    }
    .col-lg-11 {
      width: 91.66666667%
    }
    .col-lg-10 {
      width: 83.33333333%
    }
    .col-lg-9 {
      width: 75%
    }
    .col-lg-8 {
      width: 66.66666667%
    }
    .col-lg-7 {
      width: 58.33333333%
    }
    .col-lg-6 {
      width: 50%
    }
    .col-lg-5 {
      width: 41.66666667%
    }
    .col-lg-4 {
      width: 33.33333333%
    }
    .col-lg-3 {
      width: 25%
    }
    .col-lg-2 {
      width: 16.66666667%
    }
    .col-lg-1 {
      width: 8.33333333%
    }
    .col-lg-pull-12 {
      right: 100%
    }
    .col-lg-pull-11 {
      right: 91.66666667%
    }
    .col-lg-pull-10 {
      right: 83.33333333%
    }
    .col-lg-pull-9 {
      right: 75%
    }
    .col-lg-pull-8 {
      right: 66.66666667%
    }
    .col-lg-pull-7 {
      right: 58.33333333%
    }
    .col-lg-pull-6 {
      right: 50%
    }
    .col-lg-pull-5 {
      right: 41.66666667%
    }
    .col-lg-pull-4 {
      right: 33.33333333%
    }
    .col-lg-pull-3 {
      right: 25%
    }
    .col-lg-pull-2 {
      right: 16.66666667%
    }
    .col-lg-pull-1 {
      right: 8.33333333%
    }
    .col-lg-pull-0 {
      right: auto
    }
    .col-lg-push-12 {
      left: 100%
    }
    .col-lg-push-11 {
      left: 91.66666667%
    }
    .col-lg-push-10 {
      left: 83.33333333%
    }
    .col-lg-push-9 {
      left: 75%
    }
    .col-lg-push-8 {
      left: 66.66666667%
    }
    .col-lg-push-7 {
      left: 58.33333333%
    }
    .col-lg-push-6 {
      left: 50%
    }
    .col-lg-push-5 {
      left: 41.66666667%
    }
    .col-lg-push-4 {
      left: 33.33333333%
    }
    .col-lg-push-3 {
      left: 25%
    }
    .col-lg-push-2 {
      left: 16.66666667%
    }
    .col-lg-push-1 {
      left: 8.33333333%
    }
    .col-lg-push-0 {
      left: auto
    }
    .col-lg-offset-12 {
      margin-left: 100%
    }
    .col-lg-offset-11 {
      margin-left: 91.66666667%
    }
    .col-lg-offset-10 {
      margin-left: 83.33333333%
    }
    .col-lg-offset-9 {
      margin-left: 75%
    }
    .col-lg-offset-8 {
      margin-left: 66.66666667%
    }
    .col-lg-offset-7 {
      margin-left: 58.33333333%
    }
    .col-lg-offset-6 {
      margin-left: 50%
    }
    .col-lg-offset-5 {
      margin-left: 41.66666667%
    }
    .col-lg-offset-4 {
      margin-left: 33.33333333%
    }
    .col-lg-offset-3 {
      margin-left: 25%
    }
    .col-lg-offset-2 {
      margin-left: 16.66666667%
    }
    .col-lg-offset-1 {
      margin-left: 8.33333333%
    }
    .col-lg-offset-0 {
      margin-left: 0
    }
  }
  a.button,
  input.button {
    font-size: .93333333em;
    cursor: pointer;
    font-weight: 700;
    background: #648ab9;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 12px;
    text-decoration: none;
    position: relative;
    display: inline-block;
    line-height: normal
  }
  a.button span,
  input.button span {
    z-index: 2;
    position: relative
  }
  a.button:after,
  input.button:after {
    -moz-transition: all ease 200ms;
    -ms-transition: all ease 200ms;
    -webkit-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200ms;
    content: '';
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
  }
  a.button:hover:after,
  input.button:hover:after {
    -moz-transition: all ease 200ms;
    -ms-transition: all ease 200ms;
    -webkit-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200ms;
    opacity: .15
  }
  a.button.featured,
  input.button.featured {
    padding: 9px 20px;
    font-size: 1.06666667em;
    line-height: normal
  }
  a.button.green,
  input.button.green {
    background: #59b17c
  }
  a.button.small,
  input.button.small {
    padding: 2px 9px;
    font-size: .8em
  }
  a.button.small.client-widget,
  input.button.small.client-widget {
    font-size: .86666667em;
    padding: 3px 9px;
    margin-top: 8px
  }
  a.button.red,
  input.button.red {
    background: #cc6a6a
  }
  a.button.send-email,
  input.button.send-email {
    background-color: #94503b;
    padding: 3px 8px 4px;
    line-height: 18px;
    margin-left: 3px
  }
  a.button.disabled,
  input.button.disabled {
    cursor: default;
    background: #cacaca
  }
  a.button.disabled:hover:after,
  input.button.disabled:hover:after {
    content: "";
    opacity: 0
  }
  a.button.current-client,
  input.button.current-client {
    cursor: default
  }
  a.button.current-client:before,
  input.button.current-client:before {
    content: "";
    background: url('../img/svg/check-active.svg') no-repeat center left;
    padding: 0 7px
  }
  a.button.current-client:hover:after,
  input.button.current-client:hover:after {
    opacity: 0
  }
  a.button.browse-img,
  input.button.browse-img {
    font-size: .86666667em;
    padding: 6px 9px;
    float: left
  }
  a.button.button-loading,
  input.button.button-loading {
    cursor: default
  }
  a.button.button-loading:before,
  input.button.button-loading:before {
    height: 16px;
    width: 16px;
    position: absolute;
    left: 100%;
    margin: 0 7px;
    -webkit-animation: rotation .5s infinite linear;
    -moz-animation: rotation .5s infinite linear;
    -o-animation: rotation .5s infinite linear;
    animation: rotation .5s infinite linear;
    border-left: 2px solid #e1e1e1;
    border-right: 2px solid #e1e1e1;
    border-bottom: 2px solid #e1e1e1;
    border-top: 2px solid #498e65;
    border-radius: 100%;
    display: block;
    content: " "
  }
  a.button.button-loading span,
  input.button.button-loading span {
    opacity: .7
  }
  a.button.button-loading:after,
  input.button.button-loading:after {
    opacity: .15
  }
  a.button.button-left-loading,
  input.button.button-left-loading {
    cursor: default
  }
  a.button.button-left-loading:before,
  input.button.button-left-loading:before {
    height: 16px;
    width: 16px;
    position: absolute;
    right: 100%;
    margin: 0 7px;
    -webkit-animation: rotation .5s infinite linear;
    -moz-animation: rotation .5s infinite linear;
    -o-animation: rotation .5s infinite linear;
    animation: rotation .5s infinite linear;
    border-left: 2px solid #e1e1e1;
    border-right: 2px solid #e1e1e1;
    border-bottom: 2px solid #e1e1e1;
    border-top: 2px solid #498e65;
    border-radius: 100%;
    display: block;
    content: " "
  }
  a.button.button-left-loading span,
  input.button.button-left-loading span {
    opacity: .7
  }
  a.button.button-left-loading:after,
  input.button.button-left-loading:after {
    opacity: .15
  }
  a.button.done,
  input.button.done {
    cursor: default
  }
  a.button.done:before,
  input.button.done:before {
    content: "";
    position: absolute;
    background: url('../img/svg/sound-check.svg') no-repeat;
    height: 100%;
    width: 100%;
    left: 100%;
    margin-left: 7px
  }
  a.button.done:hover:after,
  input.button.done:hover:after {
    opacity: 0
  }
  .input-container {
    position: relative;
    display: inline-block;
    float: right
  }
  .input-container.button-loading input[type="submit"] {
    cursor: default;
    background: #4b9669;
    color: #c9e0d2
  }
  .input-container.button-loading:before {
    height: 16px;
    width: 16px;
    top: 6px;
    position: absolute;
    right: 100%;
    margin: 0 7px;
    -webkit-animation: rotation .5s infinite linear;
    -moz-animation: rotation .5s infinite linear;
    -o-animation: rotation .5s infinite linear;
    animation: rotation .5s infinite linear;
    border-left: 2px solid #e1e1e1;
    border-right: 2px solid #e1e1e1;
    border-bottom: 2px solid #e1e1e1;
    border-top: 2px solid #498e65;
    border-radius: 100%;
    display: block;
    content: " "
  }
  .input-container.done input[type="submit"] {
    cursor: default;
    background: #59b17c;
    color: #fff
  }
  .input-container.done:before {
    content: "";
    position: absolute;
    background: url('../img/svg/sound-check.svg') no-repeat;
    height: 17px;
    width: 17px;
    right: 100%;
    margin: 5px 7px 0
  }
  .input-container.disabled input[type="submit"] {
    cursor: default;
    background: #cacaca;
    color: #fff
  }
  .input-container.disabled input[type="submit"]:hover {
    background: #cacaca
  }
  input[type="submit"] {
    -webkit-transition: all ease 200ms;
    -moz-transition: all ease 200ms;
    -ms-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200ms;
    border: none
  }
  input[type="submit"]:hover {
    background: #4e74a3
  }
  input[type="submit"]:active,
  input[type="submit"]:focus {
    border: none
  }
  input[type="submit"].green:hover {
    background: #4b9669
  }
  input[type="submit"].disabled {
    cursor: default;
    background: #cacaca
  }
  input[type="submit"].disabled:hover {
    background: #cacaca
  }
  .download-button-wrapper {
    position: relative;
    margin: 15px 15px 0
  }
  .image-button {
    width: 18px;
    cursor: pointer;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms
  }
  .image-button:hover {
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms
  }
  .image-button img {
    width: 100%;
    max-height: 23px
  }
  .excluded-consonants label.checkbox {
    clear: both
  }
  label.checkbox {
    cursor: pointer;
    float: left;
    margin: 4px
  }
  label.checkbox input[type=checkbox].hide {
    display: none
  }
  label.checkbox input[type=checkbox]+.check-btn {
    width: 100px;
    color: #5f5f5f;
    background: #f1f1f1;
    border: 1px solid #e0e0e0;
    text-align: center;
    font-size: 1em;
    font-weight: 700;
    padding: 2px 0;
    -moz-transition: all ease 200ms;
    -ms-transition: all ease 200ms;
    -webkit-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200ms;
    border-radius: 1px
  }
  label.checkbox input[type=checkbox]+.check-btn:hover {
    background: #d5d5d5;
    -moz-transition: all ease 200ms;
    -ms-transition: all ease 200ms;
    -webkit-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200ms;
    border: 1px solid #c0c0c0
  }
  label.checkbox input[type=checkbox]+.check-btn.disabled,
  label.checkbox input[type=checkbox]:checked+.check-btn.disabled {
    background-color: #c5c5c5;
    color: #fff;
    border: 1px solid #c5c5c5;
    cursor: default
  }
  label.checkbox input[type=checkbox]:checked+.check-btn {
    background: #f26969;
    color: #fff;
    border: 1px solid #d25353;
    -moz-transition: all ease 200ms;
    -ms-transition: all ease 200ms;
    -webkit-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200ms
  }
  input[type="text"],
  input[type="password"],
  input[type="email"],
  select,
  textarea {
    color: #545454;
    font-size: .93333333em;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    padding: 6px 15px 6px 9px;
    border: 1px solid #c4c4c4;
    background: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
  }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="email"]:focus,
  select:focus,
  textarea:focus {
    outline: none;
    border: 1px solid #8c8c8c
  }
  input[type="submit"] {
    border-radius: 0
  }
  input[type="submit"].button.red:hover {
    background-color: #b75656
  }
  input.search {
    padding-top: 7px;
    background: url(../img/svg/magnifier-search.svg) no-repeat right 7px top 50% #fff;
    padding-right: 28px
  }
  @-moz-document url-prefix() {
    input.search {
      padding-top: 6px
    }
  }
  label.select-wrapper {
    position: relative;
    display: inline-block
  }
  label.select-wrapper select {
    padding-right: 0;
    padding-left: 6px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
  }
  label.select-wrapper:after {
    content: '';
    background: url(../img/svg/dropdown-arrow.svg) no-repeat;
    background-position: 50%;
    right: 1px;
    top: 1px;
    width: 30px;
    bottom: 1px;
    position: absolute;
    pointer-events: none;
    display: block
  }
  label.select-wrapper:before {
    content: '';
    right: 1px;
    top: 1px;
    width: 30px;
    bottom: 1px;
    background: #fff;
    position: absolute;
    pointer-events: none;
    display: block
  }
  select.form-select {
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    border-radius: 0;
    background: url("../img/svg/dropdown-arrow.svg") no-repeat right 7px top 50% #fff;
    padding-right: 29px
  }
  ::-webkit-input-placeholder {
    font-style: italic;
    color: #8c8c8c
  }
  :-moz-placeholder {
    font-style: italic;
    color: #8c8c8c
  }
  ::-moz-placeholder {
    font-style: italic;
    color: #8c8c8c
  }
  :-ms-input-placeholder {
    font-style: italic;
    color: #8c8c8c
  }
  input:-webkit-autofill {
    -webkit-text-fill-color: #545454;
    box-shadow: inset 0 0 0 1000px #fff
  }
  @-webkit-keyframes fadeInLeft {
    0% {
      opacity: 0;
      -webkit-transform: translatex(-500px);
      transform: translatex(-500px)
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none
    }
  }
  @keyframes fadeInLeft {
    0% {
      opacity: 0;
      -webkit-transform: translatex(-500px);
      transform: translatex(-500px)
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none
    }
  }
  .fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
  }
  @-webkit-keyframes fadeOutLeft {
    0% {
      opacity: 1
    }
    100% {
      opacity: 0;
      -webkit-transform: translatex(-500px);
      transform: translatex(-500px)
    }
  }
  @keyframes fadeOutLeft {
    0% {
      opacity: 1
    }
    100% {
      opacity: 0;
      -webkit-transform: translatex(-500px);
      transform: translatex(-500px)
    }
  }
  .fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
  }
  @-webkit-keyframes moveRight {
    100% {
      -webkit-transform: translatex(540px);
      transform: translatex(540px)
    }
  }
  @keyframes moveRight {
    100% {
      -webkit-transform: translatex(540px);
      transform: translatex(540px)
    }
  }
  .moveRight {
    -webkit-animation-name: moveRight;
    animation-name: moveRight
  }
  @-webkit-keyframes moveLeft {
    100% {
      -webkit-transform: translatex(-540px);
      transform: translatex(-540px)
    }
  }
  @keyframes moveLeft {
    100% {
      -webkit-transform: translatex(-540px);
      transform: translatex(-540px)
    }
  }
  .moveLeft {
    -webkit-animation-name: moveLeft;
    animation-name: moveLeft
  }
  @-webkit-keyframes fadeInRight {
    0% {
      opacity: 0;
      -webkit-transform: translatex(500px);
      transform: translatex(500px)
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none
    }
  }
  @keyframes fadeInRight {
    0% {
      opacity: 0;
      -webkit-transform: translatex(500px);
      transform: translatex(500px)
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none
    }
  }
  .fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
  }
  @-webkit-keyframes fadeOutRight {
    0% {
      opacity: 1
    }
    100% {
      opacity: 0;
      -webkit-transform: translatex(500px);
      transform: translatex(500px)
    }
  }
  @keyframes fadeOutRight {
    0% {
      opacity: 1
    }
    100% {
      opacity: 0;
      -webkit-transform: translatex(500px);
      transform: translatex(500px)
    }
  }
  .fadeOutRight {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
  }
  .modal-view {
    -moz-transition: all 380ms cubic-bezier(.77, 0, .175, 1);
    -ms-transition: all 380ms cubic-bezier(.77, 0, .175, 1);
    -webkit-transition: all 380ms cubic-bezier(.77, 0, .175, 1);
    -o-transition: all 380ms cubic-bezier(.77, 0, .175, 1);
    transition: all 380ms cubic-bezier(.77, 0, .175, 1)
  }
  .modal-view .modal-wrapper {
    -moz-transition: all linear 280ms;
    -ms-transition: all linear 280ms;
    -webkit-transition: all linear 280ms;
    -o-transition: all linear 280ms;
    transition: all linear 280ms
  }
  .modal-view .inner-modal-wrapper {
    -moz-transition: all 380ms cubic-bezier(.77, 0, .175, 1);
    -ms-transition: all 380ms cubic-bezier(.77, 0, .175, 1);
    -webkit-transition: all 380ms cubic-bezier(.77, 0, .175, 1);
    -o-transition: all 380ms cubic-bezier(.77, 0, .175, 1);
    transition: all 380ms cubic-bezier(.77, 0, .175, 1)
  }
  .modal-view.ng-hide-remove .modal-wrapper {
    background-color: rgba(0, 0, 0, 0)
  }
  .modal-view.ng-hide-remove .inner-modal-wrapper {
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0)
  }
  .modal-view.ng-hide-remove.ng-hide-remove-active .modal-wrapper {
    background-color: rgba(0, 0, 0, 0.6)
  }
  .modal-view.ng-hide-remove.ng-hide-remove-active .inner-modal-wrapper {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }
  .modal-view.ng-hide-add .modal-wrapper {
    background-color: rgba(0, 0, 0, 0.6)
  }
  .modal-view.ng-hide-add .inner-modal-wrapper {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }
  .modal-view.ng-hide-add.ng-hide-add-active .modal-wrapper {
    background-color: rgba(0, 0, 0, 0)
  }
  .modal-view.ng-hide-add.ng-hide-add-active .inner-modal-wrapper {
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0)
  }
  .modal-wrapper.alert-wrapper {
    -moz-transition: all linear 270ms;
    -ms-transition: all linear 270ms;
    -webkit-transition: all linear 270ms;
    -o-transition: all linear 270ms;
    transition: all linear 270ms
  }
  .modal-wrapper.alert-wrapper .inner-alert-wrapper {
    -moz-transition: all 270ms cubic-bezier(.77, 0, .175, 1);
    -ms-transition: all 270ms cubic-bezier(.77, 0, .175, 1);
    -webkit-transition: all 270ms cubic-bezier(.77, 0, .175, 1);
    -o-transition: all 270ms cubic-bezier(.77, 0, .175, 1);
    transition: all 270ms cubic-bezier(.77, 0, .175, 1)
  }
  .modal-wrapper.alert-wrapper.ng-hide-remove {
    background-color: rgba(0, 0, 0, 0)
  }
  .modal-wrapper.alert-wrapper.ng-hide-remove .inner-alert-wrapper {
    -webkit-transform: translate(0, -22px);
    -ms-transform: translate(0, -22px);
    -o-transform: translate(0, -22px);
    transform: translate(0, -22px);
    opacity: 0
  }
  .modal-wrapper.alert-wrapper.ng-hide-remove.ng-hide-remove-active {
    background-color: rgba(0, 0, 0, 0.6)
  }
  .modal-wrapper.alert-wrapper.ng-hide-remove.ng-hide-remove-active .inner-alert-wrapper {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
  }
  .modal-wrapper.alert-wrapper.ng-hide-add {
    background-color: rgba(0, 0, 0, 0.6)
  }
  .modal-wrapper.alert-wrapper.ng-hide-add .inner-alert-wrapper {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
  }
  .modal-wrapper.alert-wrapper.ng-hide-add.ng-hide-add-active {
    background-color: rgba(0, 0, 0, 0)
  }
  .modal-wrapper.alert-wrapper.ng-hide-add.ng-hide-add-active .inner-alert-wrapper {
    -webkit-transform: translate(0, -22px);
    -ms-transform: translate(0, -22px);
    -o-transform: translate(0, -22px);
    transform: translate(0, -22px);
    opacity: 0
  }
  span.delete-icon.ng-hide-remove.ng-hide-remove-active {
    -moz-transition: all ease 200ms;
    -ms-transition: all ease 200ms;
    -webkit-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200ms
  }
  span.delete-icon.ng-hide-add {
    display: none
  }
  .main-uiview {
    -moz-transition: all ease 350ms;
    -ms-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
    -o-transition: all ease 350ms;
    transition: all ease 350ms
  }
  .main-uiview #content-wrapper {
    -moz-transition: all 350ms ease;
    -ms-transition: all 350ms ease;
    -webkit-transition: all 350ms ease;
    -o-transition: all 350ms ease;
    transition: all 350ms ease
  }
  .main-uiview.ng-enter {
    opacity: .3;
    -webkit-transform: translate(0, 80px);
    -ms-transform: translate(0, 80px);
    -o-transform: translate(0, 80px);
    transform: translate(0, 80px)
  }
  .main-uiview.ng-enter .loading {
    display: none !important
  }
  .main-uiview.ng-enter.ng-enter-active {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }
  .main-uiview.ng-leave {
    opacity: 0
  }
  .main-uiview.ng-leave.ng-leave-active {
    opacity: 0
  }
  .loading {
    -moz-transition: all linear 200ms;
    -ms-transition: all linear 200ms;
    -webkit-transition: all linear 200ms;
    -o-transition: all linear 200ms;
    transition: all linear 200ms
  }
  .loading.ng-hide-remove {
    display: block ! important;
    opacity: 0
  }
  .loading.ng-hide-remove.ng-hide-remove-active {
    opacity: 1
  }
  .loading.ng-hide-add {
    display: block ! important;
    opacity: 1
  }
  .loading.ng-hide-add.ng-hide-add-active {
    opacity: 0
  }
  .dropdown-user {
    -moz-transition: all ease 170ms;
    -ms-transition: all ease 170ms;
    -webkit-transition: all ease 170ms;
    -o-transition: all ease 170ms;
    transition: all ease 170ms
  }
  .dropdown-user.ng-hide-remove {
    display: block ! important;
    opacity: .1;
    -webkit-transform: translate(0, 15px);
    -ms-transform: translate(0, 15px);
    -o-transform: translate(0, 15px);
    transform: translate(0, 15px)
  }
  .dropdown-user.ng-hide-remove.ng-hide-remove-active {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }
  .dropdown-user.ng-hide-add {
    display: block ! important;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }
  .dropdown-user.ng-hide-add.ng-hide-add-active {
    opacity: .1;
    -webkit-transform: translate(0, 15px);
    -ms-transform: translate(0, 15px);
    -o-transform: translate(0, 15px);
    transform: translate(0, 15px)
  }
  .clearfix:before,
  .clearfix:after,
  .dl-horizontal dd:before,
  .dl-horizontal dd:after,
  .container:before,
  .container:after,
  .container-fluid:before,
  .container-fluid:after,
  .row:before,
  .row:after {
    content: " ";
    display: table
  }
  .clearfix:after,
  .dl-horizontal dd:after,
  .container:after,
  .container-fluid:after,
  .row:after {
    clear: both
  }
  .clearfix:before,
  .clearfix:after,
  .dl-horizontal dd:before,
  .dl-horizontal dd:after,
  .container:before,
  .container:after,
  .container-fluid:before,
  .container-fluid:after,
  .row:before,
  .row:after {
    content: " ";
    display: table
  }
  .clearfix:after,
  .dl-horizontal dd:after,
  .container:after,
  .container-fluid:after,
  .row:after {
    clear: both
  }
  .center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
  }
  .pull-right {
    float: right !important
  }
  .pull-left {
    float: left !important
  }
  .hide {
    display: none !important
  }
  .show {
    display: block !important
  }
  .invisible {
    visibility: hidden
  }
  .text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
  }
  .hidden {
    display: none !important;
    visibility: hidden !important
  }
  .affix {
    position: fixed;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  @-ms-viewport {
    width: device-width
  }
  .visible-xs,
  .visible-sm,
  .visible-md,
  .visible-lg {
    display: none !important
  }
  .visible-xs-block,
  .visible-xs-inline,
  .visible-xs-inline-block,
  .visible-sm-block,
  .visible-sm-inline,
  .visible-sm-inline-block,
  .visible-md-block,
  .visible-md-inline,
  .visible-md-inline-block,
  .visible-lg-block,
  .visible-lg-inline,
  .visible-lg-inline-block {
    display: none !important
  }
  @media (max-width: 767px) {
    .visible-xs {
      display: block !important
    }
    table.visible-xs {
      display: table
    }
    tr.visible-xs {
      display: table-row !important
    }
    th.visible-xs,
    td.visible-xs {
      display: table-cell !important
    }
  }
  @media (max-width: 767px) {
    .visible-xs-block {
      display: block !important
    }
  }
  @media (max-width: 767px) {
    .visible-xs-inline {
      display: inline !important
    }
  }
  @media (max-width: 767px) {
    .visible-xs-inline-block {
      display: inline-block !important
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
      display: block !important
    }
    table.visible-sm {
      display: table
    }
    tr.visible-sm {
      display: table-row !important
    }
    th.visible-sm,
    td.visible-sm {
      display: table-cell !important
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
      display: block !important
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
      display: inline !important
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
      display: inline-block !important
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
      display: block !important
    }
    table.visible-md {
      display: table
    }
    tr.visible-md {
      display: table-row !important
    }
    th.visible-md,
    td.visible-md {
      display: table-cell !important
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
      display: block !important
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
      display: inline !important
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
      display: inline-block !important
    }
  }
  @media (min-width: 1200px) {
    .visible-lg {
      display: block !important
    }
    table.visible-lg {
      display: table
    }
    tr.visible-lg {
      display: table-row !important
    }
    th.visible-lg,
    td.visible-lg {
      display: table-cell !important
    }
  }
  @media (min-width: 1200px) {
    .visible-lg-block {
      display: block !important
    }
  }
  @media (min-width: 1200px) {
    .visible-lg-inline {
      display: inline !important
    }
  }
  @media (min-width: 1200px) {
    .visible-lg-inline-block {
      display: inline-block !important
    }
  }
  @media (max-width: 767px) {
    .hidden-xs {
      display: none !important
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
      display: none !important
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
      display: none !important
    }
  }
  @media (min-width: 1200px) {
    .hidden-lg {
      display: none !important
    }
  }
  .visible-print {
    display: none !important
  }
  @media print {
    .visible-print {
      display: block !important
    }
    table.visible-print {
      display: table
    }
    tr.visible-print {
      display: table-row !important
    }
    th.visible-print,
    td.visible-print {
      display: table-cell !important
    }
  }
  .visible-print-block {
    display: none !important
  }
  @media print {
    .visible-print-block {
      display: block !important
    }
  }
  .visible-print-inline {
    display: none !important
  }
  @media print {
    .visible-print-inline {
      display: inline !important
    }
  }
  .visible-print-inline-block {
    display: none !important
  }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important
    }
  }
  @media print {
    .hidden-print {
      display: none !important
    }
  }
  html,
  body {
    font-family: 'interface', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    font-size: 15px;
    background: #e1e1e1
  }
  h1 {
    margin: 0;
    font-size: 1.33333333em
  }
  h2 {
    color: #e17250;
    font-size: 1.33333333em;
    margin: 0 0 10px 0;
    font-weight: 700
  }
  h3 {
    color: #5f5f5f;
    font-size: 1.33333333em;
    margin: 10px 0;
    font-weight: 700
  }
  p:last-child {
    margin-bottom: 0
  }
  a {
    text-decoration: none;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms
  }
  a:hover {
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
    text-decoration: none
  }
  a:not(.login-link) {
    text-decoration: none;
    color: #fff;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms
  }
  a:not(.login-link):hover {
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
    text-decoration: none;
    color: #fff
  }
  a:not(.login-link):focus {
    text-decoration: none;
    color: #fff
  }
  .scroll-container {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
  }
  #mainWrapper {
    min-width: 1010px;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: hidden
  }
  #sidebar {
    position: absolute;
    width: 195px;
    left: 0;
    height: 100%
  }
  #main {
    height: 100%;
    position: absolute;
    left: 195px;
    right: 0
  }
  #header {
    height: 40px;
    position: absolute;
    top: 0;
    width: 100%
  }
  #content-wrapper {
    width: 100%;
    height: 100%
  }
  .main-uiview {
    width: 100%;
    top: 40px;
    bottom: 0;
    position: absolute
  }
  .no-gutter {
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
    padding-left: 0
  }
  .hDivider {
    width: 100%;
    display: block;
    border-bottom: 1px solid #dcdcdc;
    margin: 9px auto;
    clear: both
  }
  .hDivider-user {
    display: block;
    clear: both;
    border-bottom: 1px solid #dcdcdc;
    margin: 0 18px
  }
  .hDivider-user.inner-divider {
    border-bottom: 1px solid #cdcdcd
  }
  .loading {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.93);
    z-index: 3;
    padding-top: 30px
  }
  .loading .spinner {
    height: 60px;
    width: 60px;
    margin: 0 auto;
    position: relative;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left: 6px solid rgba(213, 116, 86, 0.25);
    border-right: 6px solid rgba(213, 116, 86, 0.25);
    border-bottom: 6px solid rgba(213, 116, 86, 0.25);
    border-top: 6px solid rgba(213, 116, 86, 0.8);
    border-radius: 100%
  }
  .loading p {
    text-align: center;
    width: auto;
    margin-left: 0;
    margin-top: 5px;
    font-size: 1.46666667em
  }
  div.ui-datepicker {
    font-size: 15px
  }
  div.ui-datepicker select {
    padding: 3px 10px 5px 9px
  }
  .ui-autocomplete {
    padding-top: 1px;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden
  }
  .ui-autocomplete.ui-widget-content {
    border-top-style: none
  }
  .ui-autocomplete .ui-menu-item {
    font-size: 15px
  }
  .ui-autocomplete .ui-menu-item.ui-state-focus {
    color: white;
    background: #7298c2;
    outline: none;
    border: 1px solid #7298c2
  }
  #header {
    background: #54687e
  }
  #header a,
  #header a:hover {
    text-decoration: none
  }
  #header h1.main-title {
    font-size: 1.33333333em;
    color: #fff;
    font-weight: 400;
    padding: 9px 0 0 17px;
    float: left;
    font-weight: 700
  }
  #header #header-tools {
    float: right
  }
  #header #header-tools .header-widget {
    float: left;
    height: 40px;
    border-right: 1px solid #698099;
    padding: 8px 15px 0;
    color: #fff;
    -moz-transition: all ease 250ms;
    -ms-transition: all ease 250ms;
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms
  }
  #header #header-tools .header-widget:last-child {
    border-right: none
  }
  #header #header-tools #patient-widget {
    position: relative;
    cursor: pointer
  }
  #header #header-tools #patient-widget:hover {
    background: #42556a;
    -moz-transition: all ease 250ms;
    -ms-transition: all ease 250ms;
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms
  }
  #header #header-tools #patient-widget.active {
    background: #42556a;
    -moz-transition: all ease 250ms;
    -ms-transition: all ease 250ms;
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms
  }
  #header #header-tools #patient-widget.active>.dropdown-user {
    display: block
  }
  #header #header-tools #patient-widget .patient-name {
    font-size: 1.13333333em;
    float: left
  }
  #header #header-tools #patient-widget .down-arrow {
    background: url('../img/svg/arrow.svg') no-repeat;
    display: block;
    float: left;
    width: 13px;
    height: 8px;
    margin: 9px 0 0 13px
  }
  #header #header-tools #patient-widget .dropdown-user {
    position: absolute;
    z-index: 4;
    background-color: #fff;
    width: 250px;
    top: 40px;
    right: 0;
    cursor: default;
    display: none
  }
  #header #header-tools #patient-widget .dropdown-user .dropdown-wrapper {
    background-color: #fff;
    border: 1px solid #b9b9b9;
    border-top: none;
    padding: 15px
  }
  #header #header-tools #patient-widget .dropdown-user .dropdown-wrapper .dropdown-content {
    color: #595959;
    text-align: center
  }
  #header #header-tools #patient-widget .dropdown-user .dropdown-wrapper .dropdown-content h2 {
    margin: 2px 0 0 0
  }
  #header #header-tools #patient-widget .dropdown-user .dropdown-wrapper .dropdown-content .client-email {
    color: #609dc4;
    font-size: 1.13333333em;
    margin-bottom: 5px;
    max-width: 210px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
  }
  #header #header-tools #patient-widget .dropdown-user .dropdown-wrapper .dropdown-content .description {
    font-size: 1em
  }
  #header #header-tools #patient-widget .dropdown-user .dropdown-wrapper .dropdown-content a.button.small {
    margin-top: 5px
  }
  #header #header-tools #patient-widget .dropdown-user .dropdown-wrapper .dropdown-content .edit-client {
    cursor: pointer;
    font-weight: 600;
    transition: all ease 200ms;
    font-size: .86666667em;
    letter-spacing: .6px;
    color: #888;
    display: inline-block;
    padding: 0 7px;
    margin-top: 5px
  }
  #header #header-tools #patient-widget .dropdown-user .dropdown-wrapper .dropdown-content .edit-client:hover {
    color: #327ed2
  }
  #header #header-tools #patient-widget .dropdown-user .dropdown-wrapper .dropdown-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 10px;
    font-size: 16px
  }
  #header #header-tools #patient-widget .dropdown-user .dropdown-wrapper .dropdown-content ul li span {
    font-weight: 600
  }
  #header #header-tools #patient-widget .dropdown-user .dropdown-wrapper .dropdown-content .buttons-wrapper .button:last-child {
    margin-left: 5px
  }
  #header #header-tools #patient-widget .dropdown-user .dropdown-wrapper .dropdown-content .profile-img-wrapper {
    width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: 100%;
    margin: 0 auto
  }
  #header #header-tools #patient-widget .dropdown-user .dropdown-wrapper .dropdown-content .profile-img-wrapper .profile-pic {
    background: url('/img/default_user.png') no-repeat 50% 50%;
    background-size: cover;
    height: 100%;
    width: 100%
  }
  #header #header-tools #settings-widget {
    cursor: pointer
  }
  #header #header-tools #settings-widget .cogwheel {
    position: relative;
    top: 1px
  }
  #header #header-tools #settings-widget:hover {
    background: #42556a;
    -moz-transition: all ease 250ms;
    -ms-transition: all ease 250ms;
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms
  }
  #header #header-tools #user-settings {
    cursor: pointer;
    position: relative;
    padding-top: 6px
  }
  #header #header-tools #user-settings.active>.dropdown-user {
    display: block
  }
  #header #header-tools #user-settings .user-icon {
    margin: 3px 6px 0 0
  }
  #header #header-tools #user-settings span.user-name {
    font-weight: 600;
    font-size: .93333333em;
    text-transform: uppercase;
    position: relative;
    top: 3px;
    letter-spacing: .2px
  }
  #header #header-tools #user-settings:hover {
    background: #42556a;
    -moz-transition: all ease 250ms;
    -ms-transition: all ease 250ms;
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms
  }
  #header #header-tools #user-settings .dropdown-user {
    position: absolute;
    z-index: 4;
    background-color: #fff;
    width: 200px;
    top: 40px;
    right: 0;
    cursor: default;
    display: none
  }
  #header #header-tools #user-settings .dropdown-user .dropdown-wrapper {
    background-color: #fff;
    border: 1px solid #b9b9b9;
    border-top: none;
    padding: 15px
  }
  #header #header-tools #user-settings .dropdown-user .dropdown-wrapper .dropdown-content {
    color: #595959
  }
  #header #header-tools #user-settings .dropdown-user .dropdown-wrapper .dropdown-content ul.account-details-wrapper {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 5px
  }
  #header #header-tools #user-settings .dropdown-user .dropdown-wrapper .dropdown-content ul.account-details-wrapper li {
    color: #646464
  }
  #header #header-tools #user-settings .dropdown-user .dropdown-wrapper .dropdown-content ul.account-details-wrapper li span {
    font-weight: 600
  }
  #header #header-tools #user-settings .dropdown-user .dropdown-wrapper .dropdown-content .user-option {
    text-transform: uppercase;
    letter-spacing: .2px;
    font-weight: 600;
    font-size: .86666667em;
    cursor: pointer;
    margin: 7px 0;
    color: #5f86b7
  }
  #header #header-tools #user-settings .dropdown-user .dropdown-wrapper .dropdown-content .hDivider {
    display: inline-block;
    margin: 5px 0
  }
  #header #header-tools #user-settings .dropdown-user .dropdown-wrapper .dropdown-content .buttons-wrapper {
    margin-top: 3px;
    display: inline-block
  }
  #header #header-tools #feedback-widget {
    background: #5691d5;
    margin-left: -1px;
    position: relative;
    cursor: pointer
  }
  #header #header-tools #feedback-widget .feedback-label {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: .5px;
    margin-top: 2px;
    font-weight: 600;
    float: left
  }
  #header #header-tools #feedback-widget #feedback-icon-svg {
    float: left;
    margin-top: 6px;
    margin-right: 8px
  }
  #header #header-tools #feedback-widget:hover {
    background: #4178b8;
    -moz-transition: all ease 250ms;
    -ms-transition: all ease 250ms;
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms
  }
  #header #logged-user {
    float: right;
    font-size: 1.06666667em;
    color: #c3d8ff;
    padding: 12px 0;
    cursor: pointer
  }
  #header #logged-user span {
    float: left;
    margin-right: 12px
  }
  #header #logged-user span.user-icon {
    margin-top: 5px
  }
  #header #logged-user span.username {
    margin-top: 8px
  }
  #header #logged-user span.down-arrow {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #c3d8ff;
    border-bottom: 0 solid #c3d8ff;
    margin-top: 16px
  }
  #sidebar {
    background: #d57456;
    text-align: center
  }
  #sidebar #sidebar-header {
    height: 40px;
    text-align: left;
    background: #54687e
  }
  #sidebar #sidebar-header span img {
    margin: 12px 0 0 20px
  }
  #sidebar .menu-wrapper {
    position: absolute;
    top: 40px;
    bottom: 0;
    width: 100%;
    text-align: left
  }
  #sidebar .menu-wrapper.has-footer {
    bottom: 35px
  }
  #sidebar .menu-wrapper ul {
    padding: 0;
    list-style: none
  }
  #sidebar .menu-wrapper ul li.nav-item {
    position: relative;
    padding: 0 14px;
    -moz-transition: all ease 250ms;
    -ms-transition: all ease 250ms;
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms;
    margin-top: -1px;
    cursor: pointer;
    font-size: 1.06666667em;
    color: #fff;
    display: block
  }
  #sidebar .menu-wrapper ul li.nav-item:hover {
    background: #bf684d
  }
  #sidebar .menu-wrapper ul li.nav-item.active {
    cursor: default;
    font-weight: 700
  }
  #sidebar .menu-wrapper ul li.nav-item.has-children:after {
    -moz-transition: all ease 250ms;
    -ms-transition: all ease 250ms;
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms;
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #b66246;
    border-bottom: 0 solid #b66246;
    position: absolute;
    top: 21px;
    right: 21px
  }
  #sidebar .menu-wrapper ul li.nav-item.has-children:hover:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #f4bba9;
    border-bottom: 0 solid #f4bba9
  }
  #sidebar .menu-wrapper ul li.nav-item.has-active {
    background: #bf684d
  }
  #sidebar .menu-wrapper ul li.nav-item.has-active .inner-wrapper {
    cursor: default;
    font-weight: 700
  }
  #sidebar .menu-wrapper ul li.nav-item.has-active:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #f4bba9;
    border-bottom: 0 solid #f4bba9
  }
  #sidebar .menu-wrapper ul li.nav-item.has-active ul.submenu {
    visibility: visible;
    max-height: 300px;
    transition: all .4s ease-out;
    padding-bottom: 10px
  }
  #sidebar .menu-wrapper ul li.nav-item .inner-wrapper {
    border-bottom: 1px solid #bf684d;
    padding: 11px 0 11px 5px
  }
  #sidebar .menu-wrapper ul li.nav-item img.sidebar-icon {
    float: left;
    width: 15px;
    margin-right: 10px;
    margin-top: 2px
  }
  #sidebar .menu-wrapper ul li.nav-item ul.submenu {
    overflow: hidden;
    max-height: 0;
    transition: all .4s ease-out;
    visibility: hidden;
    padding: 0
  }
  #sidebar .menu-wrapper ul li.nav-item ul.submenu li:last-child {
    border-bottom: none
  }
  #sidebar .menu-wrapper ul li.nav-item ul.submenu li.submenu-item {
    cursor: pointer;
    -moz-transition: all ease 250ms;
    -ms-transition: all ease 250ms;
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms;
    font-size: .86666667em;
    padding: 10px 5px;
    line-height: 1em
  }
  #sidebar .menu-wrapper ul li.nav-item ul.submenu li.submenu-item:hover {
    color: #f4bba9
  }
  #sidebar .menu-wrapper ul li.nav-item ul.submenu li.submenu-item.inner-active {
    cursor: default;
    font-weight: 700
  }
  #sidebar .menu-wrapper ul li.nav-item ul.submenu li.submenu-item.inner-active:hover {
    color: #fff
  }
  #sidebar #admin-footer {
    position: absolute;
    bottom: -80px;
    background: #bf684d;
    text-align: center;
    width: 100%;
    -moz-transition: all ease 250ms;
    -ms-transition: all ease 250ms;
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms
  }
  #sidebar #admin-footer:hover {
    bottom: 0;
    -moz-transition: all ease 250ms;
    -ms-transition: all ease 250ms;
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms
  }
  #sidebar #admin-footer.admin-active {
    bottom: 0;
    -moz-transition: all ease 250ms;
    -ms-transition: all ease 250ms;
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms
  }
  #sidebar #admin-footer .admin-title {
    font-size: .93333333em;
    color: #fff;
    margin: 8px 0;
    font-weight: 700;
    text-transform: uppercase;
    cursor: default;
    letter-spacing: .5px
  }
  #sidebar #admin-footer .admin-title:hover {
    text-decoration: none
  }
  #sidebar #admin-footer .admin-options-wrapper .admin-list {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 7px;
    color: #fff
  }
  #sidebar #admin-footer .admin-options-wrapper .admin-list .list-item {
    cursor: pointer;
    -moz-transition: all ease 200ms;
    -ms-transition: all ease 200ms;
    -webkit-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200ms;
    margin-bottom: 5px
  }
  #sidebar #admin-footer .admin-options-wrapper .admin-list .list-item:hover {
    color: #f4bba9
  }
  #sidebar #admin-footer .admin-options-wrapper .admin-list .list-item.item-active {
    cursor: default;
    font-weight: 700
  }
  #sidebar #admin-footer .admin-options-wrapper .admin-list .list-item.item-active:hover {
    color: #fff
  }
  #content-wrapper .main-container.has-grid {
    height: 100%;
    max-width: 610px
  }
  #content-wrapper .main-container.has-grid.users-grid {
    max-width: 520px
  }
  #content-wrapper .main-container.has-grid.coupons-grid {
    max-width: 610px
  }
  #content-wrapper .main-container.has-grid.clients-grid {
    max-width: initial
  }
  #content-wrapper .main-container.has-grid .grid-wrapper {
    height: 100%
  }
  #content-wrapper .main-container.has-grid .grid-wrapper table {
    width: 100%;
    table-layout: fixed;
    font-size: 1em;
    color: #525252
  }
  #content-wrapper .main-container.has-grid .grid-wrapper table tr {
    text-align: left;
    border-bottom: 1px solid #e6e6e6
  }
  #content-wrapper .main-container.has-grid .grid-wrapper table tr td {
    padding: 8px 11px
  }
  #content-wrapper .main-container.has-grid .grid-wrapper table tr th {
    padding: 0 11px;
    height: 49px
  }
  #content-wrapper .main-container.has-grid .grid-wrapper table tr td:first-child,
  #content-wrapper .main-container.has-grid .grid-wrapper table tr th:first-child {
    padding-left: 20px
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .grid-top {
    width: 100%;
    height: 65px;
    background-color: #fafafa;
    border-bottom: 5px solid #e1e1e1;
    padding: 15px
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .grid-top .searchby-label {
    float: left;
    margin-right: 15px;
    font-size: 14px;
    margin-top: 4px;
    letter-spacing: .2px;
    border-bottom: 1px solid #a0a0a0;
    border-bottom: 1px solid #5292d8;
    color: #717171;
    color: #4077b3
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .grid-top .grid-search {
    margin-right: 10px;
    width: 300px;
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .grid-header {
    position: absolute;
    padding-right: 8px
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .grid-header a {
    position: relative;
    text-decoration: none;
    cursor: pointer;
    color: #54687e;
    font-size: 1.26666667em;
    font-weight: 700
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .grid-header a.sorted-asc:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #b7c4da;
    border-bottom: 0 solid #b7c4da;
    position: absolute;
    bottom: 7px;
    margin-left: 7px
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .grid-header a.sorted-desc:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 0 solid #b7c4da;
    border-bottom: 5px solid #b7c4da;
    position: absolute;
    bottom: 7px;
    margin-left: 7px
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .grid-header table tr {
    border-bottom: 1px solid #d2d2d2
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .grid-header table tr th {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .grid-content {
    width: 100%;
    position: absolute;
    top: 65px;
    bottom: 45px
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .grid-content table tr.row-content {
    cursor: pointer;
    -webkit-transition: all ease 200ms;
    -moz-transition: all ease 200ms;
    -ms-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200ms
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .grid-content table tr.row-content:hover {
    background: #f4f4f4;
    -webkit-transition: all ease 200ms;
    -moz-transition: all ease 200ms;
    -ms-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200ms
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .grid-content table tr.row-content td {
    -webkit-transition: all ease 200ms;
    -moz-transition: all ease 200ms;
    -ms-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200ms
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .grid-content table tr.row-content td.wrong-status {
    color: #d73c3c
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .grid-content table tr.row-content td.highlighted {
    font-weight: 600;
    letter-spacing: .2px
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .grid-content table tr.row-content td.success {
    color: #208159
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .grid-content table tr.row-content td.fail {
    color: #c82626
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .grid-content table tr.row-content td .expire-date {
    font-size: .93333333em;
    -webkit-transition: all ease 200ms;
    -moz-transition: all ease 200ms;
    -ms-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200ms;
    font-weight: 500;
    color: #208159
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .grid-content table tr.row-content td .expire-date.expired {
    color: #c82626
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .grid-content table tr.row-content td .user-email {
    font-size: .93333333em;
    -webkit-transition: all ease 200ms;
    -moz-transition: all ease 200ms;
    -ms-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200ms;
    font-weight: 500;
    color: #30609e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .grid-content table tr.row-content.row-active {
    background-color: #52a07c;
    cursor: default
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .grid-content table tr.row-content.row-active td {
    color: #fff
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .grid-content table tr.row-content.row-active td .expire-date,
  #content-wrapper .main-container.has-grid .grid-wrapper .grid-content table tr.row-content.row-active td .user-email {
    color: #fff
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .grid-content table tr.row-content.client-active {
    background-color: #648ab9;
    cursor: default
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .grid-content table tr.row-content.client-active td {
    color: #fff
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .grid-content table tr.row-content.client-active td .expire-date,
  #content-wrapper .main-container.has-grid .grid-wrapper .grid-content table tr.row-content.client-active td .user-email {
    color: #fff
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .grid-header.clients-grid,
  #content-wrapper .main-container.has-grid .grid-wrapper .grid-content.clients-grid {
    width: 230px
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .grid-bottom {
    width: 100%;
    height: 45px;
    border-top: 5px solid #e1e1e1;
    position: absolute;
    bottom: 0;
    background-color: #fafafa;
    padding: 6px 15px 0
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .grid-bottom .grid-nav {
    font-size: 12px;
    color: #3aa072;
    letter-spacing: .7px;
    font-weight: 700
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .single-client-wrapper {
    font-size: 1em;
    background-color: #fff;
    border-left: 1px solid #d2d2d2;
    position: absolute;
    top: 65px;
    bottom: 35px;
    left: 230px;
    right: 0
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .single-client-wrapper .client-header {
    height: 46px;
    border-bottom: 1px solid #d2d2d2
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .single-client-wrapper .client-header h2 {
    margin: 0;
    padding: 12px;
    padding-left: 15px;
    float: left
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .single-client-wrapper .client-header .client-buttons {
    float: left;
    margin-top: 10px
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .single-client-wrapper .client-header .client-buttons a.button {
    padding: 5px 10px;
    font-size: .93333333em;
    margin-left: 5px
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .single-client-wrapper .client-header .client-buttons a.button:first-child {
    margin-left: 0
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .single-client-wrapper .client-header .client-buttons a.button.current-client {
    padding-left: 6px
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .single-client-wrapper .client-content {
    overflow-y: auto;
    position: absolute;
    bottom: 0;
    top: 49px;
    right: 0;
    left: 0;
    padding: 15px
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .single-client-wrapper .client-content .content-inner {
    max-width: 760px
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .single-client-wrapper .client-content .content-inner .email-account {
    font-size: 1.13333333em;
    letter-spacing: .3px;
    color: #609dc4
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .single-client-wrapper .client-content .content-inner .profile-img-wrapper {
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 100%
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .single-client-wrapper .client-content .content-inner .profile-img-wrapper .profile-picture {
    width: 100%;
    height: 100%
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .single-client-wrapper .client-content .content-inner .description {
    color: #575757;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    margin: 12px 0;
    padding: 8px 5px
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .single-client-wrapper .client-content .content-inner .client-profiles-wrapper .category-profiles {
    margin-bottom: 10px
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .single-client-wrapper .client-content .content-inner .client-profiles-wrapper .category-profiles:last-child {
    margin-bottom: 0
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .single-client-wrapper .client-content .content-inner .client-profiles-wrapper .category-profiles .category-title {
    color: #5f5f5f;
    font-size: 1.2em;
    margin: 1px 0;
    font-weight: 600
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .single-client-wrapper .client-content .content-inner .client-profiles-wrapper .category-profiles .box-wrapper {
    background: #f7f7f7;
    padding: 0;
    display: inline-block;
    width: 49%;
    margin-top: 5px;
    float: left
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .single-client-wrapper .client-content .content-inner .client-profiles-wrapper .category-profiles .box-wrapper:last-child {
    margin-left: 2%
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .single-client-wrapper .client-content .content-inner .client-profiles-wrapper .category-profiles .box-wrapper .box-title {
    font-weight: 600;
    font-size: 16px;
    letter-spacing: .2px;
    color: #3a6190;
    padding: 10px 15px 7px;
    border-bottom: 1px solid #e2e2e2
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .single-client-wrapper .client-content .content-inner .client-profiles-wrapper .category-profiles .box-wrapper span.profile-selected {
    font-weight: 500
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .single-client-wrapper .client-content .content-inner .client-profiles-wrapper .category-profiles .box-wrapper .box-content {
    height: 124px;
    overflow-y: auto
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .single-client-wrapper .client-content .content-inner .client-profiles-wrapper .category-profiles .box-wrapper .box-content ul.inner-list {
    list-style: none;
    padding: 0;
    margin: 0;
    letter-spacing: .3px
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .single-client-wrapper .client-content .content-inner .client-profiles-wrapper .category-profiles .box-wrapper .box-content ul.inner-list li {
    padding: 5px 0 5px 15px;
    cursor: default;
    -moz-transition: all ease 250ms;
    -ms-transition: all ease 250ms;
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .single-client-wrapper .client-content .content-inner .client-profiles-wrapper .category-profiles .box-wrapper .box-content ul.inner-list.profiles-list li.profile-active {
    background-color: #52a07c;
    color: #fff;
    font-weight: 600;
    cursor: default
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .single-client-wrapper .client-content .content-inner .client-profiles-wrapper .category-profiles .box-wrapper .box-content ul.inner-list.profiles-list li.profile-active:hover {
    background-color: #52a07c
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .single-client-wrapper .client-content .content-inner .client-profiles-wrapper .category-profiles .box-wrapper .box-content ul.inner-list.lists-list li span.list-date {
    color: #8c8c8c;
    font-size: .86666667em;
    letter-spacing: .3px
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .single-client-wrapper .client-content .content-inner .client-profiles-wrapper .category-profiles .box-wrapper .box-content ul.inner-list.lists-list li.select-profile {
    font-style: italic;
    cursor: default;
    color: #6e6e6e
  }
  #content-wrapper .main-container.has-grid .grid-wrapper .single-client-wrapper .client-content .content-inner .client-profiles-wrapper .hDivider {
    display: inline-block
  }
  .expire-date {
    font-size: .93333333em;
    -webkit-transition: all ease 200ms;
    -moz-transition: all ease 200ms;
    -ms-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200ms;
    font-weight: 500;
    color: #208159
  }
  .expire-date.expired {
    color: #c82626
  }
  .user-email {
    font-size: .93333333em;
    -webkit-transition: all ease 200ms;
    -moz-transition: all ease 200ms;
    -ms-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200ms;
    font-weight: 500;
    color: #30609e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
  }
  .success {
    color: #208159
  }
  .fail {
    color: #c82626
  }
  .myGrid {
    height: 100%;
    border: 0 !important
  }
  .myClietsGrid {
    width: 230px;
    height: 100%;
    border: 0 !important
  }
  .ui-grid-header {
    cursor: inherit
  }
  .ui-grid-header .ui-grid-header-cell {
    padding-left: 10px
  }
  .ui-grid-header .ui-grid-header-cell .sortable {
    cursor: default
  }
  .ui-grid-header .ui-grid-header-cell .ui-grid-cell-contents {
    height: 45px !important;
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
    font-size: 1.13333333em
  }
  .ui-grid-cell-custom.expired {
    color: #c82626
  }
  .ui-grid-row>[ui-grid-row]>.ui-grid-cell {
    cursor: pointer;
    background-color: #fff !important;
    border-right: 0 solid;
    border-bottom: 1px solid;
    border-color: #d4d4d4;
    padding-top: 3px;
    padding-left: 10px;
    -webkit-transition: all ease 200ms;
    -moz-transition: all ease 200ms;
    -ms-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200ms
  }
  .ui-grid-row>[ui-grid-row]>.ui-grid-cell.active {
    background-color: #648ab9 !important;
    color: #fff !important;
    cursor: default
  }
  .ui-grid-row>[ui-grid-row]>.ui-grid-cell.active:hover {
    background-color: #648ab9 !important
  }
  .ui-grid-viewport {
    overflow-x: hidden !important
  }
  .ui-grid-row:hover>[ui-grid-row]>.ui-grid-cell {
    background-color: #f4f4f4 !important;
    -webkit-transition: all ease 200ms;
    -moz-transition: all ease 200ms;
    -ms-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200ms
  }
  #content-wrapper {
    padding: 15px 0
  }
  #content-wrapper .content-item {
    background: #fff;
    margin-bottom: 15px;
    padding: 20px 18px
  }
  #content-wrapper .footer-nav div {
    float: left
  }
  #content-wrapper .column {
    width: 382px;
    float: left;
    margin-left: 15px
  }
  #content-wrapper .column.wide {
    width: 530px
  }
  #content-wrapper .main-container {
    background: #fff;
    position: relative;
    margin: 0 15px;
    max-width: 750px;
    max-height: 100%;
    padding: 15px 20px;
    overflow-y: auto
  }
  #content-wrapper .main-container.has-grid {
    overflow-y: visible;
    padding: 0
  }
  #content-wrapper .main-container.has-iframe {
    padding: 0;
    height: 100%;
    overflow: hidden
  }
  #content-wrapper .main-container.has-iframe iframe.pdf-resources {
    width: 100%;
    height: 100%
  }
  #content-wrapper .content-item.seedword .cvcv {
    margin: 5px;
    margin-bottom: 15px
  }
  #content-wrapper .content-item.seedword .cccvc-label {
    margin-bottom: 15px;
    text-align: center;
    font-size: 16px;
    letter-spacing: .2px
  }
  #content-wrapper .content-item.seedword input.cccvc-input {
    clear: both;
    width: 100%;
    margin-bottom: 20px;
    letter-spacing: 3px;
    font-size: 22px;
    text-align: center;
    padding: 4px 2px 4px 6px
  }
  #content-wrapper .content-item.seedword .input-wrapper {
    position: relative
  }
  #content-wrapper .content-item.seedword input.sw-input {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 1.46666667em;
    color: #545454;
    padding-left: 40px;
    padding-right: 40px
  }
  #content-wrapper .content-item.seedword input.sw-input.cluster {
    width: 100%;
    margin: 0 0 20 0
  }
  #content-wrapper .content-item.seedword .sw-more {
    height: 40px;
    width: 40px;
    background-position: 50% 50%;
    float: right;
    display: block;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
    cursor: pointer;
    position: absolute;
    right: 0
  }
  #content-wrapper .content-item.seedword .sw-more #sw-icon-svg {
    margin: 13px 10px;
    transition: all ease 200ms;
    fill: #ea9176
  }
  #content-wrapper .content-item.seedword .sw-more:hover {
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
    background-color: #ea9176
  }
  #content-wrapper .content-item.seedword .sw-more:hover #sw-icon-svg {
    fill: #fff
  }
  #content-wrapper .content-item.seedword .sound-location {
    font-size: 1.06666667em;
    color: #575757;
    line-height: 25px;
    padding: 17px 0
  }
  #content-wrapper .content-item.seedword .sound-location input {
    margin-right: 7px
  }
  #content-wrapper .content-item.seedword .sound-location label.sound-checkbox {
    cursor: pointer
  }
  #content-wrapper .content-item.seedword .sound-location label.sound-checkbox input[type=checkbox].hide {
    display: none
  }
  #content-wrapper .content-item.seedword .sound-location label.sound-checkbox input[type=checkbox]+.sound-btn {
    color: #5f5f5f;
    text-align: center;
    -moz-transition: all ease 200ms;
    -ms-transition: all ease 200ms;
    -webkit-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200ms;
    border: 1px solid #e0e0e0;
    border-left: none;
    border-right: none;
    margin-top: -1px;
    padding: 5px 0;
    position: relative
  }
  #content-wrapper .content-item.seedword .sound-location label.sound-checkbox input[type=checkbox]+.sound-btn:before {
    content: "";
    background: url('../img/svg/sound-check.svg') no-repeat 10px 11px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px;
    opacity: 0;
    -moz-transition: all ease 150ms;
    -ms-transition: all ease 150ms;
    -webkit-transition: all ease 150ms;
    -o-transition: all ease 150ms;
    transition: all ease 150ms
  }
  #content-wrapper .content-item.seedword .sound-location label.sound-checkbox input[type=checkbox]+.sound-btn:hover {
    background-color: #f5f5f5;
    -moz-transition: all ease 200ms;
    -ms-transition: all ease 200ms;
    -webkit-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200ms
  }
  #content-wrapper .content-item.seedword .sound-location label.sound-checkbox input[type=checkbox]:checked+.sound-btn {
    -moz-transition: all ease 200ms;
    -ms-transition: all ease 200ms;
    -webkit-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200ms
  }
  #content-wrapper .content-item.seedword .sound-location label.sound-checkbox input[type=checkbox]:checked+.sound-btn:before {
    opacity: 1
  }
  #content-wrapper .content-item.seedword .button-wrapper {
    margin: 0 auto;
    text-align: center
  }
  #content-wrapper .content-item.seedword .button-wrapper .create-list {
    margin-right: 15px
  }
  #content-wrapper .content-item.patient {
    padding: 0;
    position: relative
  }
  #content-wrapper .content-item.patient .patient-nav-wrapper {
    padding: 5px 13px;
    border-bottom: 1px solid #c0c0c0;
    letter-spacing: .5px
  }
  #content-wrapper .content-item.patient .patient-nav-wrapper .nav-title {
    float: left;
    color: #d57456
  }
  #content-wrapper .content-item.patient .patient-nav-wrapper .nav-options-wrapper {
    float: right;
    margin-right: -13px
  }
  #content-wrapper .content-item.patient .patient-nav-wrapper .nav-options-wrapper .nav-option {
    color: #7c7c7c;
    -moz-transition: all ease 150ms;
    -ms-transition: all ease 150ms;
    -webkit-transition: all ease 150ms;
    -o-transition: all ease 150ms;
    transition: all ease 150ms;
    font-size: .93333333em;
    float: left;
    border-right: 1px solid #d7d7d7;
    padding: 0 13px;
    cursor: pointer;
    position: relative
  }
  #content-wrapper .content-item.patient .patient-nav-wrapper .nav-options-wrapper .nav-option:after {
    content: "";
    position: absolute;
    left: 9px;
    right: 9px;
    height: 1px;
    background: #3c85d7;
    bottom: 0;
    opacity: 0;
    transition: all ease 150ms
  }
  #content-wrapper .content-item.patient .patient-nav-wrapper .nav-options-wrapper .nav-option:last-child {
    border-right: 0
  }
  #content-wrapper .content-item.patient .patient-nav-wrapper .nav-options-wrapper .nav-option:hover {
    color: #366ead
  }
  #content-wrapper .content-item.patient .patient-nav-wrapper .nav-options-wrapper .nav-option:hover:after {
    opacity: 1
  }
  #content-wrapper .content-item.patient .patient-nav-wrapper .new-button {
    width: 30% !important;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 400;
    background: #54687e
  }
  #content-wrapper .content-item.patient .patient-nav-wrapper .new-button:hover {
    background-color: #3c4d61
  }
  #content-wrapper .content-item.patient .current-patient-wrapper {
    border-top: 4px solid #e1e1e1
  }
  #content-wrapper .content-item.patient .current-patient-wrapper .patient-details {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    padding: 17px 18px 16px
  }
  #content-wrapper .content-item.patient .current-patient-wrapper .patient-details h2 {
    margin: 0
  }
  #content-wrapper .content-item.patient .current-patient-wrapper .patient-details .profile-img-wrapper {
    overflow: hidden;
    border-radius: 100%;
    width: 75px;
    height: 75px;
    margin: 15px auto 10px auto
  }
  #content-wrapper .content-item.patient .current-patient-wrapper .patient-details .profile-img-wrapper img {
    width: 100%
  }
  #content-wrapper .content-item.patient .current-patient-wrapper .patient-details .details-wrapper {
    margin: 3px 0;
    padding: 0 15px
  }
  #content-wrapper .content-item.patient .current-patient-wrapper .patient-details .details-wrapper .email-account {
    font-size: 1.13333333em;
    letter-spacing: .3px;
    color: #609dc4
  }
  #content-wrapper .content-item.patient .current-patient-wrapper .patient-details .details-wrapper .description {
    color: #575757;
    margin-top: 5px
  }
  #content-wrapper .content-item.patient .current-patient-wrapper .patient-details .details-wrapper .edit-client {
    cursor: pointer;
    font-weight: 600;
    transition: all ease 200ms;
    font-size: .93333333em;
    letter-spacing: .6px;
    color: #888;
    display: inline-block;
    padding: 0 7px;
    margin-top: 5px
  }
  #content-wrapper .content-item.patient .current-patient-wrapper .patient-details .details-wrapper .edit-client:hover {
    color: #327ed2
  }
  #content-wrapper .content-item.patient .current-patient-wrapper .patient-details .edit-patient {
    margin-right: 5px
  }
  #content-wrapper .content-item.patient .current-patient-wrapper .patient-details .button-wrapper {
    margin: 3px 0
  }
  #content-wrapper .content-item.patient .current-patient-wrapper .patient-details .current-profile-wrapper {
    font-weight: 700;
    letter-spacing: .5px;
    padding: 0 15px
  }
  #content-wrapper .content-item.patient .current-patient-wrapper .patient-details .current-profile-wrapper .current-title {
    text-transform: uppercase;
    font-size: .93333333em;
    color: #39b999
  }
  #content-wrapper .content-item.patient .current-patient-wrapper .patient-details .current-profile-wrapper .current-description {
    font-size: 1em;
    color: #5f5f5f;
    line-height: 18px
  }
  #content-wrapper .content-item.patient .current-patient-wrapper .user-options {
    background: #fff;
    padding: 0;
    border-top: 1px solid #d2d2d2
  }
  #content-wrapper .content-item.patient .current-patient-wrapper .user-options .options-wrapper .options-open-wrap {
    max-height: 160px;
    overflow-y: auto
  }
  #content-wrapper .content-item.patient .current-patient-wrapper .user-options .options-wrapper.active .options-open {
    visibility: visible;
    max-height: 700px
  }
  #content-wrapper .content-item.patient .current-patient-wrapper .user-options .options-wrapper.active .options-title:after {
    transform: rotate(180deg);
    -moz-transition: all ease 250ms;
    -ms-transition: all ease 250ms;
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms
  }
  #content-wrapper .content-item.patient .current-patient-wrapper .user-options .options-wrapper .options-title {
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
    padding: 7px 18px;
    font-size: 1.13333333em;
    font-weight: 700;
    color: #5a6f91;
    letter-spacing: .3px;
    cursor: pointer
  }
  #content-wrapper .content-item.patient .current-patient-wrapper .user-options .options-wrapper .options-title:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #90a6c9;
    float: right;
    margin-top: 10px;
    -moz-transition: all ease 250ms 100ms;
    -ms-transition: all ease 250ms 100ms;
    -webkit-transition: all ease 250ms 100ms;
    -o-transition: all ease 250ms 100ms;
    transition: all ease 250ms 100ms
  }
  #content-wrapper .content-item.patient .current-patient-wrapper .user-options .options-wrapper .options-open {
    background: #f6f6f6;
    overflow: hidden;
    max-height: 0;
    -moz-transition: all 310ms cubic-bezier(.77, 0, .175, 1);
    -ms-transition: all 310ms cubic-bezier(.77, 0, .175, 1);
    -webkit-transition: all 310ms cubic-bezier(.77, 0, .175, 1);
    -o-transition: all 310ms cubic-bezier(.77, 0, .175, 1);
    transition: all 310ms cubic-bezier(.77, 0, .175, 1);
    padding: 0
  }
  #content-wrapper .content-item.patient .current-patient-wrapper .user-options .options-wrapper .options-open.active {
    max-height: 200px;
    -moz-transition: all 310ms cubic-bezier(.77, 0, .175, 1);
    -ms-transition: all 310ms cubic-bezier(.77, 0, .175, 1);
    -webkit-transition: all 310ms cubic-bezier(.77, 0, .175, 1);
    -o-transition: all 310ms cubic-bezier(.77, 0, .175, 1);
    transition: all 310ms cubic-bezier(.77, 0, .175, 1)
  }
  #content-wrapper .content-item.patient .current-patient-wrapper .user-options .options-wrapper .options-open .inner-list {
    list-style: none;
    font-size: 1.06666667em;
    color: #575757;
    margin: 0;
    padding: 0
  }
  #content-wrapper .content-item.patient .current-patient-wrapper .user-options .options-wrapper .options-open .inner-list li {
    padding: 9px 25px;
    cursor: pointer;
    letter-spacing: .2px;
    -moz-transition: all ease 200ms;
    -ms-transition: all ease 200ms;
    -webkit-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200ms
  }
  #content-wrapper .content-item.patient .current-patient-wrapper .user-options .options-wrapper .options-open .inner-list li.active {
    font-weight: 700;
    cursor: default
  }
  #content-wrapper .content-item.patient .current-patient-wrapper .user-options .options-wrapper .options-open .inner-list li.active:after {
    -moz-transition: all ease 250ms;
    -ms-transition: all ease 250ms;
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms;
    content: "ACTIVE";
    font-size: 12px;
    color: #42b07e;
    letter-spacing: .7px;
    font-weight: 700;
    padding-left: 5px
  }
  #content-wrapper .content-item.patient .current-patient-wrapper .user-options .options-wrapper .options-open .inner-list li:hover {
    background: #9eb5cf;
    color: #fff;
    font-weight: 700
  }
  #content-wrapper .content-item.patient .current-patient-wrapper .user-options .options-wrapper .options-open .inner-list li:hover:after {
    -moz-transition: all ease 250ms;
    -ms-transition: all ease 250ms;
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms;
    color: #dbe7f7
  }
  #content-wrapper .content-item.patient .current-patient-wrapper .user-options .options-wrapper .options-open .inner-list li:hover>.delete-icon {
    opacity: .7
  }
  #content-wrapper .content-item.patient .current-patient-wrapper .user-options .options-wrapper .options-open .inner-list li span.delete-icon {
    -moz-transition: all ease 250ms;
    -ms-transition: all ease 250ms;
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms;
    float: right;
    opacity: 0;
    cursor: pointer
  }
  #content-wrapper .content-item.patient .current-patient-wrapper .user-options .options-wrapper .options-open .inner-list li span.delete-icon:hover {
    opacity: 1
  }
  #content-wrapper .content-item.patient .current-patient-wrapper .user-options .options-wrapper .options-open .inner-list li span.list-date {
    font-size: .86666667em;
    float: right;
    font-weight: 500
  }
  #content-wrapper .content-item.patient .current-patient-wrapper .user-options .options-wrapper .options-open .inner-list.previous-lists {
    font-weight: 700
  }
  #content-wrapper .content-item.patient .current-patient-wrapper .user-options .options-wrapper .options-open .new-profile-wrapper .profile-input {
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
    margin: 13px 25px;
    margin-right: 10px;
    width: 190px;
    float: left
  }
  #content-wrapper .content-item.patient .current-patient-wrapper .user-options .options-wrapper .options-open .new-profile-wrapper .add-new {
    font-weight: 500;
    letter-spacing: .5px;
    float: left;
    margin-top: 13px
  }
  #content-wrapper .content-item.patient .current-patient-wrapper .user-options .options-wrapper .options-open .more-lists {
    font-size: 12px;
    color: #42b07e;
    letter-spacing: .7px;
    font-weight: 700;
    cursor: pointer;
    padding: 9px 25px
  }
  #content-wrapper .content-item.patient .current-patient-wrapper .user-options .options-wrapper .options-open .more-lists.disabled {
    color: #8b8b8b;
    cursor: default
  }
  #content-wrapper .content-item.excluded-list .settings-header {
    margin-bottom: 4px
  }
  #content-wrapper .content-item.excluded-list h3 {
    margin: 0 0 12px;
    margin-top: 0;
    float: left;
    display: inline-block
  }
  #content-wrapper .content-item.excluded-list .postr-vowels-wrapper {
    margin-top: 15px
  }
  #content-wrapper .content-item.excluded-list .consonants-wrapper {
    margin-top: 15px
  }
  #content-wrapper .content-item.excluded-list .clear {
    float: right;
    color: #cc6a6a;
    cursor: pointer;
    font-size: 1em;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 3px;
    margin-right: 12px
  }
  #content-wrapper .content-item.excluded-list .excluded-vowels {
    padding: 0 5px;
    clear: both
  }
  #content-wrapper .content-item.excluded-list .excluded-vowels label {
    -o-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
  }
  #content-wrapper .content-item.excluded-list .excluded-vowels label input[type=checkbox]+.check-btn {
    width: 88px;
    -o-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
  }
  #content-wrapper .content-item.excluded-list .excluded-consonants {
    padding: 0 5px;
    clear: both
  }
  #content-wrapper .content-item.excluded-list .excluded-consonants label {
    -o-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
  }
  #content-wrapper .content-item.excluded-list .excluded-consonants label input[type=checkbox]+.check-btn {
    width: 40px;
    -o-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
  }
  #content-wrapper .content-item.excluded-list .excluded-consonants .wrapper-consonants {
    float: left
  }
  #content-wrapper .content-item.excluded-list .hDivider {
    margin: 5px auto
  }
  #content-wrapper .content-item.excluded-list br {
    clear: both
  }
  ::-webkit-scrollbar {
    height: 8px;
    overflow: visible;
    width: 8px
  }
  ::-webkit-scrollbar-button {
    height: 0;
    width: 0
  }
  ::-webkit-scrollbar-track {
    background-clip: padding-box;
    border-width: 0 0 0 7px
  }
  ::-webkit-scrollbar-track:horizontal {
    border-width: 7px 0 0
  }
  ::-webkit-scrollbar-track:hover {
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1)
  }
  ::-webkit-scrollbar-track:horizontal:hover {
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1)
  }
  ::-webkit-scrollbar-track:active {
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.14), inset -1px 0 0 rgba(0, 0, 0, 0.07)
  }
  ::-webkit-scrollbar-track:horizontal:active {
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.14), inset 0 -1px 0 rgba(0, 0, 0, 0.07)
  }
  ::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
    border-width: 0 0 0 7px;
    min-height: 28px;
    padding: 100px 0 0;
    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07)
  }
  ::-webkit-scrollbar-thumb:horizontal {
    border-width: 7px 0 0;
    padding: 0 0 0 100px;
    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.07)
  }
  ::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.4);
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25)
  }
  ::-webkit-scrollbar-thumb:active {
    background-color: rgba(0, 0, 0, 0.5);
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.35)
  }
  ::-webkit-scrollbar-corner {
    background: transparent
  }
  body::-webkit-scrollbar-track-piece {
    background-clip: padding-box;
    background-color: #f5f5f5;
    border: solid #fff;
    border-width: 0 0 0 3px;
    box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.14), inset -1px 0 0 rgba(0, 0, 0, 0.07)
  }
  body::-webkit-scrollbar-track-piece:horizontal {
    border-width: 3px 0 0;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.14), inset 0 -1px 0 rgba(0, 0, 0, 0.07)
  }
  body::-webkit-scrollbar-thumb {
    border-width: 1px 1px 1px 5px
  }
  body::-webkit-scrollbar-thumb:horizontal {
    border-width: 5px 1px 1px
  }
  body::-webkit-scrollbar-corner {
    background-clip: padding-box;
    background-color: #f5f5f5;
    border: solid #fff;
    border-width: 3px 0 0 3px;
    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.14)
  }
  .login-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 70px;
    top: 0
  }
  .login-wrapper .inner-login-wrapper {
    width: 410px;
    margin: 0 auto
  }
  .login-wrapper .inner-login-wrapper.register-wrapper {
    width: 640px
  }
  .login-wrapper .inner-login-wrapper .top-view {
    padding: 6px 22px;
    background-color: #d57456;
    height: 40px
  }
  .login-wrapper .inner-login-wrapper .top-view .satpac-logo {
    float: left;
    margin-top: 6px
  }
  .login-wrapper .inner-login-wrapper .login-content {
    width: 100%;
    margin-top: 15px;
    background-color: #fff;
    padding: 17px 0;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 100%
  }
  .login-wrapper .inner-login-wrapper .login-content h2 {
    margin-left: 17px;
    margin-bottom: 8px
  }
  .login-wrapper .inner-login-wrapper .login-content h1 {
    margin-left: 17px;
    margin-bottom: 8px;
    color: #517CB1;
    font-size: 1.5em;
    font-weight: 700;
  }
  .login-wrapper .inner-login-wrapper .login-content .hDivider.register-divider {
    display: inline-block
  }
  .login-content {
    position: relative;
  }
  ul.tabs {
    list-style-type: none;
    width: 100%;
    display: block;
    border-bottom: 1px solid #dcdcdc;
    margin: 9px auto;
    clear: both;
    padding-left: 15px;
  }
  ul.tabs > li {
    -moz-transition: all ease 150ms;
    -ms-transition: all ease 150ms;
    -webkit-transition: all ease 150ms;
    -o-transition: all ease 150ms;
    transition: all ease 150ms;
    border: 1px solid #dcdcdc;
    border-bottom: none;
    background-color: #f5f5f5;
    width: 200px;
    height: 40px;
    cursor: pointer;
    text-align: center;
    padding-top: 11px;
    color: #7e7e7e;
    letter-spacing: .2px;
    display: inline-block;
  }
  ul.tabs > li > a {
    color: #606060;
  }
  ul.tabs > li.active {
    border-bottom: 1px solid #fff;
    background-color: #fff;
    color: #517cb1;
    font-weight: 600;
    cursor: default;
    height: 41px;
    margin-bottom: -1px;
  }
  ul.tabs > li.active > a {
    color: #517cb1;
    background-color: #fff;
  }
  ul.tabs > li:hover {
    background-color: #e6e6e6;
    color: #333
  }
  ul.tabs > li.active:hover {
    background-color: #fff;
  }
  .form-type,
  .login-wrapper .inner-login-wrapper .login-content .form-type {
    position: absolute;
    -moz-transition: all ease 150ms;
    -ms-transition: all ease 150ms;
    -webkit-transition: all ease 150ms;
    -o-transition: all ease 150ms;
    transition: all ease 150ms;
    right: 15px;
    top: 17px;
    border: 1px solid #dcdcdc;
    background-color: #f5f5f5;
    width: 200px;
    height: 40px;
    cursor: pointer;
    text-align: center;
    padding-top: 11px;
    color: #7e7e7e;
    letter-spacing: .2px
  }
  .form-type.left,
  .login-wrapper .inner-login-wrapper .login-content .form-type.left {
    right: 225px
  }
  .form-type:hover,
  .login-wrapper .inner-login-wrapper .login-content .form-type:hover {
    background-color: #e6e6e6;
    color: #333
  }
  .form-type.active,
  .login-wrapper .inner-login-wrapper .login-content .form-type.active {
    border-bottom: 1px solid #fff;
    background-color: #fff;
    color: #517cb1;
    font-weight: 600;
    cursor: default
  }
  .form-type.active:hover,
  .login-wrapper .inner-login-wrapper .login-content .form-type.active:hover {
    background-color: #fff
  }
  .login-wrapper .inner-login-wrapper .login-content .form-login {
    padding-left: 17px;
    padding-right: 17px
  }
  .login-wrapper .inner-login-wrapper .login-content .form-login form.register-form {
    margin: 15px 0 0 0
  }
  .login-wrapper .inner-login-wrapper .login-content .form-login form {
    margin-bottom: 5px
  }
  .login-wrapper .inner-login-wrapper .login-content .form-login form .inputs-column {
    width: 49%;
    float: left
  }
  .login-wrapper .inner-login-wrapper .login-content .form-login form .input-wrapper {
    padding: 7px 5px;
    display: inline-block;
    width: 100%
  }
  .login-wrapper .inner-login-wrapper .login-content .form-login form .input-wrapper.login-view {
    width: 302px
  }
  .login-wrapper .inner-login-wrapper .login-content .form-login form .input-wrapper .input-title {
    float: left;
    margin-top: 5px;
    font-size: 1em;
    text-align: right;
    width: 110px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
  }
  .login-wrapper .inner-login-wrapper .login-content .form-login form .input-wrapper input,
  .login-wrapper .inner-login-wrapper .login-content .form-login form .input-wrapper select {
    float: right;
    width: 170px
  }
  .login-wrapper .inner-login-wrapper .login-content .form-login form .input-wrapper input:disabled,
  .login-wrapper .inner-login-wrapper .login-content .form-login form .input-wrapper select:disabled {
    background-color: #f5f5f5
  }
  .login-wrapper .inner-login-wrapper .login-content .form-login form .input-wrapper input:disabled {
    color: #358ebd;
    font-weight: 600;
    letter-spacing: .2px
  }
  .login-wrapper .inner-login-wrapper .login-content .form-login form .input-wrapper .invoice-wrapper {
    width: 170px;
    float: right
  }
  .login-wrapper .inner-login-wrapper .login-content .form-login form .input-wrapper .invoice-wrapper .invoice-item {
    border-bottom: 1px solid #e1e1e1;
    padding: 5px 0
  }
  .login-wrapper .inner-login-wrapper .login-content .form-login form .input-wrapper .invoice-wrapper .invoice-item:last-child {
    border-bottom: none
  }
  .login-wrapper .inner-login-wrapper .login-content .form-login form .input-wrapper .invoice-wrapper .invoice-item .name {
    float: left;
    font-size: 14px;
    letter-spacing: .2px;
    color: #868686
  }
  .login-wrapper .inner-login-wrapper .login-content .form-login form .input-wrapper .invoice-wrapper .invoice-item .name.total-label {
    font-size: 1.33333333em
  }
  .login-wrapper .inner-login-wrapper .login-content .form-login form .input-wrapper .invoice-wrapper .invoice-item .value {
    float: right;
    color: #5a83b5;
    letter-spacing: .2px;
    font-weight: 600
  }
  .login-wrapper .inner-login-wrapper .login-content .form-login form .input-wrapper .invoice-wrapper .invoice-item .value.amount {
    font-size: 1.33333333em
  }
  .login-wrapper .inner-login-wrapper .login-content .form-login form .input-wrapper .invoice-wrapper .invoice-item .value.discount {
    color: #808080
  }
  .login-wrapper .inner-login-wrapper .login-content .form-login form .checkbox-wrapper {
    margin-left: 110px;
    margin-top: -4px;
    margin-bottom: 4px
  }
  .login-wrapper .inner-login-wrapper .login-content .form-login form .checkbox-wrapper input {
    float: left;
    margin-top: 4px
  }
  .login-wrapper .inner-login-wrapper .login-content .form-login form .checkbox-wrapper .checkbox-text {
    color: #345171;
    margin-left: 6px;
    font-size: .93333333em;
    float: left
  }
  .login-wrapper .inner-login-wrapper .login-content .form-login form input.paypal-img {
    cursor: pointer;
    border: none;
    padding: 0
  }
  .login-wrapper .inner-login-wrapper .login-content .form-login form .newpwd-wrapper {
    text-align: center;
    padding: 0 15px;
    margin-top: 20px
  }
  .login-wrapper .inner-login-wrapper .login-content .form-login form .newpwd-wrapper .back-login-btn {
    margin-top: 15px
  }
  .login-wrapper .inner-login-wrapper .login-content .form-login .login-button-wrapper {
    margin: 10px 79px 15px 57px
  }
  .login-wrapper .inner-login-wrapper .login-content .form-login .login-button-wrapper.reset-pwd {
    margin: 10px 79px 5px
  }
  .login-wrapper .inner-login-wrapper .login-content .form-login .login-button-wrapper .forgot-pwd {
    color: #368cb2;
    float: left;
    margin-top: 5px;
    -webkit-transition: all ease 200ms;
    -moz-transition: all ease 200ms;
    -ms-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200ms;
    cursor: pointer
  }
  .login-wrapper .inner-login-wrapper .login-content .form-login .login-button-wrapper .forgot-pwd:hover {
    color: #236988
  }
  .login-wrapper .inner-login-wrapper .login-content .form-login .login-button-wrapper .login-button {
    margin: 0 15px 10px 0
  }
  .login-wrapper .inner-login-wrapper .new-account {
    margin-top: 13px;
    text-align: center;
    font-size: 1.06666667em
  }
  .login-wrapper .inner-login-wrapper .new-account .register-link {
    font-weight: 600;
    cursor: pointer;
    letter-spacing: .2px;
    color: #2c64a9
  }
  .login-wrapper .inner-login-wrapper .new-account .register-link:hover {
    color: #255289
  }
  .payment-button-wrapper {

  }
  .expiration-input {
    width: 80px !important;
    display: inline-block;
    vertical-align: top;
  }
  .expiration-input.first {
    margin-right: 6px;
    margin-left: 7px;
  }
  .expiration-input.no-left {
    margin-left: 0 !important;
  }
  .expiration-input input {
    width: 100% !important;
  }
  .signup-wrap {
    float: none;
    margin: 0 auto;
    width: 525px
  }
  .signup-wrap a {
    text-decoration: none
  }
  .signup-wrap hr {
    margin: 0;
    border: 0;
    border-top: 1px solid #eee
  }
  .signup-wrap .signup-header {
    background: #627891;
    color: #fff;
    padding: 5px;
    padding-left: 15px
  }
  .signup-wrap .signup-main {
    background: #fff;
    padding: 15px;
    margin-top: 10px
  }
  .signup-wrap .signup-main .title {
    color: #5f5f5f;
    font-size: 20px
  }
  .signup-wrap .signup-main .title .to-left {
    float: left
  }
  .signup-wrap .signup-main .title .to-right {
    color: #627891;
    float: right
  }
  .signup-wrap .signup-main .pwd-reset {
    margin: 5px 0 15px;
    display: inline-block
  }
  .signup-wrap .signup-main .pwd-reset strong {
    color: #8c8c8c;
    border-bottom: 1px solid #c9c9c9
  }
  .signup-wrap .signup-main .form-separator {
    border-bottom: 1px solid #eee;
    margin-top: 20px
  }
  .signup-wrap .signup-main button {
    display: block;
    color: #fff;
    border: none;
    padding: 5px 25px;
    border-radius: 3px;
    margin-bottom: 15px
  }
  .signup-wrap .signup-main button#signup-btn {
    background: #59b17c;
    margin-top: 20px;
    margin-bottom: 5px
  }
  .signup-wrap .signup-main input {
    display: block;
    margin: 20px 0;
    width: 49%
  }
  .signup-wrap .signup-main input.toLeft {
    float: left;
    margin-top: 0
  }
  .signup-wrap .signup-main input.toRight {
    float: right;
    margin-top: 0
  }
  .signup-wrap .signup-main a {
    display: block;
    color: #6798a7;
    text-decoration: none
  }
  #content-wrapper.generalization-view .content-item {
    border-top: 2px solid #a5a5a5;
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 0
  }
  #content-wrapper.generalization-view .content-item h2 {
    margin: 0 15px;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 13px
  }
  #content-wrapper.generalization-view .content-item ul.generalization-list {
    list-style: none;
    padding: 0;
    font-size: 15px;
    line-height: 36px;
    color: #6f6f6f
  }
  #content-wrapper.generalization-view .content-item ul.generalization-list li .item-details {
    border-bottom: 1px solid #e4e4e4;
    cursor: pointer;
    transition: all ease 350ms;
    margin: 0 15px;
    padding: 2px 0
  }
  #content-wrapper.generalization-view .content-item ul.generalization-list li .item-details:hover {
    border-bottom: 1px solid #d57456;
    color: #333
  }
  #content-wrapper.generalization-view .content-item ul.generalization-list li .item-details.active>img {
    transform: rotate(180deg)
  }
  #content-wrapper.generalization-view .content-item ul.generalization-list li.active>.item-details {
    color: #333;
    border-bottom: 1px solid #e49d88
  }
  #content-wrapper.generalization-view .content-item ul.generalization-list li.active>.item-details img {
    opacity: 1;
    transition: all ease 300ms
  }
  #content-wrapper.generalization-view .content-item ul.generalization-list li:hover>.open-item {
    max-height: 100%
  }
  #content-wrapper.generalization-view .content-item ul.generalization-list li:hover>.open-item .open-item-border {
    height: 3px
  }
  #content-wrapper.generalization-view .content-item ul.generalization-list img {
    float: right;
    margin-top: 16px;
    opacity: .35;
    transition: all ease 300ms
  }
  #content-wrapper.generalization-view .content-item ul.generalization-list .open-item {
    background-color: #fbfbfb;
    width: 100%;
    cursor: default;
    border-top: 1px solid #d5d5d5;
    margin-top: -1px;
    position: relative
  }
  #content-wrapper.generalization-view .content-item ul.generalization-list .open-item .open-item-wrapper {
    padding: 20px 25px;
    padding-bottom: 29px
  }
  #content-wrapper.generalization-view .content-item ul.generalization-list .open-item .open-item-wrapper .big-title {
    color: #ababab;
    font-size: 20px;
    line-height: 24px;
    float: left;
    width: 220px;
    font-style: italic
  }
  #content-wrapper.generalization-view .content-item ul.generalization-list .open-item .open-item-wrapper .link-wrapper {
    float: right
  }
  #content-wrapper.generalization-view .content-item ul.generalization-list .open-item .open-item-wrapper .link-wrapper a {
    display: block;
    text-align: right;
    line-height: 28px;
    font-size: 18px;
    text-decoration: underline;
    color: #5f5f5f;
    cursor: pointer
  }
  #content-wrapper.generalization-view .content-item ul.generalization-list .open-item .open-item-wrapper .link-wrapper a:hover {
    color: #5991ce
  }
  #content-wrapper.generalization-view .content-item ul.generalization-list .open-item .open-item-wrapper .open-item-border {
    height: 3px;
    width: 100%;
    background: #eaa48f;
    position: absolute;
    bottom: 6px;
    right: 0
  }
  #content-wrapper.generalization-view .content-item ul.generalization-list .open-item .open-item-wrapper .open-item-bottom {
    position: absolute;
    width: 100%;
    bottom: 0;
    right: 0;
    background: #e1e1e1;
    height: 6px
  }
  #content-wrapper.generalization-view .content-item span {
    font-weight: 500
  }
  .modal-wrapper .close-modal {
    width: 100%;
    height: 100%
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.settings-modal-view .words-wrapper {
    margin: 5px 0 10px
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.settings-modal-view .words-wrapper .words-title {
    float: left;
    margin-top: 4px;
    margin-right: 12px;
    font-weight: 600;
    letter-spacing: .3px;
    font-size: 1.13333333em;
    color: #6e6e6e
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.settings-modal-view .words-wrapper input {
    float: left;
    width: 60px;
    color: #5e7d8d;
    font-weight: 600;
    font-size: 1.06666667em;
    letter-spacing: .2px
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.settings-modal-view .options-wrapper {
    font-size: 1.06666667em
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.settings-modal-view .options-wrapper .checkbox-item {
    margin-bottom: 8px
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.settings-modal-view .options-wrapper .checkbox-item:last-child {
    margin-bottom: 0
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.settings-modal-view .options-wrapper .checkbox-item .item-value {
    color: #575757;
    float: left
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.settings-modal-view .options-wrapper .checkbox-item .item-value input {
    margin-top: 5px;
    margin-right: 7px;
    float: left
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.settings-modal-view .inappropriate-text {
    color: #575757;
    font-size: 1.06666667em
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.settings-modal-view .filtered-words-wrapper {
    margin: 10px 0 15px
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.settings-modal-view .filtered-words-wrapper select.filtered-words {
    float: left;
    font-size: 1em;
    letter-spacing: .4px;
    min-width: 100px;
    max-width: 180px;
    -webkit-appearance: none !important;
    border-radius: 0;
    background: url('../img/svg/arrow.svg') no-repeat right 10px top 50% #fff;
    padding: 3px 31px 3px 9px
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.settings-modal-view .filtered-words-wrapper .words-buttons {
    float: left;
    margin-left: 5px
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.settings-modal-view .filtered-words-wrapper .words-buttons a.button {
    float: left;
    margin-left: 8px
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.settings-modal-view .filtered-words-wrapper .reset-words {
    float: left;
    margin-top: 5px;
    margin-left: 15px;
    color: #cc6a6a;
    cursor: pointer;
    font-size: 1em;
    font-weight: 700;
    text-transform: uppercase
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.settings-modal-view .filtered-words-options {
    margin-top: 15px
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.settings-modal-view .filtered-words-options .words-options-wrapper input.new-word {
    float: left;
    margin-right: 10px
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.settings-modal-view .filtered-words-options .words-options-wrapper .words-option {
    cursor: pointer;
    float: left;
    padding: 3px 10px;
    margin-right: 10px;
    color: #5f5f5f;
    background: #f1f1f1;
    border: 1px solid #e0e0e0;
    text-align: center;
    font-size: 1em
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.settings-modal-view .older-version-text {
    font-size: 15px;
    color: #575757
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.settings-modal-view .back-button {
    text-align: right;
    letter-spacing: .4px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    color: #5184c3
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.seedwords-modal-view .sw-list-inner .sound-item {
    font-size: 1.13333333em;
    color: #5a5a5a;
    float: left;
    width: 23%;
    margin: 0 1% 10px
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.seedwords-modal-view .sw-list-inner .sound-item .title {
    font-weight: 700
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.seedwords-modal-view .sw-list-inner .sound-item ul {
    list-style: none;
    padding: 0;
    margin: 0
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.seedwords-modal-view .sw-list-inner .sound-item ul li {
    cursor: pointer;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.seedwords-modal-view .sw-list-inner .sound-item ul li:hover {
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
    color: #e28232
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.form-modal-view .options-wrapper form .input-wrapper {
    margin: 10px;
    display: inline-block;
    width: 100%
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.form-modal-view .options-wrapper form .input-wrapper:first-child {
    margin-top: 0
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.form-modal-view .options-wrapper form .input-wrapper .input-title {
    float: left;
    margin-top: 5px;
    margin-right: 7px;
    font-size: 1.06666667em;
    text-align: right;
    min-width: 95px
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.form-modal-view .options-wrapper form .input-wrapper .input-title.change-pwd {
    min-width: 120px
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.form-modal-view .options-wrapper form .input-wrapper .amount-label {
    float: left;
    margin-top: 3px;
    font-weight: 700;
    font-size: 1.13333333em;
    letter-spacing: .2px;
    color: #4c77a5
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.form-modal-view .options-wrapper form .input-wrapper input,
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.form-modal-view .options-wrapper form .input-wrapper select {
    float: left;
    width: 170px
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.form-modal-view .options-wrapper form .input-wrapper input:disabled,
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.form-modal-view .options-wrapper form .input-wrapper select:disabled {
    background-color: #f5f5f5
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.form-modal-view .options-wrapper form .input-wrapper textarea {
    width: 170px;
    resize: vertical
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.form-modal-view .options-wrapper form .input-wrapper .invoice-wrapper {
    width: 170px;
    border: 1px solid #c4c4c4;
    background-color: #fcfcfc;
    float: left;
    padding: 2px 10px
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.form-modal-view .options-wrapper form .input-wrapper .invoice-wrapper .invoice-item {
    border-bottom: 1px solid #e1e1e1;
    padding: 5px
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.form-modal-view .options-wrapper form .input-wrapper .invoice-wrapper .invoice-item:last-child {
    border-bottom: none
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.form-modal-view .options-wrapper form .input-wrapper .invoice-wrapper .invoice-item .name {
    float: left;
    font-size: 14px;
    letter-spacing: .2px;
    color: #868686
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.form-modal-view .options-wrapper form .input-wrapper .invoice-wrapper .invoice-item .name.add-margin {
    margin-top: 6px
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.form-modal-view .options-wrapper form .input-wrapper .invoice-wrapper .invoice-item .value {
    float: right;
    color: #5a83b5;
    letter-spacing: .2px;
    font-weight: 600
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.form-modal-view .options-wrapper form .input-wrapper .invoice-wrapper .invoice-item .value.amount {
    font-size: 1.26666667em
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.form-modal-view .options-wrapper form .input-wrapper .invoice-wrapper .invoice-item .value.discount {
    color: #808080
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.form-modal-view .options-wrapper form .input-wrapper .img-name {
    float: left;
    margin: 5px 0 0 5px;
    font-size: .93333333em;
    color: #565656;
    letter-spacing: .1px;
    max-width: 130px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.form-modal-view .options-wrapper form .checkbox-wrapper {
    margin-left: 110px;
    margin-top: -4px;
    margin-bottom: 4px
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.form-modal-view .options-wrapper form .checkbox-wrapper input {
    float: left;
    margin-top: 4px
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.form-modal-view .options-wrapper form .checkbox-wrapper .checkbox-text {
    color: #345171;
    margin-left: 6px;
    font-size: .93333333em;
    float: left
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.single-modal-view {
    color: #595959
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.single-modal-view .main-details {
    padding: 0 20px;
    text-align: center
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.single-modal-view .main-details h2 {
    margin: 0
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.single-modal-view .main-details .user-email {
    font-size: 1.13333333em;
    letter-spacing: .3px;
    color: #609dc4
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.single-modal-view .main-details .coupon-description {
    font-size: 1.13333333em;
    letter-spacing: .3px;
    color: #8c8c8c
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.single-modal-view .discount-wrapper {
    margin: 15px 30px;
    text-align: center
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.single-modal-view .discount-wrapper .discount-item {
    width: 100%;
    background-color: #ededed;
    text-transform: uppercase;
    padding: 10px;
    margin-bottom: 10px
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.single-modal-view .discount-wrapper .discount-item:last-child {
    margin-bottom: 0
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.single-modal-view .discount-wrapper .discount-item .title {
    font-size: .86666667em;
    float: left;
    min-width: 128px;
    text-align: right;
    margin-right: 10px;
    margin-top: 3px
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.single-modal-view .discount-wrapper .discount-item .number {
    color: #358ebd;
    font-weight: 600;
    font-size: 1.06666667em;
    letter-spacing: .3px;
    float: left
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.single-modal-view .disable-option {
    padding-left: 15px;
    margin-top: 5px
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.single-modal-view .disable-option input {
    float: left;
    margin-top: 5px
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.single-modal-view .disable-option .disable-text {
    float: left;
    padding-left: 7px;
    font-size: 1.06666667em
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.single-modal-view .options-wrapper form .input-wrapper:first-child {
    margin-top: 10px
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.single-modal-view .options-wrapper form .input-wrapper:last-child {
    margin-bottom: 5px
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.single-modal-view .user-info,
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.single-modal-view .coupon-date {
    text-align: center;
    letter-spacing: .2px;
    font-size: 1em
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.single-modal-view .user-info .item-info span,
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.single-modal-view .coupon-date .item-info span {
    font-weight: 600
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.single-modal-view .payment-info-wrapper .payment-title {
    text-align: center;
    font-weight: 600;
    letter-spacing: .2px;
    font-size: 1em;
    color: #299e81;
    margin-bottom: 3px
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.single-modal-view .payment-info-wrapper .user-info .item-info span {
    font-weight: 500
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.single-modal-view .feedback-content .feedback-text {
    font-size: 14px;
    padding: 0 15px
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.single-modal-view .feedback-content .textarea-container {
    padding: 0 15px;
    margin: 17px 0
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.single-modal-view .feedback-content .textarea-container textarea {
    width: 100%;
    resize: vertical
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.patients-modal .all-patients-wrapper .search-patient-wrapper .client-input {
    width: 190px;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
    margin-bottom: 13px;
    float: left
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.patients-modal .all-patients-wrapper .search-patient-wrapper .add-new {
    float: right;
    margin: 14px 18px 0 0
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.patients-modal .all-patients-wrapper .patient-divider {
    display: block;
    clear: both;
    border-bottom: 1px solid #cdcdcd
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.patients-modal .all-patients-wrapper .inner-list-wrapper .inner-list {
    list-style: none;
    font-size: 1.06666667em;
    color: #575757;
    margin: 0;
    margin-top: 10px;
    padding: 0
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.patients-modal .all-patients-wrapper .inner-list-wrapper .inner-list li {
    padding: 8px 10px;
    cursor: pointer;
    letter-spacing: .2px;
    -moz-transition: all ease 200ms;
    -ms-transition: all ease 200ms;
    -webkit-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200ms
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.patients-modal .all-patients-wrapper .inner-list-wrapper .inner-list li.active {
    font-weight: 700;
    cursor: default
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item.patients-modal .all-patients-wrapper .inner-list-wrapper .inner-list li:hover {
    background: #9eb5cf;
    color: #fff;
    font-weight: 700
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .modal-buttons-wrapper {
    margin: 15px
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .modal-buttons-wrapper a.button {
    float: left;
    margin-left: 10px;
    font-size: 1em
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .modal-buttons-wrapper.coupon-modal-buttons {
    margin: 10px 15px 0 0
  }
  .modal-wrapper .inner-modal-wrapper #iframe-container {
    position: absolute;
    width: 100%;
    top: 40px;
    bottom: 0
  }
  .modal-wrapper .inner-modal-wrapper #iframe-container iframe {
    border: none;
    width: 100%;
    height: 100%
  }
  .modal-wrapper {
    position: absolute;
    top: 40px;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 3
  }
  .modal-wrapper .inner-modal-wrapper {
    position: absolute;
    width: 100%;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #e1e1e1
  }
  .modal-wrapper .inner-modal-wrapper.iframe-inner {
    max-width: 800px
  }
  .modal-wrapper .inner-modal-wrapper.seedwords-inner {
    max-width: 520px
  }
  .modal-wrapper .inner-modal-wrapper.medium-inner {
    max-width: 410px
  }
  .modal-wrapper .inner-modal-wrapper .top-view {
    padding: 6px 22px;
    background-color: #d57456;
    height: 40px;
    position: relative
  }
  .modal-wrapper .inner-modal-wrapper .top-view .modal-title {
    float: left;
    font-weight: 700;
    font-size: 1.33333333em;
    color: #fff
  }
  .modal-wrapper .inner-modal-wrapper .top-view .menu-wrapper {
    float: right
  }
  .modal-wrapper .inner-modal-wrapper .top-view .menu-wrapper .pdf-menu {
    float: left
  }
  .modal-wrapper .inner-modal-wrapper .top-view .menu-wrapper .image-button {
    float: left;
    margin-top: 4px;
    margin-left: 13px;
    position: relative
  }
  .modal-wrapper .inner-modal-wrapper .top-view .menu-wrapper .image-button .svg-icon {
    width: auto;
    cursor: pointer
  }
  .modal-wrapper .inner-modal-wrapper .top-view .menu-wrapper .image-button .svg-icon:hover+.tooltip-wrapper {
    z-index: 13;
    opacity: 1;
    padding-top: 13px
  }
  .modal-wrapper .inner-modal-wrapper .top-view .menu-wrapper .image-button.email-button {
    width: auto;
    margin-left: 11px
  }
  .modal-wrapper .inner-modal-wrapper .top-view .menu-wrapper .image-button .tooltip-wrapper {
    position: absolute;
    -moz-transition: all ease 160ms;
    -ms-transition: all ease 160ms;
    -webkit-transition: all ease 160ms;
    -o-transition: all ease 160ms;
    transition: all ease 160ms;
    z-index: 0;
    opacity: 0;
    cursor: default;
    left: 50%;
    padding-top: 12px
  }
  .modal-wrapper .inner-modal-wrapper .top-view .menu-wrapper .image-button .tooltip-wrapper .tooltip-content {
    letter-spacing: .2px;
    position: relative;
    right: 50%;
    border-radius: 2px;
    z-index: 9999;
    background: #323232;
    color: #fff;
    padding: 2px 8px 4px;
    cursor: default;
    font-size: .93333333em;
    white-space: nowrap
  }
  .modal-wrapper .inner-modal-wrapper .top-view .menu-wrapper .email-input-wrapper {
    float: left;
    margin-top: 2px;
    overflow: hidden;
    max-width: 0;
    margin-left: 0
  }
  .modal-wrapper .inner-modal-wrapper .top-view .menu-wrapper .email-input-wrapper input.enter-email {
    border: transparent;
    padding: 2px 9px 3px
  }
  .modal-wrapper .inner-modal-wrapper .top-view .progress-modal-container {
    width: 100%;
    height: 10px;
    overflow: hidden;
    background-color: #284e7d;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: none
  }
  .modal-wrapper .inner-modal-wrapper .top-view .progress-modal-inner {
    background-color: #4e6c99;
    margin-top: 0;
    margin-left: -100%;
    -moz-animation-name: modal-loading;
    -moz-animation-duration: 1.5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -webkit-animation-name: modal-loading;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -ms-animation-name: modal-loading;
    -ms-animation-duration: 1.5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: modal-loading;
    -o-animation-duration: 1.5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
    animation-name: modal-loading;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    width: 100%;
    height: 15px
  }
  @-moz-keyframes modal-loading {
    0% {
      margin-left: -100%
    }
    100% {
      margin-left: 100%
    }
  }
  @-webkit-keyframes modal-loading {
    0% {
      margin-left: -100%
    }
    100% {
      margin-left: 100%
    }
  }
  @-ms-keyframes modal-loading {
    0% {
      margin-left: -100%
    }
    100% {
      margin-left: 100%
    }
  }
  @-o-keyframes modal-loading {
    0% {
      margin-left: -100%
    }
    100% {
      margin-left: 100%
    }
  }
  @keyframes modal-loading {
    0% {
      margin-left: -100%
    }
    100% {
      margin-left: 100%
    }
  }
  .modal-wrapper .inner-modal-wrapper .modal-content {
    position: absolute;
    width: 100%;
    top: 40px;
    right: 0;
    bottom: 0
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column {
    display: block
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item {
    background-color: #fff;
    margin: 15px 15px 0;
    padding: 20px 18px
  }
  .modal-wrapper .inner-modal-wrapper .modal-content .column .content-item:last-child {
    margin-bottom: 15px
  }
  .modal-wrapper.alert-wrapper {
    position: absolute;
    padding: 55px;
    padding: 25px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.55);
    z-index: 5
  }
  .modal-wrapper.alert-wrapper .inner-alert-wrapper {
    overflow-y: auto;
    background-color: #fff;
    margin: 0 auto;
    width: 350px;
    max-height: 100%;
    padding: 15px
  }
  .modal-wrapper.alert-wrapper .inner-alert-wrapper.login-modal {
    min-width: 520px
  }
  .modal-wrapper.alert-wrapper .inner-alert-wrapper.login-modal .inner-login-wrapper {
    min-width: 410px;
    margin: 0 auto
  }
  .modal-wrapper.alert-wrapper .inner-alert-wrapper.login-modal .inner-login-wrapper .login-content {
    width: 100%;
    background-color: #fff;
    padding: 17px 0;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 100%
  }
  .modal-wrapper.alert-wrapper .inner-alert-wrapper.login-modal .inner-login-wrapper .login-content .info-details {
    padding: 15px;
    border: 1px solid #d67979
  }
  .modal-wrapper.alert-wrapper .inner-alert-wrapper.login-modal .inner-login-wrapper .login-content .info-details .inputs-column {
    margin-bottom: 0
  }
  .modal-wrapper.alert-wrapper .inner-alert-wrapper.login-modal .inner-login-wrapper .login-content .info-details .highlighted {
    font-weight: bold;
    font-size: 1.06666667em
  }
  .modal-wrapper.alert-wrapper .inner-alert-wrapper.login-modal .inner-login-wrapper .login-content .info-details .price {
    font-weight: bold;
    font-size: 1.06666667em;
    color: #517cb1
  }
  .modal-wrapper.alert-wrapper .inner-alert-wrapper.login-modal .inner-login-wrapper .login-content h2 {
    margin-left: 17px;
    margin-bottom: 8px
  }
  .modal-wrapper.alert-wrapper .inner-alert-wrapper.login-modal .inner-login-wrapper .login-content .hDivider.register-divider {
    display: inline-block
  }
  .modal-wrapper.alert-wrapper .inner-alert-wrapper.login-modal .inner-login-wrapper .login-content .form-login {
    margin-top: 10px;
    padding-left: 17px;
    padding-right: 17px
  }
  .modal-wrapper.alert-wrapper .inner-alert-wrapper.login-modal .inner-login-wrapper .login-content .form-login form.register-form {
    margin: 15px 0 0 0
  }
  .modal-wrapper.alert-wrapper .inner-alert-wrapper.login-modal .inner-login-wrapper .login-content .form-login form {
    text-align: center;
    margin-bottom: 5px
  }
  .modal-wrapper.alert-wrapper .inner-alert-wrapper.login-modal .inner-login-wrapper .login-content .form-login form .inputs-column {
    width: 49%;
    float: left
  }
  .modal-wrapper.alert-wrapper .inner-alert-wrapper.login-modal .inner-login-wrapper .login-content .form-login form .input-wrapper {
    padding: 7px 5px;
    display: inline-block;
    width: 100%
  }
  .modal-wrapper.alert-wrapper .inner-alert-wrapper.login-modal .inner-login-wrapper .login-content .form-login form .input-wrapper.login-view {
    width: 260px
  }
  .modal-wrapper.alert-wrapper .inner-alert-wrapper.login-modal .inner-login-wrapper .login-content .form-login form .input-wrapper .input-title {
    float: left;
    margin-top: 5px;
    font-size: 1em;
    text-align: right;
    width: 62px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
  }
  .modal-wrapper.alert-wrapper .inner-alert-wrapper.login-modal .inner-login-wrapper .login-content .form-login form .input-wrapper input,
  .modal-wrapper.alert-wrapper .inner-alert-wrapper.login-modal .inner-login-wrapper .login-content .form-login form .input-wrapper select {
    float: right;
    width: 170px
  }
  .modal-wrapper.alert-wrapper .inner-alert-wrapper.login-modal .inner-login-wrapper .login-content .form-login form .input-wrapper input:disabled,
  .modal-wrapper.alert-wrapper .inner-alert-wrapper.login-modal .inner-login-wrapper .login-content .form-login form .input-wrapper select:disabled {
    background-color: #f5f5f5
  }
  .modal-wrapper.alert-wrapper .inner-alert-wrapper.login-modal .inner-login-wrapper .login-content .form-login form .input-wrapper input:disabled {
    color: #358ebd;
    font-weight: 600;
    letter-spacing: .2px
  }
  .modal-wrapper.alert-wrapper .inner-alert-wrapper.login-modal .inner-login-wrapper .login-content .form-login .login-button-wrapper {
    width: 250px;
    margin: 10px auto
  }
  .modal-wrapper.alert-wrapper .inner-alert-wrapper.login-modal .inner-login-wrapper .login-content .form-login .login-button-wrapper.reset-pwd {
    margin: 10px 79px 5px
  }
  .modal-wrapper.alert-wrapper .inner-alert-wrapper.login-modal .inner-login-wrapper .login-content .form-login .login-button-wrapper .forgot-pwd {
    color: #368cb2;
    float: left;
    margin-top: 5px;
    -webkit-transition: all ease 200ms;
    -moz-transition: all ease 200ms;
    -ms-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200ms;
    cursor: pointer
  }
  .modal-wrapper.alert-wrapper .inner-alert-wrapper.login-modal .inner-login-wrapper .login-content .form-login .login-button-wrapper .forgot-pwd:hover {
    color: #236988
  }
  .modal-wrapper.alert-wrapper .inner-alert-wrapper.login-modal .inner-login-wrapper .login-content .form-login .login-button-wrapper .login-button {
    margin: 0 15px 10px 0
  }
  .modal-wrapper.alert-wrapper .inner-alert-wrapper .alert-content {
    font-size: 1.06666667em;
    text-align: center;
    letter-spacing: .2px;
    margin-top: 15px
  }
  .modal-wrapper.alert-wrapper .inner-alert-wrapper .alert-buttons-wrapper {
    margin-top: 15px
  }
  .modal-wrapper.alert-wrapper .inner-alert-wrapper .alert-buttons-wrapper a.button {
    text-align: center;
    min-width: 50px;
    margin-left: 5px
  }
  .modal-wrapper.alert-wrapper .inner-alert-wrapper form .input-wrapper.email-input {
    padding: 10px 45px
  }
  .modal-wrapper.alert-wrapper .inner-alert-wrapper form .input-wrapper.email-input .input-title {
    float: left;
    margin: 5px 10px 0 0
  }
  .modal-wrapper.alert-wrapper .inner-alert-wrapper form .email-button-wrapper {
    margin: 10px 69px 10px 0
  }
  .modal-wrapper.is-loading .column {
    display: none !important
  }
  .modal-wrapper.is-loading .progress-modal-container {
    display: block !important
  }
  body.satpac-form {
    background-color: #fff
  }
  .webinar-wrapper {
    position: relative;
    background: white;
    min-height: 100vh
  }
  .webinar-wrapper .header {
    width: 100%;
    background-color: #517cb1;
    padding: 0 20px
  }
  .webinar-wrapper .header .inner-head {
    margin: 0 auto;
    padding: 23px 0 25px
  }
  .webinar-wrapper .header h2 {
    color: #fff;
    margin: 0;
    font-weight: 400;
    float: left
  }
  .webinar-wrapper .header h2 span {
    font-weight: 600;
    letter-spacing: .5px;
    margin-left: 5px;
    border-left: 1px solid #74a0d6;
    padding-left: 10px;
    font-size: 18px
  }
  .webinar-wrapper .header .user-wrap {
    float: right;
    color: #fff
  }
  .webinar-wrapper .header .user-wrap .webinar-user {
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    top: 1px;
    letter-spacing: .2px;
    margin-left: 7px
  }
  .webinar-wrapper .header .user-wrap .user-account {
    font-size: 15px;
    letter-spacing: .3px;
    margin-left: 4px;
    position: relative;
    top: 1px
  }
  .webinar-wrapper .header .user-wrap .header-btn {
    background-color: #315d92;
    border: none;
    padding: 4px 8px;
    font-size: 13px;
    margin-left: 10px;
    font-weight: 600;
    letter-spacing: .5px;
    border-radius: 1px;
    -webkit-transition: background-color ease 150ms;
    transition: background-color ease 150ms
  }
  .webinar-wrapper .header .user-wrap .header-btn:hover {
    background-color: #1c4475
  }
  @media (max-width: 700px) {
    .webinar-wrapper .header .inner-head {
      padding: 15px 0
    }
    .webinar-wrapper .header h2,
    .webinar-wrapper .header .user-wrap {
      float: none
    }
    .webinar-wrapper .header .user-wrap {
      margin-bottom: 10px
    }
  }
  .webinar-wrapper .user-settings {
    padding: 0 20px
  }
  .webinar-wrapper .user-settings .user-wrapper {
    color: #4377b7;
    font-weight: 600;
    -webkit-transition: color ease 250ms;
    transition: color ease 250ms;
    cursor: pointer;
    padding: 15px;
    background: #eaeaea;
    border: 1px solid #cacaca;
    margin-top: 15px;
    font-size: 16px;
    text-align: center
  }
  .webinar-wrapper .user-settings .user-wrapper:hover {
    color: #2c588e
  }
  .webinar-wrapper .satpac-container {
    margin: 0 auto;
    position: relative
  }
  .webinar-wrapper .nav-aside {
    padding: 20px 10px 20px 20px;
    font-size: 16px;
    -o-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
  }
  .webinar-wrapper .nav-aside .aside-title {
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 5px;
    letter-spacing: .2px;
    color: #e88241
  }
  .webinar-wrapper .nav-aside .nav-item {
    padding: 7px 0;
    border-bottom: 1px solid #e1e1e1;
    text-transform: capitalize;
    color: #777;
    cursor: pointer;
    -moz-transition: color ease 150ms;
    -ms-transition: color ease 150ms;
    -webkit-transition: color ease 150ms;
    -o-transition: color ease 150ms;
    transition: color ease 150ms;
    display: block;
  }
  .webinar-wrapper .nav-aside .nav-item:hover {
    color: #555
  }
  .webinar-wrapper .nav-aside .nav-item.active {
    font-weight: 600;
    border-bottom-color: #999;
    color: #555;
    cursor: default
  }
  .webinar-wrapper .inner-webinar-wrapper {
    margin: 0 auto;
    margin-top: 10px
  }
  .webinar-wrapper .inner-webinar-wrapper .top-view {
    padding: 6px 22px;
    background-color: #d57456;
    height: 40px
  }
  .webinar-wrapper .inner-webinar-wrapper .top-view .satpac-logo {
    float: left;
    margin-top: 6px
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content {
    background-color: #fff;
    position: relative;
    overflow-x: hidden
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content h2 {
    margin: 15px 20px 10px;
    margin-left: 5px
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .hDivider.webinar-divider {
    display: inline-block
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form {
    padding-left: 17px;
    padding-right: 17px
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form.show-1 .step-1 {
    display: block
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form.show-1 .step-2,
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form.show-1 .step-3,
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form.show-1 .step-4 {
    display: none
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form.show-2 .step-2 {
    display: block
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form.show-2 .step-1,
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form.show-2 .step-3,
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form.show-2 .step-4 {
    display: none
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form.show-3 .step-3 {
    display: block
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form.show-3 .step-1,
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form.show-3 .step-2,
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form.show-3 .step-4 {
    display: none
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form.show-4 .step-4 {
    display: block
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form.show-4 .step-1,
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form.show-4 .step-2,
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form.show-4 .step-3 {
    display: none
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form form {
    margin: 0
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form form .inputs-column {
    margin: 0 0 10px
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form form .input-wrapper {
    padding: 7px 5px;
    display: inline-block;
    width: 100%;
    min-height: 80px
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form form .input-wrapper .input-title {
    margin-top: 5px;
    font-size: 1em;
    display: block;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
  }
  .pad-top {
    margin-top: 25px;
  }
  .custom-radio,
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form form .input-wrapper .input-title.custom-radio {
    float: left;
    background: #fff59f;
    padding: 2px 7px;
    margin-bottom: 10px;
    -moz-transition: all ease 150ms;
    -ms-transition: all ease 150ms;
    -webkit-transition: all ease 150ms;
    -o-transition: all ease 150ms;
    transition: all ease 150ms
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form form .input-wrapper input,
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form form .input-wrapper select {
    width: 250px;
    display: block
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form form .input-wrapper input:disabled,
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form form .input-wrapper select:disabled {
    background-color: #f5f5f5
  }
  .wrong-msg,
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form form .input-wrapper .wrong-msg {
    font-size: .86666667em;
    letter-spacing: .3px;
    margin-top: 5px;
    color: #d63939;
    position: absolute;
    max-width: 250px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: none
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form form .input-wrapper.wrong-data input,
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form form .input-wrapper.wrong-data select {
    border-color: #ea4f4f
  }
  .wrong-data .wrong-msg,
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form form .input-wrapper.wrong-data .wrong-msg {
    display: block
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form form .input-wrapper.has-input-radio .wrong-msg {
    position: relative;
    margin-left: 10px;
    margin-top: 9px;
    float: left
  }
  .input-wrapper.has-input-radio.wrong-data .custom-radio,
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form form .input-wrapper.has-input-radio.wrong-data .input-title.custom-radio {
    background: #d45353;
    color: #fff
  }
  .input-wrapper.has-input-radio.option-selected .custom-radio,
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form form .input-wrapper.has-input-radio.option-selected .input-title.custom-radio {
    background: #59b17c;
    color: #fff
  }

  .apply-btn.right {
    float: right;
    margin-right: 5px;
  }

  .apply-btn.left-margin {
    margin-left: 5px;
  }

  .apply-btn.right-margin {
    margin-right: 55px;
  }

  .apply-btn.workshops {
    margin-top: 10px;
  }

  .special-form {
    margin-right: 55px !important;
    border: none !important;
    background-color: transparent !important;
    float: right !important;
  }

  .coupon-error {
    float: right;
    font-size: 0.8em;
    color: red;
    padding: 5px;
  }

  .coupon-error.left {
    float: none;
    margin-left: 8px;
  }

  .input-error {
    float: right;
    display: block;
    font-size: 0.8em;
    color: red;
    padding: 0 8px;
    margin-top: -9px;
  }

  .input-error.left {
    float: left;
  }

  .checkbox {
    height: 30px;
  }

  .apply-btn,
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form form .input-wrapper .apply-btn {
    text-transform: uppercase;
    font-size: .86666667em;
    -o-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -moz-transition: all ease 200ms;
    -ms-transition: all ease 200ms;
    -webkit-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200ms;
    cursor: pointer;
    font-weight: 600;
    background-color: #517cb1;
    color: #fff;
    padding: 3px 12px;
    display: inline-block
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form form .input-wrapper .apply-btn:hover {
    color: #6aa2e8
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form form .checkbox-wrapper {
    float: left;
    padding-top: 6px
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form form .checkbox-wrapper input {
    float: left;
    margin-top: 4px
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form form .checkbox-wrapper .checkbox-text {
    color: #345171;
    margin-left: 6px;
    font-size: 1em;
    float: left
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form form .info-details {
    padding: 15px;
    border: 1px solid gainsboro;
    border: 2px solid #79d69e
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form form .info-details .inputs-column {
    margin-bottom: 0
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form form .info-details .highlighted {
    font-weight: bold;
    font-size: 1.06666667em
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form form .info-details .price {
    font-weight: bold;
    font-size: 1.06666667em;
    color: #517cb1
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form form .info-details.success {
    color: #1c8e50;
    font-weight: 600;
    padding: 15px;
    background: #eaeaea;
    border: 1px solid #cacaca;
    margin-top: 15px;
    font-size: 16px;
    text-align: center
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form form .text {
    padding: 0 5px
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form form .text.featured {
    padding: 0 5px;
    font-size: 17px;
    letter-spacing: .2
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form form .text.top-margin {
    margin-top: 10px
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form .webinar-actions {
    margin: 6px 0;
    padding: 0 5px
  }
  .webinar-buttons,
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form .webinar-actions .webinar-buttons {
    float: right;
    padding-right: 5px
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form .webinar-actions .webinar-buttons input[type="button"],
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form .webinar-actions .webinar-buttons input[type="submit"] {
    padding: 7px 11px
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form .webinar-actions .webinar-buttons input[type="button"].button.red {
    -webkit-transition: all ease 200ms;
    -moz-transition: all ease 200ms;
    -ms-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200ms;
    border: none;
    margin-right: 10px
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form .webinar-actions .webinar-buttons input[type="button"].button.red:last-child {
    margin-right: 0
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form .webinar-actions .webinar-buttons input[type="button"].button.red:hover {
    background: #af5252
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form .webinar-actions .webinar-buttons input[type="button"].button.red:active,
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form .webinar-actions .webinar-buttons input[type="button"].button.red:focus {
    border: none
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form .webinar-actions .webinar-buttons input[type="button"].button.red.disabled {
    cursor: default;
    background: #cacaca
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form .webinar-actions .webinar-buttons input[type="button"].button.red.disabled:hover {
    background: #cacaca
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form .form-disclaimer {
    line-height: 150%;
    font-size: .93333333em;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #646464
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form .form-disclaimer .webinar-info {
    margin-bottom: 10px
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form .form-disclaimer .title {
    font-weight: 600
  }
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-form .form-disclaimer .contact-info {
    font-weight: 600;
    color: #648ab9
  }
  .webinar-table-wrapper,
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-table-wrapper {
    margin: 15px 0 10px;
    display: table;
    font-size: 1.06666667em
  }
  .table-view,
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-table-wrapper .table-view {
    display: inline-block;
    margin-right: 25px
  }
  .table-view:last-child,
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-table-wrapper .table-view:last-child {
    margin-right: 0
  }
  .table-view .wrapper-list-element,
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-table-wrapper .table-view .wrapper-list-element {
    display: table-row
  }
  .table-view .wrapper-list-element .list-element,
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-table-wrapper .table-view .wrapper-list-element .list-element {
    padding: 12px 10px;
    display: table-cell;
    border-bottom: 1px solid #bebebe;
    vertical-align: middle;
    width: 160px
  }
  .table-view .wrapper-list-element .list-element.list-title,
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-table-wrapper .table-view .wrapper-list-element .list-element.list-title {
    color: #949494
  }
  .table-view .wrapper-list-element .list-element.list-description.email,
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-table-wrapper .table-view .wrapper-list-element .list-element.list-description.email {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 160px
  }
  .table-view .wrapper-list-element .list-element.list-description.password,
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-table-wrapper .table-view .wrapper-list-element .list-element.list-description.password {
    font-style: italic
  }
  .table-view .wrapper-list-element:last-child .list-element,
  .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-table-wrapper .table-view .wrapper-list-element:last-child .list-element {
    border-color: transparent
  }
  @media print {
    .table-view .wrapper-list-element .list-element,
    .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-table-wrapper .table-view .wrapper-list-element .list-element {
      width: 140px
    }
  }
  @media print {
    .table-view,
    .webinar-wrapper .inner-webinar-wrapper .webinar-content .webinar-table-wrapper .table-view {
      margin-right: 30px
    }
  }
  .webinar-wrapper label.radio {
    cursor: pointer;
    float: left;
    margin-right: 25px;
    -o-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
  }
  .webinar-wrapper label.radio:last-child {
    margin-right: 0
  }
  .webinar-wrapper label.radio input[type=radio].hide {
    display: none
  }
  .webinar-wrapper label.radio input[type=radio]+.check-btn {
    color: #5f5f5f;
    line-height: 20px;
    min-width: 50px;
    padding: 6px 0;
    border-radius: 1px;
    border-bottom: 1px solid transparent;
    -moz-transition: border ease 200ms;
    -ms-transition: border ease 200ms;
    -webkit-transition: border ease 200ms;
    -o-transition: border ease 200ms;
    transition: border ease 200ms
  }
  .webinar-wrapper label.radio input[type=radio]+.check-btn .event-place {
    font-weight: bold;
    font-size: 1.2em;
    color: #bebebe;
    -moz-transition: color ease 200ms;
    -ms-transition: color ease 200ms;
    -webkit-transition: color ease 200ms;
    -o-transition: color ease 200ms;
    transition: color ease 200ms
  }
  .webinar-wrapper label.radio input[type=radio]+.check-btn .event-date {
    color: #bebebe;
    -moz-transition: color ease 200ms;
    -ms-transition: color ease 200ms;
    -webkit-transition: color ease 200ms;
    -o-transition: color ease 200ms;
    transition: color ease 200ms
  }
  .webinar-wrapper label.radio input[type=radio]+.check-btn .register-type {
    color: #bebebe;
    -moz-transition: color ease 200ms;
    -ms-transition: color ease 200ms;
    -webkit-transition: color ease 200ms;
    -o-transition: color ease 200ms;
    transition: color ease 200ms;
    font-size: 1.06666667em
  }
  .webinar-wrapper label.radio input[type=radio]+.check-btn .register-type span {
    font-weight: bold
  }
  .webinar-wrapper label.radio input[type=radio]+.check-btn:hover {
    border-bottom: 1px solid #b4b4b4
  }
  .webinar-wrapper label.radio input[type=radio]+.check-btn:hover .event-place,
  .webinar-wrapper label.radio input[type=radio]+.check-btn:hover .event-date,
  .webinar-wrapper label.radio input[type=radio]+.check-btn:hover .register-type {
    color: #a0a0a0
  }
  .webinar-wrapper label.radio input[type=radio]:checked+.check-btn {
    cursor: default;
    border-bottom: 2px solid #79d69e
  }
  .webinar-wrapper label.radio input[type=radio]:checked+.check-btn .event-place {
    color: #517cb1;
    color: #444
  }
  .webinar-wrapper label.radio input[type=radio]:checked+.check-btn .event-date,
  .webinar-wrapper label.radio input[type=radio]:checked+.check-btn .register-type {
    color: #444
  }
  .webinar-wrapper label.radio input[type=radio]:disabled+.check-btn {
    display: none
  }
  .webinar-wrapper label.radio input[type=radio]:checked:disabled+.check-btn {
    display: block;
    cursor: default
  }
  .webinar-wrapper .invoice-wrapper {
    width: 250px
  }
  .webinar-wrapper .invoice-wrapper .invoice-item {
    padding: 5px 0
  }
  .webinar-wrapper .invoice-wrapper .invoice-item:last-child {
    border-top: 1px solid #e1e1e1
  }
  .webinar-wrapper .invoice-wrapper .invoice-item .name {
    float: left;
    font-size: 14px;
    letter-spacing: .2px;
    color: #868686;
    max-width: 195px;
  }
  .webinar-wrapper .invoice-wrapper .invoice-item .name.total-label {
    font-size: 1.33333333em
  }
  .webinar-wrapper .invoice-wrapper .invoice-item .value {
    float: right;
    color: #5a83b5;
    letter-spacing: .2px;
    font-weight: 600
  }
  .webinar-wrapper .invoice-wrapper .invoice-item .value.amount {
    font-size: 1.33333333em
  }
  .webinar-wrapper .invoice-wrapper .invoice-item .value.discount {
    color: #808080
  }
  .webinar-wrapper.is-receipt .satpac-container .inner-webinar-wrapper {
    width: 100%
  }

  .workshop-list .workshop-title {
    font-weight: bold;
    font-size: 1em;
    color: #999;
    border-bottom: thin dotted #CCC;
    margin-top: 5px;
    -moz-transition: color ease 200ms;
    -ms-transition: color ease 200ms;
    -webkit-transition: color ease 200ms;
    -o-transition: color ease 200ms;
    transition: color ease 200ms
  }
  
  @media (min-width: 768px) {
    .webinar-wrapper .header .inner-head {
      width: 700px
    }
    .webinar-wrapper .satpac-container {
      width: 740px
    }
    .webinar-wrapper .satpac-container .nav-aside {
      width: 180px;
      float: left
    }
    .webinar-wrapper .satpac-container .inner-webinar-wrapper {
      width: 560px;
      float: left
    }
    .webinar-wrapper .satpac-container .inner-webinar-wrapper .webinar-content .webinar-form form .inputs-column {
      width: 49%;
      float: left
    }
  }
  @media (min-width: 992px) {
    .webinar-wrapper .header .inner-head {
      width: 860px
    }
    .webinar-wrapper .satpac-container {
      width: 900px
    }
    .webinar-wrapper .satpac-container .nav-aside {
      width: 200px
    }
    .webinar-wrapper .satpac-container .inner-webinar-wrapper {
      width: 700px
    }
  }