@import url(https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Genos:wght@300;400;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;600;700&display=swap);

@charset "UTF-8";
/*!
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
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-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  margin: 0.67em 0;
  font-size: 2em;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  height: 0;
  box-sizing: content-box;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}

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 {
  padding: 0;
  border: 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] {
  box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  padding: 0.35em 0.625em 0.75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}

legend {
  padding: 0;
  border: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

td,
th {
  padding: 0;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    color: #000 !important;
    text-shadow: none !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^="#"]:after,
  a[href^="javascript:"]: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;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
@font-face {
  font-family: "Glyphicons Halflings";
  src: url("/fonts/vendor/bootstrap-sass/bootstrap/glyphicons-halflings-regular.eot");
  src: url("/fonts/vendor/bootstrap-sass/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/vendor/bootstrap-sass/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("/fonts/vendor/bootstrap-sass/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("/fonts/vendor/bootstrap-sass/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("/fonts/vendor/bootstrap-sass/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings" !important;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
  content: "*";
}

.glyphicon-plus:before {
  content: "+";
}

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "€";
}

.glyphicon-minus:before {
  content: "−";
}

.glyphicon-cloud:before {
  content: "☁";
}

.glyphicon-envelope:before {
  content: "✉";
}

.glyphicon-pencil:before {
  content: "✏";
}

.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";
}

.glyphicon-cd:before {
  content: "\e201";
}

.glyphicon-save-file:before {
  content: "\e202";
}

.glyphicon-open-file:before {
  content: "\e203";
}

.glyphicon-level-up:before {
  content: "\e204";
}

.glyphicon-copy:before {
  content: "\e205";
}

.glyphicon-paste:before {
  content: "\e206";
}

.glyphicon-alert:before {
  content: "\e209";
}

.glyphicon-equalizer:before {
  content: "\e210";
}

.glyphicon-king:before {
  content: "\e211";
}

.glyphicon-queen:before {
  content: "\e212";
}

.glyphicon-pawn:before {
  content: "\e213";
}

.glyphicon-bishop:before {
  content: "\e214";
}

.glyphicon-knight:before {
  content: "\e215";
}

.glyphicon-baby-formula:before {
  content: "\e216";
}

.glyphicon-tent:before {
  content: "⛺";
}

.glyphicon-blackboard:before {
  content: "\e218";
}

.glyphicon-bed:before {
  content: "\e219";
}

.glyphicon-apple:before {
  content: "\f8ff";
}

.glyphicon-erase:before {
  content: "\e221";
}

.glyphicon-hourglass:before {
  content: "⌛";
}

.glyphicon-lamp:before {
  content: "\e223";
}

.glyphicon-duplicate:before {
  content: "\e224";
}

.glyphicon-piggy-bank:before {
  content: "\e225";
}

.glyphicon-scissors:before {
  content: "\e226";
}

.glyphicon-bitcoin:before {
  content: "\e227";
}

.glyphicon-btc:before {
  content: "\e227";
}

.glyphicon-xbt:before {
  content: "\e227";
}

.glyphicon-yen:before {
  content: "¥";
}

.glyphicon-jpy:before {
  content: "¥";
}

.glyphicon-ruble:before {
  content: "₽";
}

.glyphicon-rub:before {
  content: "₽";
}

.glyphicon-scale:before {
  content: "\e230";
}

.glyphicon-ice-lolly:before {
  content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}

.glyphicon-education:before {
  content: "\e233";
}

.glyphicon-option-horizontal:before {
  content: "\e234";
}

.glyphicon-option-vertical:before {
  content: "\e235";
}

.glyphicon-menu-hamburger:before {
  content: "\e236";
}

.glyphicon-modal-window:before {
  content: "\e237";
}

.glyphicon-oil:before {
  content: "\e238";
}

.glyphicon-grain:before {
  content: "\e239";
}

.glyphicon-sunglasses:before {
  content: "\e240";
}

.glyphicon-text-size:before {
  content: "\e241";
}

.glyphicon-text-color:before {
  content: "\e242";
}

.glyphicon-text-background:before {
  content: "\e243";
}

.glyphicon-object-align-top:before {
  content: "\e244";
}

.glyphicon-object-align-bottom:before {
  content: "\e245";
}

.glyphicon-object-align-horizontal:before {
  content: "\e246";
}

.glyphicon-object-align-left:before {
  content: "\e247";
}

.glyphicon-object-align-vertical:before {
  content: "\e248";
}

.glyphicon-object-align-right:before {
  content: "\e249";
}

.glyphicon-triangle-right:before {
  content: "\e250";
}

.glyphicon-triangle-left:before {
  content: "\e251";
}

.glyphicon-triangle-bottom:before {
  content: "\e252";
}

.glyphicon-triangle-top:before {
  content: "\e253";
}

.glyphicon-console:before {
  content: "\e254";
}

.glyphicon-superscript:before {
  content: "\e255";
}

.glyphicon-subscript:before {
  content: "\e256";
}

.glyphicon-menu-left:before {
  content: "\e257";
}

.glyphicon-menu-right:before {
  content: "\e258";
}

.glyphicon-menu-down:before {
  content: "\e259";
}

.glyphicon-menu-up:before {
  content: "\e260";
}

* {
  box-sizing: border-box;
}

*:before,
*:after {
  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: #5D6BC5;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}

a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
}

.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;
  padding: 0;
  margin: -1px;
  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;
}

[role=button] {
  cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 600;
  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: 800px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 85%;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

.text-bold {
  font-weight: bold;
}

.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-white {
  color: #fff !important;
}

.text-6B808C {
  color: #6B808C;
}

.text-black {
  color: black;
}

.text-primary {
  color: #606FC7 !important;
}

a.text-primary:focus, a.text-primary:hover {
  color: #0062cc !important;
}

.text-secondary {
  color: #868e96 !important;
}

a.text-secondary:focus, a.text-secondary:hover {
  color: #6c757d !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:focus, a.text-success:hover {
  color: #1e7e34 !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:focus, a.text-info:hover {
  color: #117a8b !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:focus, a.text-warning:hover {
  color: #d39e00 !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:focus, a.text-danger:hover {
  color: #bd2130 !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:focus, a.text-light:hover {
  color: #dae0e5 !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:focus, a.text-dark:hover {
  color: #1d2124 !important;
}

.text-muted {
  color: #868e96 !important;
}

.bg-primary {
  background-color: #007bff !important;
}

a.bg-primary:focus, a.bg-primary:hover {
  background-color: #0062cc !important;
}

.bg-secondary {
  background-color: #868e96 !important;
}

a.bg-secondary:focus, a.bg-secondary:hover {
  background-color: #6c757d !important;
}

.bg-success {
  background-color: #28a745 !important;
}

a.bg-success:focus, a.bg-success:hover {
  background-color: #1e7e34 !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:focus, a.bg-info:hover {
  background-color: #117a8b !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

a.bg-warning:focus, a.bg-warning:hover {
  background-color: #d39e00 !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

a.bg-danger:focus, a.bg-danger:hover {
  background-color: #bd2130 !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

a.bg-light:focus, a.bg-light:hover {
  background-color: #dae0e5 !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:focus, a.bg-dark:hover {
  background-color: #1d2124 !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.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;
  margin-left: -5px;
  list-style: none;
}

.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 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: 800px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    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;
}

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;
}

blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: "— ";
}

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eee;
  border-left: 0;
}

.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: " —";
}

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%;
  font-weight: bold;
  box-shadow: none;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  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 {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 800px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  margin-right: -15px;
  margin-left: -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-right: 15px;
  padding-left: 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: 800px) {
  .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;
  }
}
table {
  background-color: transparent;
}

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: left;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}

.table > tbody + tbody {
  border-top: 2px solid #ddd;
}

.table .table {
  background-color: #fff;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}

.table-bordered {
  border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
  cursor: pointer;
}

table col[class*=col-] {
  position: static;
  display: table-column;
  float: none;
}

table td[class*=col-],
table th[class*=col-] {
  position: static;
  display: table-cell;
  float: none;
}

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}

.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}

.table-responsive {
  min-height: 0.01%;
  overflow-x: auto;
}

@media screen and (max-width: 800px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 900;
  color: #16394D;
}

input[type=search] {
  box-sizing: border-box;
}

input[type=radio],
input[type=checkbox] {
  margin: 4px 0 0;
  margin-top: 1px \9 ;
  line-height: normal;
}

input[type=file] {
  display: block;
}

input[type=range] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #999;
}

.form-control::-webkit-input-placeholder {
  color: #999;
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: default;
}

textarea.form-control {
  height: auto;
}

input[type=search] {
  -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type=date].form-control,
  input[type=time].form-control,
  input[type=datetime-local].form-control,
  input[type=month].form-control {
    line-height: 34px;
  }
  input[type=date].input-sm,
  input[type=time].input-sm,
  input[type=datetime-local].input-sm,
  input[type=month].input-sm,
  .input-group-sm input[type=date],
  .input-group-sm input[type=time],
  .input-group-sm input[type=datetime-local],
  .input-group-sm input[type=month] {
    line-height: 30px;
  }
  input[type=date].input-lg,
  input[type=time].input-lg,
  input[type=datetime-local].input-lg,
  input[type=month].input-lg,
  .input-group-lg input[type=date],
  .input-group-lg input[type=time],
  .input-group-lg input[type=datetime-local],
  .input-group-lg input[type=month] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.radio input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
  position: absolute;
  margin-top: 4px \9 ;
  margin-left: -20px;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

input[type=radio][disabled],
input[type=checkbox][disabled],
input[type=radio].disabled,
input[type=checkbox].disabled,
fieldset[disabled] input[type=radio],
fieldset[disabled] input[type=checkbox] {
  cursor: default;
}

.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: default;
}

.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: default;
}

.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}

.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0;
}

.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-sm {
  height: 30px;
  line-height: 30px;
}

textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

select.input-lg {
  height: 46px;
  line-height: 46px;
}

textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.has-feedback {
  position: relative;
}

.has-feedback .form-control {
  padding-right: 42.5px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}

.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}

.has-success .form-control {
  border-color: #3c763d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success .form-control:focus {
  border-color: #2b542c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}

.has-success .form-control-feedback {
  color: #3c763d;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}

.has-warning .form-control {
  border-color: #8a6d3b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-warning .form-control:focus {
  border-color: #66512c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}

.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}

.has-warning .form-control-feedback {
  color: #8a6d3b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}

.has-error .form-control {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .form-control:focus {
  border-color: #843534;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}

.has-error .form-control-feedback {
  color: #a94442;
}

.has-feedback label ~ .form-control-feedback {
  top: 25px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}

@media (min-width: 800px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type=radio],
  .form-inline .checkbox input[type=checkbox] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}

.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}

@media (min-width: 800px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}

@media (min-width: 800px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}
@media (min-width: 800px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}
.btn.btn-fake {
  cursor: default;
  opacity: 1;
  background-color: #ddd;
}

.btn.btn-rounded {
  border-radius: 500px;
}

.btn.btn-shadow-bottom {
  box-shadow: 0px 3px 10px -3px rgba(0, 0, 0, 0.6);
}

.btn {
  display: inline-block;
  font-weight: normal;
  line-height: 1.42857143;
  padding: 6px 12px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  transition: all 0.2s ease-in-out;
  font-size: 14px;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
}

.btn:focus, .btn:hover {
  text-decoration: none;
}

.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.25);
}

.btn.disabled, .btn:disabled {
  cursor: default;
  opacity: 0.65;
}

.btn:active, .btn.active {
  background-image: none;
}

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}

.btn-default {
  color: #292b2c;
  background-color: #fff;
  border-color: #ccc;
}

.btn-default:hover {
  color: #292b2c;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.btn-default:focus, .btn-default.focus {
  box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
}

.btn-default.disabled, .btn-default:disabled {
  background-color: #fff;
  border-color: #ccc;
}

.btn-default:active, .btn-default.active,
.show > .btn-default.dropdown-toggle {
  color: #292b2c;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #adadad;
}

.btn-primary-cloudent {
  color: #fff;
  border-color: #2e3775;
  background: linear-gradient(180deg, #606FC7 0%, #5865C1 100%);
  box-shadow: inset 0 1px 0 1px rgba(255, 255, 255, 0.06), 0 1px 0 0 rgba(22, 29, 37, 0.1);
}

.btn-primary-cloudent:hover {
  color: #fff;
  background-color: #242c5d;
  border-color: #2e3775;
}

.btn-primary-cloudent:focus, .btn-primary-cloudent.focus {
  box-shadow: 0 0 0 2px rgba(60, 73, 154, 0.5);
}

.btn-primary-cloudent:active, .btn-primary-cloudent.active,
.show > .btn-primary-cloudent.dropdown-toggle {
  color: #fff;
  background-color: #3c489a;
  background-image: none;
  border-color: #414ea6;
}

/* btn-pink */
.btn-pink {
  color: #fff;
  border-color: #ff3465;
  background: #ff3465;
  /* box-shadow: inset 0 1px 0 1px rgba(255,255,255,0.06), 0 1px 0 0 rgba(22,29,37,0.1); */
}

.btn-pink:hover {
  color: #fff;
  background-color: #ff013e;
  border-color: #ff013e;
}

.btn-pink:focus, .btn-pink.focus {
  box-shadow: 0 0 0 2px rgba(255, 52, 101, 0.5);
}

.btn-pink:active, .btn-pink.active,
.show > .btn-pink.dropdown-toggle {
  color: #fff;
  background-color: #ff3465;
  background-image: none;
  border-color: #ff3465;
}

/* END btn-pink */
.btn-primary {
  color: #fff;
  background-color: #0275d8;
  border-color: #0275d8;
}

.btn-primary:hover {
  color: #fff;
  background-color: #025aa5;
  border-color: #01549b;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  background-color: #0275d8;
  border-color: #0275d8;
}

.btn-primary:active, .btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #025aa5;
  background-image: none;
  border-color: #01549b;
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #419641;
}

.btn-success:focus, .btn-success.focus {
  box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.btn-success:active, .btn-success.active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #449d44;
  background-image: none;
  border-color: #419641;
}

/* btn orange */
.btn-orange {
  color: #fff;
  background-color: #ff7a58;
  border-color: #ff7a58;
}

.btn-orange:hover {
  color: #fff;
  background-color: #ff5f36;
  border-color: #ff5f36;
}

.btn-orange:focus, .btn-orange.focus {
  box-shadow: 0 0 0 2px rgba(255, 95, 54, 0.5);
}

.btn-orange.disabled, .btn-orange:disabled {
  background-color: #ff7a58;
  border-color: #ff7a58;
}

.btn-orange:active, .btn-orange.active,
.show > .btn-orange.dropdown-toggle {
  color: #fff;
  background-color: #ff7a58;
  background-image: none;
  border-color: #ff7a58;
}

/* END btn orange */
/* btn white */
.btn-white {
  color: #616161;
  background: linear-gradient(180deg, #FFFFFF 0%, #F9FAFB 100%);
  box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
  border: 1px solid #C4CDD5;
  padding: 4px 12px;
  border-radius: 3px;
}

.btn-white-md {
  color: #616161;
  background: linear-gradient(180deg, #FFFFFF 0%, #F9FAFB 100%);
  box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
  border: 1px solid #C4CDD5;
  padding: 6px 12px;
  border-radius: 3px;
}

.btn-white:hover {
  color: #616161;
  background: #eff2f4;
  border-color: #C4CDD5;
}

.btn-white.disabled, .btn-white:disabled {
  background-color: #C4CDD5;
  border-color: #C4CDD5;
}

.btn-white:active, .btn-white.active,
.show > .btn-white.dropdown-toggle {
  color: #616161;
  background: #eff2f4;
  border-color: #C4CDD5;
  background-image: none;
}

/* END btn white */
/* btn purple */
.btn-purple {
  color: #fff;
  border: 1px solid #4F5DBA;
  border-radius: 3px;
  background: linear-gradient(180deg, #606FC7 0%, #5865C1 100%);
  box-shadow: inset 0 1px 0 1px rgba(255, 255, 255, 0.06), 0 1px 0 0 rgba(22, 29, 37, 0.1);
}

.btn-purple:hover {
  border: 1px solid #4F5DBA;
  border-radius: 3px;
  background: linear-gradient(180deg, #4B5ECB 0%, #4551A9 100%);
  box-shadow: inset 0 1px 0 1px rgba(255, 255, 255, 0.06), 0 1px 0 0 rgba(22, 29, 37, 0.1);
}

.btn-purple.disabled, .btn-purple:disabled {
  background-color: #C4CDD5;
  border-color: #C4CDD5;
  cursor: default !important;
}

.btn-purple:active, .btn-purple.active,
.show > .btn-purple.dropdown-toggle {
  border: 1px solid #263176;
  border-radius: 3px;
  background: linear-gradient(180deg, #4B5ECB 0%, #4551A9 100%);
  box-shadow: inset 0 1px 0 1px rgba(255, 255, 255, 0.06), 0 1px 0 0 rgba(22, 29, 37, 0.1);
}

/* END btn purple */
/* btn white inverse */
.btn-white-inverse {
  color: #616161;
  background: linear-gradient(180deg, #FFFFFF 0%, #F9FAFB 100%);
  box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
  border: 1px solid #C4CDD5;
  background-image: none;
  padding: 4px 12px;
  border-radius: 3px;
}

.btn-white-inverse:hover {
  color: #616161;
  background: #eff2f4;
  border-color: #C4CDD5;
}

.btn-white-inverse.disabled, .btn-white-inverse:disabled {
  background-color: #C4CDD5;
  border-color: #C4CDD5;
}

.btn-white-inverse:active, .btn-white-inverse.active,
.show > .btn-white-inverse.dropdown-toggle {
  color: #616161;
  background: linear-gradient(180deg, #FFFFFF 0%, #F9FAFB 100%);
  box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
  border: 1px solid #C4CDD5;
}

.btn-white-inverse:not(.active) {
  opacity: 0.5;
}

/* END btn white inverse */
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #2aabd2;
}

.btn-info:focus, .btn-info.focus {
  box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5);
}

.btn-info.disabled, .btn-info:disabled {
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.btn-info:active, .btn-info.active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  background-image: none;
  border-color: #2aabd2;
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #eb9316;
}

.btn-warning:focus, .btn-warning.focus {
  box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5);
}

.btn-warning.disabled, .btn-warning:disabled {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.btn-warning:active, .btn-warning.active,
.show > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  background-image: none;
  border-color: #eb9316;
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d9534f;
}

.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #c12e2a;
}

.btn-danger:focus, .btn-danger.focus {
  box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5);
}

.btn-danger.disabled, .btn-danger:disabled {
  background-color: #d9534f;
  border-color: #d9534f;
}

.btn-danger:active, .btn-danger.active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #c9302c;
  background-image: none;
  border-color: #c12e2a;
}

.btn-link {
  font-weight: normal;
  color: #606FC7;
  border-radius: 0;
}

.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  box-shadow: none;
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}

.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777;
  text-decoration: none;
}

.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

.btn-outline-primary {
  color: #0275d8;
  background-image: none;
  background-color: transparent;
  border-color: #0275d8;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #0275d8;
  border-color: #0275d8;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #0275d8;
  background-color: transparent;
}

.btn-outline-primary:active, .btn-outline-primary.active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #0275d8;
  border-color: #0275d8;
}

.btn-outline-secondary {
  color: #ccc;
  background-image: none;
  background-color: transparent;
  border-color: #ccc;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #ccc;
  border-color: #ccc;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #ccc;
  background-color: transparent;
}

.btn-outline-secondary:active, .btn-outline-secondary.active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #ccc;
  border-color: #ccc;
}

.btn-outline-info {
  color: #5bc0de;
  background-image: none;
  background-color: transparent;
  border-color: #5bc0de;
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5);
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #5bc0de;
  background-color: transparent;
}

.btn-outline-info:active, .btn-outline-info.active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.btn-outline-success {
  color: #5cb85c;
  background-image: none;
  background-color: transparent;
  border-color: #5cb85c;
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5);
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #5cb85c;
  background-color: transparent;
}

.btn-outline-success:active, .btn-outline-success.active,
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.btn-outline-warning {
  color: #f0ad4e;
  background-image: none;
  background-color: transparent;
  border-color: #f0ad4e;
}

.btn-outline-warning:hover {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5);
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #f0ad4e;
  background-color: transparent;
}

.btn-outline-warning:active, .btn-outline-warning.active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.btn-outline-danger {
  color: #d9534f;
  background-image: none;
  background-color: transparent;
  border-color: #d9534f;
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #d9534f;
  border-color: #d9534f;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5);
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #d9534f;
  background-color: transparent;
}

.btn-outline-danger:active, .btn-outline-danger.active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #d9534f;
  border-color: #d9534f;
}

.btn-outline-purple {
  color: #4F5DBA;
  background-image: none;
  background-color: transparent;
  border-color: #4F5DBA;
}

.btn-outline-purple:hover {
  color: #fff;
  background: linear-gradient(180deg, #4B5ECB 0%, #4551A9 100%);
  border-color: #4F5DBA;
}

.btn-outline-purple.disabled, .btn-outline-purple:disabled {
  color: #4F5DBA;
  background: none;
}

.btn-outline-purple:active, .btn-outline-purple.active,
.show > .btn-outline-purple.dropdown-toggle {
  color: #fff;
  background-color: #4F5DBA;
  border-color: #4F5DBA;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-timing-function: ease;
  transition-duration: 0.35s;
  transition-property: height, visibility;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9 ;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 12px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #0275d8;
  outline: 0;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: default;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.open > .dropdown-menu {
  display: block;
}

.open > a {
  outline: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9 ;
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 800px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

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

.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}

.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-group.open .dropdown-toggle.btn-link {
  box-shadow: none;
}

.btn .caret {
  margin-left: 0;
}

.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}

.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}

.btn-group-vertical > .btn-group > .btn {
  float: none;
}

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}

.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}

.btn-group-justified > .btn-group .btn {
  width: 100%;
}

.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}

[data-toggle=buttons] > .btn input[type=radio],
[data-toggle=buttons] > .btn-group > .btn input[type=radio],
[data-toggle=buttons] > .btn input[type=checkbox],
[data-toggle=buttons] > .btn-group > .btn input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.input-group[class*=col-] {
  float: none;
  /* padding-right: 0;
  padding-left: 0; */
}

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.input-group .form-control:focus {
  z-index: 3;
}

.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}

textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}

.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}

textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}

.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}

.input-group-addon input[type=radio],
.input-group-addon input[type=checkbox] {
  margin-top: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-addon:first-child {
  border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}

.input-group-btn > .btn {
  position: relative;
}

.input-group-btn > .btn + .btn {
  margin-left: -1px;
}

.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}

.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav > li {
  position: relative;
  display: block;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}

.nav > li.disabled > a {
  color: #777;
}

.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: default;
  background-color: transparent;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eee;
  border-color: #0275d8;
}

.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.nav > li > a > img {
  max-width: none;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}

.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}

.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}

.nav-tabs.nav-justified > li {
  float: none;
}

.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}

.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

@media (min-width: 800px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}

@media (min-width: 800px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.nav-pills > li {
  float: left;
}

.nav-pills > li > a {
  border-radius: 4px;
}

.nav-pills > li + li {
  margin-left: 2px;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #0275d8;
}

.nav-stacked > li {
  float: none;
}

.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified {
  width: 100%;
}

.nav-justified > li {
  float: none;
}

.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}

.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

@media (min-width: 800px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}

.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}

.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}

@media (min-width: 800px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}

@media (min-width: 800px) {
  .navbar {
    border-radius: 4px;
  }
}
@media (min-width: 800px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.navbar-collapse.in {
  overflow-y: auto;
}

@media (min-width: 800px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}

@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}

@media (min-width: 800px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}

@media (min-width: 800px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}

@media (min-width: 800px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}

.navbar-brand {
  float: left;
  height: 42px;
  padding: 11px 5px;
  font-size: 18px;
  line-height: 20px;
}

.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}

.navbar-brand > img {
  display: block;
}

@media (min-width: 800px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.navbar-toggle:focus {
  outline: 0;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

@media (min-width: 800px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px -15px;
}

.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}

@media (max-width: 800px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 800px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 11px;
    padding-bottom: 11px;
  }
}
.navbar-form {
  padding: 10px 15px;
  margin-top: 8px;
  margin-right: -15px;
  margin-bottom: 8px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
}

@media (min-width: 800px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type=radio],
  .navbar-form .checkbox input[type=checkbox] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 800px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 800px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}

.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}

.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}

@media (min-width: 800px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
}
@media (min-width: 800px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}

.navbar-default .navbar-brand {
  color: #777;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}

.navbar-default .navbar-text {
  color: #777;
}

.navbar-default .navbar-nav > li > a {
  color: #777;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}

.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}

.navbar-default .navbar-toggle {
  border-color: #ddd;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}

@media (max-width: 800px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}

.navbar-default .navbar-link:hover {
  color: #333;
}

.navbar-default .btn-link {
  color: #777;
}

.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}

.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}

.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}

.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-text {
  color: #9d9d9d;
}

.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}

.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}

.navbar-inverse .navbar-toggle {
  border-color: #333;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #080808;
}

@media (max-width: 800px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}

.navbar-inverse .navbar-link:hover {
  color: #fff;
}

.navbar-inverse .btn-link {
  color: #9d9d9d;
}

.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}

.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}

.breadcrumb > li {
  display: inline-block;
}

.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/ ";
}

.breadcrumb > .active {
  color: #777;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #606FC7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #606FC7;
  border-color: #606FC7;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: default;
  background-color: #fff;
  border-color: #ddd;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eee;
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777;
  cursor: default;
  background-color: #fff;
}

.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}

a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.label:empty {
  display: none;
}

.btn .label {
  position: relative;
  top: -1px;
}

.label-default {
  background-color: #777;
}

.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}

.label-primary {
  background-color: #0275d8;
}

.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #286090;
}

.label-success {
  background-color: #5cb85c;
}

.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}

.label-info {
  background-color: #5bc0de;
}

.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}

.label-warning {
  background-color: #f0ad4e;
}

.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}

.label-danger {
  background-color: #d9534f;
}

.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #777;
  border-radius: 10px;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.btn-xs .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}

a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #0275d8;
  background-color: #fff;
}

.list-group-item > .badge {
  float: right;
}

.list-group-item > .badge + .badge {
  margin-right: 5px;
}

.nav-pills > li > a > .badge {
  margin-left: 3px;
}

.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eee;
}

.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}

.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}

.jumbotron > hr {
  border-top-color: #d5d5d5;
}

.container .jumbotron,
.container-fluid .jumbotron {
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 6px;
}

.jumbotron .container {
  max-width: 100%;
}

@media screen and (min-width: 800px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: border 0.2s ease-in-out;
}

.thumbnail > img,
.thumbnail a > img {
  margin-right: auto;
  margin-left: auto;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #0275d8;
}

.thumbnail .caption {
  padding: 9px;
  color: #333;
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: bold;
}

.alert-dismissible .close {
  position: relative;
  top: -0.75rem;
  right: -1.25rem;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}

.alert-primary hr {
  border-top-color: #9fcdff;
}

.alert-primary .alert-link {
  color: #002752;
}

.alert-secondary {
  color: #464a4e;
  background-color: #e7e8ea;
  border-color: #dddfe2;
}

.alert-secondary hr {
  border-top-color: #cfd2d6;
}

.alert-secondary .alert-link {
  color: #2e3133;
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.alert-success hr {
  border-top-color: #b1dfbb;
}

.alert-success .alert-link {
  color: #0b2e13;
}

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

.alert-info hr {
  border-top-color: #abdde5;
}

.alert-info .alert-link {
  color: #062c33;
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.alert-warning hr {
  border-top-color: #ffe8a1;
}

.alert-warning .alert-link {
  color: #533f03;
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.alert-danger hr {
  border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
  color: #491217;
}

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}

.alert-light hr {
  border-top-color: #ececf6;
}

.alert-light .alert-link {
  color: #686868;
}

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}

.alert-dark hr {
  border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
  color: #040505;
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #0275d8;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  transition: width 0.6s ease;
}

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}

.progress.active .progress-bar,
.progress-bar.active {
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
  background-color: #5cb85c;
}

.progress-striped .progress-bar-success {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
  background-color: #5bc0de;
}

.progress-striped .progress-bar-info {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
  background-color: #f0ad4e;
}

.progress-striped .progress-bar-warning {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
  background-color: #d9534f;
}

.progress-striped .progress-bar-danger {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.media {
  margin-top: 15px;
}

.media:first-child {
  margin-top: 0;
}

.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}

.media-body {
  width: 10000px;
}

.media-object {
  display: block;
}

.media-object.img-thumbnail {
  max-width: none;
}

.media-right,
.media > .pull-right {
  padding-left: 10px;
}

.media-left,
.media > .pull-left {
  padding-right: 10px;
}

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}

.media-middle {
  vertical-align: middle;
}

.media-bottom {
  vertical-align: bottom;
}

.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.media-list {
  padding-left: 0;
  list-style: none;
}

.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}

.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

a.list-group-item,
button.list-group-item {
  color: #555;
}

a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}

a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}

button.list-group-item {
  width: 100%;
  text-align: left;
}

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  color: #777;
  cursor: default;
  background-color: #eee;
}

.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #0275d8;
  border-color: #0275d8;
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #c7ddef;
}

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}

a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}

a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}

a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}

a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}

a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}

a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}

a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}

a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}

a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}

a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}

a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}

a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
  padding: 15px;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}

.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}

.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}

.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}

.list-group + .panel-footer {
  border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}

.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}

.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}

.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}

.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}

.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}

.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}

.panel-group {
  margin-bottom: 20px;
}

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}

.panel-group .panel + .panel {
  margin-top: 5px;
}

.panel-group .panel-heading {
  border-bottom: 0;
}

.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}

.panel-group .panel-footer {
  border-top: 0;
}

.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}

.panel-default {
  border-color: #ddd;
}

.panel-default > .panel-heading {
  color: #333;
  background-color: #fff; /* #f5f5f5 */
  border-left-color: #ddd;
  border-right-color: #ddd;
  border-top-color: #ddd;
  font-size: 18px;
  padding-left: 20px;
  padding-top: 15px;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}

.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}

.panel-primary {
  border-color: #0275d8;
}

.panel-primary > .panel-heading {
  color: #fff;
  background-color: #0275d8;
  border-color: #0275d8;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #0275d8;
}

.panel-primary > .panel-heading .badge {
  color: #0275d8;
  background-color: #fff;
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #0275d8;
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}

.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}

.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}

.panel-warning {
  border-color: #faebcc;
}

.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}

.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}

.panel-danger {
  border-color: #ebccd1;
}

.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}

.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -25%);
}

.modal.in .modal-dialog {
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: 0;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}

.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.42857143;
}

.modal-title-fix {
  margin: 0;
  line-height: 1.42857143;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 800px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
@media (min-width: 1292px) {
  .modal-xlg {
    width: 1200px;
  }
}
.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1045;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -25%);
}

.modal.in .modal-dialog {
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: 0;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}

.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.42857143;
}

.modal-title-fix {
  margin: 0;
  line-height: 1.42857143;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 800px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
@media (min-width: 1292px) {
  .modal-xlg {
    width: 1200px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  filter: alpha(opacity=0);
  opacity: 0;
  line-break: auto;
}

.tooltip.in {
  filter: alpha(opacity=90);
  opacity: 0.9;
}

.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}

.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}

.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}

.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  line-break: auto;
}

.popover.top {
  margin-top: -10px;
}

.popover.right {
  margin-left: 10px;
}

.popover.bottom {
  margin-top: 10px;
}

.popover.left {
  margin-left: -10px;
}

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover > .arrow {
  border-width: 11px;
}

.popover > .arrow:after {
  content: "";
  border-width: 10px;
}

.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}

.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}

.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}

.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}

.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner > .item {
  position: relative;
  display: none;
  transition: 0.6s ease-in-out left;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    transition: transform 0.6s ease-in-out;
    backface-visibility: hidden;
    perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    transform: translate3d(0, 0, 0);
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}

.carousel-inner > .active {
  left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner > .next {
  left: 100%;
}

.carousel-inner > .prev {
  left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}

.carousel-inner > .active.left {
  left: -100%;
}

.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.carousel-control.left {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1);
  background-repeat: repeat-x;
}

.carousel-control.right {
  right: 0;
  left: auto;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1);
  background-repeat: repeat-x;
}

.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: 0.9;
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}

.carousel-control .icon-prev:before {
  content: "‹";
}

.carousel-control .icon-next:before {
  content: "›";
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9 ;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}

.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-caption .btn {
  text-shadow: none;
}

@media screen and (min-width: 800px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.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,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
  clear: both;
}

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.center-block-flex {
  display: flex;
  align-items: center;
  justify-content: center;
}

.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;
}

.affix {
  position: fixed;
}
.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: 800px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 800px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 800px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 800px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 800px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 800px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 800px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 800px) 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 !important;
  }
  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 !important;
  }
  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: 800px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 800px) 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 !important;
  }
  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;
  }
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.card-body {
  flex: 1 1 auto;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img {
  width: 100%;
  border-radius: calc(0.25rem - 1px);
}

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

@media (min-width: 576px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    display: flex;
    flex: 1 0 0%;
    flex-direction: column;
    margin-right: 15px;
    margin-left: 15px;
  }
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group .card {
    flex: 1 0 0%;
  }
  .card-group .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group .card:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group .card:first-child .card-img-top {
    border-top-right-radius: 0;
  }
  .card-group .card:first-child .card-img-bottom {
    border-bottom-right-radius: 0;
  }
  .card-group .card:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group .card:last-child .card-img-top {
    border-top-left-radius: 0;
  }
  .card-group .card:last-child .card-img-bottom {
    border-bottom-left-radius: 0;
  }
  .card-group .card:not(:first-child):not(:last-child) {
    border-radius: 0;
  }
  .card-group .card:not(:first-child):not(:last-child) .card-img-top,
  .card-group .card:not(:first-child):not(:last-child) .card-img-bottom {
    border-radius: 0;
  }
}
.card-columns .card {
  margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
  .card-columns {
    -moz-column-count: 3;
         column-count: 3;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}
/* B4 Badges */
#sortable .b4-badge {
  margin: 2px;
  padding: 6px 10px;
  font-size: 90%;
}

.b4-badge {
  display: inline-block;
  padding: 3px 5px;
  font-size: 75%;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}

.b4-badge:empty {
  display: none;
}

.btn .b4-badge {
  position: relative;
  top: -1px;
}

.b4-badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.b4-badge-primary {
  color: #fff;
  background-color: #007bff;
}

.b4-badge-primary[href]:focus, .b4-badge-primary[href]:hover {
  color: #fff;
  text-decoration: none;
  background-color: #0062cc;
}

.b4-badge-secondary {
  color: #fff;
  background-color: #868e96;
}

.b4-badge-secondary[href]:focus, .b4-badge-secondary[href]:hover {
  color: #fff;
  text-decoration: none;
  background-color: #6c757d;
}

.b4-badge-success {
  color: #fff;
  background-color: #28a745;
}

.b4-badge-success[href]:focus, .b4-badge-success[href]:hover {
  color: #fff;
  text-decoration: none;
  background-color: #1e7e34;
}

.b4-badge-info {
  color: #fff;
  background-color: #17a2b8;
}

.b4-badge-info[href]:focus, .b4-badge-info[href]:hover {
  color: #fff;
  text-decoration: none;
  background-color: #117a8b;
}

.b4-badge-warning {
  color: #111;
  background-color: #ffc107;
}

.b4-badge-warning[href]:focus, .b4-badge-warning[href]:hover {
  color: #111;
  text-decoration: none;
  background-color: #d39e00;
}

.b4-badge-danger {
  color: #fff;
  background-color: #dc3545;
}

.b4-badge-danger[href]:focus, .b4-badge-danger[href]:hover {
  color: #fff;
  text-decoration: none;
  background-color: #bd2130;
}

.b4-badge-light {
  color: #111;
  background-color: #f8f9fa;
}

.b4-badge-light[href]:focus, .b4-badge-light[href]:hover {
  color: #111;
  text-decoration: none;
  background-color: #dae0e5;
}

.b4-badge-dark {
  color: #fff;
  background-color: #343a40;
}

.b4-badge-dark[href]:focus, .b4-badge-dark[href]:hover {
  color: #fff;
  text-decoration: none;
  background-color: #1d2124;
}

body {
  font-family: Mulish, Roboto, sans-serif !important;
  font-size: small !important;
  background-color: #ebeef0 !important;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-smooth: always;
  scroll-behavior: smooth;
  position: relative !important;
  color: #16394d;
}

input {
  font-family: Mulish, Roboto, sans-serif !important;
}

@media screen and (max-width: 800px) {
  body.modal-open {
    bottom: 0;
    left: 0;
    position: fixed !important;
    right: 0;
    top: 0;
  }
}
.table.invoice-table > tbody > tr > td {
  vertical-align: middle;
}

html.md-default-theme,
html,
body.md-default-theme,
body {
  background-color: #ebeef0 !important;
}

.content {
  padding-top: 20px;
}

:focus {
  outline: none;
}

.clickable-td a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 8px !important;
}
.clickable-td td {
  padding: 0px !important;
}
.clickable-td td:not(:first-child) a {
  color: inherit;
  text-decoration: inherit;
}

.profile-calendar .fc-head .day-number {
  display: none !important;
}
.profile-calendar .fc-body .fc-time-grid-event.fc-short .fc-time:after {
  content: none;
}

#groove-container-app {
  position: fixed;
  right: 0;
  bottom: 50px;
  zoom: 0.6;
  cursor: pointer;
  background: #8291e0;
  height: 80px;
  width: 72px;
  color: white;
  font-weight: bold;
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
  transition: 0.5s;
  z-index: 30;
  transition: width 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
#groove-container-app:hover {
  background: #606fc7;
  width: 260px;
}
#groove-container-app p {
  font-size: 24px;
  padding: 10px;
  position: absolute;
  width: 195px;
  top: 15px;
}
#groove-container-app svg {
  height: 40px;
  width: 40px;
  margin-top: 20px;
  margin-left: 25px;
}

.just-hover-visible .just-hover-visible-child {
  visibility: hidden;
}
.just-hover-visible:hover .just-hover-visible-child {
  visibility: visible;
}

.active-clinic-unit-li a {
  font-weight: bold !important;
  color: #6270c6 !important;
}

#select-beutalo-user .host .tags {
  max-height: 34px !important;
  display: -webkit-box;
}

.surface-selector {
  width: 170px;
  height: 170px;
  position: relative;
  margin: 15px;
  padding: 0px !important;
  background: transparent !important;
}

.surface-selector div {
  cursor: pointer;
  background: #f9fafb !important;
  border: 2px solid #9fb2c3;
  color: #9fb2c3;
  position: absolute;
  font-weight: 700;
  font-size: 20px;
  line-height: 46px;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 10px;
  padding: 0px !important;
}

.surface-selector .disabled {
  border-color: #ced4d8;
  color: #ced4d8;
  cursor: not-allowed;
  padding: 0px !important;
}

.surface-selector .selected {
  border-color: #5c6ac4;
  color: #5c6ac4;
  padding: 0px !important;
}

body > nav.navbar.navbar-default {
  background-color: #16394d;
  min-width: 100%;
  z-index: 1040;
  min-height: 0;
  border: 0;
  height: 42px;
}

.navbar-default .navbar-nav > .active > a {
  background-color: #3b4f64;
}

.navbar-header > a,
.nav > li > a {
  color: #d2d7db !important;
}

.nav > li > a:hover,
.nav > li > a:focus {
  color: white !important;
  background-color: transparent !important;
}

.navbar {
  margin-bottom: 0;
  border-radius: 0;
  padding: 0 16px !important;
}

.nav li {
  float: left;
}

.nav li.active a {
  color: #fff !important;
}

.row.content {
  height: 450px;
}

.sidenav {
  padding-top: 20px;
}

footer {
  /* background-color: #555;
     color: white; */
  padding: 15px;
}

.grey-bg {
  background-color: #ebeef0;
}

@media (min-width: 800px) and (max-width: 1260px) {
  .topmenu-search {
    margin-top: 0 !important;
  }
  .easy-autocomplete input {
    border-width: 0 !important;
  }
  .eac-item {
    position: relative !important;
    top: -5px !important;
    height: 2em;
    padding: 0;
    color: #ccc;
    text-decoration: none;
    display: block;
    top: 0;
    right: 0;
    transition: all 0.25s linear;
    background-color: transparent;
  }
  .eac-item a {
    position: relative !important;
    top: -5px !important;
    line-height: 1em;
    padding: 0;
    color: #ccc;
    text-decoration: none;
    display: block;
    top: 0;
    right: 0;
    transition: all 0.25s linear;
    background-color: transparent;
    margin-top: 15px;
  }
  .tablet-search {
    width: 300px;
    height: 2em;
    padding: 0;
    margin: 0;
    line-height: 2em;
    background-color: #fff;
    position: absolute !important;
    transition: all 0.25s linear;
    top: 7px;
    right: 255px;
    border-radius: 3px;
  }
  .tablet-search input {
    width: 250px;
    height: 2em;
    line-height: 1em;
    padding: 0 0 0 0.5em;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 1em;
    color: #919eab;
    float: left;
    transition: all 0.25s linear;
  }
  .tablet-search .icon {
    position: relative !important;
    top: -5px !important;
    width: 2em;
    height: 2em;
    line-height: 2em;
    padding: 0;
    color: #ccc;
    text-align: center;
    text-decoration: none;
    display: block;
    position: absolute !important;
    top: 0;
    right: 0;
    transition: all 0.25s linear;
    background-color: transparent;
  }
  .tablet-search .icon:before {
    content: url("/images/search-close-tablet-icon.png");
    margin: -15px 0 16px -10px;
    position: absolute;
    top: 21px;
  }
  .tablet-search .icon:hover {
    color: #eee;
  }
  .tablet-search.tablet-search-collapsed {
    width: 2em;
    margin-left: 10em;
    background-color: transparent !important;
  }
  .tablet-search.tablet-search-collapsed input {
    width: 0 !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .tablet-search.tablet-search-collapsed .icon {
    color: #999;
    position: absolute !important;
  }
  .tablet-search.tablet-search-collapsed .icon:before {
    content: url("/images/search-icon-tablet.png");
    margin: -15px 0 16px -10px;
    position: absolute;
    top: 25px;
  }
  .tablet-search.tablet-search-collapsed .icon:hover {
    color: #bbb;
  }
}
@media print {
  .no-print,
  .no-print * {
    display: none !important;
  }
}
@media screen and (max-width: 800px) {
  .register-form {
    width: 100% !important;
  }
  .register-form-text {
    text-align: center;
  }
  .transparent-xs {
    background-color: transparent;
    border: none;
    box-shadow: none;
  }
  .sidenav {
    height: auto;
    padding: 15px;
  }
  .row.content {
    height: auto;
  }
}
textarea {
  resize: none;
}

.modal-body label {
  padding-top: 10px;
  font-weight: 100;
}

.modal-bg {
  background-color: #ebeef0;
}

.main-patient-selector-block {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.main-patient-selector-item {
  margin-left: 7px;
  margin-right: 7px;
}

.search-fa-roboto {
  font-family: FontAwesome !important;
}

.fa-search {
  font-family: FontAwesome !important;
}

.modal-content {
  text-align: left;
}

hr {
  margin: 10px 0 !important;
  border-top: 1px solid #d4d4d4 !important;
}

.no-show {
  display: none !important;
}

.no-border {
  border: 0 !important;
}

.no-radius {
  border-radius: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

.mtop10 {
  margin-top: 10px;
}

.mtop15 {
  margin-top: 15px;
}

.mtop20 {
  margin-top: 20px;
}

.mtop30 {
  margin-top: 30px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.ptop10 {
  padding-top: 10px;
}

.ptop15 {
  padding-top: 15px;
}

.ptop20 {
  padding-top: 20px;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.register-form {
  width: 90%;
}

.register-benefits li {
  margin: 15px 0;
  list-style-type: none;
}

.register-benefits li::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 7.5px;
  background-color: #ff3465;
  margin-left: -10px;
  margin-right: 15px;
}

.cloudent-input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  border-radius: 4px;
}

.control-label {
  text-align: left !important;
}

/* Scrollbar */
*::-webkit-scrollbar {
  width: 8px;
  /*background-color: #F5F5F5;*/
  background-color: transpatent;
}

*::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #ccc;
}

/* End Scrollbar */
.help-questionmark {
  bottom: 20px;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 25px;
  position: fixed;
  height: 61px;
  min-width: 61px;
  max-width: 61px;
  text-align: center;
  transition: all 0.2s ease-out 0s;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0px;
  fill: currentcolor;
  vertical-align: sub;
  z-index: 9;
  background-color: rgb(105, 118, 137);
  color: rgb(255, 255, 255);
  border-radius: 30px;
  right: 15px;
  left: auto;
  display: block;
  z-index: 9999;
}

/* Logo */
.cloudent-logo-topmenu {
  width: 30px;
  height: 30px;
  padding-bottom: 10px;
}

.cloudent-logo-login {
  /* width: 30%;
     max-height: 58px;
     max-width: 90px; */
  max-width: 400px;
  width: 100%;
  max-height: 60px;
}

.sign-in-to-cloudent,
.register-to-cloudent {
  color: #16394d;
  font-size: 28px;
}

/*  END Logo */
.status-notification {
  background: #ffeac7;
  color: #d7890a;
  border: 1px solid #d7890a;
  border-radius: 4px;
  width: 100%;
  padding: 16px;
  margin: 10px 0;
}

/* Loading */
.loading-spinner {
  border-radius: 50%;
  border: 7px solid #ebeef0;
  border-top-color: #33475c;
  width: 60px;
  height: 60px;
  animation: spin 1.25s linear infinite;
}

.loading-spinner-small {
  border-radius: 50%;
  border: 1px solid #ebeef0;
  border-top-color: #33475c;
  width: 15px;
  height: 15px;
  animation: spin 0.75s linear infinite;
  display: inline-block;
}

.loading-spinner.loading-spinner-md {
  border-left: 5px solid #ebeef0;
  border-top: 5px solid #33475c;
  border-right: 5px solid #33475c;
  border-bottom: 5px solid #33475c;
  width: 40px;
  height: 40px;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* END Loading */
/*Loading 2*/
.loader {
  position: relative;
  margin: 0 auto;
  width: 60px;
}

.loader:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.circular {
  animation: rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@keyframes color {
  100%, 0% {
    stroke: #33475c;
  }
  40% {
    stroke: #33475c;
  }
  66% {
    stroke: #33475c;
  }
  80%, 90% {
    stroke: #33475c;
  }
}
/*END Loading 2*/
/* Calendar */
.fullcontent-header {
  margin: 0px 20px 0 20px !important;
}

.calendar-header-component {
  margin-left: 10px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.calendar-header {
  margin: 0 20px !important;
}

.calendar-header-left-side {
  display: flex;
}

.calendar-title {
  font-size: 28px;
  line-height: 28px;
  margin-right: 25px;
}

.designed-hr {
  box-sizing: border-box;
  width: 100%;
  opacity: 0.3;
}

/*#calendar-today {
margin-left: 15px;
}*/
#main-datepicker {
  width: 180px;
  margin-right: 15px;
  float: left;
}

/* END Calendar */
.sidecards {
  max-width: 350px;
}

.sidecards .info-block {
  margin-left: 10px;
}

.info-block .info-label {
  color: #616161;
  font-size: 12px;
  margin-bottom: 0;
}

.info-block .info-content {
  color: #2f373e;
  font-size: 16px;
}

/* Cloudent cards */
.cd-inline-label {
  font-size: 14px;
}

#appointment-note {
  margin: 0 5%;
  width: 90%;
}

.thumbnail-row {
  margin-bottom: 20px;
}

#sortable {
  list-style-type: none;
  padding: 0;
}

#sortable .panel-heading {
  cursor: move;
}

/* END Cloudent cards */
.left-inner-addon {
  position: relative;
}

.left-inner-addon input {
  padding-left: 30px;
}

.left-inner-addon i {
  position: absolute;
  padding: 10px 12px;
  pointer-events: none;
}

.right-inner-addon {
  position: relative;
}

.right-inner-addon input {
  padding-right: 30px;
}

.right-inner-addon i {
  position: absolute;
  right: 0px;
  padding: 10px 12px;
  pointer-events: none;
}

.navbar-header > a,
.nav > li > a {
  color: #d6dade;
}

.navbar-header:hover > a,
.nav > li:hover > a {
  color: #fff;
}

/* Topmenu */
.topmenu-search::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #dce0e5;
}

.topmenu-search::-moz-placeholder {
  /* Firefox 19+ */
  color: #dce0e5;
}

.topmenu-search:-ms-input-placeholder {
  /* IE 10+ */
  color: #dce0e5;
}

.topmenu-search:-moz-placeholder {
  /* Firefox 18- */
  color: #dce0e5;
}

.topmenu-search::-webkit-input-placeholder:focus {
  /* Chrome/Opera/Safari */
  color: black;
}

.topmenu-search::-moz-placeholder:focus {
  /* Firefox 19+ */
  color: black;
}

.topmenu-search:-ms-input-placeholder:focus {
  /* IE 10+ */
  color: black;
}

.topmenu-search:-moz-placeholder:focus {
  /* Firefox 18- */
  color: black;
}

.topmenu-search {
  margin-top: 6px;
  margin-right: 25px;
  width: 250px;
  background-color: #475e77;
  border-color: #475e77 !important;
  border-radius: 3px;
  box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.19) !important;
  color: #dce0e5;
}
.topmenu-search.blur {
  background-color: #fff;
  color: #000;
}

.topmenu-search:focus,
.topmenu-search:active {
  background-color: #fff;
  color: #000;
}

.easy-autocomplete .easy-autocomplete-container ul li {
  border-bottom: 1px solid #ccc;
}
.easy-autocomplete .easy-autocomplete-container ul li .eac-item a {
  text-decoration: none;
}
.easy-autocomplete .easy-autocomplete-container ul li .eac-item a .name {
  font-size: 14px;
  color: #000;
}
.easy-autocomplete .easy-autocomplete-container ul li .eac-item a .datas {
  display: inline-block;
  width: 100%;
}
.easy-autocomplete .easy-autocomplete-container > ul[style="display:grid;"] {
  max-height: 450px;
  overflow: scroll;
}

/* END Topmenu*/
.appiontment-title {
  font-size: 14px;
  font-weight: 100;
  margin-bottom: 15px;
}

.healing-period {
  height: 19px;
  width: 129px;
  color: #16394d;
  font-family: "SF Pro Text";
  font-size: 16px;
  line-height: 19px;
}

.sos-info {
  border-radius: 4px;
  background-color: #ebeef0;
  box-shadow: 0 0 0 1px rgba(63, 63, 68, 0.07), 0 1px 3px 0 rgba(63, 63, 68, 0.12);
  /*border-top: 3px solid #FDC393;*/
  border-top: 3px solid rgb(255, 59, 48);
  border-top: 3px solid rgb(255, 45, 85);
  color: #16394d;
  font-size: 16px;
  line-height: 23px;
  text-align: left;
  padding: 10px 20px;
  margin-bottom: 20px;
  margin-left: auto;
  max-height: 160px;
  position: relative;
  overflow: hidden;
  padding-bottom: 30px;
}
.sos-info > div {
  padding: 4px 0;
}

.sos-more {
  position: absolute;
  bottom: 0px;
  background: white;
  width: 100%;
  text-align: center;
  padding: 5px;
  color: #6b808c !important;
}

.sos-info-2 {
  max-height: 300px !important;
  overflow: scroll;
}

.sos-content span {
  display: inline-block !important;
  padding-right: 10px;
}

/* Patients */
.patientselector-leftside select {
  /* max-width: 200px; */
}

/* Settings */
.settings-header {
  text-align: left;
}

.settings-sidemenu-title {
  text-align: center;
}

.settings-sidemenu-content {
  top: 57px;
}

.settings-sidemenu-content ul {
  padding: 0 !important;
}

.settings-sidemenu-content ul li {
  cursor: pointer;
  margin-left: 20px;
  margin-bottom: 10px;
  padding-left: 10%;
  padding-right: 15px;
  padding-top: 6px;
  padding-bottom: 6px;
  list-style-type: none;
  text-align: left;
  font-size: 16px;
}

.settings-sidemenu-content ul li:hover {
  background-color: #e6e6e6 !important;
  border-radius: 7px;
}

.settings-sidemenu-content ul li.active {
  background-color: #b4c5d1 !important;
  border-radius: 7px;
}

.settings-sidemenu-content ul li.active a {
  color: #666 !important;
  font-weight: bold;
  text-decoration: none;
}

.settings-sidemenu-content ul li a {
  text-decoration: none;
  color: #5a656f;
}

/* Namecard */
.name-card {
  display: flex;
}

.name-card-image {
  background-color: #808b96;
  color: white;
  text-align: center;
  font-size: 14px !important;
  display: inline-block;
  border-radius: 50%;
  margin-right: 20px;
  max-width: 40px;
  max-height: 40px;
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.pending {
  background-color: #fdc393;
  color: #fff;
  padding: 0px 15px;
  border-radius: 50px;
}

.user-pending {
  float: right;
  margin-top: 25px;
}
.user-pending .pending {
  display: inline-block;
  float: right;
}

/* Patient info  */
.patientinfo-header {
  margin-left: 20px;
  margin-bottom: 30px;
  max-width: 1200px;
}

.patientinfo-subtitle {
  font-size: 16px;
  color: #6b808c;
}

.attachment-card {
  background-color: white;
  border-radius: 4px;
  max-width: 1200px;
  padding: 20px !important;
  margin: 20px 0;
}

.attachment-control {
  position: relative;
}

.attachment-control:hover .attacment-control-buttons {
  display: block;
}

.attacment-control-buttons {
  display: none;
  position: absolute;
  bottom: 10px;
  width: 150px;
  background: #16394d;
  line-height: 25px;
  margin-left: 10px;
  margin-right: 10px;
}

.attachment-control-btn {
  text-align: center;
  cursor: pointer;
  color: #fff !important;
}

.attachment-control-btn:hover {
  background-color: #46627d;
}

.attachment-favorite-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 25px;
  height: 25px;
  margin: 10px;
  font-size: 18px;
  background-color: #16394d;
  color: white;
  padding: 3px;
  text-align: center;
  line-height: 20px;
  cursor: pointer;
  border-bottom-left-radius: 5px;
}

.attachment-favorite-btn.favorite {
  color: gold;
}

.alert {
  max-width: 1200px !important;
}

.attachments-card-images img:nth-child(n+3) {
  display: none;
}

.attachments-card-images img:nth-child(1) {
  width: 100% !important;
  height: 200px !important;
  -o-object-fit: cover;
  object-fit: cover;
  display: block !important;
  margin-bottom: 20px;
}

.attachments-card-images img:nth-child(2) {
  /* margin-left: 15px; */
  margin-right: 5px;
}

.attachments-card-images img:nth-child(3) {
  margin-left: 5px;
}

.attachments-card-images img:nth-child(2),
.attachments-card-images img:nth-child(3) {
  width: calc(50% - 5px);
  height: 140px !important;
  -o-object-fit: cover;
  object-fit: cover;
  display: block !important;
  float: left;
  margin-bottom: 0;
}

.attachments-card-images img:hover,
.image-section img:hover {
  cursor: zoom-in;
  opacity: 0.8;
}

.attachment-card-title {
  font-size: 20px;
}

.attachment-card img {
  height: 150px;
  width: 150px;
  margin: 10px;
  -o-object-fit: cover;
  object-fit: cover;
}

.appointment-status-icon {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
}

/* Toggle switch */
.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
  margin-bottom: 0;
  margin-left: 10px;
  vertical-align: middle;
}

.switch input {
  display: none;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #8e8e8e;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #5e6dc6;
}

input:checked + .treatment-slider {
  background-color: #6270c6;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}

input:checked + .slider:before {
  transform: translateX(20px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/* END Toggle switch */
/* SWITCH MINI */
.switch-mini {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 15px;
  margin-bottom: 0;
  margin-left: 10px;
  vertical-align: middle;
}

.switch-mini input {
  display: none;
}

.slider-mini {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #8e8e8e;
  transition: 0.4s;
}

.slider-mini:before {
  position: absolute;
  content: "";
  height: 11px;
  width: 11px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  transition: 0.4s;
}

input:checked + .slider-mini:before {
  transform: translateX(15px);
}

/* Rounded sliders */
.slider-mini.round {
  border-radius: 34px;
}

.slider-mini.round:before {
  border-radius: 50%;
}

/* SWITCH MINI END */
.slider-text-inactive {
  color: #828282;
}

.slider-text-active {
  color: inherit;
}

.ts-settings p,
.ts-settings label {
  font-weight: normal !important;
}

.ql-toolbar.ql-snow + .ql-container.ql-snow {
  height: 900px;
}

.ng-quill-timeline-text p {
  margin: 0 !important;
}

.ts-settings p {
  margin: 2px 0;
}

.tp-logo {
  max-width: 160px;
  max-height: 40px;
}

.tp-logo-trash {
  margin: 5px;
  color: #bb9a93;
  font-size: 18px;
}

.tp-logo-trash:hover {
  cursor: pointer;
  color: #ce452a;
}

.small {
  font-size: 11px;
}

.m-0 {
  margin: 0;
}

.p-tb {
  padding: 10px 0px;
}

.new-delete-btn {
  background-color: #fff;
  border-color: #d9534f;
  color: #d9534f;
  transition: 0.3s;
}
.new-delete-btn:hover {
  background-color: #d9534f;
  color: #fff;
}

.activities-details-button {
  text-decoration: underline;
  color: #999;
}

.clickable {
  cursor: pointer;
}

.ts-switch {
  margin: 0 5px 0 0;
}

.dashed {
  border: 1px dashed #666;
  font-size: 14px;
  font-weight: bold;
}

.dark-border {
  border-color: #777777;
}

/* Selector switch */
.selector-switch .switch {
  margin: 0 10px;
}

.selector-switch .switch .slider {
  background-color: #2196f3;
}

.selector-switch .left-side,
.selector-switch .right-side {
  display: inline-block;
  margin-bottom: 5px;
  line-height: 20px;
  vertical-align: top;
}

/* END Selector switch */
.full-profile-picture {
  width: 110px;
  max-width: 110px;
  max-height: 160px;
}

/* .panel-body .row {
    margin: 0;
} */
.business-hours-block select,
.business-hours-block input,
.new-business-hours-block select,
.new-business-hours-block input {
  margin-right: 15px;
}

.business-hours-block button,
.new-business-hours-block button {
  margin-right: 10px;
}

.form-inline label {
  margin-right: 15px;
}

.general-not-owner-title {
  margin: 0 !important;
  color: #969696;
}

.general-not-owner-content {
  font-size: 16px;
}

.btn-collapsible {
  cursor: pointer;
  font-size: 18px;
}

.property-input-group {
  display: inline-block;
}

.property-input-group-label {
  color: slate #6B808C;
}

.cd-table-hover > tbody > tr:hover {
  background-color: #d8d8d8;
}

.hover-row:hover {
  background-color: #f5f5f5;
}

.table-property-settings {
  border: 1px solid #e8e8e8;
  border-radius: 3px;
}

.table-property-settings th,
.table-property-settings td {
  padding: 15px !important;
  font-size: 14px !important;
}

.table-property-settings th {
  background-color: #f0f0f0;
  border-bottom: 1px solid #e8e8e8 !important;
}

.table-property-settings td {
  background-color: #fff;
}

.table-property-settings tr:hover td {
  background-color: #f5f5f5;
}

.clickable-row {
  cursor: pointer;
}

/* Modal bottom effect */
.modal.fade:not(.in).bottom .modal-dialog {
  transform: translate(0, 25%);
}

/* END Modal bottom effect */
/* Modal fade effect */
.fade-scale {
  z-index: 1050 !important;
  transform: scale(0);
  opacity: 0;
  transition: all 0.125s linear;
}

.fade-scale.in {
  opacity: 1;
  transform: scale(1);
}

.margin-zero {
  margin: 0 !important;
}

ul.no-li-border li {
  border: 0 solid transparent !important;
}

.topmenu-dropdown {
  padding: 10px 0;
}

.topmenu-dropdown-button {
  color: #d2d7db !important;
  background-color: transparent;
  border: 0;
}

.topmenu-dropdown .dropdown-menu li {
  width: 100%;
}

.modal-body.with-groups {
  background-color: #ebeef0;
}

.modal-body-group {
  background-color: #fff;
  padding: 15px;
  margin-bottom: 15px;
  min-height: 70px;
}

.modal-body-group-header {
  margin-bottom: 10px;
  line-height: 32px;
}

.modal-body-group-header .title {
  font-size: 16px;
  margin-right: 15px;
}

#generated-options {
  display: block;
}

#generated-options input {
  display: block;
  margin-top: 10px;
  width: 100%;
}

/* Own style checkbox and radio */
.checkbox label:after,
.radio label:after {
  content: "";
  display: table;
  clear: both;
}

.checkbox .cr,
.radio .cr {
  position: relative;
  display: inline-block;
  border: 1px solid #a9a9a9;
  border-radius: 0.25em;
  width: 1.3em;
  height: 1.3em;
  float: left;
  margin-right: 0.5em;
}

.radio .cr {
  border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
  position: absolute;
  font-size: 0.8em;
  line-height: 0;
  top: 50%;
  left: 17%;
}

.radio .cr .cr-icon {
  margin-left: 0.04em;
}

.topmenu-name {
  max-width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.checkbox label input[type=checkbox],
.radio label input[type=radio] {
  display: none;
}

.checkbox label input[type=checkbox] + .cr > .cr-icon,
.radio label input[type=radio] + .cr > .cr-icon {
  /*transform: scale(3) rotateZ(-20deg);*/
  opacity: 0;
  transition: all 0.05s ease-in;
}

.checkbox label input[type=checkbox]:checked + .cr > .cr-icon,
.radio label input[type=radio]:checked + .cr > .cr-icon {
  transform: scale(1) rotateZ(0deg);
  opacity: 1;
}

.checkbox label input[type=checkbox]:disabled + .cr,
.radio label input[type=radio]:disabled + .cr {
  opacity: 0.5;
}

/* END Own style checkbox and radio */
/* Material style tabs */
.nav-tabs {
  border-bottom: 2px solid #ddd;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  border-width: 0;
}

/* a */
.nav-tabs > li > a {
  border: none;
  color: #666 !important;
  font-size: 14px;
}

.nav-tabs > li.active > a {
  font-weight: bold;
}

.nav-tabs > li.active > a,
.nav-tabs > li > a:hover {
  border: none !important;
  color: #16394d !important;
  background: transparent;
}

.nav-tabs > li > a::after {
  content: "";
  background: #5a68c3;
  height: 3px;
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: -1px;
  transition: all 250ms ease 0s;
  transform: scale(0);
}

.nav-tabs > li.active > a::after,
.nav-tabs > li:hover > a::after {
  transform: scale(1);
}

.tab-nav > li > a::after {
  background: #21527d none repeat scroll 0% 0%;
  color: #fff;
}

/* END a */
/* p */
.nav-tabs > li.active > p,
.nav-tabs > li.active > p:focus,
.nav-tabs > li.active > p:hover {
  border-width: 0;
}

.nav-tabs > li > p {
  border: none;
  color: #666 !important;
  padding: 5px 10px;
}

.nav-tabs > li.active > p,
.nav-tabs > li > p:hover {
  border: none !important;
  color: #16394d !important;
  background: transparent;
}

.nav-tabs > li > p::after {
  content: "";
  background: #16394d;
  height: 2px;
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: -1px;
  transition: all 250ms ease 0s;
  transform: scale(0);
}

.nav-tabs > li.active,
.nav-tabs > li:hover {
  cursor: pointer;
}

.nav-tabs > li.active > p::after,
.nav-tabs > li:hover > p::after {
  transform: scale(1);
}

.tab-nav > li > p::after {
  background: #21527d none repeat scroll 0% 0%;
  color: #fff;
}

/* END p */
.tab-pane {
  padding: 15px 0;
}

.tab-pane-body {
  min-height: 160px;
}

.tab-pane-hr {
  margin: 20px 0 !important;
  background-color: #dfe3e8;
  border-color: #dfe3e8;
}

.tab-content {
  padding: 20px;
}

.card {
  background: #fff none repeat scroll 0% 0%;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  margin-bottom: 30px;
}

/* END material style tabs*/
#color option {
  font-size: 18px;
  color: white;
}

.modal-body .data-row {
  padding-top: 14px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  margin-left: 15px;
  margin-right: 0;
  cursor: pointer;
  font-size: 16px;
  color: #565656;
  border-bottom: 1px solid #ccc;
}

.modal-body .data-row:hover {
  background-color: #f0f0f0;
}

.modal-body .data-row.selected {
  background-color: #f0f0f0;
}

.responsive-table table td {
  max-width: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.no-lable label {
  display: none;
}

.person-selector-dropdown {
  margin-right: 10px;
  margin-bottom: 0 !important;
  display: inline-block;
}

.person-selector-dropdown label {
  font-weight: normal;
  color: #6b808c;
  margin-left: 4px;
}

.person-selector-dropdown select {
  border: none;
  box-shadow: none;
  color: #5874d9;
  padding: 0;
  height: auto;
  border-bottom: 1px solid;
}

.person-selector-dropdown select:disabled {
  background: transparent;
  color: #333;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.person-selector-dropdown select:focus {
  border: none;
  box-shadow: none;
}

.panel th {
  font-weight: normal !important;
  color: #6b808c !important;
  border-bottom-width: 1px !important;
}

.h50 {
  height: 50px !important;
}

.h40 {
  height: 40px !important;
}

.login-panel {
  max-width: 500px;
  width: 100%;
  margin-top: 100px;
}

.register-panel {
  max-width: 1000px;
  width: 100%;
  margin-top: 40px;
}

@media (max-height: 800px) {
  .login-panel {
    margin-top: 70px;
  }
  .register-panel {
    margin-top: 30px;
  }
}
.form-group-20 {
  margin-bottom: 20px;
}

.form-group-20 label {
  font-size: 11px;
  color: #616161;
}

.form-group label {
  font-size: 14px;
}
.form-group.translation-item label {
  margin: 0;
  line-height: 34px;
}

.border-bottom-input input {
  border: 0;
  outline: 0;
  background: transparent;
  border-bottom: 1px solid black;
  border-radius: 0;
  box-shadow: none;
}

span.grippy {
  content: "....";
  width: 10px;
  height: 20px;
  display: inline-block;
  line-height: 5px;
  cursor: move;
  vertical-align: middle;
  margin-top: -0.7em;
  margin-right: 0.3em;
  font-size: 12px;
  letter-spacing: 2px;
  color: #aaa;
}

span.grippy::after {
  content: ".. .. .. ..";
}

.settings-page-header {
  margin: 20px 35px;
  font-size: 36px;
}

.info-box {
  float: left;
}

.info-box label {
  font-weight: normal;
  color: #6b808c;
}

input[type=text] {
  padding-left: 10px !important;
}

.patients-table {
  background-color: #fff;
  min-height: 65vh;
  color: #333;
  border-left-color: #ddd;
  border-right-color: #ddd;
  border-top-color: #ddd;
  margin-bottom: 20px;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  overflow-x: auto;
}
.patients-table .title {
  height: 20px;
  bottom: 4px;
  position: relative;
}
.patients-table .arrow {
  height: 10px;
  cursor: pointer;
}
.patients-table .table > thead > tr > th {
  padding: 10px 8px;
}
.patients-table td a {
  text-decoration: inherit;
}
.patients-table td a:not(.link) {
  color: inherit;
}
.patients-table .all-selected {
  background: #eff0f9;
  border-bottom: 0;
  text-align: center;
}
.patients-table .no-result-found {
  font-size: 15px;
  padding: 20px 0;
  text-align: center;
}
.patients-table .no-result-found .title {
  font-size: 24px;
}
.patients-table .no-result-found p {
  margin-bottom: 15px;
}

.quickview-section {
  margin-top: 20px;
}

.quickview-section .title {
  font-size: 20px;
  margin-bottom: 5px;
  font-weight: bold;
}

.quickview-section .treatments {
  font-size: 14px;
  padding: 15px 0 10px 10px;
  border-bottom: 1px solid #ccc;
}

.quickview-section .treatments:first-child {
  padding-top: 0;
}

.info-box p {
  font-size: 14px;
  color: #555;
}

#timeline-events .panel-footer {
  display: flow-root;
}

.truncate {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-default {
  cursor: default;
}

.input-noborder {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  height: auto !important;
  padding: 0 !important;
}

.search-result {
  margin-top: 5px;
  margin-left: 5px;
  color: #6b808c;
}

.modal-full-page {
  width: 100% !important;
  margin: 0 !important;
  display: grid;
  height: 100vh;
}

.modal-full-page .modal-header {
  background-color: white;
  padding: 0;
  max-height: 50px;
  min-height: 50px;
}

.modal-full-page .modal-content {
  border: 0 !important;
  border-radius: 0 !important;
  min-height: 100vh !important;
  background-color: #ebeef0;
  /*display: flow-root;*/
}

.modal-full-page .btn-fp-header {
  line-height: 35px;
  font-size: 16px;
  padding-left: 20px;
  padding-right: 20px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

.modal-full-page .modal-body .modal-body-content {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}

.modal-full-page .btn-fp-header-default {
  color: #8e9aa5;
  background-color: transparent;
}

.modal-full-page .btn-fp-header-default:hover {
  background-color: #eee;
}

.modal-full-page .modal-title {
  line-height: 50px;
}

.absolute-full-height-modal .modal-body {
  max-height: calc(100vh - 50px) !important;
  height: calc(100vh - 50px);
  overflow-y: auto !important;
  transition: height 0.5s;
  transition-timing-function: ease;
}

/* .absolute-full-height-modal.with-footer .modal-body{
    height: calc(100vh - 115px);
    -webkit-transition: height .5s;
    -o-transition: height .5s;
    transition: height .5s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
} */
.absolute-full-height-modal .modal-footer.footer-sm {
  text-align: left;
  padding: 15px 15px 15px 15%;
  background-color: #fff;
}

.dropdown-treatmentplan-settings {
  min-width: 300px !important;
  padding: 10px !important;
  white-space: nowrap;
}

.dropdown-menu > li > p {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  cursor: pointer;
}

.dropdown-menu > li:hover > p {
  background-color: #f1f1f1;
}

.overlay-grey {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  opacity: 0.2;
}

.hidden-loading {
  display: none;
}

.eac-item span {
  color: #777;
  font-size: 10px;
}

.pull-right button:not(:last-of-type),
.pull-right .dropdown {
  margin-right: 10px;
}

/* Treatmentplan */
.treatmentplan-card .panel-heading .title {
  cursor: pointer;
}

.treatmentplan-card .panel-heading .title:hover {
  text-decoration: underline;
}

.treatmentplan-card .panel-body {
  cursor: pointer;
}

.treatmentplan-card .panel-footer {
  background-color: #fff;
  border-top: none;
}

.treatmentplan-card.inactive,
.treatmentplan-card.inactive .panel-heading,
.treatmentplan-card.inactive .panel-body,
.treatmentplan-card.inactive .panel-footer {
  cursor: pointer;
  background-color: #eee;
}

/* Treatmentplan tags */
.tp-tag {
  color: #63737f;
  padding: 6px;
  border-radius: 50px;
  background-color: #ddd;
  text-align: center;
  width: 120px;
  display: inline-block;
  margin-right: 5px;
  min-width: 110px;
}

.tp-tag.middle {
  padding: 6px;
  width: 100px;
}

.tp-tag.signed {
  background-color: #43ce9c;
  color: #fff;
}

.tp-tag.active {
  background-color: #fff;
  border: 1px solid #6772cb;
  color: #6772cb;
}

.treatmentplan-quickview-card {
  cursor: pointer;
  background-color: #f3f3f3;
  padding: 10px 20px;
  margin-bottom: 15px;
  min-height: 80px;
  border-radius: 4px;
  border: 1px solid #efefef;
}

.treatmentplan-quickview-card .title {
  font-weight: bold;
  font-size: 14px;
}

.appointment-quickview-card {
  cursor: pointer;
  background-color: #f3f3f3;
  padding: 10px 20px;
  margin-bottom: 15px;
  min-height: 65px;
  border-radius: 4px;
  border: 1px solid #efefef;
  font-size: 12px;
}

.appointment-quickview-card .title {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 5px;
}

.appointment-quickview-card .description {
  width: 70px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
}

.appointment-quickview-card:hover,
.treatmentplan-quickview-card:hover {
  border: 1px solid #5856d6;
}

/* END Treatmentplan tags */
/* END Treatmentplan */
.loaded {
  display: none;
}

.sidemenu-header p {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 5px;
}

.sidemenu-header p a {
  color: #777;
}

.sidemenu-header {
  font-size: 18px;
  font-weight: bold;
  margin-left: 25px;
  margin-top: 20px;
  margin-bottom: 15px;
}

/* Calendar */
.fc th,
.fc td {
  border-color: #979797;
}

.fc-view-container {
  background-color: #fff !important;
}

.fc-day-header,
.fc-resource-cell {
  line-height: 40px;
  font-size: 16px;
  color: #31465d;
}

.fc-agendaWeek-view .fc-resource-cell {
  line-height: 30px;
  font-size: 12px;
}

.fc-day-header a,
.fc-resource-cell a {
  color: #31465d !important;
}

/* .fc-row.fc-widget-header{
    margin-right: 0 !important;
    padding-right: 7px;
} */
.fc-agendaDay-view .fc-row.fc-widget-header {
  border-right: none !important;
}

.fc-axis.fc-time {
  color: #8c97b2;
  font-size: 14px;
  border: none !important;
}

.fc-event {
  border-radius: 0 !important;
  font-size: 14px !important;
  margin-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
}

.fc-content {
  height: 100%;
}

.fc-duration {
  display: inline-block;
  font-size: 12px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.fc-time-grid-event .fc-title {
  padding: 2px 1px !important;
}

.fc-time-grid-event .fc-title a {
  color: #fff !important;
}

.fc-time-grid-event .fc-title a:hover {
  text-decoration: none !important;
}

.fc-agendaWeek-view th.fc-day-header a:hover div {
  text-decoration: underline !important;
}

.fc-agendaWeek-view .fc-day-header div {
  display: inline-block;
}

.fc-agendaWeek-view th.fc-today a:hover div {
  text-decoration: none !important;
}

.fc-agendaWeek-view th.fc-today a:hover .day-name {
  text-decoration: underline !important;
}

.fc-agendaWeek-view th.fc-today a .day-number {
  background-color: #606fc7 !important;
  border: 1px solid #606fc7 !important;
  color: #fff !important;
  border-radius: 40px;
  line-height: 28px;
  width: 28px;
}

/* END Calendar */
.treatment-note {
  font-size: 12px;
}

.treatment-note-2row {
  height: 35px;
  overflow-y: hidden;
}

.treatment-note-show-more {
  height: auto !important;
}

.mobile-overflow {
  overflow-y: hidden !important;
}

.full-height-modal .modal-body {
  max-height: calc(100vh - 220px) !important;
  height: calc(100vh - 220px) !important;
  overflow-y: auto;
}

.full-height-modal .modal-footer {
  height: 64px !important;
}

.full-page-modal .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.full-page-modal .modal-content {
  height: 100%;
  min-height: 100%;
  border-radius: 0;
  position: relative;
  border: none;
}
.full-page-modal .modal-content .full-modal-header {
  height: 50px;
  max-height: 50px;
}
.full-page-modal .modal-content .full-modal-header .modal-title {
  line-height: 50px;
}
.full-page-modal .modal-content .full-modal-header .btn-fp-header {
  line-height: 35px;
  font-size: 16px;
  padding-left: 20px;
  padding-right: 20px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  color: #8e9aa5;
  background-color: transparent;
}
.full-page-modal .modal-content .full-modal-header .btn-fp-header:hover {
  background-color: #eee;
}
.full-page-modal .modal-content .full-modal-footer {
  background: #f9f9f9;
  position: absolute;
  bottom: 0;
  height: 70px;
}
.full-page-modal .modal-content .full-modal-body {
  height: 100%;
}
.full-page-modal .modal-content .full-modal-body .full-modal-content {
  background-color: #ebeef0;
  overflow: scroll;
  height: 100%;
  max-height: calc(100vh - 100px);
}

.inline-block {
  display: inline-block !important;
}

.inline-flex {
  display: inline-flex !important;
}

/* tr td.td-delete{
    display: block;
    width: 30px;
} */
tr td.td-delete > :first-child {
  visibility: hidden;
}

tr:hover td.td-delete > :first-child {
  visibility: visible;
}

.input-text-align-right {
  -moz-text-align-last: end;
       text-align-last: end;
}

input[type=time]::-webkit-inner-spin-button,
input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

@media (min-width: 800px) {
  .modal-750 {
    width: 750px !important;
  }
  .modal-700 {
    width: 700px !important;
  }
  .modal-500 {
    width: 500px !important;
  }
  .modal-400 {
    width: 400px !important;
  }
}
.viewer-button.viewer-close {
  transform: scale(1.3);
}

.viewer-toolbar {
  transform: scale(1.5);
}

.treatmentplan-quickview-title {
  margin-bottom: 15px;
  margin-left: 5px;
}

.treatmentplan-quickview-title .patient {
  font-size: 18px;
}

.treatmentplan-quickview-title .creator {
  font-size: 14px;
}

/* Calendar filter */
.calendar-filter {
  width: 250px !important;
  padding: 20px 15px 15px 15px !important;
}

.calendar-filter .divider {
  width: 248px;
  /*margin-right: -15px !important;*/
  margin-left: -15px !important;
}

.calendar-filter .checkbox {
  margin-bottom: 15px !important;
}

/* END Calendar filter */
.coming-soon img {
  max-width: 100%;
  margin-bottom: 20px;
}

.coming-soon p {
  font-size: 16px;
}

/* Color selector*/
.color-selector {
  width: 240px;
  height: 240px;
  padding: 0 !important;
}

.color-selector td {
  width: 60px;
  height: 60px;
}

.color-selector td .color {
  width: 30px;
  height: 30px;
  margin: 15px;
  border-radius: 40px;
  text-align: center;
}

.color-selector td .color:hover {
  opacity: 1;
  cursor: pointer;
}

.color-selector td .color.active {
  opacity: 1;
}

.color-selector td .color i {
  color: #fff;
  line-height: 30px;
  display: none;
}

.color-selector td .color.active i {
  display: block;
}

.dd-color {
  width: 20px;
  height: 20px;
  border-radius: 40px;
  text-align: center;
  opacity: 1;
  display: inline-block;
  margin-right: 5px;
  top: 5px;
  position: relative;
}

.de-color {
  width: 100px;
  height: 30px;
  text-align: center;
  display: inline-block;
}

/* END color selector */
.no-treatmentplan-card {
  width: 100%;
  height: 300px;
  cursor: pointer;
  border: 2px dashed #979797;
  border-radius: 15px;
  position: relative;
  text-align: center;
}
.no-treatmentplan-card .add-image {
  padding-top: 100px;
}

.no-treatmentplan-card:hover {
  background-color: #fff;
}

/*Viewer.js*/
.viewer-toolbar ul li {
  display: inline-block;
}

.viewer-toolbar {
  width: 180px !important;
}

.viewer-navbar {
  margin-bottom: 10px;
}

/*END Viewer.js*/
/*Tags*/
.sidecards .tags {
  margin: 10px 0;
}

.sidecards .tags .tag {
  border-radius: 6px;
  background-color: #efefef;
  border: 1px solid #ddd;
  padding: 5px;
  margin-right: 10px;
}

.sidecards .tags .tag:hover {
  color: red;
  text-decoration: none;
}

/*END Tags*/
/* File card */
.file-card {
  height: 100px;
  text-align: center;
  padding: 20px 20px 10px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  margin-right: 5px;
  border: 1px solid transparent;
}

.file-card:hover {
  border: 1px solid rgb(67, 123, 232);
  border-radius: 4px;
}

/* END file card */
/* Timeline */
.timeline-design {
  position: relative;
}

.timeline-design > div {
  z-index: 2;
}

.timeline-design .panel:not(:first-child) {
  margin-bottom: 20px;
}

.timeline-design::before {
  content: "";
  border-left: 5px solid #d8d8d8;
  position: absolute;
  height: 99%;
  left: 60px;
  z-index: -1;
}

.timeline-title {
  padding-top: 38px;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #d8d8d8;
}

.timeline-design .meta {
  padding-left: 90px;
  padding-bottom: 10px;
}

.timeline-design .meta:last-child {
  margin: 50px 0;
  font-size: 14px;
}

.timeline-design .meta::before {
  content: "";
  position: absolute;
  border: 6px solid #d8d8d8;
  border-radius: 10px;
  left: 56px;
  box-shadow: 0px 0px 0px 7px #ebeef0;
  margin-top: 4px;
}

/* END Timeline */
@keyframes raptor {
  0% {
    bottom: -500px;
  }
  70% {
    bottom: 0;
    right: 0%;
  }
  100% {
    bottom: 0;
    right: 110%;
  }
}
.do-the-raptor {
  animation-duration: 3s;
  animation-name: raptor;
}

/* Treatmentplan timeline design */
.treatmentplan-timeline-design {
  position: relative;
}

.treatmentplan-timeline-design .healing-period {
  padding: 10px 0;
  margin-bottom: 40px;
  font-family: inherit;
  width: 100%;
  color: #16394d;
}

.treatmentplan-timeline-design .total-price-section {
  font-size: 24px;
  padding-top: 30px;
  margin-bottom: 40px;
  line-height: 24px;
  text-align: right;
}

.treatmentplan-timeline-design .total-price-section .price-block {
  display: inline-block;
  margin-left: 30px;
}

.treatmentplan-timeline-design .total-price-section .title {
  color: #667583;
  font-size: 14px;
}

.treatmentplan-timeline-design .total-price-section .price {
  color: #212b36;
  font-size: 20px;
  font-weight: bold;
}

/* END Treatmentplan timeline design */
/* TP quickview timeline design */
.tp-quickview-timeline-design {
  position: relative;
}

.tp-quickview-timeline-design::before {
  content: "";
  border-left: 5px solid #d8d8d8;
  position: absolute;
  top: -20px;
  left: 20px;
  bottom: 30px;
}

.tp-quickview-timeline-design > div {
  margin-left: 60px;
}

.tp-quickview-timeline-design > div::before,
.tp-quickview-timeline-design > div > .healing-period::before {
  content: "";
  position: absolute;
  border: 6px solid #d8d8d8;
  border-radius: 10px;
  left: 17px;
  box-shadow: 0px 0px 0px 3px #ebeef0;
  margin-top: 4px;
}

.tp-quickview-timeline-design .healing-period {
  padding: 10px 0;
  margin-bottom: 40px;
  font-family: inherit;
  width: 100%;
  color: #16394d;
}

.tp-quickview-timeline-design .total-price-section {
  font-size: 24px;
  padding-top: 30px;
  margin-bottom: 40px;
  line-height: 24px;
  text-align: right;
}

.tp-quickview-timeline-design .total-price-section .price-block {
  display: inline-block;
  margin-left: 30px;
}

.tp-quickview-timeline-design .total-price-section .title {
  color: #667583;
  font-size: 14px;
}

.tp-quickview-timeline-design .total-price-section .price {
  color: #212b36;
  font-size: 20px;
  font-weight: bold;
}

/* END TP quickview timeline design */
.tp-new-section-panel {
  padding: 25px;
  cursor: pointer;
  border: 1px dashed #a7a7a7;
  border-radius: 4px;
  text-align: center;
  margin-bottom: 20px;
}

.tp-new-section-panel:hover {
  background-color: #fff;
}

.tp-new-section-panel img {
  width: 16px;
  height: 16px;
  margin-top: -2px;
}

.tp-new-section-panel div {
  color: #606fc7;
  font-size: 16px;
  display: inline-block;
}

/* Fake slider */
.fake-slider {
  display: inline-table;
  background: #8da3b9;
  box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, 0.35);
  border-radius: 3px;
  height: -moz-max-content;
  height: max-content;
}

.fake-slider a {
  color: #fff;
  text-decoration: none;
  padding: 4px 12px;
  vertical-align: middle;
}

.unique_teeth_height .fake-slider a {
  padding: 3px 8px;
  font-size: 12px;
}

.tooth .fake-slider {
  opacity: 0.5;
}
@media screen and (max-width: 800px) {
  .tooth .fake-slider {
    display: none !important;
  }
}

.tooth .fake-slider a {
  padding: 0 2px;
  line-height: normal;
  height: auto;
  float: left;
  font-size: 12px;
}

.fake-slider a:not(.active):hover,
.fake-slider a:not(.active):focus {
  box-shadow: none;
  -webkit-box-shadow: none;
  background: #f9fafb;
  color: #616161;
  opacity: 0.8;
}

.fake-slider a:not(.active) {
  background: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);
  color: #616161;
  margin-right: -1px;
  margin-left: -1px;
}

.fake-slider a.disabled {
  opacity: 1 !important;
}

.subscription-switch {
  /* Middle */
  /* -------- Switch Styles ------------*/
  /* Toggle */
  /* App */
}
.subscription-switch .body {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.1s;
  font-weight: 300;
}
.subscription-switch .phone {
  position: relative;
  z-index: 2;
  width: 45rem;
  background-color: inherit;
  border-radius: 40px;
  display: flex;
  flex-direction: column;
}
.subscription-switch .swipe {
  width: 30%;
  height: 0.25rem;
  background-color: black;
  border-radius: 10px;
  margin: 0.5rem auto;
}
.subscription-switch .content-phone {
  display: flex;
  flex-direction: column;
  margin: auto;
  text-align: center;
  width: 80%;
  transform: translateY(5%);
}
.subscription-switch p {
  font-size: 90%;
}
.subscription-switch label,
.subscription-switch .toggle {
  height: 2.8rem;
  border-radius: 100px;
}
.subscription-switch label {
  width: 90%;
  zoom: 1.5;
  background-color: white;
  margin-bottom: 3px;
  border-radius: 100px;
  position: relative;
  cursor: pointer;
}
.subscription-switch .toggle {
  position: absolute;
  width: 50%;
  background-color: #606fc7;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.subscription-switch .names {
  font-size: 90%;
  font-weight: bolder;
  width: 75%;
  margin-left: 12.5%;
  margin-top: 3%;
  position: absolute;
  display: flex;
  justify-content: space-between;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: #fff;
}
.subscription-switch .light {
  font-weight: 300;
}
.subscription-switch .dark {
  color: #000;
  font-weight: 300;
}
.subscription-switch [type=checkbox] {
  display: none;
}
.subscription-switch [type=checkbox]:checked + .app .toggle {
  transform: translateX(100%);
  background-color: #606fc7;
}
.subscription-switch [type=checkbox]:checked + .app .dark {
  color: #fff;
  font-weight: 300;
}
.subscription-switch [type=checkbox]:checked + .app .light {
  color: #000;
  font-weight: 300;
}
.subscription-switch [type=checkbox]:checked + .app .switch {
  background-color: #26242e;
  color: white;
}

.subscription-switch {
  /* Middle */
  /* -------- Switch Styles ------------*/
  /* Toggle */
  /* App */
}
.subscription-switch .body {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.1s;
  font-weight: 300;
}
.subscription-switch .phone {
  position: relative;
  z-index: 2;
  width: 45rem;
  background-color: inherit;
  border-radius: 40px;
  display: flex;
  flex-direction: column;
}
.subscription-switch .swipe {
  width: 30%;
  height: 0.25rem;
  background-color: black;
  border-radius: 10px;
  margin: 0.5rem auto;
}
.subscription-switch .content-phone {
  display: flex;
  flex-direction: column;
  margin: auto;
  text-align: center;
  width: 80%;
  transform: translateY(5%);
}
.subscription-switch p {
  font-size: 90%;
}
.subscription-switch label, .subscription-switch .toggle {
  height: 2.8rem;
  border-radius: 100px;
}
.subscription-switch label {
  width: 90%;
  zoom: 1.5;
  background-color: white;
  margin-bottom: 3px;
  border-radius: 100px;
  position: relative;
  cursor: pointer;
}
.subscription-switch .toggle {
  position: absolute;
  width: 50%;
  background-color: #606fc7;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.subscription-switch .names {
  font-size: 90%;
  font-weight: bolder;
  width: 75%;
  margin-left: 12.5%;
  margin-top: 3%;
  position: absolute;
  display: flex;
  justify-content: space-between;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: #fff;
}
.subscription-switch .names-it {
  font-size: 75%;
  font-weight: bolder;
  width: 85%;
  margin-left: 8.5%;
  margin-top: 4%;
  position: absolute;
  display: flex;
  justify-content: space-between;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: #fff;
}
.subscription-switch .light {
  font-weight: 300;
}
.subscription-switch .dark {
  color: #000;
  font-weight: 300;
}
.subscription-switch [type=checkbox] {
  display: none;
}
.subscription-switch [type=checkbox]:checked + .app .toggle {
  transform: translateX(100%);
  background-color: #606fc7;
}
.subscription-switch [type=checkbox]:checked + .app .dark {
  color: #fff;
  font-weight: 300;
}
.subscription-switch [type=checkbox]:checked + .app .light {
  color: #000;
  font-weight: 300;
}
.subscription-switch [type=checkbox]:checked + .app .switch {
  background-color: #26242E;
  color: white;
}

/* END Fake slider */
.dropdown-menu li.clickable {
  padding: 5px;
  cursor: pointer;
}

.dropdown-menu li.clickable:hover {
  background-color: #e0e0e0;
}

/* Property group */
.property-panel {
  max-width: 600px;
  margin: 20px;
}

.property-panel .property {
  background-color: #e4eaf0;
  padding: 5px 20px;
  border-radius: 3px;
  margin-bottom: 10px;
  border: 1px solid transparent;
}

.property-panel .property:hover {
  border: 1px solid #5f6e8a;
  cursor: pointer;
}

.property-panel .property .title {
  font-size: 18px;
}

.property-panel .property .field-type {
  color: #7b7b7b;
}

.property-panel .property {
  position: relative;
}

.property-panel .property .default {
  position: absolute;
  top: 11px;
  right: 15px;
  color: #9a9a9a;
  border: 1px solid #9a9a9a;
  border-radius: 3px;
  padding: 5px;
}

.property-panel .property.default:hover {
  border: 1px solid transparent;
  cursor: default;
}

/* END Property group */
/* Patientinfo page */
.patientinfo-group .info-block {
  padding: 10px 20px;
  margin-bottom: 10px;
}

/* END Patientinfo page */
.favorit-tag {
  display: inline-block;
  background-color: #dfe3e8;
  color: #616161;
  font-size: 16px;
  padding: 4px 10px;
  border-radius: 3px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.favorit-tag.tag-fullwidth {
  max-width: initial !important;
}

.favorit-tag.tag-sm {
  font-size: 14px;
}

.favorit-tag:hover {
  background-color: #edf2f7;
}

.favorit-tag.add::after {
  font-family: FontAwesome;
  content: " \f067";
}

.favorit-tag.delete::after {
  font-family: FontAwesome;
  content: " \f00d";
}

.favorit-index {
  font-size: 18px;
  margin-left: 10px;
  margin-top: 40px;
}

/* Attachment type selector */
.attachment-type-selector div {
  display: inline-block;
  padding: 10px;
  margin-right: 10px;
  background-color: #f9fafb;
  border: 1px solid #ddd;
  border-radius: 3px;
  min-width: 80px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}

.attachment-type-selector div:hover {
  cursor: pointer;
  background-color: #f3f3f3;
}

.attachment-type-selector div.selected {
  background-color: #4a90e2;
  border: 1px solid #4a90e2;
  color: #fff;
}

.attachment-selector-step {
  margin-top: 15px;
  margin-bottom: 10px;
  font-size: 16px;
}

/* END Attachment type selector */
.tp-status-dropdown {
  border: none;
  background-color: transparent;
}

.attachment-delete-file-button {
  top: 0;
  right: 0;
}

/* Panel group */
.panel-group .title {
  font-size: 18px;
}

.panel-group li {
  padding: 20px;
}

input[type=time]::-webkit-clear-button,
input[type=time]::-ms-clear {
  display: none;
}

/* END Panel group */
.payment-selection-btn {
  border: 1px solid #6c91e4;
  background-color: #fff;
  text-align: center;
  display: block;
  padding: 20px;
  margin: 10px;
  font-size: 16px;
}

.payment-selection-btn:hover {
  cursor: pointer;
  background-color: #ececec;
}

.save-footer-fixed {
  position: fixed;
  height: 55px;
  width: 100%;
  bottom: -55px;
  left: 0;
  background-color: #fff;
  border: 1px solid #ddd;
  z-index: 20 !important;
  padding: 10px 20%;
  transition: bottom 0.5s ease;
}

.save-footer-fixed.visible {
  bottom: 0;
  transition: bottom 0.5s ease;
}

.activity-card-tag {
  display: inline-block;
  background-color: #d8d8d8;
  border-radius: 50px;
  padding: 5px 10px;
  font-size: 14px;
}

/* small-book-time-modal */
.small-book-time-modal .panel-heading {
  padding-bottom: 0 !important;
}

.small-book-time-modal .panel-body > div {
  margin-top: 5px !important;
}

.small-book-time-modal .appointment-details div {
  margin-bottom: 0 !important;
}

table.patient-info-section {
  border-collapse: separate;
  border-spacing: 10px;
}

table.patient-info-section p {
  margin: 0 !important;
}

table.patient-info-section td:nth-child(2) {
  font-size: 16px;
}

/* END small-book-time-modal */
.no-bg .panel {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.panel-body hr:last-child {
  display: none;
}

.fullpage-topmenu {
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  line-height: 50px;
  font-size: 16px;
}

.fullpage-topmenu.fixed {
  position: fixed;
  z-index: 500;
  top: 0;
  left: 0;
  width: 100%;
}

.fullpage-topmenu .back-btn {
  padding: 0 20px;
  border-right: 1px solid #ddd;
  cursor: pointer;
  color: #616161;
  display: inline-block;
}

.fullpage-topmenu .back-btn span {
  vertical-align: middle;
}

.fullpage-topmenu .back-btn:hover {
  background-color: #f7f7f7;
}

.fullpage-topmenu .title {
  text-align: center;
}

.invoice-status-tag {
  display: inline-block;
  border-radius: 50px;
  padding: 1px 15px;
}

.invoice-status-tag.paid {
  background-color: #eee;
}

.invoice-status-tag.pending,
.invoice-status-tag.unpaid {
  background-color: #fdc393;
}

/* Invoice priceing */
.invoce-priceing td {
  padding: 5px;
}

.invoce-priceing tr:last-of-type {
  font-size: 16px;
  font-weight: bold;
}

.invoce-priceing tr:last-of-type td {
  padding-top: 15px;
}

.discount-dropdown {
  padding: 10px !important;
  min-width: 250px !important;
}

.discount-dropdown .title {
  font-size: 14px;
  margin-bottom: 5px;
}

.discount-selector span:hover {
  cursor: pointer;
  background-color: #ddd;
}

.discount-selector span.active {
  background-color: #606fc7;
  color: #fff;
}

.cursor-default,
.cursor-default:hover {
  cursor: default !important;
}

.table-hover.cursor-default > tbody > tr:hover {
  cursor: default !important;
}

.list-item-div {
  margin-top: 25px;
}

.list-group-item .text {
  max-width: 80%;
  margin-top: 5px;
}

.invoice-card-item {
  background-color: #f3f3f3;
  padding: 10px 20px;
  margin-bottom: 15px;
  min-height: 80px;
  border-radius: 4px;
  border: 1px solid #efefef;
}

.invoice-card-item:hover {
  border: 1px solid #5856d6;
}

.panel-heading .clickable:hover {
  cursor: pointer;
  color: #2e62ba;
  text-decoration: underline;
}

.hidden-footer {
  position: fixed;
  z-index: 2000;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-color: #fff;
  border-top: 1px solid #ddd;
  padding: 7px 15%;
  transition: bottom 0.3s linear;
}

.hide-footer {
  bottom: -250px !important;
}

table thead tr th {
  white-space: nowrap;
}

.nowarp {
  white-space: nowrap !important;
}

.calendar-helper-card {
  min-height: 420px;
  height: 420px;
  max-height: 450px;
  color: rgba(50, 71, 92, 0.7);
  background-color: rgba(228, 232, 255, 0.33);
  border: 1px solid rgba(187, 196, 245, 0.33);
  border-radius: 3px;
  padding: 50px;
}

.calendar-helper-card img,
.calendar-helper-card iframe {
  width: 100%;
  max-width: 100%;
}

.calendar-helper-card .title {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.calendar-helper-card .content {
  text-align: center;
  padding: 20px 0;
  height: 100px;
  font-size: 13px;
}

#no-more-events-panel {
  height: 65vh;
}
#no-more-events-panel .calendar-new-app {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
#no-more-events-panel .calendar-new-app .bg {
  background: url("/images/appointment.svg") no-repeat top center;
  width: 250px;
  height: 134px;
  padding-top: 140px;
  text-align: center;
  font-size: 14px;
  color: #939eaa;
}

.input-group-btn > .dropdown > .input-group-prepend {
  margin-right: -1px;
  border-radius: 3px 0 0 3px;
  border-right: none;
}

.input-group-btn > .dropdown > .input-group-append {
  margin-left: -1px;
  border-radius: 0 3px 3px 0;
  border-left: none;
}

.detailed-surface-selected {
  border: 2px solid #8c88da !important;
  margin: -1px;
}

.select-teeth-side-section {
  margin: 30px 0;
}

.browse-conditions-content {
  margin: 0 20px;
}

.btn:focus {
  box-shadow: none !important;
}

.already-member-panel {
  text-align: center;
  margin-bottom: 20px;
}

.already-member-panel .title {
  display: inline-block;
  margin-right: 10px;
  color: #16394d !important;
}

.already-member-panel a {
  color: #16394d !important;
}

.billing-user {
  padding: 5px;
  font-size: 14px;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/***************************************************************
                        Tibi hacking
***************************************************************/
.panel-heading.mobile-only {
  display: none;
}

#action-view-chart-btn.mobile-only {
  display: none;
}

.plus {
  width: 19px;
  height: 19px;
  background-image: url("/images/plus-sign.svg");
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background-color: transparent;
  background-repeat: no-repeat;
}

#show-book-time-section span,
.mobile-calendar-header,
.mobil-top-menu {
  display: none;
}

button#action-view-chart-btn-copy.btn.btn-white-md.mobile-only {
  display: none;
  border: none;
  box-shadow: none !important;
  background: transparent;
  padding: 10px 12px 5px;
  color: #5d6cc5;
}

.header-mobile-navigation {
  display: none;
}

.settings-wrapper .flex {
  width: 100%;
  align-items: flex-start;
}

.no-side-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/***********************
    Desktop settings
************************/
@media screen and (min-width: 800px) {
  #book-time-section #appointment-info-section.col-sm-7 {
    border-right: 1px solid #ddd;
  }
  .panel-heading.mobile-only {
    display: none !important;
  }
  #anamnesis-page-modal .panel-body {
    padding: 15px;
  }
  #anamnesis-page-modal .modal-body .col-sm-6.left-side {
    padding-left: 0;
  }
  #anamnesis-page-modal .modal-body .col-sm-6.right-side {
    padding-right: 0;
  }
  #treatmentplans-page-modal .modal-dialog {
    max-width: 980px;
    width: 100%;
  }
  #book-time-section .modal-body.grey-bg {
    display: flex;
    background: #ebeef0 !important;
  }
  .full-height-modal .modal-body {
    /* height: auto !important; */
    background: #ebeef0 !important;
  }
  .full-height-modal .modal-body .panel * {
    /* background: #EBEEF0 !important; */
  }
  #small-book-time-modal .modal-body .panel .panel-heading,
  #small-book-time-modal .modal-body .panel .panel-body {
    background-color: #ebeef0 !important;
  }
  .full-height-modal .modal-body .panel .panel-body {
    padding: 15px 0;
  }
  .panel-heading.desktop-only {
    padding: 15px 15px;
  }
  #book-time-section .modal-body.grey-bg #appointment-info-section,
  #book-time-section .modal-body.grey-bg #actions-section {
    width: 100%;
  }
  #book-time-section .modal-body.grey-bg #appointment-info-section {
    padding-right: 20px;
  }
  #book-time-section .modal-body.grey-bg #actions-section {
    padding-left: 20px;
    border-left: 1px solid #979797;
    max-width: 40%;
  }
  #book-time-section .panel.panel-default {
    border: none;
    box-shadow: none;
    margin-bottom: 0 !important;
  }
  .patient-info-section #selected-patient-name {
    font-weight: 600;
  }
  #appointment-info-section .col-xs-8 {
    padding-right: 0;
  }
  #new-timeline-event-panel {
    margin-bottom: 0;
  }
  .timeline-design::before {
    z-index: 1;
  }
  .timeline-design > div {
    position: relative;
    z-index: 3;
  }
  .timeline-title.meta {
    background-color: #ebeef0;
  }
  #appointment-info-section .form-group {
    padding-left: 10px;
    margin-top: 16px;
  }
  #appointment-info-section .form-group textarea {
    min-height: 70px;
    float: none;
    background-color: #fff !important;
  }
  .modal-header {
    padding: 15px 30px;
  }
  .modal-body {
    padding: 15px 30px;
  }
  .modal-header h4 {
    font-weight: 600;
  }
  #book-time-section .full-height-modal .modal-body .panel button {
    height: 42px;
    width: 100%;
  }
  #book-time-section .full-height-modal .modal-body .panel button:not(.btn-orange) {
    color: #b7babd;
    background: #fafbfc !important;
  }
  table.patient-info-section {
    width: 100%;
  }
  .appiontment-title,
  table.patient-info-section td:nth-child(odd) {
    color: #212b36;
  }
  table.patient-info-section td:nth-child(even) {
    text-align: right;
  }
  .flex {
    display: flex;
    align-items: center;
  }
  .flex.input-group .col-xs-8 {
    width: auto !important;
    float: none !important;
    padding: 0 !important;
  }
  .modal-footer {
    padding: 15px 40px;
  }
  #treatmentplan-quickview-modal.full-height-modal .modal-body .panel.panel-default *,
  #invoices-page-modal.full-height-modal .modal-body .panel.panel-default *,
  #appointments-page-modal.full-height-modal .modal-body .panel.panel-default *,
  #treatmentplans-page-modal.full-height-modal .modal-body .panel.panel-default *,
  #attachments-page-modal.full-height-modal .modal-body .panel.panel-default * {
    /* background: #fff !important; */
  }
}
.input-group.date.flex .col-xs-8 {
  padding: 0 !important;
}

#appointment-info-section .input-group.date.flex .col-xs-8 .input-text-align-right {
  max-width: 55px;
  padding: 0 !important;
}

#appointment-info-section .input-group.date.flex input#input-date {
  padding: 0 !important;
  margin-right: 10px;
}

#appointment-info-section .col-xs-8 .input-text-align-right,
#actions-section .input-text-align-right {
  color: #16394d !important;
  background-color: #eaeef0 !important;
  padding: 5px 8px !important;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  height: 30px !important;
  line-height: 30px !important;
  width: 100% !important;
  display: block;
  -moz-text-align-last: right !important;
       text-align-last: right !important;
  text-align: right !important;
}

#actions-section .input-text-align-right {
  padding-right: 15px !important;
}

@media screen and (min-width: 800px) {
  #appointment-info-section .col-xs-8 .input-text-align-right,
  #actions-section .input-text-align-right {
    color: #007bff !important;
  }
}
#appointment-info-section .col-xs-8 select.input-text-align-right {
  padding: 0 8px !important;
}

#appointment-info-section .col-xs-8 .pull-right {
  float: none !important;
  width: 100%;
}

#show-add-patient-section {
  background-color: transparent !important;
  color: #405366;
  margin: 0 auto;
  display: block;
}

.btn-default:hover {
  background-color: #fff;
  box-shadow: 0px 4px 20px -10px #655656;
  transform: translateY(-2px) scale(1.02);
}

.col-sm-12.content.text-left {
  padding-top: 0;
}

/***********************
    Mobile settings
************************/
@media screen and (max-width: 800px) {
  nav {
    display: none !important;
  }
  .mobil-top-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #16394d;
    color: #fff;
    margin: 0 -15px 0 -15px;
    padding: 15px;
  }
  .mobil-top-menu #calendar-today-mobile {
    background: transparent;
    border: none;
    font-size: 16px;
    padding: 0;
    color: #fff;
  }
  .mobil-top-menu span {
    font-size: 22px;
  }
  .header-mobile-navigation {
    display: block;
    position: absolute;
    top: -42px;
    left: -15px;
    right: -15px;
    background: #16394d;
  }
  .header-mobile-navigation a {
    color: #fff;
    padding: 20px 15px;
    display: block;
    font-size: 16px;
  }
  p.nav-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 22px;
  }
  div#appointments-card-controller {
    padding-top: 45px;
  }
  #book-time-section .modal-body.grey-bg {
    background: #ebeef0;
  }
  .easy-autocomplete {
    padding: 0 10px;
  }
  #show-add-patient-section {
    margin: 0 auto;
    display: block;
    color: #0275d8 !important;
  }
  .panel-body.appointment-details .form-group {
    padding: 10px;
  }
  .timeline-design .meta::before {
    display: none;
  }
  .container-fluid.text-center .fullcontent-header {
    margin: 0 !important;
  }
  button#action-view-chart-btn-copy.btn.btn-white-md.mobile-only {
    display: block;
  }
  #action-view-chart-btn.desktop-only {
    display: none;
  }
  .desktop-only {
    display: none !important;
  }
  #action-view-chart-btn.mobile-only {
    display: block;
  }
  .container-fluid.text-center {
    overflow-x: hidden;
    padding-top: 0 !important;
  }
  nav {
    display: none !important;
  }
  #myNavbar {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 42px;
    right: 0;
    left: 0;
    background-color: #32465b;
    margin: 0;
    padding-bottom: 8px;
  }
  #myNavbar .nav.navbar-nav {
    margin: 0;
  }
  .col-sm-12.content.text-left {
    padding: 0;
  }
  .fullcontent-header {
    margin: 0 !important;
  }
  .pull-left.calendar-header-left-side {
    display: none;
  }
  .pull-left.calendar-header-left-side + .pull-right {
    display: none;
  }
  .navbar-header {
    padding: 0 15px;
  }
  .mobile-calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
  }
  .mobile-calendar-header .calendar-header-component {
    margin: 0;
  }
  .form-group.form-inline {
    margin: 0;
  }
  .designed-hr {
    display: none;
  }
  div#calendar {
    padding-left: 0;
    padding-right: 0;
  }
  .fc-day-header,
  .fc-resource-cell {
    font-size: 14px;
  }
  .navbar-brand {
    padding: 15px 5px 0;
  }
  .navbar-brand .cloudent-logo-topmenu {
    padding-bottom: 0;
  }
  .modal {
    top: 0 !important;
    padding-left: 0px !important;
  }
  .modal-dialog.modal-400 {
    margin: 0;
    height: calc(100vh - 42px);
  }
  .full-height-modal .modal-body {
    height: calc(100vh - 120px) !important;
    max-height: 650px !important;
    overflow-y: auto !important;
  }
  .modal-content {
    position: absolute !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 0 !important;
    border: none !important;
  }
  .modal-backdrop.fade.in {
    display: none;
  }
  .modal-header {
    border: none;
    background: #16394d;
    padding: 15px 15px;
    text-align: center;
    color: #fff;
  }
  #small-book-time-modal {
    overflow: hidden;
  }
  #small-book-time-modal .xday-before {
    color: #919eab;
    font-size: 12px;
    display: inline-block;
    padding-left: 10px;
  }
  #edit-event-btn,
  #add-patient-section #show-book-time-section,
  #add-event-btn,
  #add-event-btn-np,
  #create-patient-btn,
  button.btn.btn-outline-secondary {
    position: absolute;
    top: 4px;
    height: 47px;
    border: none;
    color: #fff;
  }
  #add-patient-section #show-book-time-section,
  button.btn.btn-outline-secondary {
    left: 0;
  }
  #create-patient-btn,
  #add-event-btn-np,
  #add-event-btn {
    right: 0;
  }
  #edit-event-btn {
    right: 15px;
    top: 4px;
    color: #fff;
    border: none;
  }
  #add-patient-section .btn.btn-outline-secondary {
    display: none;
  }
  #add-patient-section .close {
    display: none;
  }
  #show-book-time-section span {
    display: inline-block;
    position: absolute;
    left: 15px;
    top: 16px;
  }
  #show-book-time-section:before {
    content: "";
  }
  #show-book-time-section {
    padding: 15px;
    font-size: 14px;
  }
  .modal-dialog {
    margin: 0 !important;
  }
  #book-time-section .modal-body {
    padding: 0;
    padding-top: 15px;
  }
  #appointment-info-section {
    padding: 0;
  }
  #appointment-info-section .panel {
    border-radius: 0;
    border: none;
  }
  .panel-body.appointment-details {
    padding: 0 10px 10px;
  }
  .appointment-details .row {
    padding: 5px 0 10px;
    border-bottom: 1px solid #eee;
  }
  .panel-heading.mobile-only {
    display: block;
    padding: 10px 25px;
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 5px;
  }
  .panel-heading.desktop-only {
    display: none;
  }
  #actions-section {
    padding: 0;
  }
  #actions-section .panel {
    border-radius: 0;
    border: none;
  }
  table.patient-info-section {
    border-spacing: 0;
    width: 100%;
  }
  table.patient-info-section td {
    padding: 10px;
  }
  table.patient-info-section tr:not(:last-child) td {
    border-bottom: 1px solid #eee;
  }
  #new-timeline-event-panel {
    display: none;
  }
  #appointments-card-controller .timeline {
    padding: 0;
  }
  #appointments-card-controller .timeline .panel-body {
    padding-left: 0;
    padding-right: 0;
  }
  #no-more-events-panel {
    display: none !important;
  }
  .user_timeline_wrapper {
    margin: -30px;
  }
  #appointments-card-controller .panel-body {
    padding: 0;
  }
  #appointment-info-section .panel-body {
    padding-bottom: 0 !important;
  }
  #timeline-events .dropdown.pull-right {
    float: none !important;
  }
  #timeline-events .info-box {
    float: none !important;
    padding: 0 5px;
  }
  #main-datepicker-input {
    appereance: none;
    -webkit-appearance: none;
  }
  .input-text-align-right {
    text-align: right !important;
    text-align: -webkit-right !important;
  }
  select.input-text-align-right {
    text-align: right !important;
    text-align: -webkit-right !important;
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
  }
  #timeline-events {
    padding-left: 0 !important;
  }
  .timeline-title.meta {
    margin-left: 0 !important;
  }
  .timeline-design::before {
    display: none;
  }
  #appointments-card-controller .timeline .panel-body {
    padding: 15px !important;
  }
  #timeline-events .table-responsive {
    border: none;
  }
  #appointment-info-section .col-xs-8 .input-text-align-right {
    text-align: left !important;
    text-align: -webkit-left !important;
    -moz-text-align-last: left !important;
         text-align-last: left !important;
  }
  #delete-patient-selection {
    position: absolute;
    top: -47px;
    right: -3px;
  }
  div#timeline.day-view-details div#appointments-card-controller {
    padding-top: 0;
  }
  div#timeline.day-view-details .timeline.col-lg-8.col-md-8 {
    display: none;
  }
  .modal-open div#timeline.day-view-details div#invoice-controller {
    display: block;
  }
  #timeline-events .info-box.mobil-float {
    float: left !important;
  }
  .timeline-design .table > thead > tr > th,
  .timeline-design .table > tbody > tr > th,
  .timeline-design .table > tfoot > tr > th,
  .timeline-design .table > thead > tr > td,
  .timeline-design .table > tbody > tr > td,
  .timeline-design .table > tfoot > tr > td {
    padding: 3px;
  }
  .timeline-design .table > tbody > tr > td .treatment-name {
    -webkit-hyphens: auto;
            hyphens: auto;
  }
  #archivePatient {
    display: none;
  }
}
@media screen and (max-width: 325px) {
  .full-height-modal .modal-body {
    max-height: 550px !important;
  }
}
.container-fluid {
  max-width: 1380px;
}
.container-fluid.pagetype-patients {
  max-width: 1900px;
}
.container-fluid.pagetype-neakStat {
  max-width: 1900px;
}

.col-sm-3 #calendar {
  padding-right: 0;
  margin-top: 20px;
}

.row.center-block .col-sm-3 {
  padding-right: 0;
  padding-left: 0;
}

.fullcontent-header {
  margin: 0px 0px 0 0px !important;
}

.fullcontent-header .pull-right {
  padding-right: 15px;
}

#appointments-card-controller .col-lg-4 {
  padding-right: 0;
}

.panel-body {
  padding: 15px;
}

.tab-content {
  padding: 15px;
}

#timeline-events {
  padding-left: 50px;
}

.timeline-design .meta {
  padding-left: 0;
}

#timeline-events .panel-body {
  padding: 15px;
}

#timeline-events .panel-body td:first-child,
#timeline-events .panel-body th:first-child {
  padding-left: 0;
}

.form-control:focus {
  border: 2px solid #5c6bc4;
  box-shadow: none;
}

.input-group-addon.focused {
  border-left: 2px solid #5c6bc4;
  border-top: 2px solid #5c6bc4;
  border-bottom: 2px solid #5c6bc4;
  box-shadow: none;
}

.input-group-addon.focused > i {
  margin: -1px;
}

.text-to-input {
  background: transparent;
  border-color: transparent;
}

.text-to-input:focus {
  background: #fff;
  border-color: inherit;
}

.btn.btn-default {
  border-radius: 3px;
  border-color: #c4cdd5;
  color: #616161;
  font-size: 14px;
}

.placeholder {
  color: #999;
}

.user-modal-error {
  padding: 10px;
  margin-top: 10px;
  font-size: 14px;
  color: #da1c1c;
  text-align: center;
}

.cd-notification {
  background: #e4e8ff;
  padding: 30px;
  font-size: 14px;
}

.cd-error {
  background: #da5e5e;
  color: #fff;
  padding: 10px;
  width: 90%;
  margin: 0 auto;
}

.cd-warn {
  color: #d73200;
  background: #ffcfc0;
  padding: 10px 15px;
}

.cd-warn-text {
  color: #d73200;
}

.invoice-card-item,
.appointment-quickview-card,
.treatmentplan-quickview-card {
  background-color: #f9f9f9;
  border-radius: 3px;
  border: 1px solid #f5f5f5;
  transition: all 300ms ease-in-out;
}

.invoice-card-item:hover,
.appointment-quickview-card:hover,
.treatmentplan-quickview-card:hover {
  border-color: #e6e4e4;
  box-shadow: 0 3px 15px -10px #3f3f44;
}

#appointments-card-panel .panel-body,
#treatmentplans-card-panel .panel-body,
#attachments-card-panel .panel-body,
#sos-card-controller .panel-body,
#appointments-card-panel .panel-body,
#contact-info-panel .panel-body,
#invoices-card-panel .panel-body {
  padding-top: 0;
}

.tp-tag.active,
.tp-tag.signed {
  background-color: #e5e4e4;
  color: #71808c;
  font-weight: 600;
  width: auto;
  min-width: 0;
  padding: 6px 12px;
  border: none;
}

.tp-tag.signed .fa {
  margin-right: 2px;
  color: #71808c;
  width: 20px;
  height: 20px;
  line-height: 20px;
}

nav .container-fluid {
  max-width: 100%;
}

.invoice-card-item,
.appointment-quickview-card,
.treatmentplan-quickview-card {
  border-color: #e6e4e4;
}

.panel-default > .panel-heading {
  color: #16394d;
}

.timeline-design::before {
  left: 25px;
  border: 1.5px solid #dfe3e8;
}

.timeline-design .meta::before {
  left: 21px;
}

.timeline-title.meta {
  margin-left: -50px;
  padding-left: 25px;
  font-weight: normal;
}

.timeline-title.meta:before {
  display: none;
}

.timeline-title.meta:after {
  content: "";
  background: #ebeef0;
  width: 30px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 71px;
}

.nav-tabs > li > p {
  font-size: 14px;
}

.nav-tabs > li.active > p,
.nav-tabs > li > p:hover {
  font-weight: 600;
}

#nav-export-modal label {
  width: 150px;
  margin-left: 30px;
}

#nav-export-modal .md-icon-button + .md-datepicker-input-container {
  margin: 0;
}

#nav-export-modal md-select {
  min-width: 120px;
  max-width: 328px;
  display: inline-block;
  margin: 0 0 0 52px;
}

.show-calendar .switch {
  margin-left: 0;
  margin-top: 5px;
}

.emailsettings .emailcontent {
  border: 1px solid #ccc;
  padding: 10px;
}
.emailsettings .emailcontent textarea {
  margin: 10px 0;
}
.emailsettings .emailcontent .emailinfo {
  font-size: 16px;
  margin: 10px;
}

.md-checkbox-text {
  font-size: 14px;
  color: #16394D;
  font-weight: 300;
}

md-switch .md-container {
  width: 40px;
  height: 20px;
}
md-switch .md-container .md-bar {
  width: 40px;
  height: 20px;
  left: 0;
  top: 0;
  border-radius: 10px;
  background-color: #8e8e8e;
}
md-switch .md-container .md-thumb-container {
  width: 20px;
  left: 2px;
}
md-switch .md-container .md-thumb {
  height: 16px;
  width: 16px;
}
md-switch.md-checked.md-primary .md-bar {
  background-color: #2196f3;
}
md-switch.md-checked.md-primary .md-thumb {
  background-color: #fff;
}

.ng-hide.ng-hide-animate {
  display: none !important;
}

.ng-animate.no-animate {
  transition: 0s none;
  -webkit-transition: 0s none;
  animation: 0s none;
  -webkit-animation: 0s none;
}

.finance-sum {
  width: 100%;
  text-align: right;
  font-size: 16px;
  margin-bottom: 20px;
}
.finance-sum div {
  display: inline-block;
  margin-right: 20px;
}
.finance-sum div.issued {
  font-weight: bold;
  padding-left: 20px;
  border-left: 1px solid #aaa;
}
.finance-sum div.issued-amount {
  font-weight: bold;
}
.finance-sum div.balance {
  background-color: #fdc393;
  border-radius: 20px;
  padding: 7px 15px;
  font-size: 14px;
  margin-right: 0;
}

.statistics-page .panel-heading {
  padding: 25px 25px 10px;
}
.statistics-page .panel-body {
  padding: 25px;
}
.statistics-page .panel-body .row {
  font-size: 18px;
  padding-bottom: 20px;
  font-weight: 300;
}
.statistics-page .panel-body .row .stat-value {
  text-align: right;
  font-weight: 700;
}
.statistics-page .panel-body .row.app-head {
  font-size: 12px;
  color: #6b808c;
}
.statistics-page .panel-body .row.income-values {
  font-weight: 700;
}
.statistics-page .income-box .row.app-head {
  padding-bottom: 0px;
  padding-top: 20px;
}
.statistics-page .daterange-picker {
  width: 235px;
  margin-bottom: 20px;
}

.spec-dropdown {
  position: relative;
}
.spec-dropdown .caret {
  position: absolute;
  top: 12px;
  right: 0px;
}

.invalid-feedback {
  color: #dc3545;
  display: none;
}

.settings-tabs {
  font-size: 14px;
}

.translation-table > tbody > tr > td {
  line-height: 34px;
}

.eeszt-active {
  vertical-align: top;
  font-size: 14px;
  line-height: 35px;
  color: #60bd68;
}

.eeszt-inactive {
  vertical-align: top;
  font-size: 14px;
  line-height: 35px;
  color: #f15854;
}

.eeszt-saml-type md-radio-button {
  margin: 8px 0;
}
.eeszt-saml-type md-radio-button .md-label {
  margin-left: 15px;
}

.beutalo-details .row {
  margin: 0;
}

.beu-label {
  color: #6b808c;
  margin-top: 10px;
  margin-bottom: 5px;
}

.eprofil-item {
  padding-bottom: 30px;
}
.eprofil-item .row label {
  margin: 0;
  color: #6b808c;
}
.eprofil-item .row label + div {
  padding-top: 10px;
}
.eprofil-item.clear {
  clear: left;
}

.eprofileForm .form-inline select {
  width: 200px;
}

.timeline-others {
  background: url("/images/dots_icon.svg") no-repeat;
  width: 21px;
  height: 21px;
  margin: 5px 10px 0 0;
  padding: 0;
}
.timeline-others:hover, .timeline-others:active, .timeline-others:focus {
  background: url("/images/dots_icon_hover.svg") no-repeat;
}

form.submitted .form-control.ng-invalid-required {
  border-color: #dc3545;
}

.prescription-data .row {
  margin-bottom: 10px;
}

.modal-body .prescription-data label {
  padding-top: 0;
}

.drugs-table .panel-body {
  width: 2000px;
  font-size: 12px;
}

.eupont-table {
  overflow: auto;
  min-height: 100px;
  max-height: 200px;
  font-size: 12px;
}
.eupont-table .panel-body table .selected {
  font-weight: bold;
}

.colors-table > div {
  width: 100%;
  padding: 5px;
  margin-bottom: 10px;
}
.colors-table .title {
  font-weight: bold;
  text-transform: uppercase;
}
.colors-table .bold {
  font-weight: bold;
}
.colors-table .selected {
  background-color: #a7b1ef;
}
.colors-table .selected:hover {
  background-color: #a7b1ef !important;
}
.colors-table .green {
  background-color: #cdffcc;
}
.colors-table .green.selected {
  background-color: #85f982;
}
.colors-table .yellow {
  background-color: #f7f7ae;
}
.colors-table .yellow.selected {
  background-color: #f8e71c;
}
.colors-table .red {
  background-color: #f9cecd;
}
.colors-table .red.selected {
  background-color: #ff9492;
}
.colors-table .white.selected {
  background-color: #a7b1ef;
}
.colors-table .grey {
  background-color: #eaeaea;
}
.colors-table .grey.selected {
  background-color: #bfbcbc;
}

.with-info-icon:before {
  content: "";
  background: url(/images/info.svg) right center/100% no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-bottom: -4px;
  margin-right: 5px;
}

.modal-footer .with-info-icon {
  margin-top: 6px;
  float: left;
}

.taj-check {
  margin-top: 5px;
}
.taj-check .red,
.taj-check .c-P,
.taj-check .c-K,
.taj-check .c-B,
.taj-check .c-N {
  color: #dc3545;
}
.taj-check .c-Z {
  color: green;
}
.taj-check .c-S {
  color: orange;
}

.patient-warning {
  z-index: 20000 !important;
  top: 50%;
  transform: translate(0, -50%);
}

.patient-warning-taj {
  z-index: 20000 !important;
}

.stat-progress .progress-bar {
  width: 100%;
  height: 35px;
  background-color: #ada8a9;
  box-shadow: none;
}
.stat-progress .progress-bar-bar {
  width: 0;
  background-color: #fd3866;
  height: 100%;
  color: #fff;
  font-weight: normal;
  font-size: 16px;
}
.stat-progress .progress-bar-bar span {
  padding: 7px 10px;
  display: inline-block;
  white-space: nowrap;
}

.btn.btn-white-md.purple-bordered {
  border: 1px solid #5d6bc5 !important;
  color: #5d6bc5 !important;
}

tags-input .tags .input {
  width: 90% !important;
}

.beutalo-table .dropdown-menu {
  min-width: 0;
}
.beutalo-table .dropdown-menu li p {
  margin: 0;
}

.beutalouser-modal {
  z-index: 1500 !important;
}

.newbeutalouser-modal {
  z-index: 1501 !important;
}
.newbeutalouser-modal .modal-content {
  max-height: none !important;
}

.advance-modal {
  z-index: 3001 !important;
}

.add-invoice .new-invoice {
  float: left;
  width: calc(100% - 36px) !important;
}
.add-invoice .new-advance-invoice {
  float: left;
  width: 35px;
  border-left: 1px solid #ddd;
}
.add-invoice .new-advance-invoice button {
  background: url("/images/keyboard_arrow_down-24px.svg") center center no-repeat;
}
.add-invoice .new-advance-invoice button:hover, .add-invoice .new-advance-invoice button:active, .add-invoice .new-advance-invoice button:focus {
  text-decoration: none;
}
.add-invoice .new-advance-invoice .dropdown-menu > li > a {
  font-size: 13px;
  padding: 5px 20px;
}

.ambulant-start {
  background: #e4e8ff;
  border-radius: 5px;
  padding: 5px 10px;
  display: inline-block;
  float: right;
}

.left-filters .form-group:hover .remove-filter {
  display: inline-block;
}
.left-filters .form-group .input-cont {
  width: calc(100% - 20px);
  float: left;
}
.left-filters .form-group .multiselect-parent {
  width: 100%;
}
.left-filters .form-group .multiselect-parent .btn {
  width: 100%;
  text-align: left;
}
.left-filters .form-group .multiselect-parent .btn .caret {
  float: right;
  margin-top: 8px;
}
.left-filters .form-group .remove-filter {
  color: #c4cdd5;
  font-size: 20px;
  padding-left: 5px;
  display: none;
  line-height: 30px;
  float: left;
}
.left-filters .form-group .remove-filter:hover {
  text-decoration: none;
}
.left-filters .form-group.shorter {
  width: calc(100% - 20px);
}
.left-filters .form-group .save-filter.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.left-filters .form-group .save-filter.disabled:hover {
  text-decoration: none;
}
.left-filters .form-group .form-control {
  min-height: 34px;
  height: auto;
}
.left-filters .form-group .multidate {
  font-size: 11px;
  padding-top: 2px;
}
.left-filters .form-group .multinumber {
  font-size: 12px;
  padding-top: 2px;
}
.left-filters .form-group .number-range input {
  width: 46%;
}
.left-filters .dropdown.filters-dropdown .dropdown-menu {
  min-width: 220px;
}
.left-filters .dropdown.filters-dropdown .dropdown-menu > li:hover {
  background-color: #f5f5f5;
  float: left;
}
.left-filters .dropdown.filters-dropdown .dropdown-menu > li:hover .remove-filter {
  display: inline-block;
}
.left-filters .dropdown.filters-dropdown .dropdown-menu .filter-name {
  width: calc(100% - 26px);
  float: left;
  clear: none;
}
.left-filters .dropdown.filters-dropdown .dropdown-menu .remove-filter {
  color: #c4cdd5;
  font-size: 18px;
  padding: 0 8px 0;
  display: none;
  float: left;
  clear: none;
}
.left-filters .dropdown.filters-dropdown .dropdown-menu .remove-filter:hover {
  text-decoration: none;
  color: #e7704f;
}
.left-filters .dropdown.filters-dropdown .dropdown-menu .clear-filter {
  color: #5d6bc5 !important;
}
.left-filters .popover {
  width: 240px;
}
.left-filters .popover .arrow {
  display: none;
}

.max-400 .modal-dialog {
  max-width: 400px;
}

.max-420 .modal-dialog {
  max-width: 420px;
}

.patients-content {
  width: 100%;
  padding-top: 20px;
}
.patients-content .patients-filter {
  float: left;
  width: 250px;
  text-align: left;
  padding-right: 15px;
}
.patients-content .patients-data {
  float: left;
  width: calc(100% - 250px);
}

.patient-edit-multi .multiselect-parent {
  width: 100%;
}
.patient-edit-multi .multiselect-parent .btn {
  width: 100%;
  text-align: left;
}
.patient-edit-multi .multiselect-parent .btn .caret {
  float: right;
  margin-top: 8px;
}

.dropdown-menu > li > a {
  font-size: 13px;
  padding: 5px 20px;
}

input[type=number] {
  -moz-appearance: textfield;
}

.check-ssn-number-info-box {
  background-color: #ffffff;
  border-radius: 5px;
  border: 1px solid #d1d1d1;
  padding: 10px 20px;
}
.check-ssn-number-info-box p {
  margin-bottom: 5px;
}

.dropdown-menu > li > download-neak-sum > a {
  font-size: 13px;
  padding: 5px 20px;
  color: #333;
  display: block;
}
.dropdown-menu > li > download-neak-sum > a:hover {
  text-decoration: none;
  background-color: #f5f5f5;
}

.new-activity-modal .modal-dialog {
  width: 800px;
  max-width: 100%;
}
.new-activity-modal .modal-dialog.w-600 {
  width: 600px;
}
.new-activity-modal .modal-dialog .modal-content {
  border-radius: 0;
}
.new-activity-modal .body-editor {
  min-height: 300px;
  max-height: calc(90vh - 200px);
  overflow-y: auto !important;
}
.new-activity-modal .body-progress {
  min-height: 150px;
}
.new-activity-modal .status-input-wrapper {
  display: flex;
  margin-bottom: 20px;
}
.new-activity-modal .modal-footer.double {
  padding-left: 0;
  padding-right: 0;
}
.new-activity-modal .modal-footer.double .upper-row {
  float: left;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  padding: 0 40px 15px;
  margin-bottom: 15px;
}
.new-activity-modal .modal-footer.double .lower-row {
  float: left;
  width: 100%;
  padding: 0 40px;
}

.modal-header.pink {
  background-image: linear-gradient(to right, rgba(136, 18, 70, 0.89), #bd64a3 66%, #f342a3);
  color: #fff;
}
.modal-header.pink button.close {
  font-size: 35px;
  font-weight: 300;
  opacity: 1;
  line-height: 25px;
}
.modal-header.pink button.close-x {
  display: none;
}

.taj-check-modal .modal-dialog.w-800 {
  width: 800px;
}
.taj-check-modal .modal-dialog .modal-content {
  border-radius: 0;
}
.taj-check-modal .body-progress {
  min-height: 200px;
}
.taj-check-modal .body-progress .progress-loader-circle {
  position: unset;
}
.taj-check-modal .body-done {
  min-height: 200px;
  max-height: calc(90vh - 200px);
  overflow-y: auto !important;
}

.patients-table md-checkbox:not([disabled]).md-primary:not(.md-checked) .md-icon {
  border-color: #ccd6e2;
}

.patients-table md-checkbox:not([disabled]).md-primary .md-ink-ripple {
  color: #ccd6e2;
}

.invoice_discount_counter {
  color: #ffffff;
  background-color: #4f5cc1;
  width: 18px;
  height: 18px;
  display: inline-block;
  text-align: center;
  line-height: 15xp;
  border-radius: 100%;
}

.red-warning {
  background: #f4d2d6;
  color: #d0021b;
  padding: 10px;
  font-size: 14px;
}
.red-warning strong {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 280px;
  float: left;
  white-space: nowrap;
}

.modal.modal-full-page .modal-dialog {
  width: 100% !important;
  margin: 0 !important;
  display: grid;
  height: 100vh;
}

.modal-backdrop + .modal-backdrop {
  z-index: 1055;
}

#topmenu-warning-modal {
  z-index: 1060;
}

a.audax-link:active, a.audax-link:focus {
  text-decoration: none;
}

.audax-image-viewer img {
  background: #fff;
}

.h-full .modal-content {
  max-height: unset;
}
.h-full .modal-content .modal-body {
  min-height: 200px;
  max-height: calc(90vh - 150px);
  overflow-y: auto !important;
}

#property-editor-modal.fo-extended-modal .modal-dialog {
  width: 750px;
}

.ui-select-choices-group-label {
  font-weight: 700;
  color: #333;
  background-color: #ddd;
}

.ui-select-bootstrap .ui-select-match .ui-select-toggle > a.btn {
  margin-top: 0;
  height: auto;
  color: #d9534f;
}

.ck_editor_class h3 {
  font-size: 22px;
}

.fullscreen-iframe {
  width: 100%;
  height: 100%;
  height: -webkit-fill-available;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  border: 0;
  display: none;
}

.document-header {
  background: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.document-header h1 {
  color: #3e5865;
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
  margin: 0;
  padding-left: 15px;
}

.documents-iframe-fullheight {
  height: 100vh;
  height: -webkit-fill-available;
}

.document-static {
  background: #fff;
  border-radius: 8px;
  margin: 50px auto;
  width: 90%;
  max-width: 1024px;
  padding: 50px;
  font-size: 14px;
}

.double-row-price {
  position: absolute;
  bottom: 10px;
}

.cke_notification.cke_notification_warning {
  display: none !important;
}

.del-event-reasons {
  display: flex;
  flex-direction: column;
  align-items: start;
}

.documents-sidecard .panel-footer {
  padding: 0;
}
.documents-sidecard .panel-footer .btn {
  margin: 0;
  padding: 16px 0;
  width: 100%;
  color: #6b808c;
  font-weight: 400;
  background: transparent;
}
.documents-sidecard .panel-footer .btn:hover {
  text-decoration: underline;
}

.edoc-kreta label {
  color: #6b808c;
  font-weight: 400;
}

.main-teeth-panel, .unique-teeth-panel {
  width: 100%;
}
.main-teeth-panel td, .unique-teeth-panel td {
  text-align: center;
  width: 6%;
  outline: transparent !important;
}
.main-teeth-panel td img, .unique-teeth-panel td img {
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.main-teeth-panel td.upper-jaw, .unique-teeth-panel td.upper-jaw {
  vertical-align: top;
}
.main-teeth-panel td.lower-jaw, .unique-teeth-panel td.lower-jaw {
  vertical-align: bottom;
}
.main-teeth-panel td.lower-jaw .fake-slider, .unique-teeth-panel td.lower-jaw .fake-slider {
  margin-top: 5px;
}

.unique-teeth-panel:hover .tooth .fake-slider {
  opacity: 1;
}

.main-teeth-panel td {
  cursor: pointer;
}
.main-teeth-panel td:hover {
  background-color: #ddd;
}
.main-teeth-panel td.selected {
  background-color: #abc !important;
}
.main-teeth-panel .space {
  min-width: 20px;
  max-width: 20px;
  cursor: default;
}
.main-teeth-panel .space:hover {
  background-color: transparent;
}

.tooth-hover:hover {
  background: rgba(159, 173, 255, 0.18);
  cursor: pointer;
}
.tooth-hover:hover .jaw-space {
  min-height: 10px;
  max-height: 10px;
  display: block;
}

.tooth {
  position: relative;
}
.tooth img:not(:first-of-type) {
  position: absolute;
  top: 0;
  left: 0;
}
.tooth .toothimg {
  position: relative;
}
.tooth.upper-jaw img:not(:first-of-type) {
  top: 18px;
}
.tooth.upper-jaw .toothimg img {
  top: 0;
}
.tooth.active {
  background: rgba(98, 112, 198, 0.2);
  box-shadow: 0 0 0 2px #6270C6;
  border-radius: 5px;
}
@media screen and (min-width: 1300px) {
  .tooth .tooth-tooltip {
    z-index: 100;
    width: 600px;
    height: 350px;
    cursor: auto !important;
    left: -20px;
    display: none;
    position: absolute;
    background: #FFFFFF;
    padding: 15px;
    border: 1px solid #DDDDDD;
    margin-top: 10px;
  }
  .tooth .tooth-tooltip #tooth-triangle-1 {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    background-color: silver;
    width: 25px;
    height: 25px;
    top: -12px;
    left: 28px;
    position: absolute;
    border-radius: 5px;
    z-index: 11;
  }
  .tooth .tooth-tooltip #tooth-triangle-2 {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    background-color: white;
    width: 41px;
    height: 41px;
    top: -8px;
    left: 20px;
    position: absolute;
    border-radius: 5px;
    z-index: 11;
  }
  .tooth .tooth-tooltip .tooth-img {
    width: 135px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
  }
  .tooth .tooth-tooltip .tooth-history {
    overflow-y: scroll;
    max-height: 270px;
  }
  .tooth .tooth-tooltip .tooth-history:before {
    content: "";
    left: 21px;
    height: 100%;
    bottom: 45px;
    border: 1.5px solid #DFE3E8;
    position: absolute;
  }
  .tooth .tooth-tooltip .timeline-design:before {
    left: 27px;
    height: 80%;
    top: 45px;
    border: none !important;
  }
  .tooth .tooth-tooltip .timeline-design .meta:last-child {
    margin: 0 !important;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1299px) {
  .tooth .tooth-tooltip {
    z-index: 100;
    width: 400px;
    height: 350px;
    cursor: auto !important;
    left: -20px;
    display: none;
    position: absolute;
    background: #FFFFFF;
    padding: 15px;
    border: 1px solid #DDDDDD;
    margin-top: 10px;
  }
  .tooth .tooth-tooltip #tooth-triangle-1 {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    background-color: silver;
    width: 25px;
    height: 25px;
    top: -12px;
    left: 28px;
    position: absolute;
    border-radius: 5px;
    z-index: 11;
  }
  .tooth .tooth-tooltip #tooth-triangle-2 {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    background-color: white;
    width: 41px;
    height: 41px;
    top: -8px;
    left: 20px;
    position: absolute;
    border-radius: 5px;
    z-index: 11;
  }
  .tooth .tooth-tooltip .tooth-img {
    margin-top: 40px;
    width: 85px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
  }
  .tooth .tooth-tooltip .tooth-history {
    overflow-y: scroll;
    max-height: 270px;
  }
  .tooth .tooth-tooltip .tooth-history:before {
    content: "";
    left: 21px;
    height: 100%;
    bottom: 45px;
    border: 1.5px solid #DFE3E8;
    position: absolute;
  }
  .tooth .tooth-tooltip .timeline-design:before {
    left: 27px;
    height: 80%;
    top: 45px;
    border: none !important;
  }
  .tooth .tooth-tooltip .timeline-design .meta:last-child {
    margin: 0 !important;
  }
}
@media screen and (max-width: 999px) {
  .tooth .tooth-tooltip {
    display: none !important;
  }
}

.tooth-number {
  display: block;
  height: 18px;
}

.progress-loading-container {
  position: relative;
}

.progress-loading-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #EBEEF0;
  opacity: 0.8;
  z-index: 100;
}

.progress-loader-circle {
  z-index: 110;
  position: absolute;
  left: calc(50% - 25px);
  top: calc(50% - 25px);
}

.uib-position-measure {
  display: block !important;
  visibility: hidden !important;
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
}

.uib-position-scrollbar-measure {
  position: absolute !important;
  top: -9999px !important;
  width: 50px !important;
  height: 50px !important;
  overflow: scroll !important;
}

.uib-position-body-scrollbar-measure {
  overflow: scroll !important;
}

[uib-tooltip-popup].tooltip.top-left > .tooltip-arrow,
[uib-tooltip-popup].tooltip.top-right > .tooltip-arrow,
[uib-tooltip-popup].tooltip.bottom-left > .tooltip-arrow,
[uib-tooltip-popup].tooltip.bottom-right > .tooltip-arrow,
[uib-tooltip-popup].tooltip.left-top > .tooltip-arrow,
[uib-tooltip-popup].tooltip.left-bottom > .tooltip-arrow,
[uib-tooltip-popup].tooltip.right-top > .tooltip-arrow,
[uib-tooltip-popup].tooltip.right-bottom > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.top-left > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.top-right > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.bottom-left > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.bottom-right > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.left-top > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.left-bottom > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.right-top > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.right-bottom > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.top-left > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.top-right > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.bottom-left > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.bottom-right > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.left-top > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.left-bottom > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.right-top > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.right-bottom > .tooltip-arrow,
[uib-popover-popup].popover.top-left > .arrow,
[uib-popover-popup].popover.top-right > .arrow,
[uib-popover-popup].popover.bottom-left > .arrow,
[uib-popover-popup].popover.bottom-right > .arrow,
[uib-popover-popup].popover.left-top > .arrow,
[uib-popover-popup].popover.left-bottom > .arrow,
[uib-popover-popup].popover.right-top > .arrow,
[uib-popover-popup].popover.right-bottom > .arrow,
[uib-popover-html-popup].popover.top-left > .arrow,
[uib-popover-html-popup].popover.top-right > .arrow,
[uib-popover-html-popup].popover.bottom-left > .arrow,
[uib-popover-html-popup].popover.bottom-right > .arrow,
[uib-popover-html-popup].popover.left-top > .arrow,
[uib-popover-html-popup].popover.left-bottom > .arrow,
[uib-popover-html-popup].popover.right-top > .arrow,
[uib-popover-html-popup].popover.right-bottom > .arrow,
[uib-popover-template-popup].popover.top-left > .arrow,
[uib-popover-template-popup].popover.top-right > .arrow,
[uib-popover-template-popup].popover.bottom-left > .arrow,
[uib-popover-template-popup].popover.bottom-right > .arrow,
[uib-popover-template-popup].popover.left-top > .arrow,
[uib-popover-template-popup].popover.left-bottom > .arrow,
[uib-popover-template-popup].popover.right-top > .arrow,
[uib-popover-template-popup].popover.right-bottom > .arrow {
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  margin: 0;
}

[uib-popover-popup].popover,
[uib-popover-html-popup].popover,
[uib-popover-template-popup].popover {
  display: block !important;
}

.uib-time input {
  width: 50px;
}

[uib-typeahead-popup].dropdown-menu {
  display: block;
}

.status-recorder-dropdown-menu {
  width: 300px;
  height: 290px;
}
.status-recorder-dropdown-menu .status-recorder-content {
  overflow: auto;
  height: 140px;
  margin: 10px 0;
}
.status-recorder-dropdown-menu .status-recorder-content .found-status {
  padding: 5px;
  cursor: pointer;
  border-bottom: 1px solid #e0e0e0;
}
.status-recorder-dropdown-menu .status-recorder-content .found-status:hover {
  background-color: #f1f1f1;
}

.nz-toggle-wrap {
  display: inline-block;
  padding: 3px;
  margin: 3px;
  border-radius: 20px;
  position: relative;
  transition: all 0.3s ease;
  max-width: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.nz-toggle {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
}

.nz-toggle-wrap[disabled] .nz-toggle {
  cursor: default;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}

/* Handle */
.nz-toggle-handle {
  border-radius: 20px;
  background-color: #fff;
  position: absolute;
  transition: all 0.2s ease-out;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
}

.nz-toggle-tooltip {
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  color: rgba(255, 255, 255, 0.6);
  font-size: 80%;
  padding: 5px;
  border-radius: 10px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  pointer-events: none;
  white-space: nowrap;
  transition: all 0.3s ease;
}

.nz-toggle-tooltip:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  pointer-events: none;
}

.nz-toggle-tooltip span {
  transition: all 0.2s ease;
}

.nz-toggle-tooltip span.active {
  color: #fff;
}

.nz-toggle-wrap.true {
  background-color: #60bd68;
}

.nz-toggle-wrap.false {
  background-color: #f15854;
}

.nz-toggle-wrap.null {
  background-color: #ddd;
}

.nz-toggle-wrap.horizontal .nz-toggle-handle {
  height: 100%;
  width: 50%;
  top: 0;
  transform: translateX(-50%);
  /* States */
}

.nz-toggle-wrap.horizontal.false .nz-toggle-handle {
  left: 0;
  transform: translateX(0%);
}

.nz-toggle-wrap.horizontal.null .nz-toggle-handle {
  left: 50%;
  transform: translateX(-50%);
}

.nz-toggle-wrap.horizontal.true .nz-toggle-handle {
  left: 100%;
  transform: translateX(-100%);
}

.nz-toggle-wrap.horizontal .nz-toggle-tooltip {
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, 0) scale(0.85);
}

.nz-toggle-wrap.horizontal .nz-toggle-tooltip:before {
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-top: 5px solid rgba(0, 0, 0, 0.8);
}

.nz-toggle-wrap.vertical .nz-toggle-handle {
  width: 100%;
  height: 50%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.nz-toggle-wrap.vertical.false .nz-toggle-handle {
  top: 100%;
  transform: translateY(-100%);
}

.nz-toggle-wrap.vertical.null .nz-toggle-handle {
  top: 50%;
  transform: translateY(-50%);
}

.nz-toggle-wrap.vertical.true .nz-toggle-handle {
  top: 0%;
  transform: translateY(0%);
}

.nz-toggle-wrap.vertical .nz-toggle-tooltip {
  left: 100%;
  top: 50%;
  transform: translate(0, -50%) scale(0.85);
  text-align: right;
}

.nz-toggle-wrap.vertical .nz-toggle-tooltip:before {
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid rgba(0, 0, 0, 0.8);
  border-left: 5px solid transparent;
}

.nz-toggle-wrap.tip-bottom .nz-toggle-tooltip {
  top: 100%;
  right: initial;
  bottom: initial;
  left: 50%;
  transform: translate(-50%, 0) scale(0.85);
}

.nz-toggle-wrap.tip-bottom .nz-toggle-tooltip:before {
  top: initial;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid rgba(0, 0, 0, 0.8);
  border-top: 5px solid transparent;
}

.nz-toggle-wrap.tip-top .nz-toggle-tooltip {
  top: initial;
  right: initial;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, 0) scale(0.85);
}

.nz-toggle-wrap.tip-top .nz-toggle-tooltip:before {
  top: initial;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-top: 5px solid rgba(0, 0, 0, 0.8);
}

.nz-toggle-wrap.tip-left .nz-toggle-tooltip {
  top: 50%;
  right: 100%;
  bottom: initial;
  left: initial;
  text-align: right;
  transform: translate(0, -50%) scale(0.85);
}

.nz-toggle-wrap.tip-left .nz-toggle-tooltip:before {
  right: initial;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid rgba(0, 0, 0, 0.8);
  border-right: 5px solid transparent;
}

.nz-toggle-wrap.tip-right .nz-toggle-tooltip {
  top: 50%;
  right: initial;
  bottom: initial;
  left: 100%;
  text-align: right;
  transform: translate(0, -50%) scale(0.85);
}

.nz-toggle-wrap.tip-right .nz-toggle-tooltip:before {
  left: initial;
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
  border-right: 5px solid rgba(0, 0, 0, 0.8);
}

.nz-toggle-wrap.square {
  border-radius: 2px;
}

.nz-toggle-wrap.square .nz-toggle-handle {
  border-radius: 2px;
}

.nz-toggle-wrap:hover .nz-toggle-tooltip {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}

.nz-toggle-wrap:hover.horizontal .nz-toggle-tooltip {
  transform: translate(-50%, -7px) scale(1);
}

.nz-toggle-wrap:hover.vertical .nz-toggle-tooltip {
  transform: translate(7px, -50%) scale(1);
}

.nz-toggle-wrap:hover.tip-bottom .nz-toggle-tooltip {
  transform: translate(-50%, 7px) scale(1);
}

.nz-toggle-wrap:hover.tip-top .nz-toggle-tooltip {
  transform: translate(-50%, -7px) scale(1);
}

.nz-toggle-wrap:hover.tip-left .nz-toggle-tooltip {
  transform: translate(-7px, -50%) scale(1);
}

.nz-toggle-wrap:hover.tip-right .nz-toggle-tooltip {
  transform: translate(7px, -50%) scale(1);
}

tags-input {
  display: block;
}

tags-input *, tags-input *:before, tags-input *:after {
  box-sizing: border-box;
}

tags-input .host {
  position: relative;
  height: 100%;
}

tags-input .host:active {
  outline: none;
}

tags-input .tags {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  padding: 1px;
  overflow: hidden;
  word-wrap: break-word;
  cursor: text;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  height: 100%;
  border-radius: 4px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

tags-input .tags.focused {
  outline: none;
  /*-webkit-box-shadow: 0 0 3px 1px rgba(5, 139, 242, 0.6);
  -moz-box-shadow: 0 0 3px 1px rgba(5, 139, 242, 0.6);
  box-shadow: 0 0 3px 1px rgba(5, 139, 242, 0.6);*/
  border: 2px solid #5C6BC4;
  box-shadow: 0;
  padding: 0;
}

tags-input .tags .tag-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

tags-input .tags .tag-item {
  margin: 2px;
  padding: 0 5px;
  display: inline-block;
  float: left;
  font-size: 14px;
  height: 26px;
  line-height: 25px;
  border: 1px solid #A4ABB4;
  border-radius: 5px;
  background: #DFE3E8;
  color: #212B36;
}

tags-input .tags .tag-item.selected {
  background: linear-gradient(to bottom, #febbbb 0%, #fe9090 45%, #ff5c5c 100%);
}

tags-input .tags .tag-item .remove-button {
  margin: 0 0 0 5px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  vertical-align: middle;
  font: bold 16px Arial, sans-serif;
  color: #585858;
}

tags-input .tags .tag-item .remove-button:active {
  color: #ff0000;
}

tags-input .tags .tag-item .remove-button:hover {
  text-decoration: none;
}

tags-input .tags .input {
  border: 0;
  outline: none;
  margin: 2px;
  padding: 0 0 0 10px;
  float: left;
  height: 26px;
  font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 70%;
}

tags-input .tags .input.invalid-tag {
  color: #ff0000;
}

tags-input .tags .input::-ms-clear {
  display: none;
}

tags-input.ng-invalid .tags {
  box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6);
}

tags-input[disabled] .host:focus {
  outline: none;
}

tags-input[disabled] .tags {
  background-color: #eee;
  cursor: default;
}

tags-input[disabled] .tags .tag-item {
  opacity: 0.65;
  background: linear-gradient(to bottom, #f0f9ff 0%, rgba(203, 235, 255, 0.75) 47%, rgba(161, 219, 255, 0.62) 100%);
}

tags-input[disabled] .tags .tag-item .remove-button {
  cursor: default;
}

tags-input[disabled] .tags .tag-item .remove-button:active {
  color: #585858;
}

tags-input[disabled] .tags .input {
  background-color: #eee;
  cursor: default;
}

tags-input .autocomplete {
  margin-top: 5px;
  position: absolute;
  padding: 5px 0;
  z-index: 999;
  width: 100%;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

tags-input .autocomplete .suggestion-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  max-height: 280px;
  overflow-y: auto;
  position: relative;
}

tags-input .autocomplete .suggestion-item {
  padding: 5px 10px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font: 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  background-color: #fff;
}

tags-input .autocomplete .suggestion-item.selected {
  color: #fff;
  background-color: #0097cf;
}

tags-input .autocomplete .suggestion-item.selected em {
  color: #fff;
  background-color: #0097cf;
}

tags-input .autocomplete .suggestion-item em {
  font: normal bold 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  background-color: #fff;
}


/* ==== editable-form ==== */
/* class for single editable element */
.editable-wrap {
  display: inline-block;
  white-space: pre;
  margin: 0;
}

/* remove bottom-margin for bootstrap */
.editable-wrap .editable-controls,
.editable-wrap .editable-error {
  margin-bottom: 0;
}

/* remove bottom-margin of inputs */
.editable-wrap .editable-controls > input,
.editable-wrap .editable-controls > select,
.editable-wrap .editable-controls > textarea {
  margin-bottom: 0;
}

/* keep buttons on the same line */
.editable-wrap .editable-input {
  display: inline-block;
}

.editable-buttons {
  display: inline-block;
  vertical-align: top;
}

.editable-buttons button {
  margin-left: 5px;
}

/* in bootstrap width: 100% => buttons go outside the box */
.editable-input.editable-has-buttons {
  width: auto;
}

/* ==== editable-text ==== */
/* fix padding issue on typeahead */
.editable-text {
  white-space: nowrap;
}

/* ==== editable-bsdate ==== */
/* fix padding issue on bsdate popup */
.editable-bsdate {
  white-space: nowrap;
}

/* ==== editable-bstime ==== */
/* fix padding issue on bstime */
.editable-bstime {
  white-space: nowrap;
}

/* workaround for bootstrap that sets width: 100% and inputs become too wide */
.editable-bstime .editable-input input[type=text] {
  width: 46px;
}

/* less padding for .well */
.editable-bstime .well-small {
  margin-bottom: 0;
  padding: 10px;
}

/* ==== editable-range ==== */
.editable-range output {
  display: inline-block;
  min-width: 30px;
  vertical-align: top;
  text-align: center;
}

/* ==== editable-color ==== */
.editable-color input[type=color] {
  width: 50px;
}

/* ==== editable-checkbox ==== */
/* ==== editable-checklist ==== */
/* ==== editable-radiolist ==== */
.editable-checkbox label span,
.editable-checklist label span,
.editable-radiolist label span {
  margin-left: 7px;
  margin-right: 10px;
}

/* ==== element ==== */
/* hiding element */
.editable-hide {
  display: none !important;
}

.editable-click,
a.editable-click {
  text-decoration: none;
  color: #428bca;
  border-bottom: dashed 1px #428bca;
}

.editable-click:hover,
a.editable-click:hover {
  text-decoration: none;
  color: #2a6496;
  border-bottom-color: #2a6496;
}

/* editable-empty */
.editable-empty,
.editable-empty:hover,
.editable-empty:focus,
a.editable-empty,
a.editable-empty:hover,
a.editable-empty:focus {
  font-style: italic;
  color: #DD1144;
  text-decoration: none;
}

/* ui-bootstrap editable popover */
.ui-popover-wrapper a {
  /* make the link always show up */
  display: inline !important;
}

.ui-popover-wrapper form {
  display: none !important;
}

/* editable popover */
.popover-wrapper > a {
  /* make the link always show up */
  display: inline !important;
}

.popover-wrapper {
  /* make absolutely positioned children constrained to this box*/
  display: inline;
  position: relative;
}

.popover-wrapper form {
  position: absolute;
  top: -53px;
  background: #FFF;
  border: 1px solid #AAA;
  border-radius: 5px;
  padding: 7px;
  width: auto;
  display: inline-block;
  left: 50%;
  z-index: 101;
}

.popover-wrapper form:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #AAA;
  position: absolute;
  bottom: -10px;
}

.popover-wrapper form:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid #FFF;
  position: absolute;
  bottom: -9px;
}

@media screen and (max-width: 750px) {
  .popover-wrapper form {
    margin-left: -60px;
  }
  .popover-wrapper form:before {
    left: 50px;
  }
  .popover-wrapper form:after {
    left: 51px;
  }
}
@media screen and (min-width: 750px) {
  .popover-wrapper form {
    margin-left: -110px;
  }
  .popover-wrapper form:before {
    left: 100px;
  }
  .popover-wrapper form:after {
    left: 101px;
  }
}
.iti {
  position: relative;
  display: inline-block;
}

.iti * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.iti__hide {
  display: none;
}

.iti__v-hide {
  visibility: hidden;
}

.iti input, .iti input[type=text], .iti input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}

.iti__flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}

.iti__selected-flag {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 6px 0 8px;
}

.iti__arrow {
  margin-left: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}

.iti__arrow--up {
  border-top: none;
  border-bottom: 4px solid #555;
}

.iti__country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #CCC;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.iti__country-list--dropup {
  bottom: 100%;
  margin-bottom: -1px;
}

@media (max-width: 500px) {
  .iti__country-list {
    white-space: normal;
  }
}
.iti__flag-box {
  display: inline-block;
  width: 20px;
}

.iti__divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #CCC;
}

.iti__country {
  padding: 5px 10px;
  outline: none;
}

.iti__dial-code {
  color: #999;
}

.iti__country.iti__highlight {
  background-color: rgba(0, 0, 0, 0.05);
}

.iti__flag-box, .iti__country-name, .iti__dial-code {
  vertical-align: middle;
}

.iti__flag-box, .iti__country-name {
  margin-right: 6px;
}

.iti--allow-dropdown {
  width: 100%;
}

.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
  padding-right: 6px;
  padding-left: 85px !important;
  margin-left: 0;
}

.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
  right: auto;
  left: 0;
}

.iti--allow-dropdown .iti__flag-container:hover {
  cursor: pointer;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
  cursor: default;
}

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
  background-color: transparent;
}

.iti--separate-dial-code .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}

.iti--separate-dial-code .iti__selected-dial-code {
  margin-left: 6px;
}

.iti--container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}

.iti--container:hover {
  cursor: pointer;
}

.iti-mobile .iti--container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
}

.iti-mobile .iti__country-list {
  max-height: 100%;
  width: 100%;
}

.iti-mobile .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti__flag {
  width: 20px;
}

.iti__flag.iti__be {
  width: 18px;
}

.iti__flag.iti__ch {
  width: 15px;
}

.iti__flag.iti__mc {
  width: 19px;
}

.iti__flag.iti__ne {
  width: 18px;
}

.iti__flag.iti__np {
  width: 13px;
}

.iti__flag.iti__va {
  width: 15px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-size: 5652px 15px;
  }
}
.iti__flag.iti__ac {
  height: 10px;
  background-position: 0px 0px;
}

.iti__flag.iti__ad {
  height: 14px;
  background-position: -22px 0px;
}

.iti__flag.iti__ae {
  height: 10px;
  background-position: -44px 0px;
}

.iti__flag.iti__af {
  height: 14px;
  background-position: -66px 0px;
}

.iti__flag.iti__ag {
  height: 14px;
  background-position: -88px 0px;
}

.iti__flag.iti__ai {
  height: 10px;
  background-position: -110px 0px;
}

.iti__flag.iti__al {
  height: 15px;
  background-position: -132px 0px;
}

.iti__flag.iti__am {
  height: 10px;
  background-position: -154px 0px;
}

.iti__flag.iti__ao {
  height: 14px;
  background-position: -176px 0px;
}

.iti__flag.iti__aq {
  height: 14px;
  background-position: -198px 0px;
}

.iti__flag.iti__ar {
  height: 13px;
  background-position: -220px 0px;
}

.iti__flag.iti__as {
  height: 10px;
  background-position: -242px 0px;
}

.iti__flag.iti__at {
  height: 14px;
  background-position: -264px 0px;
}

.iti__flag.iti__au {
  height: 10px;
  background-position: -286px 0px;
}

.iti__flag.iti__aw {
  height: 14px;
  background-position: -308px 0px;
}

.iti__flag.iti__ax {
  height: 13px;
  background-position: -330px 0px;
}

.iti__flag.iti__az {
  height: 10px;
  background-position: -352px 0px;
}

.iti__flag.iti__ba {
  height: 10px;
  background-position: -374px 0px;
}

.iti__flag.iti__bb {
  height: 14px;
  background-position: -396px 0px;
}

.iti__flag.iti__bd {
  height: 12px;
  background-position: -418px 0px;
}

.iti__flag.iti__be {
  height: 15px;
  background-position: -440px 0px;
}

.iti__flag.iti__bf {
  height: 14px;
  background-position: -460px 0px;
}

.iti__flag.iti__bg {
  height: 12px;
  background-position: -482px 0px;
}

.iti__flag.iti__bh {
  height: 12px;
  background-position: -504px 0px;
}

.iti__flag.iti__bi {
  height: 12px;
  background-position: -526px 0px;
}

.iti__flag.iti__bj {
  height: 14px;
  background-position: -548px 0px;
}

.iti__flag.iti__bl {
  height: 14px;
  background-position: -570px 0px;
}

.iti__flag.iti__bm {
  height: 10px;
  background-position: -592px 0px;
}

.iti__flag.iti__bn {
  height: 10px;
  background-position: -614px 0px;
}

.iti__flag.iti__bo {
  height: 14px;
  background-position: -636px 0px;
}

.iti__flag.iti__bq {
  height: 14px;
  background-position: -658px 0px;
}

.iti__flag.iti__br {
  height: 14px;
  background-position: -680px 0px;
}

.iti__flag.iti__bs {
  height: 10px;
  background-position: -702px 0px;
}

.iti__flag.iti__bt {
  height: 14px;
  background-position: -724px 0px;
}

.iti__flag.iti__bv {
  height: 15px;
  background-position: -746px 0px;
}

.iti__flag.iti__bw {
  height: 14px;
  background-position: -768px 0px;
}

.iti__flag.iti__by {
  height: 10px;
  background-position: -790px 0px;
}

.iti__flag.iti__bz {
  height: 14px;
  background-position: -812px 0px;
}

.iti__flag.iti__ca {
  height: 10px;
  background-position: -834px 0px;
}

.iti__flag.iti__cc {
  height: 10px;
  background-position: -856px 0px;
}

.iti__flag.iti__cd {
  height: 15px;
  background-position: -878px 0px;
}

.iti__flag.iti__cf {
  height: 14px;
  background-position: -900px 0px;
}

.iti__flag.iti__cg {
  height: 14px;
  background-position: -922px 0px;
}

.iti__flag.iti__ch {
  height: 15px;
  background-position: -944px 0px;
}

.iti__flag.iti__ci {
  height: 14px;
  background-position: -961px 0px;
}

.iti__flag.iti__ck {
  height: 10px;
  background-position: -983px 0px;
}

.iti__flag.iti__cl {
  height: 14px;
  background-position: -1005px 0px;
}

.iti__flag.iti__cm {
  height: 14px;
  background-position: -1027px 0px;
}

.iti__flag.iti__cn {
  height: 14px;
  background-position: -1049px 0px;
}

.iti__flag.iti__co {
  height: 14px;
  background-position: -1071px 0px;
}

.iti__flag.iti__cp {
  height: 14px;
  background-position: -1093px 0px;
}

.iti__flag.iti__cr {
  height: 12px;
  background-position: -1115px 0px;
}

.iti__flag.iti__cu {
  height: 10px;
  background-position: -1137px 0px;
}

.iti__flag.iti__cv {
  height: 12px;
  background-position: -1159px 0px;
}

.iti__flag.iti__cw {
  height: 14px;
  background-position: -1181px 0px;
}

.iti__flag.iti__cx {
  height: 10px;
  background-position: -1203px 0px;
}

.iti__flag.iti__cy {
  height: 14px;
  background-position: -1225px 0px;
}

.iti__flag.iti__cz {
  height: 14px;
  background-position: -1247px 0px;
}

.iti__flag.iti__de {
  height: 12px;
  background-position: -1269px 0px;
}

.iti__flag.iti__dg {
  height: 10px;
  background-position: -1291px 0px;
}

.iti__flag.iti__dj {
  height: 14px;
  background-position: -1313px 0px;
}

.iti__flag.iti__dk {
  height: 15px;
  background-position: -1335px 0px;
}

.iti__flag.iti__dm {
  height: 10px;
  background-position: -1357px 0px;
}

.iti__flag.iti__do {
  height: 14px;
  background-position: -1379px 0px;
}

.iti__flag.iti__dz {
  height: 14px;
  background-position: -1401px 0px;
}

.iti__flag.iti__ea {
  height: 14px;
  background-position: -1423px 0px;
}

.iti__flag.iti__ec {
  height: 14px;
  background-position: -1445px 0px;
}

.iti__flag.iti__ee {
  height: 13px;
  background-position: -1467px 0px;
}

.iti__flag.iti__eg {
  height: 14px;
  background-position: -1489px 0px;
}

.iti__flag.iti__eh {
  height: 10px;
  background-position: -1511px 0px;
}

.iti__flag.iti__er {
  height: 10px;
  background-position: -1533px 0px;
}

.iti__flag.iti__es {
  height: 14px;
  background-position: -1555px 0px;
}

.iti__flag.iti__et {
  height: 10px;
  background-position: -1577px 0px;
}

.iti__flag.iti__eu {
  height: 14px;
  background-position: -1599px 0px;
}

.iti__flag.iti__fi {
  height: 12px;
  background-position: -1621px 0px;
}

.iti__flag.iti__fj {
  height: 10px;
  background-position: -1643px 0px;
}

.iti__flag.iti__fk {
  height: 10px;
  background-position: -1665px 0px;
}

.iti__flag.iti__fm {
  height: 11px;
  background-position: -1687px 0px;
}

.iti__flag.iti__fo {
  height: 15px;
  background-position: -1709px 0px;
}

.iti__flag.iti__fr {
  height: 14px;
  background-position: -1731px 0px;
}

.iti__flag.iti__ga {
  height: 15px;
  background-position: -1753px 0px;
}

.iti__flag.iti__gb {
  height: 10px;
  background-position: -1775px 0px;
}

.iti__flag.iti__gd {
  height: 12px;
  background-position: -1797px 0px;
}

.iti__flag.iti__ge {
  height: 14px;
  background-position: -1819px 0px;
}

.iti__flag.iti__gf {
  height: 14px;
  background-position: -1841px 0px;
}

.iti__flag.iti__gg {
  height: 14px;
  background-position: -1863px 0px;
}

.iti__flag.iti__gh {
  height: 14px;
  background-position: -1885px 0px;
}

.iti__flag.iti__gi {
  height: 10px;
  background-position: -1907px 0px;
}

.iti__flag.iti__gl {
  height: 14px;
  background-position: -1929px 0px;
}

.iti__flag.iti__gm {
  height: 14px;
  background-position: -1951px 0px;
}

.iti__flag.iti__gn {
  height: 14px;
  background-position: -1973px 0px;
}

.iti__flag.iti__gp {
  height: 14px;
  background-position: -1995px 0px;
}

.iti__flag.iti__gq {
  height: 14px;
  background-position: -2017px 0px;
}

.iti__flag.iti__gr {
  height: 14px;
  background-position: -2039px 0px;
}

.iti__flag.iti__gs {
  height: 10px;
  background-position: -2061px 0px;
}

.iti__flag.iti__gt {
  height: 13px;
  background-position: -2083px 0px;
}

.iti__flag.iti__gu {
  height: 11px;
  background-position: -2105px 0px;
}

.iti__flag.iti__gw {
  height: 10px;
  background-position: -2127px 0px;
}

.iti__flag.iti__gy {
  height: 12px;
  background-position: -2149px 0px;
}

.iti__flag.iti__hk {
  height: 14px;
  background-position: -2171px 0px;
}

.iti__flag.iti__hm {
  height: 10px;
  background-position: -2193px 0px;
}

.iti__flag.iti__hn {
  height: 10px;
  background-position: -2215px 0px;
}

.iti__flag.iti__hr {
  height: 10px;
  background-position: -2237px 0px;
}

.iti__flag.iti__ht {
  height: 12px;
  background-position: -2259px 0px;
}

.iti__flag.iti__hu {
  height: 10px;
  background-position: -2281px 0px;
}

.iti__flag.iti__ic {
  height: 14px;
  background-position: -2303px 0px;
}

.iti__flag.iti__id {
  height: 14px;
  background-position: -2325px 0px;
}

.iti__flag.iti__ie {
  height: 10px;
  background-position: -2347px 0px;
}

.iti__flag.iti__il {
  height: 15px;
  background-position: -2369px 0px;
}

.iti__flag.iti__im {
  height: 10px;
  background-position: -2391px 0px;
}

.iti__flag.iti__in {
  height: 14px;
  background-position: -2413px 0px;
}

.iti__flag.iti__io {
  height: 10px;
  background-position: -2435px 0px;
}

.iti__flag.iti__iq {
  height: 14px;
  background-position: -2457px 0px;
}

.iti__flag.iti__ir {
  height: 12px;
  background-position: -2479px 0px;
}

.iti__flag.iti__is {
  height: 15px;
  background-position: -2501px 0px;
}

.iti__flag.iti__it {
  height: 14px;
  background-position: -2523px 0px;
}

.iti__flag.iti__je {
  height: 12px;
  background-position: -2545px 0px;
}

.iti__flag.iti__jm {
  height: 10px;
  background-position: -2567px 0px;
}

.iti__flag.iti__jo {
  height: 10px;
  background-position: -2589px 0px;
}

.iti__flag.iti__jp {
  height: 14px;
  background-position: -2611px 0px;
}

.iti__flag.iti__ke {
  height: 14px;
  background-position: -2633px 0px;
}

.iti__flag.iti__kg {
  height: 12px;
  background-position: -2655px 0px;
}

.iti__flag.iti__kh {
  height: 13px;
  background-position: -2677px 0px;
}

.iti__flag.iti__ki {
  height: 10px;
  background-position: -2699px 0px;
}

.iti__flag.iti__km {
  height: 12px;
  background-position: -2721px 0px;
}

.iti__flag.iti__kn {
  height: 14px;
  background-position: -2743px 0px;
}

.iti__flag.iti__kp {
  height: 10px;
  background-position: -2765px 0px;
}

.iti__flag.iti__kr {
  height: 14px;
  background-position: -2787px 0px;
}

.iti__flag.iti__kw {
  height: 10px;
  background-position: -2809px 0px;
}

.iti__flag.iti__ky {
  height: 10px;
  background-position: -2831px 0px;
}

.iti__flag.iti__kz {
  height: 10px;
  background-position: -2853px 0px;
}

.iti__flag.iti__la {
  height: 14px;
  background-position: -2875px 0px;
}

.iti__flag.iti__lb {
  height: 14px;
  background-position: -2897px 0px;
}

.iti__flag.iti__lc {
  height: 10px;
  background-position: -2919px 0px;
}

.iti__flag.iti__li {
  height: 12px;
  background-position: -2941px 0px;
}

.iti__flag.iti__lk {
  height: 10px;
  background-position: -2963px 0px;
}

.iti__flag.iti__lr {
  height: 11px;
  background-position: -2985px 0px;
}

.iti__flag.iti__ls {
  height: 14px;
  background-position: -3007px 0px;
}

.iti__flag.iti__lt {
  height: 12px;
  background-position: -3029px 0px;
}

.iti__flag.iti__lu {
  height: 12px;
  background-position: -3051px 0px;
}

.iti__flag.iti__lv {
  height: 10px;
  background-position: -3073px 0px;
}

.iti__flag.iti__ly {
  height: 10px;
  background-position: -3095px 0px;
}

.iti__flag.iti__ma {
  height: 14px;
  background-position: -3117px 0px;
}

.iti__flag.iti__mc {
  height: 15px;
  background-position: -3139px 0px;
}

.iti__flag.iti__md {
  height: 10px;
  background-position: -3160px 0px;
}

.iti__flag.iti__me {
  height: 10px;
  background-position: -3182px 0px;
}

.iti__flag.iti__mf {
  height: 14px;
  background-position: -3204px 0px;
}

.iti__flag.iti__mg {
  height: 14px;
  background-position: -3226px 0px;
}

.iti__flag.iti__mh {
  height: 11px;
  background-position: -3248px 0px;
}

.iti__flag.iti__mk {
  height: 10px;
  background-position: -3270px 0px;
}

.iti__flag.iti__ml {
  height: 14px;
  background-position: -3292px 0px;
}

.iti__flag.iti__mm {
  height: 14px;
  background-position: -3314px 0px;
}

.iti__flag.iti__mn {
  height: 10px;
  background-position: -3336px 0px;
}

.iti__flag.iti__mo {
  height: 14px;
  background-position: -3358px 0px;
}

.iti__flag.iti__mp {
  height: 10px;
  background-position: -3380px 0px;
}

.iti__flag.iti__mq {
  height: 14px;
  background-position: -3402px 0px;
}

.iti__flag.iti__mr {
  height: 14px;
  background-position: -3424px 0px;
}

.iti__flag.iti__ms {
  height: 10px;
  background-position: -3446px 0px;
}

.iti__flag.iti__mt {
  height: 14px;
  background-position: -3468px 0px;
}

.iti__flag.iti__mu {
  height: 14px;
  background-position: -3490px 0px;
}

.iti__flag.iti__mv {
  height: 14px;
  background-position: -3512px 0px;
}

.iti__flag.iti__mw {
  height: 14px;
  background-position: -3534px 0px;
}

.iti__flag.iti__mx {
  height: 12px;
  background-position: -3556px 0px;
}

.iti__flag.iti__my {
  height: 10px;
  background-position: -3578px 0px;
}

.iti__flag.iti__mz {
  height: 14px;
  background-position: -3600px 0px;
}

.iti__flag.iti__na {
  height: 14px;
  background-position: -3622px 0px;
}

.iti__flag.iti__nc {
  height: 10px;
  background-position: -3644px 0px;
}

.iti__flag.iti__ne {
  height: 15px;
  background-position: -3666px 0px;
}

.iti__flag.iti__nf {
  height: 10px;
  background-position: -3686px 0px;
}

.iti__flag.iti__ng {
  height: 10px;
  background-position: -3708px 0px;
}

.iti__flag.iti__ni {
  height: 12px;
  background-position: -3730px 0px;
}

.iti__flag.iti__nl {
  height: 14px;
  background-position: -3752px 0px;
}

.iti__flag.iti__no {
  height: 15px;
  background-position: -3774px 0px;
}

.iti__flag.iti__np {
  height: 15px;
  background-position: -3796px 0px;
}

.iti__flag.iti__nr {
  height: 10px;
  background-position: -3811px 0px;
}

.iti__flag.iti__nu {
  height: 10px;
  background-position: -3833px 0px;
}

.iti__flag.iti__nz {
  height: 10px;
  background-position: -3855px 0px;
}

.iti__flag.iti__om {
  height: 10px;
  background-position: -3877px 0px;
}

.iti__flag.iti__pa {
  height: 14px;
  background-position: -3899px 0px;
}

.iti__flag.iti__pe {
  height: 14px;
  background-position: -3921px 0px;
}

.iti__flag.iti__pf {
  height: 14px;
  background-position: -3943px 0px;
}

.iti__flag.iti__pg {
  height: 15px;
  background-position: -3965px 0px;
}

.iti__flag.iti__ph {
  height: 10px;
  background-position: -3987px 0px;
}

.iti__flag.iti__pk {
  height: 14px;
  background-position: -4009px 0px;
}

.iti__flag.iti__pl {
  height: 13px;
  background-position: -4031px 0px;
}

.iti__flag.iti__pm {
  height: 14px;
  background-position: -4053px 0px;
}

.iti__flag.iti__pn {
  height: 10px;
  background-position: -4075px 0px;
}

.iti__flag.iti__pr {
  height: 14px;
  background-position: -4097px 0px;
}

.iti__flag.iti__ps {
  height: 10px;
  background-position: -4119px 0px;
}

.iti__flag.iti__pt {
  height: 14px;
  background-position: -4141px 0px;
}

.iti__flag.iti__pw {
  height: 13px;
  background-position: -4163px 0px;
}

.iti__flag.iti__py {
  height: 11px;
  background-position: -4185px 0px;
}

.iti__flag.iti__qa {
  height: 8px;
  background-position: -4207px 0px;
}

.iti__flag.iti__re {
  height: 14px;
  background-position: -4229px 0px;
}

.iti__flag.iti__ro {
  height: 14px;
  background-position: -4251px 0px;
}

.iti__flag.iti__rs {
  height: 14px;
  background-position: -4273px 0px;
}

.iti__flag.iti__ru {
  height: 14px;
  background-position: -4295px 0px;
}

.iti__flag.iti__rw {
  height: 14px;
  background-position: -4317px 0px;
}

.iti__flag.iti__sa {
  height: 14px;
  background-position: -4339px 0px;
}

.iti__flag.iti__sb {
  height: 10px;
  background-position: -4361px 0px;
}

.iti__flag.iti__sc {
  height: 10px;
  background-position: -4383px 0px;
}

.iti__flag.iti__sd {
  height: 10px;
  background-position: -4405px 0px;
}

.iti__flag.iti__se {
  height: 13px;
  background-position: -4427px 0px;
}

.iti__flag.iti__sg {
  height: 14px;
  background-position: -4449px 0px;
}

.iti__flag.iti__sh {
  height: 10px;
  background-position: -4471px 0px;
}

.iti__flag.iti__si {
  height: 10px;
  background-position: -4493px 0px;
}

.iti__flag.iti__sj {
  height: 15px;
  background-position: -4515px 0px;
}

.iti__flag.iti__sk {
  height: 14px;
  background-position: -4537px 0px;
}

.iti__flag.iti__sl {
  height: 14px;
  background-position: -4559px 0px;
}

.iti__flag.iti__sm {
  height: 15px;
  background-position: -4581px 0px;
}

.iti__flag.iti__sn {
  height: 14px;
  background-position: -4603px 0px;
}

.iti__flag.iti__so {
  height: 14px;
  background-position: -4625px 0px;
}

.iti__flag.iti__sr {
  height: 14px;
  background-position: -4647px 0px;
}

.iti__flag.iti__ss {
  height: 10px;
  background-position: -4669px 0px;
}

.iti__flag.iti__st {
  height: 10px;
  background-position: -4691px 0px;
}

.iti__flag.iti__sv {
  height: 12px;
  background-position: -4713px 0px;
}

.iti__flag.iti__sx {
  height: 14px;
  background-position: -4735px 0px;
}

.iti__flag.iti__sy {
  height: 14px;
  background-position: -4757px 0px;
}

.iti__flag.iti__sz {
  height: 14px;
  background-position: -4779px 0px;
}

.iti__flag.iti__ta {
  height: 10px;
  background-position: -4801px 0px;
}

.iti__flag.iti__tc {
  height: 10px;
  background-position: -4823px 0px;
}

.iti__flag.iti__td {
  height: 14px;
  background-position: -4845px 0px;
}

.iti__flag.iti__tf {
  height: 14px;
  background-position: -4867px 0px;
}

.iti__flag.iti__tg {
  height: 13px;
  background-position: -4889px 0px;
}

.iti__flag.iti__th {
  height: 14px;
  background-position: -4911px 0px;
}

.iti__flag.iti__tj {
  height: 10px;
  background-position: -4933px 0px;
}

.iti__flag.iti__tk {
  height: 10px;
  background-position: -4955px 0px;
}

.iti__flag.iti__tl {
  height: 10px;
  background-position: -4977px 0px;
}

.iti__flag.iti__tm {
  height: 14px;
  background-position: -4999px 0px;
}

.iti__flag.iti__tn {
  height: 14px;
  background-position: -5021px 0px;
}

.iti__flag.iti__to {
  height: 10px;
  background-position: -5043px 0px;
}

.iti__flag.iti__tr {
  height: 14px;
  background-position: -5065px 0px;
}

.iti__flag.iti__tt {
  height: 12px;
  background-position: -5087px 0px;
}

.iti__flag.iti__tv {
  height: 10px;
  background-position: -5109px 0px;
}

.iti__flag.iti__tw {
  height: 14px;
  background-position: -5131px 0px;
}

.iti__flag.iti__tz {
  height: 14px;
  background-position: -5153px 0px;
}

.iti__flag.iti__ua {
  height: 14px;
  background-position: -5175px 0px;
}

.iti__flag.iti__ug {
  height: 14px;
  background-position: -5197px 0px;
}

.iti__flag.iti__um {
  height: 11px;
  background-position: -5219px 0px;
}

.iti__flag.iti__un {
  height: 14px;
  background-position: -5241px 0px;
}

.iti__flag.iti__us {
  height: 11px;
  background-position: -5263px 0px;
}

.iti__flag.iti__uy {
  height: 14px;
  background-position: -5285px 0px;
}

.iti__flag.iti__uz {
  height: 10px;
  background-position: -5307px 0px;
}

.iti__flag.iti__va {
  height: 15px;
  background-position: -5329px 0px;
}

.iti__flag.iti__vc {
  height: 14px;
  background-position: -5346px 0px;
}

.iti__flag.iti__ve {
  height: 14px;
  background-position: -5368px 0px;
}

.iti__flag.iti__vg {
  height: 10px;
  background-position: -5390px 0px;
}

.iti__flag.iti__vi {
  height: 14px;
  background-position: -5412px 0px;
}

.iti__flag.iti__vn {
  height: 14px;
  background-position: -5434px 0px;
}

.iti__flag.iti__vu {
  height: 12px;
  background-position: -5456px 0px;
}

.iti__flag.iti__wf {
  height: 14px;
  background-position: -5478px 0px;
}

.iti__flag.iti__ws {
  height: 10px;
  background-position: -5500px 0px;
}

.iti__flag.iti__xk {
  height: 15px;
  background-position: -5522px 0px;
}

.iti__flag.iti__ye {
  height: 14px;
  background-position: -5544px 0px;
}

.iti__flag.iti__yt {
  height: 14px;
  background-position: -5566px 0px;
}

.iti__flag.iti__za {
  height: 14px;
  background-position: -5588px 0px;
}

.iti__flag.iti__zm {
  height: 14px;
  background-position: -5610px 0px;
}

.iti__flag.iti__zw {
  height: 10px;
  background-position: -5632px 0px;
}

.iti__flag {
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("/images/flags.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-image: url("/images/flags@2x.png");
  }
}
.iti__flag.iti__np {
  background-color: transparent;
}

/*!
 * ui-select
 * http://github.com/angular-ui/ui-select
 * Version: 0.19.5 - 2016-10-24T23:13:59.551Z
 * License: MIT
 */
/* Style when highlighting a search. */
.ui-select-highlight {
  font-weight: bold;
}

.ui-select-offscreen {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}

.ui-select-choices-row:hover {
  background-color: #f5f5f5;
}

/* Select2 theme */
/* Mark invalid Select2 */
.ng-dirty.ng-invalid > a.select2-choice {
  border-color: #D44950;
}

.select2-result-single {
  padding-left: 0;
}

.select2-locked > .select2-search-choice-close {
  display: none;
}

.select-locked > .ui-select-match-close {
  display: none;
}

body > .select2-container.open {
  z-index: 9999; /* The z-index Select2 applies to the select2-drop */
}

/* Handle up direction Select2 */
.ui-select-container[theme=select2].direction-up .ui-select-match,
.ui-select-container.select2.direction-up .ui-select-match {
  border-radius: 4px; /* FIXME hardcoded value :-/ */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ui-select-container[theme=select2].direction-up .ui-select-dropdown,
.ui-select-container.select2.direction-up .ui-select-dropdown {
  border-radius: 4px; /* FIXME hardcoded value :-/ */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-width: 1px; /* FIXME hardcoded value :-/ */
  border-top-style: solid;
  box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
  margin-top: -4px; /* FIXME hardcoded value :-/ */
}

.ui-select-container[theme=select2].direction-up .ui-select-dropdown .select2-search,
.ui-select-container.select2.direction-up .ui-select-dropdown .select2-search {
  margin-top: 4px; /* FIXME hardcoded value :-/ */
}

.ui-select-container[theme=select2].direction-up.select2-dropdown-open .ui-select-match,
.ui-select-container.select2.direction-up.select2-dropdown-open .ui-select-match {
  border-bottom-color: #5897fb;
}

.ui-select-container[theme=select2] .ui-select-dropdown .ui-select-search-hidden,
.ui-select-container[theme=select2] .ui-select-dropdown .ui-select-search-hidden input {
  opacity: 0;
  height: 0;
  min-height: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

/* Selectize theme */
/* Helper class to show styles when focus */
.selectize-input.selectize-focus {
  border-color: #007FBB !important;
}

/* Fix input width for Selectize theme */
.selectize-control.single > .selectize-input > input {
  width: 100%;
}

/* Fix line break when there's at least one item selected with the Selectize theme */
.selectize-control.multi > .selectize-input > input {
  margin: 0 !important;
}

/* Fix dropdown width for Selectize theme */
.selectize-control > .selectize-dropdown {
  width: 100%;
}

/* Mark invalid Selectize */
.ng-dirty.ng-invalid > div.selectize-input {
  border-color: #D44950;
}

/* Handle up direction Selectize */
.ui-select-container[theme=selectize].direction-up .ui-select-dropdown {
  box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
  margin-top: -2px; /* FIXME hardcoded value :-/ */
}

.ui-select-container[theme=selectize] input.ui-select-search-hidden {
  opacity: 0;
  height: 0;
  min-height: 0;
  padding: 0;
  margin: 0;
  border: 0;
  width: 0;
}

/* Bootstrap theme */
/* Helper class to show styles when focus */
.btn-default-focus {
  color: #333;
  background-color: #EBEBEB;
  border-color: #ADADAD;
  text-decoration: none;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.ui-select-bootstrap .ui-select-toggle {
  position: relative;
}

.ui-select-bootstrap .ui-select-toggle > .caret {
  position: absolute;
  height: 10px;
  top: 50%;
  right: 10px;
  margin-top: -2px;
}

/* Fix Bootstrap dropdown position when inside a input-group */
.input-group > .ui-select-bootstrap.dropdown {
  /* Instead of relative */
  position: static;
}

.input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
  border-radius: 4px; /* FIXME hardcoded value :-/ */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .ui-select-bootstrap > input.ui-select-search.form-control.direction-up {
  border-radius: 4px !important; /* FIXME hardcoded value :-/ */
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.ui-select-bootstrap .ui-select-search-hidden {
  opacity: 0;
  height: 0;
  min-height: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

.ui-select-bootstrap > .ui-select-match > .btn {
  /* Instead of center because of .btn */
  text-align: left !important;
}

.ui-select-bootstrap > .ui-select-match > .caret {
  position: absolute;
  top: 45%;
  right: 15px;
}

/* See Scrollable Menu with Bootstrap 3 http://stackoverflow.com/questions/19227496 */
.ui-select-bootstrap > .ui-select-choices, .ui-select-bootstrap > .ui-select-no-choice {
  width: 100%;
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
  margin-top: -1px;
}

body > .ui-select-bootstrap.open {
  z-index: 1000; /* Standard Bootstrap dropdown z-index */
}

.ui-select-multiple.ui-select-bootstrap {
  height: auto;
  padding: 3px 3px 0 3px;
}

.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
  background-color: transparent !important; /* To prevent double background when disabled */
  border: none;
  outline: none;
  height: 1.666666em;
  margin-bottom: 3px;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
  font-size: 1.6em;
  line-height: 0.75;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
  outline: 0;
  margin: 0 3px 3px 0;
}

.ui-select-multiple .ui-select-match-item {
  position: relative;
}

.ui-select-multiple .ui-select-match-item.dropping .ui-select-match-close {
  pointer-events: none;
}

.ui-select-multiple:hover .ui-select-match-item.dropping-before:before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  height: 100%;
  margin-right: 2px;
  border-left: 1px solid #428bca;
}

.ui-select-multiple:hover .ui-select-match-item.dropping-after:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  height: 100%;
  margin-left: 2px;
  border-right: 1px solid #428bca;
}

.ui-select-bootstrap .ui-select-choices-row > span {
  cursor: pointer;
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

.ui-select-bootstrap .ui-select-choices-row > span:hover, .ui-select-bootstrap .ui-select-choices-row > span:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

.ui-select-bootstrap .ui-select-choices-row.active > span {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca;
}

.ui-select-bootstrap .ui-select-choices-row.disabled > span,
.ui-select-bootstrap .ui-select-choices-row.active.disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}

/* fix hide/show angular animation */
.ui-select-match.ng-hide-add,
.ui-select-search.ng-hide-add {
  display: none !important;
}

/* Mark invalid Bootstrap */
.ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match {
  border-color: #D44950;
}

/* Handle up direction Bootstrap */
.ui-select-container[theme=bootstrap].direction-up .ui-select-dropdown {
  box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
}

.ui-select-bootstrap .ui-select-match-text {
  width: 100%;
  padding-right: 1em;
}

.ui-select-bootstrap .ui-select-match-text span {
  display: inline-block;
  width: 100%;
  overflow: hidden;
}

.ui-select-bootstrap .ui-select-toggle > a.btn {
  position: absolute;
  height: 10px;
  right: 10px;
  margin-top: -2px;
}

/* Spinner */
.ui-select-refreshing {
  position: absolute;
  right: 0;
  padding: 8px 27px;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
@keyframes ui-select-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.ui-select-spin {
  animation: ui-select-spin 2s infinite linear;
}

.ui-select-refreshing.ng-animate {
  -webkit-animation: none 0s;
}

.ui-select-container .btn-default:hover, .ui-select-bootstrap .btn-default-focus {
  box-shadow: none !important;
}

.ui-select-bootstrap > .ui-select-choices:not(.ng-hide) {
  opacity: 1 !important;
}

.d-flex {
  display: flex !important;
}

.d-block {
  display: block !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-inline {
  display: inline !important;
}

.d-none {
  display: none !important;
}

.d-none-2 {
  display: none;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-space-between {
  justify-content: space-between;
}

.flex-column {
  flex-direction: column !important;
}

.border-radius-4 {
  border-radius: 4px;
}

.border {
  border: 1px solid #32475C;
}

.border-light {
  border: 1px solid #CFCFCF;
}

.border-bottom {
  border-bottom: 1px solid #ddd;
}

.border-top {
  border-top: 1px solid #ddd;
}

.border-right {
  border-right: 1px solid #ddd;
}

.border-left {
  border-left: 1px solid #ddd;
}

@media (max-width: 799px) {
  .d-tablet {
    display: none !important;
  }
  .d-mobile {
    display: block !important;
  }
  .d-mobile-inv {
    display: none !important;
  }
}
@media (min-width: 800px) and (max-width: 1260px) {
  .d-tablet {
    display: block;
  }
}
@media (max-width: 1260px) {
  .d-tablet {
    display: block;
  }
  .d-desktop {
    display: none !important;
  }
}
@media (min-width: 1260px) {
  .d-tablet {
    display: none !important;
  }
}
@media (min-width: 800px) {
  .d-sm-flex {
    display: flex !important;
  }
  .d-mobile {
    display: none !important;
  }
  .d-mobile-inv {
    display: block !important;
  }
}
.border-bottom-2 {
  border-bottom: 2px solid #32475c;
}

.border-0 {
  border: 0 !important;
}
.border-0:hover, .border-0:focus, .border-0:active {
  border: 0 !important;
}

.dashed {
  border: 1px dashed #666;
  border-radius: 5px;
}

.box-shadow-0 {
  box-shadow: none !important;
}

.rounded {
  border-radius: 3px !important;
}

.rounded-10 {
  border-radius: 10px;
}

.flex-wrap {
  flex-wrap: wrap;
}

.img-fluid {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.error-feedback {
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}

.error-feedback-border {
  border: solid 2px #dc3545;
  border-radius: 4px;
}

.error-feedback-bg {
  background-color: #f4d2d6;
}

.success-feedback {
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #28a745;
}

.is-invalid {
  border-color: #dc3545 !important;
}

.fs-24 {
  font-size: 24px !important;
}

.fs-22 {
  font-size: 22px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-12 {
  font-size: 12px !important;
}

.fs-11 {
  font-size: 11px !important;
}

.fs-10 {
  font-size: 10px !important;
}

.font-weight-bold {
  font-weight: bold;
}

.font-weight-400 {
  font-weight: 400;
}

.font-weight-medium {
  font-weight: 600;
}

.font-style-italic {
  font-style: italic;
}

.border-top-none {
  border-top: none !important;
}

.border-bottom-none {
  border-bottom: none !important;
}

.border-dashed {
  border: 2px dashed #5D6BC5;
  border-radius: 5px;
}

.blue-32 {
  color: #32475c !important;
}

.color-000000 {
  color: #000000 !important;
}

.color-16394D {
  color: #16394d !important;
}

.color-212B36 {
  color: #212b36 !important;
}

.color-32475C {
  color: #32475c !important;
}

.color-5D6BC5 {
  color: #5D6BC5 !important;
}

.color-637381 {
  color: #637381 !important;
}

.color-6270C6 {
  color: #6270c6 !important;
}

.color-707070 {
  color: #707070 !important;
}

.color-919EAB {
  color: #919eab !important;
}

.color-dc3545 {
  color: #dc3545 !important;
}

.bg-EBEEF0 {
  background: #ebeef0 !important;
}

.bg-F5F8FA {
  background: #F5F8FA;
}

.bg-EBEEF0 {
  background: #ebeef0;
}

.bg-white {
  background: white;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.pointer {
  cursor: pointer;
}

.text-secondary {
  color: #6c757d !important;
}

.text-right {
  text-align: right !important;
}

.text-underline {
  text-decoration: underline !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-green {
  color: #71CCAF;
}

.text-red {
  color: #dc3545;
}

.mt--3 {
  margin-top: -15px;
}

.ml--3 {
  margin-left: -15px;
}

.mr--3 {
  margin-right: -15px;
}

.w-10 {
  width: 10% !important;
}

.w-17 {
  width: 17% !important;
}

.w-20 {
  width: 20% !important;
}

.w-25 {
  width: 25% !important;
}

.w-30 {
  width: 30% !important;
}

.w-35 {
  width: 35% !important;
}

.w-40 {
  width: 40% !important;
}

.w-50 {
  width: 50% !important;
}

.w-60 {
  width: 60% !important;
}

.w-75 {
  width: 75% !important;
}

.w-90 {
  width: 90% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mt-90 {
  margin-top: 90px;
}

.mt-40 {
  margin-top: 40px;
}

.mw-75 {
  max-width: 75% !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-4-2rem {
  padding: 2rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 800px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1150px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
/** Spinner */
/** Anamnesis content style */
/** Anamnesis line stlye */
/** Patient modals attributes */
/** Spinner */
/** Anamnesis content style */
/** Anamnesis line stlye */
/** Patient modals attributes */
#pdf-header .logo-upload {
  display: block;
  width: 150px;
  height: 60px;
  text-align: center;
  padding-top: 10px;
  margin-bottom: 10px;
  border: 1px dashed #666;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  background-color: rgba(95, 110, 198, 0.14);
}
#pdf-header .logo-upload label {
  margin-top: -10px;
  cursor: pointer;
}

/** Spinner */
/** Anamnesis content style */
/** Anamnesis line stlye */
/** Patient modals attributes */
.ck_editor__ehr_editor #cke_ehr_template__ck {
  height: 1100px;
  width: 725px;
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0px;
}
.ck_editor__ehr_editor #cke_ehr_template__ck #cke_1_contents {
  height: 1000px !important;
}
.ck_editor__ehr_editor #cke_ehr_template__ck #cke_2_contents {
  height: 1000px !important;
}
.ck_editor__ehr_editor #cke_ehr_template__ck .cke_wysiwyg_frame table {
  border-collapse: collapse;
}
.ck_editor__ehr_editor .cke_chrome {
  border: none !important;
}
.ck_editor__ehr_editor .cke_chrome .cke_inner {
  border: dashed 1px #979797;
}
.ck_editor__ehr_editor .cke_chrome .cke_bottom {
  padding: 6px 8px 2px;
  position: relative;
  border-top: none;
  background: white;
}

.ck_editor__timeline {
  border: 1px solid #CFCFCF;
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0px;
}
.ck_editor__timeline .cke_chrome {
  border: none !important;
}
.ck_editor__timeline .cke-top {
  border-top: 1px solid #CFCFCF !important;
  border-right: 1px solid #CFCFCF !important;
  border-left: 1px solid #CFCFCF !important;
}
.ck_editor__timeline .cke-contents {
  border-right: 1px solid #CFCFCF !important;
  border-left: 1px solid #CFCFCF !important;
}
.ck_editor__timeline .cke_bottom {
  padding: 6px 8px 2px;
  position: relative;
  border-top: none;
  background: white;
  border-right: 1px solid #CFCFCF;
  border-left: 1px solid #CFCFCF;
  border-bottom: 1px solid #CFCFCF;
}

.ck_editor_class table th {
  font-weight: 900 !important;
  color: #000 !important;
  text-align: center !important;
}

#cke_document_template__ck {
  height: 900px;
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0px;
}
#cke_document_template__ck .cke_inner #cke_1_contents {
  height: 800px !important;
}

#cke_new_ehr__ck {
  max-height: 920px;
  overflow-y: scroll;
}

#cke_modify_ehr__ck {
  max-height: 920px;
  overflow-y: scroll;
}

.cke_toolbar_break {
  display: none !important;
}

#groove-container {
  z-index: 10000 !important;
}

.yearly-block {
  justify-content: center;
  font-size: 4em;
  color: #5a656f;
}

.index-list .dropdown-menu a {
  font-size: 12px;
}

.delete-list-modal .modal-header,
.delete-list-patient-modal .modal-header {
  color: #ddd;
  background-color: #16394d;
  padding: 10px;
}
.delete-list-modal .modal-header h4,
.delete-list-patient-modal .modal-header h4 {
  font-size: 16px;
}
.delete-list-modal .modal-body,
.delete-list-patient-modal .modal-body {
  padding: 10px;
  font-size: 14px;
}

.create-list .headtitle-wrapper i,
.edit-list .headtitle-wrapper i {
  font-size: 18px;
}
.create-list .headtitle-wrapper .flex-wrapper,
.edit-list .headtitle-wrapper .flex-wrapper {
  border-bottom: unset;
}
.create-list .patients-content .list-variable,
.edit-list .patients-content .list-variable {
  border-top: 1px solid #CFD0D1;
  border-bottom: 1px solid #CFD0D1;
}
.create-list .patients-content .patients-data .delete,
.edit-list .patients-content .patients-data .delete {
  display: none;
}
.create-list .patients-content .patients-data .data:hover .delete,
.edit-list .patients-content .patients-data .data:hover .delete {
  display: block;
}
.create-list .patients-content .patients-filter,
.edit-list .patients-content .patients-filter {
  display: block;
}
@media screen and (max-width: 800px) {
  .create-list .patients-content .patients-filter,
  .edit-list .patients-content .patients-filter {
    padding: 0;
    width: 100%;
  }
}
.create-list .patients-content .type-radio .md-label,
.edit-list .patients-content .type-radio .md-label {
  pointer-events: unset;
}
.create-list .tooltip-icon .tooltip-text,
.edit-list .tooltip-icon .tooltip-text {
  visibility: hidden;
  width: 200px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  font-size: 14px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: -235%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}
.create-list .tooltip-icon .tooltip-text::after,
.edit-list .tooltip-icon .tooltip-text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
.create-list .tooltip-icon:hover .tooltip-text,
.edit-list .tooltip-icon:hover .tooltip-text {
  visibility: visible !important;
  opacity: 1 !important;
}

/** Spinner */
/** Anamnesis content style */
/** Anamnesis line stlye */
/** Patient modals attributes */
@media (max-width: 768px) {
  #new-patient {
    background: white;
  }
}
#new-patient md-select-value {
  border-bottom: none !important;
  min-height: 12px !important;
}
#new-patient .md-select-value .md-select-icon {
  color: #555 !important;
  margin: 0 !important;
  width: 0 !important;
}
#new-patient md-checkbox .md-container {
  left: auto;
  right: 66.66% !important;
  margin-right: -35px;
}
@media (max-width: 768px) {
  #new-patient md-checkbox .md-container {
    margin-left: 13px;
    margin-right: 0;
  }
}
#new-patient md-checkbox .md-label {
  width: 100%;
  margin-right: 0;
}
@media (max-width: 768px) {
  #new-patient md-checkbox {
    display: flex;
  }
}
@media (max-width: 768px) {
  #new-patient md-checkbox .md-ink-ripple {
    order: 1;
    left: 0;
    right: auto !important;
  }
}
@media (max-width: 768px) {
  #new-patient md-checkbox .md-label {
    order: 2;
    max-width: 90%;
    margin-left: 30px;
    margin-right: auto !important;
  }
}

/** Spinner */
/** Anamnesis content style */
/** Anamnesis line stlye */
/** Patient modals attributes */
#add-patient-modal #patients-new-patients-modal,
#anamnesis-page-modal #patients-new-patients-modal {
  overflow-y: scroll !important;
}

/** Spinner */
/** Anamnesis content style */
/** Anamnesis line stlye */
/** Patient modals attributes */
#anamnesis-page-modal .anamnesis-modal-title {
  display: block;
}
@media (max-width: 768px) {
  #anamnesis-page-modal .anamnesis-modal-title {
    display: none;
  }
}

.patient-attachment .new-attachment {
  float: left;
  width: calc(100% - 36px) !important;
}
.patient-attachment .add-attachment-list {
  float: right;
  width: 35px;
  border-left: 1px solid #ddd;
}
.patient-attachment .add-attachment-list button {
  background: url("/images/keyboard_arrow_down-24px.svg") center center no-repeat;
  text-decoration: none;
}
.patient-attachment .add-attachment-list a {
  font-size: 13px;
  cursor: pointer;
}

.xray-software-name {
  width: 70%;
  margin: 0 auto;
  border-radius: 20px;
  background-color: #ddd;
  margin-top: 5px;
  font-weight: 600;
}

/** Spinner */
/** Anamnesis content style */
/** Anamnesis line stlye */
/** Patient modals attributes */
#timeline-edit-patient .subtitle {
  font-size: 16px;
  color: #6b808c;
  font-weight: 200;
}
#timeline-edit-patient .patient-data-side {
  border-right: 1px #e5e5e5 solid;
}
@media (max-width: 768px) {
  #timeline-edit-patient .patient-data-side {
    border-right: none;
  }
}
#timeline-edit-patient md-select-value {
  border-bottom: none !important;
  min-height: 12px !important;
}
#timeline-edit-patient .md-select-value .md-select-icon {
  color: #555 !important;
  margin: 0 !important;
  width: 0 !important;
}
#timeline-edit-patient md-checkbox .md-container {
  left: auto;
  right: 66.66% !important;
  margin-right: -35px;
}
@media (max-width: 768px) {
  #timeline-edit-patient md-checkbox .md-container {
    margin-left: 13px;
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  #timeline-edit-patient md-checkbox .md-icon {
    margin-left: 0px;
  }
}
#timeline-edit-patient md-checkbox .md-label {
  width: 100%;
  margin-right: 0;
}
@media (max-width: 768px) {
  #timeline-edit-patient md-checkbox {
    display: flex;
  }
}
@media (max-width: 768px) {
  #timeline-edit-patient md-checkbox .md-ink-ripple {
    order: 1;
    left: 0;
    right: auto !important;
  }
}
@media (max-width: 768px) {
  #timeline-edit-patient md-checkbox .md-label {
    order: 2;
    max-width: 90%;
    margin-left: 30px;
    margin-right: auto !important;
  }
}

/** Spinner */
/** Anamnesis content style */
/** Anamnesis line stlye */
/** Patient modals attributes */
.ambulant-prop-def-li {
  width: 500px;
}
.ambulant-prop-def-li a .ambulant-prop-def-li-title {
  width: 400px;
  height: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ambulant-template-modal {
  z-index: 2000 !important;
}
@media (min-width: 800px) {
  .ambulant-template-modal .ql-editor {
    max-height: 70vh !important;
  }
}

.favorit-tag-disabled {
  pointer-events: none;
  opacity: 0.5;
}

.fixed-note {
  position: absolute;
  right: -16px;
  top: 16px;
}

/** Spinner */
/** Anamnesis content style */
/** Anamnesis line stlye */
/** Patient modals attributes */
.bno-results {
  height: 135px;
  overflow-y: scroll;
  position: relative;
}

.bno-result {
  padding: 2px 5px;
}
.bno-result:hover, .bno-result.active {
  background-color: lightgrey;
}

.new-timeline-layout {
  padding-bottom: 150px;
}

/** Spinner */
/** Anamnesis content style */
/** Anamnesis line stlye */
/** Patient modals attributes */
.ehr_editor__activity {
  width: 870px;
}

.ambulant_editor__activity {
  width: 955px;
}

/** Spinner */
/** Anamnesis content style */
/** Anamnesis line stlye */
/** Patient modals attributes */
#small-book-time-modal #book-time-section #add-patient-section .modal-body {
  overflow: inherit;
}
@media (max-width: 768px) {
  #small-book-time-modal #book-time-section #add-patient-section .modal-body {
    max-height: none !important;
    overflow: hidden;
    background: white;
  }
}
#small-book-time-modal .calendar-save-button .spinner-border {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: text-bottom;
  border: 4px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spinner-border 0.75s linear infinite;
}

/** Spinner */
/** Anamnesis content style */
/** Anamnesis line stlye */
/** Patient modals attributes */
#settings-oep .progress-bar {
  width: 215px;
  height: 20px;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  background-color: rgba(96, 111, 199, 0.6);
  border-color: #aaa;
}
#settings-oep .progress-bar-bar {
  width: 0px;
  background-color: rgb(96, 111, 199);
  height: 100%;
  color: #fff;
  font-weight: normal;
  border-radius: 3px;
}

/** Spinner */
/** Anamnesis content style */
/** Anamnesis line stlye */
/** Patient modals attributes */
#settings-ehr #cke_ehr_template__ck {
  height: 1100px;
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0px;
}
#settings-ehr #cke_ehr_template__ck #cke_1_contents {
  height: 1000px !important;
}

.ehr_template .table .row {
  margin: 0;
  padding: 4px 0;
  font-weight: bold;
  border-bottom: 1px solid #e0e0e0;
  background-color: #efefef;
}
.ehr_template .table .row .title {
  text-transform: uppercase;
}
.ehr_template .table .row:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.ehr_template .table .row:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-width: 0;
}

/** Spinner */
/** Anamnesis content style */
/** Anamnesis line stlye */
/** Patient modals attributes */
#settings-properties-patient .properties-list {
  border-bottom: 1px solid #d6d6d6;
  width: 100%;
  max-width: 100%;
  min-height: 60px;
  display: block;
  background: white;
  border-radius: 4px;
  overflow: hidden;
}
#settings-properties-patient .properties-list-inner {
  margin: 5px 0;
  padding: 5px 10px;
  color: rgba(0, 0, 0, 0.87);
  display: flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
  cursor: move;
  background: white;
  font-size: 14px;
}
#settings-properties-patient .mandatory-star {
  width: 17px;
  height: 20px;
  display: inline-block;
}
#settings-properties-patient .mandatory-star img {
  height: 16px;
  margin-bottom: 4px;
  cursor: pointer;
}
#settings-properties-patient .mandatory-star .disabled {
  filter: grayscale(100%);
}
#settings-properties-patient .item-title {
  font-size: 18px;
  color: #16394d;
}
#settings-properties-patient .item-type {
  color: #7b7b7b;
  font-size: 12px;
}
#settings-properties-patient .favorit, #settings-properties-patient .favorit-disabled, #settings-properties-patient .favorit-unselected, #settings-properties-patient .favorit-selected {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  margin: 0 auto;
  cursor: pointer;
}
#settings-properties-patient .favorit-selected {
  background: #606fc7;
  border: 1px solid #606fc7;
}
#settings-properties-patient .favorit-unselected {
  background: #fff;
  border: 1px solid #a3a4a8;
}
#settings-properties-patient .favorit-disabled {
  background: #ccc;
  border: 1px solid #c5c5c5;
}

.table-property-settings .prop-title-1 {
  min-width: 250px;
}
.table-property-settings .prop-title-2 {
  width: 0;
  min-width: 150px;
}
.table-property-settings .prop-code-1 {
  min-width: 130px;
}
.table-property-settings .prop-code-2 {
  width: 0;
  min-width: 90px;
}

.anamnesis-settings h4 {
  padding-bottom: 5px;
  font-weight: 700;
}
.anamnesis-settings .content {
  background-color: #fff;
  border-radius: 5px;
  border-color: #ebeef0;
  box-shadow: 0 0 10px 0 #ebeef0;
  padding: 10px 0 !important;
}
.anamnesis-settings .content .line:not(:last-child) {
  border-bottom: 1px solid #d6d6d6;
}
.anamnesis-settings .content > div:not(.add-new-property) {
  padding: 10px 0;
}
.anamnesis-settings .content h5.title {
  font-size: 17px;
  font-weight: 900;
}
.anamnesis-settings .content p.text {
  font-weight: 600;
}
.anamnesis-settings .content .toggle {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.anamnesis-settings .content .draggable {
  cursor: move;
  padding: 16px 10px;
}
.anamnesis-settings .content .properties-list {
  border-bottom: 1px solid #d6d6d6;
}
.anamnesis-settings .content .properties-list h5 {
  font-weight: 900;
  font-size: 16px;
}
.anamnesis-settings .content .properties-list .yes-or-no-button button {
  background-color: #fff;
  padding: 9px;
  border: 1px solid #dedede;
  text-align: center;
  border-radius: 3px;
}
.anamnesis-settings .content .properties-list .yes-or-no-button button.default-value {
  background-color: #606fc7;
  font-weight: 700;
  color: #fff;
}

.property-modal,
.delete-property-modal,
.modified-property-modal {
  background-color: #ebeef0;
}
.property-modal .header,
.delete-property-modal .header,
.modified-property-modal .header {
  background-color: #16394d;
  color: #fff;
  padding: 10px;
}
.property-modal .header p.modal-title,
.delete-property-modal .header p.modal-title,
.modified-property-modal .header p.modal-title {
  font-size: 16px;
}
.property-modal .body .content,
.delete-property-modal .body .content,
.modified-property-modal .body .content {
  background-color: #fff;
  border-radius: 5px;
  border-color: #ebeef0;
  box-shadow: 0 0 10px 0 #ebeef0;
}
.property-modal .body .content i,
.delete-property-modal .body .content i,
.modified-property-modal .body .content i {
  font-size: 17px;
}
.property-modal .body .content .option-list .drag,
.delete-property-modal .body .content .option-list .drag,
.modified-property-modal .body .content .option-list .drag {
  cursor: move;
}
.property-modal .body .content .field-type-select,
.delete-property-modal .body .content .field-type-select,
.modified-property-modal .body .content .field-type-select {
  position: relative;
}
.property-modal .body .content .field-type-select:hover .tooltip-text,
.delete-property-modal .body .content .field-type-select:hover .tooltip-text,
.modified-property-modal .body .content .field-type-select:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}
.property-modal .body .content .tooltip-text,
.delete-property-modal .body .content .tooltip-text,
.modified-property-modal .body .content .tooltip-text {
  visibility: hidden;
  width: 300px;
  background-color: #16394d;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 40px;
  left: 34%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}
.property-modal .body .content .tooltip-text::after,
.delete-property-modal .body .content .tooltip-text::after,
.modified-property-modal .body .content .tooltip-text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #16394d transparent transparent transparent;
}
.property-modal .body .line:not(:last-child),
.delete-property-modal .body .line:not(:last-child),
.modified-property-modal .body .line:not(:last-child) {
  border-bottom: 1px solid #d6d6d6;
}

.property-settings .add-new-property {
  padding: 0 90px;
}
.property-settings .add-new-property button {
  background-color: #F7F9FB;
  border-color: #ddd;
  border-radius: 5px;
  border: 2px dashed #606fc7;
  color: #606fc7;
  outline: none;
  padding: 10px;
  font-weight: 600;
  font-size: 16px;
}
@media screen and (max-width: 991.99px) {
  .property-settings .add-new-property {
    padding: 0 30px;
  }
}
@media screen and (min-width: 992px) {
  .property-settings .add-new-property {
    padding: 0 60px;
  }
}
@media screen and (min-width: 1199.99px) {
  .property-settings .add-new-property {
    padding: 0 90px;
  }
}
.property-settings .properties-list textarea:disabled,
.property-settings .properties-list input:disabled,
.property-settings .properties-list select:disabled {
  background-color: unset;
}
.property-settings .properties-list input[type=radio],
.property-settings .properties-list input[type=checkbox] {
  height: 15px;
  width: 15px;
  margin-right: 7px;
}

.module-item-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1rem;
  padding-bottom: 30px;
}
.module-item-wrapper .module-item .panel {
  position: relative;
  max-height: 270px;
  height: 270px;
  margin-bottom: 0 !important;
  top: 0;
  transition: all ease 0.3s;
}
.module-item-wrapper .module-item .panel:hover {
  box-shadow: 5px 5px 5px 0px rgba(69, 79, 91, 0.7);
  top: -6px;
}
.module-item-wrapper .module-item .panel .module-added {
  position: absolute;
  top: 15px;
  right: 15px;
  color: #16394d;
}
.module-item-wrapper .module-item .module-img {
  height: 50px;
  width: auto;
}
.module-item-wrapper .module-item .title {
  font-weight: bold;
  font-size: 16px;
  height: 55px;
}
.module-item-wrapper .module-item .desc {
  font-size: 14px;
  max-height: 80px;
  height: 80px;
  max-width: 100%;
}
.module-item-wrapper .module-item .desc .desc-text {
  height: 105px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.module-item-wrapper .module-item .modul-buttons-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.module-item-wrapper .module-item .modul-buttons-wrapper .action {
  margin-left: auto;
}
.module-item-wrapper .module-item .modul-buttons-wrapper .price {
  font-weight: bold;
}

@media screen and (max-width: 1024px) {
  .module-item-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .module-item-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
  .module-item-wrapper .module-item .modul-buttons-wrapper .action {
    padding-left: 15px;
  }
}
.modulesModal {
  width: 100vw;
}
.modulesModal .modal-dialog {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1200px;
  width: 100%;
  padding: 0 3rem 0 3rem;
}
.modulesModal .modal-dialog .modal-content {
  width: 100%;
}
.modulesModal .modal-dialog .modal-content .modules-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2rem 3rem;
}
.modulesModal .modal-dialog .modal-content .modules-modal-header .modul-title-wrapper {
  display: flex;
  align-items: center;
}
.modulesModal .modal-dialog .modal-content .modules-modal-header .modul-title-wrapper .module-img {
  height: 25px;
  width: auto;
  margin-right: 1rem;
}
.modulesModal .modal-dialog .modal-content .modules-modal-header .modul-title-wrapper .module-added {
  margin-bottom: 0;
  margin-left: 1rem;
}
.modulesModal .modal-dialog .modal-content .modules-modal-header .close {
  color: black;
  width: 30px;
  height: 30px;
}
.modulesModal .modal-dialog .modal-content .modal-body {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  padding: 0 8rem 3rem 8rem;
  height: auto !important;
}
.modulesModal .modal-dialog .modal-content .modal-body .buttons-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2rem 0;
}
.modulesModal .modal-dialog .modal-content .modal-body .buttons-container .price {
  font-weight: bold;
  color: #dc3545;
}
.modulesModal .modal-dialog .modal-content .modal-body .buttons-container a {
  margin-left: 2rem;
  color: #dc3545;
  font-weight: bold;
}
.modulesModal .modal-dialog .modal-content .modal-body .description-container {
  width: 100%;
  margin: 0;
  padding: 3rem;
  background: #fff;
  border-radius: 5px;
}
.modulesModal .modal-dialog .modal-content .modal-body .description-container .screenshot-container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
  background-color: rgb(161, 161, 197);
}
.modulesModal .modal-dialog .modal-content .modal-body .description-container .screenshot-container img {
  width: 100%;
}
@media screen and (max-width: 800px) {
  .modulesModal .modal-dialog .modal-content .modules-modal-header {
    background-color: #fff;
  }
  .modulesModal .modal-dialog .modal-content .modal-body {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding: 0 5rem 3rem 5rem;
  }
  .modulesModal .modal-dialog .modal-content .modal-body .description-container {
    grid-template-columns: repeat(1, 1fr);
  }
}
.subscription-page {
  font-size: 16px;
  font-family: Roboto, sans-serif !important;
}
.subscription-page .page {
  opacity: 0;
  transition: 1s opacity cubic-bezier(0.175, 0.885, 0.32, 1.275);
  display: block !important;
}
.subscription-page .visible {
  opacity: 1;
}
.subscription-page .header {
  display: block !important;
  height: 50px;
  background: #fff;
  line-height: 50px;
}
.subscription-page .header a {
  color: #2C485E;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .subscription-page .header {
    height: 100%;
  }
}
.subscription-page .header-info {
  height: 50px;
  line-height: 50px;
  background-color: #E8EBFF;
  color: #606FC7;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .subscription-page .header-info {
    height: 100%;
    line-height: 30px;
  }
}
.subscription-page .infobox {
  background-color: #E8EBFF;
  color: #606fc7;
  border-radius: 10px;
  padding-bottom: 20px;
  padding-top: 20px;
  margin-bottom: 40px;
  margin-top: 20px;
}
.subscription-page .infobox .title {
  padding-bottom: 20px;
  font-size: 24px;
  font-weight: bold;
}
.subscription-page .info-title {
  text-align: center;
  font-size: 20px;
  color: #606fc7;
  margin-top: 20px;
  margin-bottom: 30px;
}
.subscription-page .packages-title {
  text-align: center;
  padding: 40px 0;
  font-size: 24px;
  color: #224960;
}
.subscription-page .packages-title a {
  color: #5969C4;
}
.subscription-page .btn-switch-group {
  background-color: #fff;
  border-color: #D5D5D5;
  border-style: solid;
  color: #2C485E;
  border-radius: 21px;
  border-width: 1px;
}
.subscription-page .btn-switch-group .btn-switch {
  background-color: transparent;
  border: none;
  height: 37px;
}
@media screen and (max-width: 768px) {
  .subscription-page .btn-switch-group .btn-switch {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
.subscription-page .btn-switch-group .left {
  padding-right: 20px;
  padding-left: 20px;
  border-radius: 21px;
}
.subscription-page .btn-switch-group .center {
  padding-right: 20px;
  padding-left: 20px;
}
.subscription-page .btn-switch-group .right {
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 21px;
}
.subscription-page .btn-switch-group .active {
  background-color: #606fc7;
  color: #fff;
  border-radius: 21px;
  height: 39px;
}
@media screen and (max-width: 768px) {
  .subscription-page .btn-switch-group {
    height: 100%;
    padding: 0;
    text-align: center;
  }
}
.subscription-page .plans {
  display: flex;
  align-items: stretch;
}
.subscription-page .plan-card {
  border: 1px solid #D5D5D5;
  border-radius: 15px;
  background-color: #fff;
  height: 100%;
  color: #2C485E;
  padding: 10px 0;
}
.subscription-page .plan-card.selected {
  border: 3px solid #606fc7;
}
.subscription-page .plan-card .title {
  font-weight: bold;
  font-size: 24px;
  margin-top: 15px;
  margin-bottom: 10px;
}
.subscription-page .plan-card .price {
  font-weight: bold;
  font-size: 32px;
  margin-bottom: 8px;
}
.subscription-page .plan-card .info {
  margin-top: 8px;
}
.subscription-page .plan-card .fullprice {
  font-weight: 600;
}
.subscription-page .plan-card .btn-choose {
  height: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 35px;
  padding-left: 35px;
  background-color: #606fc7;
  color: #fff;
  margin-top: 20px;
  border-radius: 20px;
}
.subscription-page .plan-card .beta {
  background: #D5D5D5;
  padding: 5px;
  border-radius: 5px;
  font-size: 12px;
}
.subscription-page .plan-card .new {
  margin-left: 5px;
}
.subscription-page .plan-card .list {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 15px;
}
.subscription-page .plan-card .list .item {
  margin-bottom: 15px;
}
.subscription-page .plan-card .new-list-title {
  margin-left: 20px;
  margin-top: 10px;
  color: #606fc7;
  font-weight: bold;
}
.subscription-page .plan-card .new-list {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #606fc7;
}
.subscription-page .plan-card .new-list li {
  margin-bottom: 10px;
  list-style: none;
  margin-left: -40px;
}
.subscription-page .plan-card .new-list li:before {
  content: "•";
  font-size: 20px;
  padding-right: 10px;
}
.subscription-page .plan-card hr {
  margin-left: 30px !important;
  margin-right: 30px !important;
  margin-top: 20px !important;
}
@media screen and (min-width: 992px) and (max-width: 1199.99px) {
  .subscription-page .plan-card {
    height: 1080px;
  }
}
@media screen and (max-width: 991.99px) {
  .subscription-page .plan-card {
    height: 1000px;
  }
}
.subscription-page .plan-detail-card {
  border: 1px solid #D5D5D5;
  border-radius: 5px;
  background-color: #fff;
  color: #2C485E;
  padding: 0 18px;
  margin-top: 30px;
}
.subscription-page .plan-detail-card .selected {
  font-weight: bold;
}
.subscription-page .plan-detail-card .existing {
  opacity: 0.5;
}
.subscription-page .plan-detail-card .title {
  font-weight: bold;
  font-size: 24px;
  padding: 12px 0 0;
  text-align: left;
}
.subscription-page .plan-detail-card .description {
  padding: 8px 0 0;
}
.subscription-page .plan-detail-card hr {
  margin-left: -18px !important;
  margin-right: -18px !important;
}
.subscription-page .plan-detail-card .button-group {
  padding: 20px 0;
}
.subscription-page .plan-detail-card .button-group .button {
  width: 44px;
  height: 44px;
  position: relative;
  border: #D5D5D5 1px solid;
  margin-right: 10px;
}
.subscription-page .plan-detail-card .button-group .button .button-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.subscription-page .plan-detail-card .button-group .plusminus {
  background-color: #e1e5ec;
  cursor: pointer;
}
.subscription-page .plan-detail-card .button-group .number {
  background-color: #f4f6f9;
}
.subscription-page .plan-detail-card .info-text {
  background-color: #e8ebff;
  padding: 26px 18px;
  color: #5969c4;
  margin-left: -18px;
  margin-right: -18px;
}
.subscription-page .plan-detail-card .form-group {
  padding: 8px 0 0;
}
.subscription-page .plan-detail-card .form-group label {
  font-size: 16px;
  font-weight: 400;
}
.subscription-page .plan-detail-card .form-group .form-control {
  font-size: 16px;
  margin-top: 5px;
  height: 40px;
  background-color: #F4F6F9;
  border-color: #E1E5EC;
  color: #000;
}
.subscription-page .plan-detail-card .summary {
  font-size: 24px;
  font-weight: bold;
}
.subscription-page .plan-detail-card .payment-btn {
  background-color: #FD3866;
  color: #fff;
  padding: 10px 50px;
  border-radius: 30px;
  border: none;
}
.subscription-page .plan-detail-card .payment-btn:disabled {
  opacity: 0.45;
}
.subscription-page .simplepay-warning {
  display: flex;
  align-items: flex-start;
  border: 1px solid #f7c1a0;
  background-color: #fff5ef;
  border-radius: 6px;
  padding: 16px 20px;
  margin-top: 30px;
  margin-bottom: 10px;
  color: #8c2f0a;
}
.subscription-page .simplepay-warning .warning-icon {
  font-size: 20px;
  margin-right: 12px;
  color: #e67e22;
  line-height: 1.2;
}
.subscription-page .simplepay-warning .warning-title {
  font-weight: 600;
  margin-bottom: 6px;
}
.subscription-page .simplepay-warning .warning-description {
  margin: 0;
}
.subscription-page .bank-cards {
  margin: 20px 0;
}
.subscription-page .bank-cards .title {
  padding: 12px 20px;
}
.subscription-page .bank-cards .cards {
  border-top: 1px solid #D5D5D5;
  padding: 20px;
  pointer-events: none;
}
.subscription-page .bank-cards .add-new-card {
  padding: 20px;
  border-top: 1px solid #D5D5D5;
}
.subscription-page .bank-cards .add-new-card a {
  color: #2C485E;
  text-decoration: underline;
}
.subscription-page .faq {
  padding-bottom: 20px;
}
.subscription-page .faq .panel-title {
  font-weight: bold;
}
.subscription-page .faq .panel-group li {
  padding: 8px;
}
.subscription-page .sale-btn-1 {
  color: #FD3866;
  border: 1px solid #FD3866;
  padding: 6px 9px;
  border-radius: 3px;
  background-color: #fff;
}
.subscription-page .sale-btn-2 {
  color: #fff;
  background-color: #FD3866;
  border: 1px solid #FD3866;
  padding: 6px 10px;
  border-radius: 3px;
  border: none;
}
.subscription-page .to-payment-btn {
  margin-top: 20px;
  background-color: #5969C4;
  color: #fff;
  padding: 10px 20px;
  border-radius: 30px;
  border: none;
}
.subscription-page .to-payment-btn:disabled {
  opacity: 0.45;
}
.subscription-page .plan-radio {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-weight: 400;
}
.subscription-page .plan-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.subscription-page .checkmark {
  position: absolute;
  top: 6px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #F4F6F9;
  border-radius: 50%;
  border: 1px solid #5969c4;
}
.subscription-page .plan-radio:hover input ~ .checkmark {
  background-color: #F4F6F9;
}
.subscription-page .plan-radio input:checked ~ .checkmark {
  background-color: #5969c4;
}
.subscription-page .subscription-done .title {
  padding-bottom: 40px;
}
.subscription-page .subscription-done .panel-body {
  border: 1px solid #D5D5D5;
  border-radius: 4px;
}
.subscription-page .subscription-done p.text:last-child {
  padding-bottom: 40px;
}
.subscription-page .subscription-done a {
  border-radius: 40px;
  padding: 10px 41px;
  background-color: #5969C4 !important;
}

.exist-tooltip .md-content {
  background-color: #606fc7;
}

.update-subscription-modal {
  font-family: Roboto, sans-serif !important;
  font-size: 16px;
}
@media screen and (min-width: 800px) {
  .update-subscription-modal .modal-dialog {
    width: 754px;
    margin: 120px auto !important;
  }
}
.update-subscription-modal .update-subscription {
  padding-bottom: 15px;
}
.update-subscription-modal .update-subscription .body {
  padding: 0 20px;
}
.update-subscription-modal .update-subscription h3 {
  padding: 16px 20px;
  margin: 0;
  border-bottom: 1px solid #D5D5D5;
}
.update-subscription-modal .update-subscription h4 {
  font-size: 16px;
}
.update-subscription-modal .update-subscription .plan {
  border: 1px solid #D5D5D5;
  border-radius: 4px;
  margin-top: 15px;
}
.update-subscription-modal .update-subscription .plan .text {
  padding: 20px 22px;
}
.update-subscription-modal .update-subscription .plan .expiration {
  background-color: #F4F6F9;
  padding: 7px 22px;
}
.update-subscription-modal .update-subscription img.update-arrow {
  animation-name: slideInLeft;
  animation-duration: 1s;
  animation-fill-mode: both;
}
@media screen and (max-width: 575px) {
  .update-subscription-modal .update-subscription img.update-arrow {
    animation-name: unset;
    transform: rotate(90deg);
  }
}
.update-subscription-modal .update-subscription .description {
  padding-top: 40px;
}
@media screen and (max-width: 575px) {
  .update-subscription-modal .update-subscription .current-block,
  .update-subscription-modal .update-subscription .new-block,
  .update-subscription-modal .update-subscription .arrow-block {
    width: 100%;
  }
}
@media screen and (max-width: 575px) {
  .update-subscription-modal .update-subscription footer .buttons {
    padding: 0;
  }
}
.update-subscription-modal .update-subscription footer button {
  border-radius: 40px !important;
  font-weight: bold;
  border: unset !important;
}
.update-subscription-modal .update-subscription footer button.cancel {
  background-color: #E1E5EC;
  padding: 10px 16px;
  margin-right: 16px;
}
.update-subscription-modal .update-subscription footer button.cancel:hover {
  background: unset;
}
@media screen and (max-width: 575px) {
  .update-subscription-modal .update-subscription footer button.cancel {
    margin-right: 0;
  }
}
.update-subscription-modal .update-subscription footer button.update {
  background-color: #5969C4 !important;
  padding: 10px;
}
@media screen and (max-width: 575px) {
  .update-subscription-modal {
    overflow: scroll !important;
  }
}
@media screen and (max-width: 800px) {
  .update-subscription-modal {
    background-color: #fff;
  }
}

.payment-method-modal .modal-content {
  border-radius: 0.25em;
}
.payment-method-modal .modal-content .modal-header {
  border-bottom: 1px solid #D5D5D5;
}
.payment-method-modal .modal-content .modal-header .modal-title {
  font-weight: 900;
}
.payment-method-modal .modal-content .modal-body {
  background-color: #fff;
}
.payment-method-modal .modal-content .modal-footer {
  border-top: unset;
  padding: 0.9375em 1.25em;
}
.payment-method-modal .modal-content .modal-footer button {
  font-weight: 900;
  border-radius: 2.5em !important;
}
@media screen and (max-width: 575px) {
  .payment-method-modal .modal-content .modal-footer button {
    font-size: 0.75em;
  }
}
.payment-method-modal .modal-content .modal-footer button.cancel {
  background-color: #D5D5D5;
  padding: 0.625em 1.375em;
}
.payment-method-modal .modal-content .modal-footer button.cancel:hover {
  background-color: #D5D5D5 !important;
}
.payment-method-modal .modal-content .modal-footer button.save {
  padding: 0.625em 0.875em;
  background-color: #5969C4;
}
.payment-method-modal .modal-content .modal-footer button.save:hover {
  background-color: #5969C4 !important;
}
.payment-method-modal .modal-content .modal-footer button.delete {
  padding: 0.625em 0.875em;
}
@media screen and (max-width: 575px) {
  .payment-method-modal .modal-content .modal-footer {
    padding: 0.9375em 0.1875em;
  }
}
@media screen and (max-width: 800px) {
  .payment-method-modal {
    background-color: #fff;
  }
}

#property-settings-iframe,
#settlement-create-iframe,
#settlement-edit-iframe {
  background-color: #ebeef0;
}

.settlement-create-dialog .modal-iframe,
.settlement-edit-dialog .modal-iframe,
.settlement-group-show-dialog .modal-iframe,
.settlement-group-edit-dialog .modal-iframe {
  max-height: calc(100vh - 220px);
  height: calc(100vh - 220px);
  overflow-y: unset;
}
@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.warranty-modal .modal-content {
  background-color: #ebeef0;
}
.warranty-modal .modal-content .modal-header {
  padding: 10px;
  background-color: #16394d;
  color: #fff;
}
.warranty-modal .modal-content .modal-header h3 {
  font-size: 16px;
}
.warranty-modal .modal-content .modal-header button {
  opacity: 1;
  color: #fff;
}
.warranty-modal .modal-content .modal-body {
  margin: 30px 15px;
  border: 1px solid #D5D5D5;
  border-radius: 5px;
  padding: 0;
  overflow-y: inherit !important;
}
.warranty-modal .modal-content .modal-body .dark-gray {
  color: #ABB2B9;
}
.warranty-modal .modal-content .modal-body .data-section {
  padding: 20px;
  border-bottom: 1px solid #d6d6d6;
}
.warranty-modal .modal-content .modal-body .doctors {
  padding: 5px 20px 10px 20px;
}
.warranty-modal .modal-content .modal-footer {
  padding: 10px 20px;
}

/*************************************************************************************/
/******************************* Desktop Modifications *******************************/
/*************************************************************************************/
.modal-body.grey-bg {
  background: #ebeef0 !important;
}

.mobile-overflow {
  overflow-y: hidden !important;
}

.justify-content-end {
  justify-content: end;
}

#add-patient-modal button#add-patient-button {
  background: #606fc7 !important;
}

.align-items-center {
  align-items: center;
}

.justify-content-flex-end {
  justify-content: flex-end;
}

.align-items-start {
  align-items: flex-start;
}

.align-items-end {
  align-items: flex-end;
}

.overflow-hidden {
  overflow: hidden;
}

.zindex {
  z-index: 9999 !important;
}

.fc-day-header,
.fc-resource-cell,
.fc-axis.fc-time {
  color: #6b808c;
}

.fc-time-grid-event .fc-title {
  white-space: unset !important;
}

.fc .fc-axis {
  width: 40px !important;
}

.user-schedule-modal {
  height: 550px;
}
.user-schedule-modal .modal-dialog {
  width: 600px;
  max-width: 600px;
}

.profile-calendar .fc-day-header, .profile-calendar .fc-resource-cell {
  line-height: 30px !important;
}
.profile-calendar .fc-ltr .fc-axis {
  text-align: center !important;
}
.profile-calendar .fc-head .day-number {
  display: block !important;
  line-height: 30px !important;
}
.profile-calendar .fc-view.fc-agendaWeek-view.fc-agenda-view th.fc-day-header.fc-widget-header.fc-today .day-number {
  background: #FFF !important;
  border: none !important;
  color: #6b808c !important;
  line-height: inherit !important;
  width: unset !important;
}

.recipe-preview-modal .modal-content {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.recipe-preview-zoom {
  transform: scale(0.55);
}
@media (min-width: 1601px) {
  .recipe-preview-zoom {
    transform: scale(0.8);
  }
}

.edit_timeline_warning_modal {
  z-index: 99000 !important;
  top: 100px;
}

.daterangepicker .ranges li.active {
  background-color: #606fc7 !important;
}

.eeszt-logged-circle {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 4px;
}

.mobile-new-patinet-create-title {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
}

option:checked {
  background: #606fc7 !important;
  color: white;
}

#delete-property-warning-modal {
  z-index: 2000;
}

.badges .badge {
  -webkit-appearance: none;
  border: 0;
  margin-right: 0;
  padding: 5px 20px;
}
.badges .badge.color-1 {
  background: #b8e986;
}
.badges .badge.color-2 {
  background: #ff4f65;
}
.badges .badge.color-3 {
  background: #fdc393;
}

#timeline-events .meta.panel.panel-default .panel-body .timeline-panel {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  border-top: 1px solid #ddd;
  padding-top: 8px;
}
#timeline-events .meta.panel.panel-default .panel-body .timeline-panel .info-box label {
  font-size: 14px !important;
  margin: 0 1rem 0.5rem 0 !important;
}
#timeline-events .meta.panel.panel-default .panel-body .timeline-panel .info-box p {
  font-size: 14px !important;
  color: #555 !important;
  margin: 0 0 0.5rem 0 !important;
}
#timeline-events .meta.panel.panel-default .panel-body .timeline-panel .timeline-panel-footer {
  max-width: calc(100% - 240px);
}

@media (max-width: 799px) {
  .add-patient-iframe-modal {
    height: calc(100vh - 60px);
  }
}
@media (min-width: 800px) {
  .add-patient-iframe-modal {
    height: 550px;
  }
  #timeline-events .meta.panel.panel-default .panel-body {
    padding: 5px 20px !important;
  }
}
.btn.disabled,
.btn:disabled {
  opacity: 0.45;
}

.btn-delete {
  background-color: #ff7a59;
  color: #fff;
  border-radius: 3px;
  height: 36px;
  width: 130px;
}

.e-recipe-info-box {
  font-size: 9px;
  background: #f5f5f5;
  padding: 5px 10px;
  border-radius: 4px;
  margin-left: 10px;
}

.btn-purple,
.btn-outline-primary {
  background: #606fc7 !important;
  color: #fff !important;
  border: 1px solid #4f5dba !important;
}
.btn-purple:disabled,
.btn-outline-primary:disabled {
  background: #606fc7 !important;
  border-color: #4f5dba !important;
}
.btn-purple:hover,
.btn-outline-primary:hover {
  background-color: #8291e0 !important;
  border-color: #8291e0 !important;
}

.btn-default,
.btn-white-md,
.btn-outline-purple,
.btn-outline-secondary,
.new-style-btn {
  border-radius: 3px !important;
  border-color: #c4cdd5 !important;
  color: #212b36 !important;
  background: #fff;
  transition: all 200ms ease-in-out;
  box-shadow: #fff inset 0px -15px 30px -10px !important;
}
.btn-default:hover,
.btn-white-md:hover,
.btn-outline-purple:hover,
.btn-outline-secondary:hover,
.new-style-btn:hover {
  transform: none !important;
  box-shadow: #c4cdd5 inset 0px -15px 30px -10px !important;
  background: #fff;
}
.btn-default:disabled,
.btn-white-md:disabled,
.btn-outline-purple:disabled,
.btn-outline-secondary:disabled,
.new-style-btn:disabled {
  background: #fff !important;
  border-color: #c4cdd5 !important;
  color: #212b36 !important;
}
.btn-default:disabled:hover,
.btn-white-md:disabled:hover,
.btn-outline-purple:disabled:hover,
.btn-outline-secondary:disabled:hover,
.new-style-btn:disabled:hover {
  box-shadow: none !important;
}

.btn-pack-active {
  background-color: white;
  border: #606fc7 1px solid;
  color: #606fc7;
  opacity: 1 !important;
}

md-switch.md-checked.md-primary .md-bar {
  background-color: #6270c6 !important;
}

.reset-pw-btn {
  background: transparent;
  padding: 0;
  color: #606fc7;
  margin-top: -15px;
}

.cloudent-checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 8px;
  cursor: pointer;
  font-size: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.cloudent-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 13px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: white;
}

.checkmark-treatment {
  top: 0px !important;
  height: 23px !important;
  width: 23px !important;
  background-color: #eef0f2 !important;
}

.checkmark-cloudent {
  top: 10px !important;
  border: 1px solid #6270c6 !important;
}

/* On mouse-over, add a grey background color */
.cloudent-checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}

.cloudent-checkbox input:checked ~ .checkmark {
  background-color: #606fc7 !important;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.cloudent-checkbox input:checked ~ .checkmark:after {
  display: block;
}

.cloudent-checkbox .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.treatment-table td {
  border-top: none !important;
}

.select-country-phone-code li:hover {
  background: #ccc;
}

.nav-tabs > li > p::after {
  background: #5a68c3;
  height: 3px;
}

.nav-tabs > li.active > p,
.nav-tabs > li > p {
  color: #212b36 !important;
}

.quill-guarantee {
  height: 1230px;
  max-height: 1250px;
}
.quill-guarantee .ql-container {
  position: relative;
  height: 1230px !important;
}
.quill-guarantee .ql-container .ql-editor {
  height: 1230px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  overflow: hidden;
}

a.fc-time-grid-event.fc-v-event.fc-event {
  min-height: 17px;
}

.fc-widget-header table thead tr:nth-child(2) th.fc-week-number {
  visibility: hidden;
}

.progress-loading-layer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.progress-loader-circle {
  position: fixed;
}

.unique_teeth_height {
  /*height: 260px;
     @include breakpoint(3xl) {
         height: 280px;
     }
     @include breakpoint(xs) {
         height: 160px;
     }*/
}

.settings-treatment-border {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 10px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.settings-treatment-border .row {
  margin-left: 0;
  margin-right: 0;
}
.settings-treatment-border .settings-treatment-file-input {
  display: block;
  width: 160px;
  height: 60px;
  max-height: 100px;
  text-align: center;
  padding-top: 10px;
  margin-bottom: 10px;
}
.settings-treatment-border .settings-treatment-file-input input {
  display: none;
}
.settings-treatment-border .settings-treatment-file-input label {
  color: #5967c2;
  text-decoration: underline;
  cursor: pointer;
}
.settings-treatment-border .settings-treatment-input {
  margin-bottom: 4px;
  margin-top: 4px;
  height: 25px !important;
}

.topnav-warning {
  background: #e4e8ff;
  color: #16394d;
  padding: 6px;
  font-size: 14px;
}
.topnav-warning span {
  font-weight: bold;
}

.topnav-error {
  background: #dd2c00;
  color: #ddd;
  padding: 6px;
  font-size: 14px;
}
.topnav-error span {
  font-weight: bold;
}

.topnav-warning-orange {
  background: #ff9800;
  color: #fff;
  padding: 6px;
  font-size: 14px;
}
.topnav-warning-orange span {
  font-weight: bold;
}
.topnav-warning-orange a.btn {
  color: #fff;
  border-color: #fff;
}
.topnav-warning-orange a.btn:hover {
  background: rgba(255, 255, 255, 0.2);
}

.subscription-header-text {
  width: 100%;
  min-height: 50px;
  height: auto;
  font-size: 16px;
  color: #5f6ec6;
  background-color: #e4e8ff;
  padding: 12px;
}

.subscription-soon {
  display: inline-block;
  min-width: 10px;
  padding: 3px 10px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #637381;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #d8d8d8;
  border-radius: 10px;
}

#quill-editor-note {
  max-height: 70px;
  overflow: hidden;
}

#quill-editor-note-timeline {
  min-height: 100px;
  overflow: hidden;
}
#quill-editor-note-timeline .ql-container {
  position: relative;
}
#quill-editor-note-timeline .ql-container .ql-editor {
  min-height: 100px;
  overflow: hidden;
}

#event-quill-note {
  min-height: 100px;
  overflow: hidden;
}
#event-quill-note .ql-container {
  position: relative;
}
#event-quill-note .ql-container .ql-editor {
  padding: 0 !important;
  min-height: 10px;
  overflow: hidden;
}
#event-quill-note .ql-container .ql-editor p {
  line-height: 20px;
}

.subscription .subs-show {
  display: block !important;
}
.subscription .subs-title-1 {
  padding: 15px 0;
  font-size: 14px;
}
.subscription .subs-panel-title {
  font-size: 16px;
  font-weight: bold;
  color: #32475c;
  margin-bottom: 5px;
}
.subscription .subs-panel-text {
  font-size: 14px;
  color: #32475c;
  margin-bottom: 0;
}
.subscription .subs-expired {
  background: #D87758;
  padding: 10px 15px;
  color: #fff;
  font-size: 14px;
}
.subscription .link {
  font-size: 14px;
  color: #32475c;
}
.subscription .link a {
  text-decoration: underline;
  font-size: 14px;
}
.subscription .subs-test-time {
  background-color: #392d60;
  padding: 30px;
  color: white;
  display: none;
}
.subscription .subs-test-time .subs-test-title {
  font-size: 16px;
  font-weight: bold;
}
.subscription .subs-test-time .subs-test-text {
  font-size: 14px !important;
  padding-top: 8px;
}
.subscription .subs-test-time .subs-test-days-row {
  font-size: 16px;
  font-weight: bold;
  display: flex;
  padding-top: 15px;
}
.subscription .subs-test-time .subs-test-days-row .subs-test-day {
  margin-right: 0;
  margin-left: auto;
}
.subscription .subs-settings {
  margin-top: 25px;
}
.subscription .subs-settings .price {
  padding: 0px 4px;
}
.subscription .subs-settings .price p {
  font-size: 15px;
  padding: 0 15px;
  margin-bottom: 0;
}
.subscription .subs-settings .margin-0 {
  margin: 0;
}
.subscription .subs-settings .padding-left-0 {
  padding-left: 0;
}
.subscription .subs-invoices {
  margin-top: 30px;
}
.subscription .subs-invoices ul {
  list-style-type: none;
  padding-left: 0;
  text-decoration: underline;
  font-size: 14px;
}
.subscription .subs-invoices ul li {
  padding: 5px 0;
}
.subscription .subs-invoices .margin-20 {
  margin-top: -20px;
}
.subscription .subs-invoices .nav-tabs li {
  width: 50%;
}
.subscription .subs-invoices .tab-content ul {
  list-style-type: none;
  padding-left: 0;
  text-decoration: underline;
  font-size: 14px;
}
.subscription .subs-invoices .tab-content ul li {
  padding: 5px 0;
}

.subs-change {
  margin-top: 30px;
}
.subs-change .back-link {
  color: #32475c;
  font-size: 14px;
  text-decoration: underline;
}
.subs-change .subs-title {
  color: #32475c;
  font-size: 25px;
  padding-top: 15px;
}
.subs-change .popular {
  height: 55px;
  background-color: #f9fafb;
  font-size: 18px;
  margin-bottom: 0;
}
.subs-change .subscription-panel-active {
  border: 3px solid #5f6ec6;
  border-radius: 3px;
}
.subs-change .subscription-panel-notactive {
  border: 3px solid transparent;
  border-radius: 3px;
}
.subs-change .subscription-feature-new {
  font-weight: bold;
}
.subs-change .subs-price {
  font-size: 28px;
  font-weight: bold;
}
.subs-change .subs-vat {
  font-size: 14px;
}
.subs-change .subs-text {
  font-size: 14px;
}
.subs-change .subscription-panel-body .pb-10 {
  padding-bottom: 10px;
}
.subs-change .subscription-panel-body .py-10 {
  padding: 10px 0;
}
.subs-change .subscription-panel-body ul {
  list-style-type: none;
  padding: 10px 0;
  text-align: left;
}
.subs-change .subscription-panel-body ul li {
  padding: 2px 0;
}

.account-default {
  background-color: #dfe3e8;
  color: #3c454f;
  padding: 5px 10px;
  width: -moz-max-content;
  width: max-content;
}

.account-default-btn {
  background-color: transparent;
  border: 1px solid #dfe3e8;
  color: #3c454f;
  padding: 10px 30px;
  border-radius: 5px;
  transition: 0.3s;
}
.account-default-btn:hover {
  background-color: #dfe3e8;
  transition: 0.3s;
}

.account-default-btn-active {
  background-color: #5a69c4 !important;
  color: white;
  padding: 10px 30px;
  border-radius: 5px;
}

.sms .title {
  font-size: 25px;
  margin-top: 30px;
}
.sms .title-desc {
  font-size: 20px;
  font-weight: bold;
  margin-top: 35px;
  text-align: right !important;
}
.sms .subs-title-1 {
  padding: 15px 0;
  font-size: 14px;
}
.sms .subs-sms .sms-panel-title {
  font-size: 16px;
  font-weight: bold;
  color: #32475c;
}
.sms .subs-sms .sms-panel-text {
  font-size: 14px;
  color: #637381;
}
.sms .subs-sms .sms-list ul {
  list-style-type: none;
  padding-left: 0;
  text-decoration: underline;
  font-size: 14px;
}
.sms .subs-sms .sms-list ul li {
  padding: 5px 0;
  cursor: pointer;
}
.sms .subs-invoices {
  margin-top: 30px;
}
.sms .subs-invoices ul {
  list-style-type: none;
  padding-left: 0;
  text-decoration: underline;
  font-size: 14px;
}
.sms .subs-invoices ul li {
  padding: 5px 0;
}
.sms .subs-invoices .margin-20 {
  margin-top: -20px;
}
.sms .subs-invoices .nav-tabs li {
  width: 50%;
}
.sms .subs-invoices .tab-content ul {
  list-style-type: none;
  padding-left: 0;
  text-decoration: underline;
  font-size: 14px;
}
.sms .subs-invoices .tab-content ul li {
  padding: 5px 0;
}

.settings-pages .title {
  font-size: 25px;
  margin-top: 30px;
  color: #32475c;
}
.settings-pages .body-hr {
  margin: 10px -15px !important;
}
.settings-pages .settings-file-input {
  display: block;
  width: 160px;
  height: 60px;
  text-align: center;
  padding-top: 10px;
  margin-bottom: 10px;
}
.settings-pages .settings-file-input input {
  display: none;
}
.settings-pages .settings-file-input label {
  color: #5967c2;
  text-decoration: underline;
  cursor: pointer;
}
.settings-pages .panel-settings .panel-body .form-group {
  margin: 10px 0 0;
}
.settings-pages .panel-settings .panel-body .form-group label {
  font-weight: 100;
  margin: 5px 0;
}
.settings-pages .panel-settings .panel-body .form-group .right-text {
  margin: 5px 0;
}
.settings-pages .panel-settings .panel-body .form-group hr {
  margin: 20px -15px 0 !important;
}
.settings-pages .panel-settings .panel-body .form-group hr:last-child {
  display: block;
}
.settings-pages .panel-settings .panel-body .form-group:first-child {
  margin: 0;
}
.settings-pages .panel-settings .panel-body .form-group:last-child hr {
  display: none;
}

.tetfog-upload .settings-file-input {
  display: inline-block;
  text-align: center;
  margin-top: 10px;
}
.tetfog-upload .settings-file-input input {
  display: none;
}
.tetfog-upload .settings-file-input label {
  cursor: pointer;
  padding: 0;
  width: 100%;
}
.tetfog-upload .settings-file-input.disabled label {
  color: #aaa;
}

.edit-treatment-select-row:hover {
  background-color: #f5f5f5;
}

.edit-treatment-select-row .delete-img {
  visibility: hidden;
}

.edit-treatment-select-row:hover .delete-img {
  visibility: visible;
}

.business-day {
  background-color: #dfe3e8;
}
.business-day input {
  width: 60px;
  border: none;
  background: transparent;
  padding: 5px;
  text-align: center;
}

.calendar-datetime-status-dropdown a {
  color: #212b36 !important;
}

#register-user-modal .modal-dialog .modal-content {
  overflow-y: initial !important;
}
#register-user-modal .modal-dialog .modal-content .modal-header {
  height: 50px;
}
#register-user-modal .modal-dialog .modal-content .modal-body {
  max-height: 585px;
  height: 70vh;
  overflow-y: auto;
}
#register-user-modal .modal-dialog .modal-content .modal-body .title {
  color: #212b36;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 5px;
}
#register-user-modal .modal-dialog .modal-content .modal-body .description {
  color: #637381;
  font-size: 14px;
}
#register-user-modal .modal-dialog .modal-content .modal-body .own-calendar {
  font-weight: bold;
  font-size: 16px;
  position: relative;
  top: 3px;
}
#register-user-modal .modal-dialog .modal-content .modal-body .own-calendar-disabled {
  font-weight: bold;
  font-size: 16px;
  position: relative;
  top: 3px;
  color: #8e8e8e;
}
#register-user-modal .modal-dialog .modal-content .modal-body .link a {
  color: #5a68c2;
  font-size: 14px;
  text-decoration: underline;
}
#register-user-modal .modal-dialog .modal-content .modal-footer {
  height: 65px;
  background: white;
}

.settings-users .back-link {
  font-size: 14px;
  color: #637381;
}
.settings-users .user-name {
  font-size: 28px;
  color: #212b36;
}
.settings-users .account-info {
  font-size: 16px;
  color: #32475c;
  font-weight: 600;
}
.settings-users .panel-title {
  font-size: 16px;
  color: #212b36;
  font-weight: 600;
}
.settings-users .form-group label {
  color: #637381;
}
.settings-users .description {
  font-size: 14px;
  color: #637381;
}
.settings-users .calendar-num-text {
  font-size: 14px;
  color: #a3a7ab;
}
.settings-users .link a {
  color: #5a68c2;
  font-size: 14px;
  text-decoration: underline;
}
.settings-users .inactivate {
  color: #cf203c;
  font-size: 14px;
  text-decoration: underline;
}
.settings-users .soon {
  font-size: 14px;
  font-style: italic;
  color: #637381;
}

.subscr-finish .subscr-panel {
  width: 500px;
}
.subscr-finish .subscr-panel .title {
  font-size: 28px;
  font-weight: bold;
  color: #212b36;
}
.subscr-finish .subscr-panel .text {
  font-size: 14px;
  color: #637381;
}
.subscr-finish .subscr-panel .text-bold {
  font-size: 14px;
  font-weight: bold;
  color: #637381;
}

.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.65 !important;
}

.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.65 !important;
}

.subscr_modal {
  max-width: 480px;
}
.subscr_modal.no-maxwidth {
  max-width: none;
}
.subscr_modal.w-680 {
  max-width: none;
}
.subscr_modal.w-680 .modal-dialog {
  max-width: 680px;
  width: 680px;
}
.subscr_modal.modules {
  max-width: none;
}
.subscr_modal.modules .modal-dialog {
  max-width: 480px;
}
.subscr_modal.width-900 {
  max-width: none;
}
.subscr_modal.width-900 .modal-dialog {
  width: 900px !important;
  max-width: 900px !important;
}
.subscr_modal .modal-content {
  border-radius: 0 !important;
  border: none !important;
  max-height: none !important;
}
.subscr_modal .modal-content .modal-header {
  background-color: #32475c;
  color: white;
  font-size: 14px;
  border: 1px solid #32475c !important;
}
.subscr_modal .modal-content .modal-body {
  color: #212b36;
  font-size: 14px;
  background-color: #f9fafb;
}
.subscr_modal .modal-content .modal-body .buttons {
  height: 50px;
}

.select-country-phone-code {
  height: 185px;
  overflow-y: scroll;
}

#timeline-events .meta.panel.panel-default .panel-body {
  padding: 13px 20px;
}

#timeline-events .meta.panel.panel-default .panel-body .timeline-note {
  position: relative;
  margin-bottom: 8px;
}
#timeline-events .meta.panel.panel-default .panel-body .timeline-note .show-more-checkbox {
  display: none;
}
#timeline-events .meta.panel.panel-default .panel-body .timeline-note .content-wrapper {
  padding-bottom: 40px;
}
#timeline-events .meta.panel.panel-default .panel-body .timeline-note .more-trigger {
  display: none;
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fedeba !important;
  text-align: center;
  text-align: center;
  color: #65808d;
  padding: 8px;
  cursor: pointer;
}
#timeline-events .meta.panel.panel-default .panel-body .timeline-note.longnote .content-wrapper {
  display: block;
  max-height: 180px;
  overflow: hidden;
}
#timeline-events .meta.panel.panel-default .panel-body .timeline-note.longnote .more-trigger {
  display: block;
  pointer-events: all;
}
#timeline-events .meta.panel.panel-default .panel-body .timeline-note.longnote .more-trigger label {
  font-weight: normal;
  cursor: pointer;
  margin: 0;
  text-decoration: underline;
}
#timeline-events .meta.panel.panel-default .panel-body .timeline-note.longnote .more-trigger .showless-label {
  display: none;
}
#timeline-events .meta.panel.panel-default .panel-body .timeline-note.longnote .show-more-checkbox:checked + .content-wrapper {
  max-height: 100%;
}
#timeline-events .meta.panel.panel-default .panel-body .timeline-note.longnote .show-more-checkbox:checked + .content-wrapper + .more-trigger .showmore-label {
  display: none;
}
#timeline-events .meta.panel.panel-default .panel-body .timeline-note.longnote .show-more-checkbox:checked + .content-wrapper + .more-trigger .showless-label {
  display: block;
}

#welcome-page .welcome-title {
  font-weight: bold;
  font-size: 34px;
  color: #32475c;
  width: 100%;
  overflow-x: auto;
}
#welcome-page .welcome-title-text {
  font-size: 14px;
  color: #637381;
}
#welcome-page .welcome-img {
  max-width: 100%;
  text-align: center;
}
#welcome-page .panel-title {
  font-size: 26px;
  color: #32475c;
  line-height: 30px;
}
#welcome-page .panel-title-2 {
  font-size: 26px;
  color: #32475c;
  line-height: 30px;
  min-height: 80px;
}
#welcome-page .panel-text {
  font-size: 16px;
  color: #637381;
  margin: 10px 0;
}
#welcome-page .panel-bold-text {
  font-size: 16px;
  font-weight: bold;
  color: #32475c;
}
#welcome-page .period-text {
  font-size: 16px;
  color: #637381;
}
#welcome-page .btn-welcome {
  color: #5c6ac4;
  border: #5c6ac4 2px solid;
  background: #fff;
  font-size: 16px;
  line-height: 1.3333333;
  padding: 10px;
  border-radius: 3px;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
  min-width: 195px;
  max-width: 240px;
  width: auto;
}
#welcome-page .welcome-panel {
  height: 490px;
}
#welcome-page .checked {
  height: 30px;
  width: 30px;
  position: relative;
  background: #5c6ac4;
  border: 1px solid #5c6ac4;
  border-radius: 50%;
  transition: all 0.7s ease;
}
#welcome-page .unchecked {
  height: 30px;
  width: 30px;
  position: relative;
  border: 1px solid #5c6ac4;
  border-radius: 50%;
  transition: all 0.7s ease;
}
#welcome-page .text-done {
  text-decoration: line-through;
  color: #637381;
  font-size: 16px;
}
#welcome-page .text-undone {
  color: #5c6ac4;
  text-decoration: underline;
  font-size: 16px;
}
#welcome-page .welcome-info {
  min-height: 210px;
}
#welcome-page .dont-show-again {
  font-size: 16px;
  color: #637381;
  text-decoration: underline;
  cursor: pointer;
}

.tetfog-checklist .checked {
  height: 25px;
  width: 25px;
  position: relative;
  background: #5c6ac4;
  border: 1px solid #5c6ac4;
  border-radius: 50%;
  transition: all 0.7s ease;
}
.tetfog-checklist .unchecked {
  height: 25px;
  width: 25px;
  position: relative;
  border: 1px solid #5c6ac4;
  border-radius: 50%;
  transition: all 0.5s ease;
}

@media (max-width: 1025px) {
  #welcome-page .welcome-panel {
    height: 550px;
  }
  #welcome-page .welcome-info {
    height: 240px;
  }
  #welcome-page .panel-title-2 {
    height: 100px;
  }
}
@media (max-width: 992px) {
  #welcome-page .welcome-panel {
    height: auto;
  }
  #welcome-page .welcome-info {
    height: auto;
  }
  #welcome-page .period-text {
    margin-bottom: 80px;
  }
  #welcome-page .panel-title-2 {
    height: 50px;
  }
  #welcome-page .mobile-margin-bottom-80 {
    margin-bottom: 80px;
  }
}
@media (max-width: 500px) {
  #welcome-page .panel-title-2 {
    height: 100px;
  }
}
.document-list .modal-dialog {
  width: 90%;
  max-width: 1200px;
}

.w-650 .modal-dialog {
  width: 650px;
}

.w-970 .modal-dialog {
  width: 90%;
  max-width: 970px;
}

.beutalo-details .modal-dialog {
  width: 85%;
  max-width: 1000px;
}

.eeszt-warning-modal .modal-dialog {
  top: 25%;
}

.browse-bno-modal {
  z-index: 1100 !important;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .timeline.col-lg-8.col-md-8 {
    width: 100%;
  }
}
@media (max-width: 980px) and (min-width: 800px) {
  .pull-left.calendar-header-left-side {
    float: none !important;
  }
  .pull-left.calendar-header-left-side + .pull-right {
    width: 100%;
    justify-content: flex-start !important;
  }
}
@media screen and (max-width: 1260px) {
  #teamviewwrapper {
    float: none;
  }
  #teamviewwrapper * {
    float: none;
  }
  #teamviewwrapper .col-xs-2 {
    display: none;
  }
  #teamviewwrapper .col-xs-10 {
    width: 100%;
  }
}
@media screen and (max-width: 1360px) {
  .teamview-side-datepicker {
    font-size: 10px;
  }
}
@media (min-width: 800px) and (max-width: 1200px) {
  .subscription-panel-body {
    height: auto !important;
  }
}
#timeline-events .meta.panel.panel-default .info-box {
  display: flex;
  margin-right: 2rem;
}
#timeline-events .meta.panel.panel-default .info-box label {
  margin-right: 8px;
}

@media screen and (min-width: 800px) {
  div#small-book-time-modal.create-event-style.adding-event .modal-dialog.modal-400 {
    transform: translateX(-182px) !important;
    transition: none !important;
  }
  #anamnesis-page-modal .mobile-only {
    display: none;
  }
  #appointments-page-modal .modal-dialog {
    max-width: 1200px;
    width: 100%;
  }
  #teamviewwrapper .fc-toolbar.fc-header-toolbar {
    display: none;
  }
  #quickview-invoice-modal .modal-body {
    background: #ebeef0 !important;
  }
  #quickview-invoice-modal div[style="margin-bottom:20px"] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0;
  }
  #quickview-invoice-modal div[style="margin-bottom:20px"] button {
    margin-left: 15px;
  }
  #new-note-tab .tab-pane-body,
  #new-status-tab .tab-pane-body,
  #new-treatment-tab .tab-pane-body {
    min-height: 0;
  }
  #last-signed-treatmentplan-modal .modal-dialog {
    max-width: 970px;
    width: 100%;
  }
  #last-signed-treatmentplan-modal .modal-dialog .panel-body {
    padding: 15px 0;
  }
  #treatmentplaneditor .tooth-wrapper {
    border: none;
    box-shadow: none;
  }
  #treatmentplan-quickview-modal .treatmentplan-quickview-title + .panel {
    border: none;
    box-shadow: none;
  }
  #treatmentplan-quickview-modal .treatmentplan-quickview-title + .panel .panel-heading,
  #treatmentplan-quickview-modal .treatmentplan-quickview-title + .panel .panel-body {
    background-color: #e9eef0;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #treatmentplan-quickview-modal .treatmentplan-quickview-title + .panel .panel-heading {
    padding-bottom: 0 !important;
  }
  #treatmentplan-quickview-modal .panel-heading {
    padding-bottom: 0 !important;
    padding-left: 10px !important;
    padding-top: 5px !important;
  }
  .modal-body.bg-6B808C.file-upload-body {
    background: #ebeef0 !important;
  }
  .modal-body.bg-6B808C {
    background: #ebeef0;
  }
  .col-sm-12.new-timeline-layout.patient-blade-page div#small-book-time-modal.full-height-modal .modal-dialog {
    max-width: 400px;
  }
  .col-sm-12.new-timeline-layout.patient-blade-page div#small-book-time-modal.full-height-modal div#book-time-section .modal-body {
    height: auto !important;
  }
  div#sos-card-controller .sos-info {
    background-color: #fff;
    border-radius: 0 0 4px 4px;
  }
  div#sos-card-controller .sos-info > div {
    font-size: 12px;
    color: #6b808c;
  }
  div#sos-card-controller .sos-info > div i {
    font-size: 20px;
  }
  div#sos-card-controller .sos-info > div span {
    font-size: 14px;
    color: #16394d;
  }
  div#sos-card-controller .sos-info > div span.expired-anamnesis {
    font-size: 13px;
  }
  div#sos-card-controller .sos-info span.property-value {
    font-size: 13px;
  }
  div#sos-card-controller .sos-info .completed-anamnesis-list {
    padding: 5px 0;
  }
  div#sos-card-controller .sos-info span.property-title {
    font-size: 13px;
    color: #b3bcc5;
  }
  div#small-book-time-modal .modal-dialog.modal-400 div#appointment-info-section {
    padding-right: 0;
  }
  div#small-book-time-modal .modal-dialog.modal-400 div#appointment-info-section .panel.panel-default.white-bg {
    background: #fff !important;
    border: 1px solid #ddd !important;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 8px !important;
  }
  div#small-book-time-modal .modal-dialog.modal-400 div#appointment-info-section .panel.panel-default.white-bg .panel-heading.hideable-panel-header,
  div#small-book-time-modal .modal-dialog.modal-400 div#appointment-info-section .panel.panel-default.white-bg .panel-body {
    background: transparent !important;
  }
  div#small-book-time-modal .modal-dialog.modal-400 div#appointment-info-section .col-xs-8,
  div#small-book-time-modal .modal-dialog.modal-400 div#appointment-info-section .col-xs-4 {
    width: 50%;
  }
  div#small-book-time-modal .modal-dialog.modal-400 div#appointment-info-section .panel-heading.hideable-panel-header {
    margin-bottom: 8px;
  }
  div#small-book-time-modal .modal-dialog.modal-400 div#appointment-info-section span.patient-selector-title.desktop-only {
    font-weight: 600;
    font-size: 16px;
  }
  div#small-book-time-modal .modal-dialog.modal-400 div#appointment-info-section button#show-add-patient-section {
    width: 100%;
    text-align: left;
    font-size: 15px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    color: #4a90e2;
  }
  div#small-book-time-modal .modal-dialog.modal-400 div#appointment-info-section button#show-add-patient-section .fa-plus-circle:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    background-size: contain;
    background-image: url("/images/add-circle-1.svg");
  }
  div#small-book-time-modal .modal-dialog.modal-400 div#appointment-info-section .col-xs-8 .input-text-align-right {
    background: #fff !important;
    color: #007bff !important;
    border: 1px solid #c4cdd5 !important;
    /* max-width: 170px; */
    /* float: right; */
  }
  div#small-book-time-modal .modal-dialog.modal-400 div#appointment-info-section img#delete-patient-selection {
    width: 16px;
    height: 16px;
  }
  div#small-book-time-modal .modal-dialog.modal-400 div#appointment-info-section p.section-title {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
  }
  div#small-book-time-modal .modal-dialog.modal-400 div#appointment-info-section .flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 8px;
  }
  div#small-book-time-modal .modal-dialog.modal-400 div#appointment-info-section #selected-patient-name {
    font-weight: normal;
  }
  div#small-book-time-modal .modal-dialog.modal-400 div#appointment-info-section table.patient-info-section {
    border-spacing: 2px 10px;
    font-size: 14px;
    color: #212b36 !important;
  }
  div#small-book-time-modal .modal-dialog.modal-400 div#appointment-info-section table.patient-info-section tr td:first-child {
    padding-left: 0;
  }
  div#small-book-time-modal .modal-dialog.modal-400 div#appointment-info-section .appiontment-title {
    color: #212b36;
  }
  .modal-content {
    max-height: 92vh;
    overflow-y: unset;
  }
  .modal-content .modal-body {
    overflow-y: auto !important;
  }
  .invoices-card-panel .desc {
    color: #6b808c !important;
  }
  .new-timeline-layout .sidecards {
    margin-top: 50px;
  }
  .new-timeline-layout .sidecards .panel-default > .panel-heading {
    font-size: 16px;
    font-weight: bold;
  }
  .sidecards .panel-default > .panel-heading {
    font-size: 15px;
    font-weight: bold;
  }
  #book-time-section .modal-body.grey-bg .panel button#delete-event-modal-opener {
    background: #f06844 !important;
    color: #fff !important;
    border-color: #ce452a !important;
    width: 100%;
  }
  .treatmentplan-timeline-design:before {
    left: 10px;
  }
  .treatmentplan-timeline-design .table.table-hover tbody tr:first-child td {
    border-top: none;
  }
  .treatmentplan-timeline-design .table.table-hover tbody tr:first-child td:first-child {
    max-width: 300px;
  }
  .treatmentplan-timeline-design .panel {
    position: relative;
  }
  .treatmentplan-timeline-design .panel .dropdown.pull-right {
    position: absolute;
    top: 4px;
    right: 10px;
  }
  .treatmentplan-timeline-design .panel .dropdown.pull-right button.btn.btn-link.dropdown-toggle.text-primary {
    color: #606fc7 !important;
  }
  .treatmentplan-timeline-design .panel .pull-right {
    float: none !important;
  }
  .treatmentplan-timeline-design > div:before,
  .treatmentplan-timeline-design > div > .healing-period:before {
    background: salmon;
    width: 28px;
    height: 28px;
    background-image: url("/images/timeline.svg");
    display: block;
    padding: 0;
    background-color: transparent;
    border: none;
    margin: 0;
    left: 0;
    box-shadow: none;
  }
  .flex-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #appointments-page-modal .modal-footer,
  #invoices-page-modal .modal-footer,
  #treatmentplans-page-modal .modal-footer,
  #treatmentplan-quickview-modal .modal-footer {
    display: none;
  }
  #treatmentplan-quickview-modal .modal-title.inline-block {
    display: flex;
    align-items: center;
  }
  #treatmentplan-quickview-modal .dropdown.inline-block {
    margin-right: 11px;
  }
  #treatmentplan-quickview-modal .treatmentplan-quickview-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .activity-card-tag,
  .tp-tag {
    padding: 2px 12px !important;
    border-radius: 100px;
    font-weight: normal;
    font-size: 13px;
    color: #454f5b;
    margin: 0;
  }
  .activity-card-tag.signed,
  .tp-tag.signed {
    background: #b4e0fa !important;
  }
  .activity-card-tag.signed .fa,
  .tp-tag.signed .fa {
    width: 8px;
    height: 10px;
    background-image: url("/images/signed-icon.svg");
  }
  .activity-card-tag.signed .fa:before,
  .tp-tag.signed .fa:before {
    display: none;
  }
  #new-status-tab .input-group-addon,
  #new-status-tab .input-group-btn {
    width: auto;
  }
  #new-status-tab .input-group-btn {
    display: inline-block;
  }
  .treatmentplan-timeline-design .total-price-section {
    margin-bottom: 100px;
  }
  .close-x {
    position: absolute;
    top: 18px;
    right: 31px;
    z-index: 1;
    width: 20px;
    height: 20px;
    background-color: transparent;
    border: none;
    display: block;
    padding: 0;
    margin: 0;
    background-image: url("/images/close.svg");
    background-size: contain;
  }
  .close-x-white {
    position: absolute;
    top: 18px;
    right: 31px;
    z-index: 1;
    width: 20px;
    height: 20px;
    background-color: transparent;
    border: none;
    display: block;
    padding: 0;
    margin: 0;
    background-image: url("/images/close-white.png");
    background-size: contain;
  }
  .btn-info:active,
  .btn-info.active,
  .show > .btn-info.dropdown-toggle {
    background-color: #4f5dba;
    color: white !important;
  }
  .btn-info:active .text-info,
  .btn-info.active .text-info,
  .show > .btn-info.dropdown-toggle .text-info {
    color: white !important;
  }
  .btn-default,
  .btn-white-md,
  .btn-outline-purple,
  .btn-outline-secondary,
  .new-style-btn {
    box-shadow: none !important;
    transition: none !important;
  }
  #book-time-section .modal-body.grey-bg {
    height: auto !important;
  }
  #book-time-section .modal-body.grey-bg .panel button {
    color: #16394d;
  }
  #book-time-section .modal-body.grey-bg #actions-section {
    border-left: 1px solid #d5d5d5;
  }
  #book-time-section .panel-heading {
    padding: 12px 0;
    font-size: 14px;
    color: #16394d;
  }
  #book-time-section .panel-body {
    padding: 0;
  }
  #book-time-section .panel-body.appointment-details .row {
    margin-left: 0;
    margin-right: 0;
  }
  #book-time-section .patient-info-section tr td:first-child {
    padding-left: 5px;
  }
  #add-patient-section .modal-body.with-groups.form-group {
    height: auto !important;
  }
  .container-fluid.text-center .row.fullcontent-header .pull-right {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
  }
  .container-fluid.text-center .row.fullcontent-header .pull-right .fake-slider.calendar-header-component {
    margin-top: 10px;
  }
  .mobile-only {
    display: none;
  }
  #timeline-events {
    padding-left: 40px;
  }
  #timeline-events .panel-heading {
    border: none !important;
    padding: 0;
  }
  #timeline-events .timeline-title.meta {
    padding-left: 0;
    border: none;
    margin-left: -35px;
    margin-bottom: 0;
    padding-top: 24px;
    padding-bottom: 30px;
    font-weight: bold;
  }
  #timeline-events .meta.panel.panel-default .panel-heading {
    background: transparent;
  }
  #timeline-events .meta.panel.panel-default .panel-heading button.btn.btn-link.dropdown-toggle.text-primary {
    color: #606fc7 !important;
  }
  #timeline-events .meta.panel.panel-default {
    background: transparent;
    border: none !important;
    padding: 0;
    position: relative;
  }
  #timeline-events .meta.panel.panel-default .dropdown.pull-right {
    position: absolute;
    bottom: 2px;
    right: 10px;
  }
  #timeline-events .meta.panel.panel-default:before {
    left: -48px;
  }
  #timeline-events .meta.panel.panel-default .panel-body {
    background: #fff;
    padding: 5px 15px;
    border: 1px solid #dddddd;
  }
  #timeline-events .meta.panel.panel-default .panel-body div[style="margin-top:50px;"] {
    margin-top: 0 !important;
    display: flex;
    padding-top: 10px;
    border-top: 1px solid #ddd;
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px 15px 0;
    padding-right: 160px;
    padding-bottom: 5px;
    flex-wrap: wrap;
  }
  #timeline-events .meta.panel.panel-default .panel-body div[style="margin-top:50px;"] * {
    margin-bottom: 0;
    font-size: 12px !important;
    color: #6b808c !important;
  }
  #timeline-events .meta.panel.panel-default .panel-body div[style="margin-top:50px;"] .info-box {
    display: flex;
  }
  #timeline-events .meta.panel.panel-default .panel-body div[style="margin-top:50px;"] .info-box label {
    margin-right: 8px;
  }
  #timeline-events .name-card-image {
    display: none;
  }
  #timeline-events .name-card-content {
    display: flex;
  }
  #timeline-events .name-card-content p {
    margin: 0;
    font-size: 14px !important;
  }
  #timeline-events .name-card-content strong,
  #timeline-events .name-card-content span {
    margin-right: 5px;
    margin-bottom: 8px;
  }
  #timeline-events .panel-body.n {
    background: #fedeba !important;
    box-shadow: 0 0 0 1px rgba(63, 63, 68, 0.05);
    border-radius: 3px;
    padding-bottom: 20px !important;
  }
  .timeline-design .meta:not(.timeline-title)::before {
    width: 40px;
    height: 40px;
    background-size: cover;
    background-image: url(/images/timeline-new-patient-icon.svg);
    display: block;
    padding: 0;
    background-color: transparent;
    border: none;
    margin: 0;
    left: -7px;
    box-shadow: none;
    margin-top: -4px;
  }
  .timeline-design .meta.n::before {
    margin-top: 0;
    background-image: url(/images/timeline-note.svg);
  }
  .timeline-design .meta.m::before {
    margin-top: 0;
    background-image: url(/images/merge.svg);
  }
  .timeline-design .meta.t::before {
    margin-top: 0;
    background-image: url(/images/timeline-treatment-icon.svg);
  }
  .timeline-design .meta.t.cloudehr::before {
    margin-top: 0;
    background-image: url(/images/cloudehr_treatment.svg);
  }
  .timeline-design .meta.o::before {
    margin-top: 0;
    background-image: url(/images/OEP.svg);
  }
  .timeline-design .meta.s::before {
    margin-top: 0;
    background-image: url(/images/timeline-status-icon.svg);
  }
  .timeline-design .meta.r::before,
  .timeline-design .meta.g::before {
    margin-top: 0;
    background-image: url(/images/recipe_icon.svg);
  }
  .timeline-design .meta.e::before {
    margin-top: 0;
    background-image: url(/images/ehr_icon.svg);
  }
  .timeline-design .meta.a::before {
    margin-top: 0;
    background-image: url(/images/ambulant_icon.svg);
  }
  .timeline-design .meta.w::before {
    margin-top: 0;
    background-image: url(/images/timeline-warranty-icon.svg);
  }
  .timeline-design .meta.x::before {
    margin-top: 0;
    background-image: url(/images/kefalometria_icon.svg);
  }
  .timeline-design .meta.p::before {
    margin-top: 0;
    background-image: url(/images/praxis_icon.svg);
  }
  .timeline-design .meta.v::before {
    margin-top: 0;
    background-image: url(/images/varandosag.svg);
    background-color: #7E70D7;
    border-radius: 20px;
  }
  .timeline-design .meta.z::before {
    margin-top: 0;
    background-image: url(/images/cloudehr_treatment.svg);
  }
  .timeline-design .meta.d::before {
    margin-top: 0;
    background-image: url(/images/document_icon_bordered.svg);
  }
  .timeline-design .meta.c::before {
    margin-top: 0;
    background-image: url(/images/cloudehr_treatment.svg);
  }
  .timeline-design .meta-small::before {
    width: 25px !important;
    height: 25px !important;
    left: 10px !important;
  }
  .timeline-design:before {
    left: 11px;
  }
  .sidecards .panel-footer.bg-white {
    background: rgba(216, 216, 216, 0.15) !important;
    padding: 0;
  }
  .sidecards .panel-footer.bg-white .col-xs-6,
  .sidecards .panel-footer.bg-white .row {
    margin: 0 !important;
    padding: 0;
  }
  .sidecards .panel-footer.bg-white .col-xs-6 .btn,
  .sidecards .panel-footer.bg-white .row .btn {
    margin: 0 !important;
    padding: 16px 0 !important;
    width: 100%;
    color: #6b808c !important;
  }
  .sidecards .panel-footer.bg-white .col-xs-6:nth-child(2) .btn {
    border-left: 1px solid #ddd;
  }
  .sidecards .tp-tag {
    padding: 2px 12px !important;
    border-radius: 100px;
    font-weight: normal;
    font-size: 13px;
    color: #454f5b;
    position: absolute;
    top: 15px;
    right: 10px;
    margin: 0;
  }
  .sidecards .tp-tag.signed {
    background: #b4e0fa !important;
  }
  .sidecards .tp-tag.signed .fa {
    width: 8px;
    height: 10px;
    background-image: url("/images/signed-icon.svg");
  }
  .sidecards .tp-tag.signed .fa:before {
    display: none;
  }
  .sidecards .invoice-card-item,
  .sidecards .appointment-quickview-card,
  .sidecards .treatmentplan-quickview-card {
    position: relative;
    border-color: rgba(70, 70, 87, 0.21);
    padding: 15px 10px;
    font-size: 14px;
  }
  .sidecards .invoice-card-item .pull-left,
  .sidecards .invoice-card-item .pull-right,
  .sidecards .appointment-quickview-card .pull-left,
  .sidecards .appointment-quickview-card .pull-right,
  .sidecards .treatmentplan-quickview-card .pull-left,
  .sidecards .treatmentplan-quickview-card .pull-right {
    float: none !important;
  }
  .sidecards .invoice-card-item .pull-left,
  .sidecards .appointment-quickview-card .pull-left,
  .sidecards .treatmentplan-quickview-card .pull-left {
    color: #6b808c;
  }
  .sidecards .invoice-card-item .pull-right + .ng-binding,
  .sidecards .appointment-quickview-card .pull-right + .ng-binding,
  .sidecards .treatmentplan-quickview-card .pull-right + .ng-binding {
    color: #6b808c;
  }
  .sidecards .invoice-card-item .pull-right + .ng-binding br,
  .sidecards .appointment-quickview-card .pull-right + .ng-binding br,
  .sidecards .treatmentplan-quickview-card .pull-right + .ng-binding br {
    display: none;
  }
  .sidecards .invoice-card-item .info-block .info-label,
  .sidecards .appointment-quickview-card .info-block .info-label,
  .sidecards .treatmentplan-quickview-card .info-block .info-label {
    color: #6b808c;
  }
  .sidecards .invoice-card-item .title,
  .sidecards .invoice-card-item strong,
  .sidecards .appointment-quickview-card .title,
  .sidecards .appointment-quickview-card strong,
  .sidecards .treatmentplan-quickview-card .title,
  .sidecards .treatmentplan-quickview-card strong {
    font-weight: normal !important;
  }
  .sidecards .invoice-card-item p,
  .sidecards .appointment-quickview-card p,
  .sidecards .treatmentplan-quickview-card p {
    margin: 0;
  }
  .sidecards div#contact-info-panel .info-block .info-label {
    color: #6b808c;
  }
  .sidecards div#contact-info-panel .info-block .info-content {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #patients-page .col-sm-12.col-sm-offset-0.col-md-10.col-md-offset-1.content {
    margin-left: 0;
    width: 100%;
    padding-top: 37px;
  }
  #patients-page .headtitle-wrapper {
    clear: both;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0;
  }
  #patients-page .headtitle-wrapper .flex-wrapper {
    border-bottom: 1px solid rgba(151, 151, 151, 0.3);
    clear: both;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  #patients-page .headtitle-wrapper button.btn.btn-purple.form-control.main-patient-selector-item.desktop-only {
    margin-right: 0;
  }
  #patients-page .headtitle-wrapper .col-sm-2,
  #patients-page .headtitle-wrapper .col-sm-10 {
    padding: 0;
    width: auto;
  }
  #patients-page .headtitle-wrapper .main-patient-selector-block {
    margin-top: 25px !important;
    margin-bottom: 37px !important;
  }
  #new-treatment-tab .status-input-wrapper,
  #new-status-tab .status-input-wrapper,
  #activity-editor-modal .status-input-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
  #new-treatment-tab .status-input-wrapper .input-wrapper,
  #new-status-tab .status-input-wrapper .input-wrapper,
  #activity-editor-modal .status-input-wrapper .input-wrapper {
    flex: 1;
  }
  #new-treatment-tab .status-input-wrapper .input-wrapper .form-control,
  #new-status-tab .status-input-wrapper .input-wrapper .form-control,
  #activity-editor-modal .status-input-wrapper .input-wrapper .form-control {
    border-radius: 4px 0 0 4px;
  }
  #new-treatment-tab .status-input-wrapper .input-group-btn,
  #new-status-tab .status-input-wrapper .input-group-btn,
  #activity-editor-modal .status-input-wrapper .input-group-btn {
    width: auto;
  }
  #new-treatment-tab .status-input-wrapper .input-group-btn > .btn,
  #new-status-tab .status-input-wrapper .input-group-btn > .btn,
  #activity-editor-modal .status-input-wrapper .input-group-btn > .btn {
    border-radius: 0 4px 4px 0 !important;
  }
  .fade,
  .modal.fade .modal-dialog {
    transform: none !important;
  }
  div#last-signed-treatmentplan-modal .tp-quickview-timeline-design:before {
    border: 1.5px solid #dfe3e8;
    left: 0px;
  }
  div#last-signed-treatmentplan-modal .tp-quickview-timeline-design > div {
    margin-left: 30px;
  }
  div#last-signed-treatmentplan-modal .tp-quickview-timeline-design > div:before,
  div#last-signed-treatmentplan-modal .tp-quickview-timeline-design > div > .healing-period:before {
    width: 28px;
    height: 28px;
    background-image: url(/images/timeline.svg);
    background-repeat: no-repeat;
    display: block;
    padding: 0;
    background-color: transparent;
    border: none;
    margin: 0;
    left: -11px;
    box-shadow: none;
  }
  div#last-signed-treatmentplan-modal .modal-body {
    background: #eef0f2;
    max-height: calc(90vh - 65px - 56px);
    overflow-y: scroll;
  }
  div#last-signed-treatmentplan-modal .modal-content {
    overflow-y: hidden;
  }
  div#last-signed-treatmentplan-modal .modal-dialog {
    margin: 0 auto;
    height: 100%;
    padding: 5vh 0;
  }
  #property-creator-modal .modal-body {
    max-height: calc(100vh - 155px) !important;
    min-height: 400px;
  }
  #favorit-status-property-manager-modal,
  #favorit-treatment-property-manager-modal,
  #property-editor-modal,
  #quickview-invoice-modal,
  #browse-conditions-modal-timeline,
  #treatmentplan-quickview-modal,
  #attachments-page-modal,
  #treatmentplans-page-modal,
  #appointments-page-modal,
  #invoices-page-modal,
  .header-with-tabs.modal-header {
    padding: 0 30px;
    padding-left: 0;
  }
  #favorit-status-property-manager-modal .modal-title,
  #favorit-treatment-property-manager-modal .modal-title,
  #property-editor-modal .modal-title,
  #quickview-invoice-modal .modal-title,
  #browse-conditions-modal-timeline .modal-title,
  #treatmentplan-quickview-modal .modal-title,
  #attachments-page-modal .modal-title,
  #treatmentplans-page-modal .modal-title,
  #appointments-page-modal .modal-title,
  #invoices-page-modal .modal-title,
  .header-with-tabs.modal-header .modal-title {
    padding: 15px;
    cursor: pointer;
    border-bottom: 4px solid white;
  }
  #favorit-status-property-manager-modal .modal-title.current-tab,
  #favorit-treatment-property-manager-modal .modal-title.current-tab,
  #property-editor-modal .modal-title.current-tab,
  #quickview-invoice-modal .modal-title.current-tab,
  #browse-conditions-modal-timeline .modal-title.current-tab,
  #treatmentplan-quickview-modal .modal-title.current-tab,
  #attachments-page-modal .modal-title.current-tab,
  #treatmentplans-page-modal .modal-title.current-tab,
  #appointments-page-modal .modal-title.current-tab,
  #invoices-page-modal .modal-title.current-tab,
  .header-with-tabs.modal-header .modal-title.current-tab {
    border-bottom: 4px solid #6270c6;
    transition: 0.8s;
  }
  #treatmentplan-quickview-modal .modal-header,
  #appointments-page-modal .modal-header,
  #invoices-page-modal .modal-header,
  #treatmentplans-page-modal .modal-header {
    padding: 0 !important;
  }
  #treatmentplan-quickview-modal .modal-body,
  #appointments-page-modal .modal-body,
  #invoices-page-modal .modal-body,
  #treatmentplans-page-modal .modal-body {
    max-height: calc(100vh - 90px) !important;
    height: calc(100vh - 90px) !important;
  }
  #attachments-page-modal .modal-content .modal-header {
    padding: 0 !important;
  }
  #attachments-page-modal .modal-content .modal-body {
    height: calc(100vh - 88px) !important;
    max-height: calc(100vh - 88px) !important;
  }
  #attachments-page-modal .modal-content .modal-footer {
    display: none;
  }
  div#appointments-card-panel .appointment-quickview-card .description {
    width: 100%;
    text-align: left;
    color: #6b808c;
  }
  div#appointments-card-panel .appointment-quickview-card .recall-statuses {
    position: absolute;
    right: 0;
    top: 10px;
  }
  div#appointments-card-panel .appointment-quickview-card .icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(/images/recall-card-icons.png) no-repeat;
  }
  div#appointments-card-panel .appointment-quickview-card .icon.recall {
    background-position: -30px 0;
  }
  div#appointments-card-panel .appointment-quickview-card .name {
    position: relative;
    top: -7px;
    left: 2px;
  }
  #anamnesis-page-modal .col-sm-6.left-side .panel-body {
    padding-bottom: 15px;
  }
  #anamnesis-page-modal .form-group.side-by-side {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
  }
  #anamnesis-page-modal .form-group.side-by-side label {
    margin-right: 15px;
  }
  #anamnesis-page-modal .form-group.side-by-side tags-input,
  #anamnesis-page-modal .form-group.side-by-side select,
  #anamnesis-page-modal .form-group.side-by-side input.form-control {
    max-width: 70%;
    width: 100%;
  }
  #anamnesis-page-modal md-radio-group {
    display: flex;
  }
  #anamnesis-page-modal md-radio-group md-radio-button:first-child {
    margin-right: 15px;
  }
  #anamnesis-page-modal .panel-heading {
    margin-bottom: 10px;
  }
  #anamnesis-page-modal .right-side .panel-heading {
    padding-left: 15px;
  }
  #timeline div#small-book-time-modal.event-editing .modal-dialog {
    max-width: 400px;
  }
  div#small-book-time-modal textarea:disabled {
    width: 100%;
    background: transparent;
    border: none;
    color: #212b36;
    font-size: 14px;
    height: auto;
    padding: 0;
    margin-top: -2px;
  }
  div#small-book-time-modal .edit-toggle {
    font-size: 12px;
    color: #637381;
    text-decoration: underline;
    cursor: pointer;
    display: none;
  }
  div#small-book-time-modal .panel-body > div {
    margin-top: 10px !important;
  }
  div#small-book-time-modal div#book-time-section {
    border-radius: 3px;
  }
  div#small-book-time-modal div#book-time-section .modal-body {
    height: auto !important;
    padding: 15px 25px 35px;
    background: #f4f6f8 !important;
    display: flex;
  }
  div#small-book-time-modal div#book-time-section .modal-body .panel .panel-heading,
  div#small-book-time-modal div#book-time-section .modal-body .panel .panel-body {
    background: #f4f6f8 !important;
  }
  div#small-book-time-modal div#book-time-section .panel-heading.desktop-only {
    font-family: "Muli";
    font-weight: bold;
    font-size: 14px;
  }
  div#small-book-time-modal div#book-time-section .panel-heading.desktop-only img {
    margin-right: 10px;
  }
  div#small-book-time-modal span.dash {
    display: none;
  }
  div#small-book-time-modal.event-editing .history {
    text-align: left;
  }
  div#small-book-time-modal.event-editing .history .p-tb.title {
    text-align: right;
  }
  div#small-book-time-modal.event-editing .history .pull-right {
    float: none !important;
  }
  div#small-book-time-modal.event-editing #delete-event-modal-opener {
    background: #f4f6f8;
    border: none;
    background-color: #f4f6f8;
    box-shadow: none !important;
    color: #637381 !important;
    text-decoration: underline;
  }
  div#small-book-time-modal.event-editing .edit-toggle {
    display: block !important;
  }
  div#small-book-time-modal.event-editing textarea.form-control.col-sm-12.input-note {
    display: none;
  }
  div#small-book-time-modal.event-editing .modal-dialog {
    max-width: 570px;
    width: 100%;
  }
  div#small-book-time-modal.event-editing .patient-info-section {
    margin-top: 10px;
    border-spacing: 0 5px;
  }
  div#small-book-time-modal.event-editing .patient-info-section tr td:first-child {
    font-size: 12px;
    color: #919eab;
    width: 20%;
    text-align: right;
    padding-right: 10px;
  }
  div#small-book-time-modal.event-editing .patient-info-section tr td:last-child {
    text-align: left;
    font-size: 14px;
  }
  div#small-book-time-modal.event-editing .patient-info-section div#selected-patient-name,
  div#small-book-time-modal.event-editing .patient-info-section p#selected-patient-email,
  div#small-book-time-modal.event-editing .patient-info-section p#selected-patient-phone {
    font-size: 14px;
    color: #212b36;
    font-weight: normal;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 20px;
  }
  div#small-book-time-modal.event-editing #appointment-info-section {
    padding: 0;
    border-right: none;
    flex-grow: 1;
  }
  div#small-book-time-modal.event-editing #appointment-info-section,
  div#small-book-time-modal.event-editing div#actions-section {
    float: none;
    width: auto;
  }
  div#small-book-time-modal.event-editing div#actions-section {
    padding: 0;
    width: 100%;
    max-width: 165px;
  }
  div#small-book-time-modal.event-editing div#actions-section .panel-heading.hidden-xs {
    font-size: 14px;
    color: #212b36;
    text-transform: uppercase;
  }
  div#small-book-time-modal.event-editing div#actions-section .panel-heading.hidden-xs span {
    opacity: 0.6;
    font-weight: 600;
  }
  div#small-book-time-modal.event-editing span.dash {
    display: inline-block;
    margin-left: 5px;
    margin-right: 2px;
  }
  div#small-book-time-modal.event-editing .edit-modal-time {
    display: flex;
    align-items: center;
    padding-left: 0px;
    padding-right: 5px;
  }
  div#small-book-time-modal.event-editing .edit-modal-time .row:not(.date-row) .col-xs-4 {
    display: none;
  }
  div#small-book-time-modal.event-editing .edit-modal-time .row .col-xs-4,
  div#small-book-time-modal.event-editing .edit-modal-time .row .col-xs-8 {
    width: auto;
    float: none;
    padding-left: 0;
    padding-right: 0;
  }
  div#small-book-time-modal.event-editing .edit-modal-time .row div#sandbox-container .input-group.date.pull-right {
    width: 80px;
  }
  div#small-book-time-modal.event-editing .edit-modal-time .row div#sandbox-container .input-group.date.pull-right input {
    padding-left: 0px !important;
    padding-right: 0px !important;
    background: rgba(211, 210, 210, 0.3) !important;
  }
  div#small-book-time-modal.event-editing .edit-modal-time .row input {
    padding: 0 !important;
    border: none !important;
    color: #212b36 !important;
    font-size: 14px !important;
    height: 27px !important;
    border-radius: 0 !important;
  }
  div#small-book-time-modal.event-editing .edit-modal-time .row input.input-time {
    width: 36px;
  }
  div#small-book-time-modal.event-editing .edit-modal-time .row:not(.date-row) .col-xs-8 {
    background: rgba(211, 210, 210, 0.3) !important;
  }
  div#small-book-time-modal.event-editing .edit-modal-time .row:not(.date-row) .col-xs-8 input {
    background: transparent !important;
  }
  div#small-book-time-modal.event-editing .edit-modal-time .row.endtime-row .col-xs-8 {
    padding-right: 5px;
  }
  div#small-book-time-modal.event-editing .edit-modal-time .row.date-row {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: flex-end;
    max-width: calc(20% + 81px);
  }
  div#small-book-time-modal.event-editing .edit-modal-time .row.date-row:after, div#small-book-time-modal.event-editing .edit-modal-time .row.date-row:before {
    content: "";
    display: none;
  }
  div#small-book-time-modal.event-editing .edit-modal-time .row.date-row .col-xs-4 {
    margin-right: 0px;
    padding-right: 0px !important;
    width: 23% !important;
  }
  div#small-book-time-modal.event-editing .edit-modal-time .row.date-row .col-xs-8 {
    margin-left: 11px;
  }
  div#small-book-time-modal.event-editing #patient-arrived-section .dropdown-menu {
    padding: 0;
    margin: 0;
  }
  div#small-book-time-modal.event-editing #patient-arrived-section .dropdown-menu .dropdown-item {
    display: block;
    padding: 8px;
    transition: all 300ms ease-in-out;
  }
  div#small-book-time-modal.event-editing #patient-arrived-section .dropdown-menu .dropdown-item:hover {
    background: #eee;
  }
  div#small-book-time-modal.event-editing #patient-arrived-section #input-not-arrived-reason {
    line-height: 20px !important;
  }
  div#small-book-time-modal.event-editing #edit-appointment-title {
    display: flex;
    align-items: center;
  }
  div#small-book-time-modal.event-editing .arrived-tag {
    display: none;
    font-size: 12px;
    align-items: center;
    justify-content: center;
    width: auto;
    margin-left: 14px;
    padding: 5px 10px;
    border-radius: 14px;
  }
  div#small-book-time-modal.event-editing .arrived-tag img {
    margin-right: 7px;
  }
  div#small-book-time-modal.event-editing .arrived-tag .no-show-text,
  div#small-book-time-modal.event-editing .arrived-tag .new-app-text,
  div#small-book-time-modal.event-editing .arrived-tag .not-available-text,
  div#small-book-time-modal.event-editing .arrived-tag .other-text,
  div#small-book-time-modal.event-editing .arrived-tag .arrived-text,
  div#small-book-time-modal.event-editing .arrived-tag .app-delayed-text,
  div#small-book-time-modal.event-editing .arrived-tag .app-canceled-text,
  div#small-book-time-modal.event-editing .arrived-tag .not-arrived-text {
    display: none;
  }
  div#small-book-time-modal.event-editing .arrived-tag.arrived {
    display: flex;
    background: #50e3c2;
    color: #fff;
  }
  div#small-book-time-modal.event-editing .arrived-tag.arrived .arrived-text {
    display: block;
  }
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived {
    display: flex;
    background: #f55959;
    color: #fff;
  }
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived img {
    display: none;
  }
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived:not(.no-shown):not(.new-app):not(.not-available):not(.other):not(.app-canceled):not(.app-delayed) .not-arrived-text {
    display: block;
  }
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived.no-shown .not-arrived-text,
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived.no-shown .new-app-text,
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived.no-shown .not-available-text,
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived.no-shown .app-delayed-text,
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived.no-shown .app-canceled-text,
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived.no-shown .other-text {
    display: none;
  }
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived.no-shown .no-show-text {
    display: block;
  }
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived.new-app .not-arrived-text,
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived.new-app .no-show-text,
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived.new-app .not-available-text,
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived.new-app .app-delayed-text,
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived.new-app .app-canceled-text,
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived.new-app .other-text {
    display: none;
  }
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived.new-app .new-app-text {
    display: block;
  }
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived.not-available .not-arrived-text,
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived.not-available .no-show-text,
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived.not-available .new-app-text,
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived.not-available .app-delayed-text,
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived.not-available .app-canceled-text,
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived.not-available .other-text {
    display: none;
  }
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived.not-available .not-available-text {
    display: block;
  }
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived.app-canceled .not-arrived-text,
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived.app-canceled .no-show-text,
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived.app-canceled .new-app-text,
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived.app-canceled .app-delayed-text,
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived.app-canceled .other-text {
    display: none;
  }
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived.app-canceled .app-canceled-text {
    display: block;
  }
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived.app-delayed .not-arrived-text,
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived.app-delayed .no-show-text,
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived.app-delayed .new-app-text,
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived.app-delayed .app-canceled-text,
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived.app-delayed .other-text {
    display: none;
  }
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived.app-delayed .app-delayed-text {
    display: block;
  }
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived.other {
    background: #818181;
  }
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived.other .not-arrived-text,
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived.other .no-show-text,
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived.other .new-app-text,
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived.other .app-canceled-text,
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived.other .app-delayed-text,
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived.other .not-available-text {
    display: none;
  }
  div#small-book-time-modal.event-editing .arrived-tag.not-arrived.other .other-text {
    display: block;
  }
  div#small-book-time-modal.event-editing #action-status-btn {
    background-image: url("/images/down-arrow-grey.svg");
    background-repeat: no-repeat;
    background-position: center right 7px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 22px;
  }
  div#small-book-time-modal.event-editing #action-status-btn span {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  div#small-book-time-modal.event-editing #action-status-btn .no-show-text,
  div#small-book-time-modal.event-editing #action-status-btn .new-app-text,
  div#small-book-time-modal.event-editing #action-status-btn .not-available-text,
  div#small-book-time-modal.event-editing #action-status-btn .other-text,
  div#small-book-time-modal.event-editing #action-status-btn .arrived-text,
  div#small-book-time-modal.event-editing #action-status-btn .app-delayed-text,
  div#small-book-time-modal.event-editing #action-status-btn .app-canceled-text,
  div#small-book-time-modal.event-editing #action-status-btn .not-arrived-text {
    display: none;
  }
  div#small-book-time-modal.event-editing #action-status-btn.arrived .basic-text {
    display: none;
  }
  div#small-book-time-modal.event-editing #action-status-btn.arrived .arrived-text {
    display: block;
  }
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived .basic-text {
    display: none;
  }
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived:not(.no-shown):not(.new-app):not(.not-available):not(.other):not(.app-canceled):not(.app-delayed) .not-arrived-text {
    display: block;
  }
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.no-shown .not-arrived-text,
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.no-shown .new-app-text,
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.no-shown .not-available-text,
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.no-shown .no-status-text,
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.no-shown .app-canceled-text,
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.no-shown .app-delayed-text,
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.no-shown .other-text {
    display: none;
  }
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.no-shown .no-show-text {
    display: block;
  }
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.new-app .not-arrived-text,
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.new-app .no-show-text,
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.new-app .not-available-text,
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.new-app .no-status-text,
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.new-app .app-canceled-text,
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.new-app .app-delayed-text,
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.new-app .other-text {
    display: none;
  }
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.new-app .new-app-text {
    display: block;
  }
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.not-available .not-arrived-text,
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.not-available .no-show-text,
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.not-available .new-app-text,
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.not-available .no-status-text,
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.not-available .app-canceled-text,
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.not-available .app-delayed-text,
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.not-available .other-text {
    display: none;
  }
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.not-available .not-available-text {
    display: block;
  }
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.app-canceled .not-arrived-text,
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.app-canceled .no-show-text,
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.app-canceled .new-app-text,
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.app-canceled .app-delayed-text,
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.app-canceled .other-text {
    display: none;
  }
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.app-canceled .app-canceled-text {
    display: block;
  }
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.app-delayed .not-arrived-text,
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.app-delayed .no-show-text,
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.app-delayed .new-app-text,
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.app-delayed .app-canceled-text,
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.app-delayed .other-text {
    display: none;
  }
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.app-delayed .app-delayed-text {
    display: block;
  }
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.other .not-arrived-text,
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.other .no-show-text,
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.other .new-app-text,
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.other .no-status-text,
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.other .app-canceled-text,
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.other .app-delayed-text,
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.other .not-available-text {
    display: none;
  }
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.other .other-text {
    display: block;
  }
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.no-status .not-arrived-text,
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.no-status .no-show-text,
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.no-status .new-app-text,
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.no-status .other-text,
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.no-status .app-canceled-text,
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.no-status .app-delayed-text,
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.no-status .not-available-text {
    display: none;
  }
  div#small-book-time-modal.event-editing #action-status-btn.not-arrived.no-status .no-status-text {
    display: block;
  }
  div#small-book-time-modal.create-event-style .panel-body.appointment-details .col-xs-4 {
    width: 26% !important;
  }
  div#small-book-time-modal.create-event-style .history {
    display: none;
  }
  div#small-book-time-modal.create-event-style #delete-patient-selection {
    text-align: center;
    justify-content: center !important;
    color: #637381;
    text-decoration: underline;
    cursor: pointer;
  }
  div#small-book-time-modal.create-event-style textarea:disabled {
    display: none;
  }
  div#small-book-time-modal.create-event-style textarea:not(:disabled) {
    display: block !important;
    width: 245px;
  }
  div#small-book-time-modal.create-event-style .row.appointment-row input {
    padding: 0 !important;
    border: none !important;
    color: #212b36 !important;
    font-size: 14px !important;
    height: 27px !important;
    border-radius: 0 !important;
    text-align: left !important;
    -moz-text-align-last: left !important;
         text-align-last: left !important;
    background: #f4f6f8 !important;
  }
  div#small-book-time-modal.create-event-style .modal-dialog.modal-400 div#appointment-info-section .col-xs-8 .input-text-align-right {
    background: #f4f6f8 !important;
    border: none !important;
    color: #212b36 !important;
  }
  div#small-book-time-modal.create-event-style .modal-dialog.modal-400 div#appointment-info-section .col-xs-8 select {
    text-align: left !important;
    -moz-text-align-last: left !important;
         text-align-last: left !important;
    color: #212b36 !important;
    padding-left: 0 !important;
    height: auto !important;
    line-height: 1 !important;
    background: #f4f6f8 !important;
    border: none !important;
  }
  div#small-book-time-modal.create-event-style .patient-info-section {
    margin-top: 10px;
    border-spacing: 0 5px;
  }
  div#small-book-time-modal.create-event-style .patient-info-section tr td:first-child {
    font-size: 12px;
    color: #919eab !important;
    width: 20%;
    text-align: right;
    padding-right: 10px;
  }
  div#small-book-time-modal.create-event-style .patient-info-section tr td:last-child {
    text-align: left;
    font-size: 14px;
  }
  div#small-book-time-modal.create-event-style .patient-info-section div#selected-patient-name,
  div#small-book-time-modal.create-event-style .patient-info-section p#selected-patient-email,
  div#small-book-time-modal.create-event-style .patient-info-section p#selected-patient-phone {
    font-size: 14px;
    color: #212b36;
    font-weight: normal;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 20px;
    white-space: nowrap;
  }
  div#small-book-time-modal.create-event-style .modal-dialog.modal-400 {
    max-width: 950px;
    width: 100% !important;
  }
  div#small-book-time-modal.create-event-style .modal-dialog.modal-400 div#appointment-info-section .panel.panel-default.white-bg {
    background: transparent !important;
    border: none !important;
    padding: 0 25px 0 0;
  }
  div#small-book-time-modal.create-event-style div#appointment-info-section {
    display: flex;
    width: 100%;
  }
  div#small-book-time-modal.create-event-style div#appointment-info-section button#show-add-patient-section {
    justify-content: center;
    padding-top: 16px;
  }
  div#small-book-time-modal.create-event-style div#book-time-section .modal-body {
    padding: 15px 20px 0;
  }
  div#small-book-time-modal.create-event-style div#book-time-section .panel {
    width: 50%;
  }
  div#small-book-time-modal.create-event-style div#book-time-section .panel.panel-default {
    padding-left: 25px;
    padding-bottom: 40px;
    background: #f5f6f9;
    border-radius: 0;
    border-left: 1px solid rgba(151, 151, 151, 0.3);
  }
  div#small-book-time-modal.create-event-style div#book-time-section input#input-patient-search {
    padding-left: 35px !important;
    background-image: url("/images/search.svg");
    background-repeat: no-repeat;
    background-position: left 9px center;
  }
  div#small-book-time-modal.create-event-style div#book-time-section input#input-patient-search:focus {
    border: 1px solid #5c6bc4;
  }
  div#small-book-time-modal.create-event-style #add-patient-section {
    height: auto !important;
    background: none;
    box-shadow: none;
    border: none;
    margin-right: -20px;
  }
  div#small-book-time-modal.create-event-style #add-patient-section .new-patient.pt-3 {
    padding-top: 0 !important;
  }
  div#small-book-time-modal.create-event-style #add-patient-section .modal-header {
    display: none;
    border: none;
  }
  div#small-book-time-modal.create-event-style #add-patient-section .container {
    padding-left: 0;
  }
  div#small-book-time-modal.create-event-style .note-wrapper .col-xs-8 {
    width: auto !important;
  }
  div#small-book-time-modal .panel-body.appointment-details .col-xs-4 {
    padding-left: 0;
    color: #919eab !important;
    font-size: 12px !important;
    padding-right: 10px !important;
    width: 20% !important;
  }
  div#small-book-time-modal .panel-body.appointment-details .appiontment-title {
    font-weight: 400;
    text-align: right;
  }
  div#small-book-time-modal .panel-body.appointment-details .col-xs-4,
  div#small-book-time-modal .panel-body.appointment-details .col-xs-8 {
    float: none;
    padding-left: 0;
    padding-right: 0;
  }
  div#small-book-time-modal .panel-body.appointment-details .row {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  div#small-book-time-modal .panel-body.appointment-details .row.note-wrapper {
    align-items: flex-start;
  }
  div#small-book-time-modal .panel-body.appointment-details select {
    text-align: left !important;
    -moz-text-align-last: left !important;
         text-align-last: left !important;
    color: #212b36 !important;
    padding-left: 0 !important;
    height: auto !important;
    line-height: 1 !important;
    background: #f4f6f8 !important;
  }
  .subscription-panel-body {
    height: auto;
  }
  .settings-info-img {
    background-image: url("/images/question_info_icon.svg");
    width: 15px;
    height: 15px;
    float: right;
    background-repeat: no-repeat;
    position: relative;
  }
  .settings-info-img .settings-info-text {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    width: 120px;
    background-color: #606fc7;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
  }
  .settings-info-img .settings-info-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #606fc7 transparent transparent transparent;
  }
  .settings-info-img:hover .settings-info-text {
    transition: opacity 0.3s ease-in-out;
    opacity: 1;
  }
}
.teamview-side-datepicker {
  display: flex;
  padding: 10px;
  background-color: #fff;
  border: 1px solid rgb(229.5, 229.5, 229.5);
  border-radius: 3px;
  max-width: 235px;
}

.col-sm-3.day-view-wrapper th.fc-day-header.fc-widget-header.fc-today p.datenumber-display {
  background-color: #606fc7 !important;
  border: 1px solid #606fc7 !important;
  color: #fff !important;
  border-radius: 40px;
  line-height: 28px;
  width: 28px;
}

.fc-view.fc-agendaWeek-view.fc-agenda-view th.fc-day-header.fc-widget-header.fc-today .day-number {
  background-color: #606fc7 !important;
  border: 1px solid #606fc7 !important;
  color: #fff !important;
  border-radius: 40px;
  line-height: 28px;
  width: 28px;
}

span.arrow.ng-scope {
  margin-left: 12px;
  font-size: 10px;
  line-height: 18px;
  opacity: 0.8;
}

.list-settings-button-wrapper {
  display: flex;
  justify-content: flex-end;
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.day-view-wrapper .loading-layer {
  right: 0;
}

.loading-layer {
  position: absolute;
  top: 0;
  left: 15px;
  right: 15px;
  bottom: 0;
  background: rgba(238, 240, 242, 0.8);
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loading-layer .spinner-border {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: text-bottom;
  border: 4px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spinner-border 0.75s linear infinite;
}

.loading-layer-eeszt {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(1, 1, 1, 0.4);
  z-index: 10000;
  align-items: center;
  justify-content: center;
}
.loading-layer-eeszt .spinner-border {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: text-bottom;
  border: 4px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spinner-border 0.75s linear infinite;
}

.list-item-div .workdays-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.list-item-div .workdays-wrapper .day-item {
  border-radius: 3px;
  background: fff;
  border: 1px solid #c4cdd5;
  margin-right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.list-item-div .workdays-wrapper .day-item.active {
  background: #4f5dba;
  border-color: #4f5dba;
  color: #fff;
}
.list-item-div .workdays-wrapper .day-item input[type=checkbox] {
  display: none;
}
.list-item-div .workdays-wrapper .day-item label {
  margin: 0;
  padding: 6px 12px;
}

.invoice-customization-settings .switch {
  margin-left: 0;
  margin-right: 10px;
}

/*************************************************************************************/
/***************************** REMOVE MODAL TRANSITIONS ******************************/
/*************************************************************************************/
.modal.fade .modal-dialog,
.fade {
  transition-duration: 100ms;
  transition-delay: 0 !important;
}

/*************************************************************************************/
/******************************* Mobile Modifications *******************************/
/*************************************************************************************/
@media screen and (max-width: 800px) {
  .mobile-overflow {
    overflow-y: auto !important;
  }
  .help-questionmark {
    display: none;
  }
  #answers-widget-launcher-container {
    display: none;
  }
  .mobile-header {
    height: 52px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    background: #16394d;
    padding: 0 20px;
  }
  .mobile-header .hamb {
    width: 21px;
    height: 21px;
  }
  .mobile-header .plus-sign {
    width: 19px;
    height: 19px;
    background-image: url("/images/plus-sign.svg");
  }
  .mobile-menu {
    opacity: 0;
    transition: all 300ms ease-in-out;
  }
  .mobile-menu .left-side {
    transition: all 300ms ease-in-out;
    transform: translateX(-100%);
    position: absolute;
    opacity: 0;
  }
  .mobile-menu.open {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(50, 71, 92, 0.55);
    z-index: 4;
    opacity: 1;
  }
  .mobile-menu.open .left-side {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 27%;
    background: #fff;
    transform: translateX(0%);
    opacity: 1;
  }
  .mobile-menu.open .left-side img {
    max-width: 100%;
  }
  .mobile-menu.open .left-side .menu-section {
    padding: 28px;
    border-bottom: 1px solid rgba(149, 152, 154, 0.22);
  }
  .mobile-menu.open .left-side .menu-section a {
    font-size: 18px;
    display: block;
    text-align: left;
    color: #16394d;
  }
  .mobile-menu.open .left-side .menu-section a:not(:last-child) {
    margin-bottom: 24px;
  }
  .mobile-menu.open .right-side {
    position: absolute;
    right: 0;
    left: 73%;
    top: 0;
    bottom: 0;
    background: transparent;
  }
  .plus-sign#add-patient-mobil {
    background-image: none;
    background: none;
    border: none;
    padding: 0;
    display: inline-block;
  }
  .mobil-top-menu .top-title {
    margin-right: -70px;
  }
  .mobil-top-menu .top-title .smaller-title {
    font-size: 16px;
  }
  .mobil-top-menu .top-title.deactivated {
    pointer-events: none;
  }
  .mobil-top-menu #main-datepicker {
    width: 40px;
    margin-right: 15px;
    float: none;
  }
  .mobil-top-menu #main-datepicker #main-datepicker-input {
    opacity: 0;
    width: 0;
    padding: 0 !important;
    margin: 0 !important;
  }
  .mobil-top-menu #main-datepicker .input-group-addon {
    background: transparent;
    border: none;
  }
  .mobil-top-menu #main-datepicker .input-group-addon .fa {
    color: #fff;
  }
  .mobile-calendar-header {
    display: none;
    text-align: left;
    padding: 0;
    position: fixed;
    top: 62px;
    left: 0;
    right: 0;
    z-index: 12;
    background: #ebeef0;
    height: calc(100vh - 65px);
  }
  .mobile-calendar-header .title-line {
    font-size: 15px;
    color: #6d6d72;
    text-transform: uppercase;
    padding: 8px 15px;
  }
  .mobile-calendar-header .white-box {
    background: #fff;
    padding-left: 15px;
  }
  .mobile-calendar-header .white-box p {
    margin: 0;
    font-size: 15px;
  }
  .mobile-calendar-header .white-box .select-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 15px 12px 0;
  }
  .mobile-calendar-header .white-box .select-line select {
    width: auto;
    border: none;
    background: #fff;
    box-shadow: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
  }
  .mobile-calendar-header .day-switch {
    padding: 12px 0 12px 15px;
  }
  .mobile-calendar-header .day-switch a {
    padding: 8px 28px;
    box-sizing: border-box;
    margin-right: 20px;
  }
  .mobile-calendar-header .day-switch a.active {
    pointer-events: none;
    color: #616161;
    border: 2px solid #5c6ac4;
    padding: 6px 26px;
  }
  .header-mobile-navigation {
    height: 52px;
    background: #16394d;
    padding: 0 20px;
    display: flex;
    align-items: center;
  }
  .header-mobile-navigation .hamb {
    width: 21px;
    height: 21px;
  }
  #timeline .header-mobile-navigation {
    top: 0;
  }
  #timeline .mobile-only.mobile-actions {
    margin-top: 0;
  }
  .mobile-margin-top-60 {
    margin-top: 60px;
  }
  .mobile-only.mobile-actions {
    display: flex;
    height: 48px;
    background: #16394d;
    align-items: center;
    justify-content: flex-start;
    margin-top: -35px;
    margin-bottom: 18px;
    padding: 10px 20px 0;
    font-size: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.231372549);
    overflow-x: scroll;
    overflow-y: hidden;
    position: absolute;
    border: 0;
    left: -15px;
    right: -15px;
  }
  .mobile-only.mobile-actions ::-webkit-scrollbar {
    display: none;
  }
  .mobile-only.mobile-actions .panel-heading {
    display: none;
  }
  .mobile-only.mobile-actions .panel {
    background: none;
    border: none;
    margin: 0;
  }
  .mobile-only.mobile-actions .panel-body {
    display: none;
  }
  .mobile-only.mobile-actions .panel-footer {
    padding: 0;
    margin: 0;
    border: none !important;
    background: transparent !important;
  }
  .mobile-only.mobile-actions .panel-footer .row .col-xs-6 {
    padding: 0;
    float: none !important;
  }
  .mobile-only.mobile-actions .panel-footer .row .col-xs-6:first-child {
    display: none;
  }
  .mobile-only.mobile-actions .panel-footer button {
    color: #fff;
    margin-right: 25px;
  }
  .mobile-only.mobile-actions::-webkit-scrollbar {
    display: none;
  }
  #anamnesis-page-modal .mobile-save-btn {
    position: absolute;
    right: 10px;
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    top: 18px;
    font-size: 14px;
  }
  .appointment-details span.dash,
  .edit-toggle,
  .input-note:disabled,
  .arrived-tag {
    display: none !important;
  }
  .note-wrapper textarea:not(:disabled) {
    display: block !important;
  }
  #input-starttime,
  #input-endtime {
    width: 100%;
  }
  #add-patient-section.modal-content {
    position: static !important;
    height: auto !important;
    margin-top: -15px;
    margin-bottom: -15px;
    box-shadow: none;
  }
  #add-patient-section.modal-content iframe {
    height: auto !important;
  }
  #add-patient-section.modal-content .modal-header {
    display: none !important;
  }
  .ts-settings {
    text-align: left !important;
    margin-top: 5px;
  }
  #teamviewwrapper .fc-toolbar.fc-header-toolbar {
    margin: 0;
    background: #fff;
    padding: 11px;
  }
  #teamviewwrapper .fc-toolbar.fc-header-toolbar h2 {
    font-size: 14px;
    font-weight: 100;
    color: #6b808c;
  }
  .modal-body {
    background: #ebeef0;
  }
  .listviewtrigger-wrapper {
    margin-top: 20px;
  }
  .listviewtrigger-wrapper .listviewtrigger {
    padding: 8px 28px;
    box-sizing: border-box;
  }
  .listviewtrigger-wrapper .listviewtrigger.active {
    color: #616161;
    border: 2px solid #5c6ac4;
    background: #fff;
  }
  body.modal-open {
    max-height: 100vh;
    height: 100vh;
    overflow: hidden;
  }
  body.modal-open div#timeline {
    max-height: 100vh;
    height: 100vh;
    overflow: hidden;
  }
  body.modal-open #appointments-card-controller .col-lg-8.col-md-8 {
    display: none;
  }
  #attachments-page-modal .attachment-card button.btn.btn-default.pull-right {
    color: #4a90e2 !important;
    background: transparent;
    box-shadow: none !important;
  }
  #attachments-page-modal button.close {
    position: absolute;
    left: 10px;
    top: 21px;
    color: #fff;
    opacity: 1;
    font-size: 14px;
    font-weight: 200;
    font-family: "Muli";
  }
  #attachments-page-modal .attachment-card img {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  #attachments-page-modal .inline-block.ng-scope {
    width: 50%;
    padding: 0 10px;
  }
  #attachments-page-modal .inline-block.ng-scope:nth-child(odd) {
    padding-right: 5px;
  }
  #attachments-page-modal .inline-block.ng-scope:nth-child(even) {
    padding-left: 5px;
  }
  #attachments-page-modal .inline-block.ng-scope .attacment-control-buttons {
    display: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  #file-upload-modal button.close {
    position: absolute;
    left: 10px;
    top: 21px;
    color: #fff;
    opacity: 1;
    font-size: 14px;
    font-weight: 200;
    font-family: "Muli";
  }
  #anamnesis-page-modal .modal-body {
    padding: 0 0 24px 0;
  }
  #anamnesis-page-modal .col-sm-6,
  #anamnesis-page-modal .col-xs-12 {
    padding-left: 0;
    padding-right: 0;
  }
  #anamnesis-page-modal button.close {
    position: absolute;
    left: 10px;
    top: 21px;
    color: #fff;
    opacity: 1;
    font-size: 14px;
    font-weight: 200;
    font-family: "Muli";
  }
  #anamnesis-page-modal .modal-footer {
    display: block;
    position: absolute;
    top: 10px;
    right: 0;
    padding: 0;
    background: none;
    border-top: none;
  }
  #anamnesis-page-modal .modal-footer button.btn.btn-purple {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
  }
  #anamnesis-page-modal .form-control {
    padding-left: 0;
    border-radius: 0;
    border-left: none;
    border-right: 0;
    border-top: 0;
    box-shadow: none;
    border-bottom-color: rgba(149, 152, 154, 0.23);
  }
  #actions-section .panel.panel-default {
    background: transparent;
    border: none;
    box-shadow: none;
  }
  #actions-section .panel.panel-default button#delete-event-modal-opener {
    width: 100%;
    display: block;
    max-width: 100%;
    background: transparent;
    border: none;
    color: #ff7a58;
    font-size: 14px;
  }
  div#delete-event-modal {
    background: #fff;
  }
  #new-treatment-tab .status-input-wrapper,
  #new-status-tab .status-input-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #appointment-info-section button#action-view-chart-btn-copy {
    color: #6270c6 !important;
  }
  #edit-event-btn,
  #add-patient-section #show-book-time-section,
  #add-event-btn,
  #add-event-btn-np,
  #create-patient-btn,
  button.btn.btn-outline-secondary {
    color: #fff !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  #add-patient-section {
    height: 100vh !important;
  }
  #add-patient-section iframe {
    height: 94vh !important;
  }
  .close-x {
    display: none;
  }
  #appointment-info-section .panel-body.appointment-details .row {
    padding: 5px 12px 10px;
    margin-right: 0;
    margin-left: 0;
  }
  #appointment-info-section .panel.panel-default.white-bg {
    margin-right: 0;
    margin-left: 0;
  }
  #patients-page .col-sm-10 {
    padding: 0 12px;
  }
  #patients-page .easy-autocomplete {
    padding: 0;
    width: 100%;
  }
  #patients-page .easy-autocomplete #patient-search {
    margin: 0;
  }
  #patients-page .form-group.form-inline.pull-right.main-patient-selector-block {
    float: none !important;
    margin-top: 25px;
    margin-bottom: 34px;
  }
  #patients-page .col-sm-12.col-sm-offset-0.col-md-10.col-md-offset-1.content {
    padding: 0;
  }
  #patients-page .col-sm-12.col-sm-offset-0.col-md-10.col-md-offset-1.content .patients-table {
    border: none;
    border-radius: 0;
    padding: 0;
  }
  #patients-page .col-sm-12.col-sm-offset-0.col-md-10.col-md-offset-1.content .patients-table .table > thead > tr > th,
  #patients-page .col-sm-12.col-sm-offset-0.col-md-10.col-md-offset-1.content .patients-table .table > tbody > tr > th,
  #patients-page .col-sm-12.col-sm-offset-0.col-md-10.col-md-offset-1.content .patients-table .table > tfoot > tr > th,
  #patients-page .col-sm-12.col-sm-offset-0.col-md-10.col-md-offset-1.content .patients-table .table > thead > tr > td,
  #patients-page .col-sm-12.col-sm-offset-0.col-md-10.col-md-offset-1.content .patients-table .table > tbody > tr > td,
  #patients-page .col-sm-12.col-sm-offset-0.col-md-10.col-md-offset-1.content .patients-table .table > tfoot > tr > td {
    padding: 14px;
    font-size: 14px;
  }
  #patients-page .col-sm-12.col-sm-offset-0.col-md-10.col-md-offset-1.content .patients-table .table > thead > tr > th {
    font-weight: normal;
    font-size: 14px;
    color: #16394d;
  }
  #patients-page #add-patient-modal {
    background: #ebeef0;
  }
  #patients-page .modal-header .close {
    display: none;
  }
  #patients-page .modal-footer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    height: 55px;
    padding: 0;
    flex-direction: row;
    margin: 0;
  }
  #patients-page .modal-footer:before, #patients-page .modal-footer:after {
    display: none;
  }
  #patients-page .modal-footer button {
    background-color: transparent !important;
    color: #fff !important;
    box-shadow: none !important;
    border: none !important;
  }
  #patientinfo-card-controller #appointments-card-controller .panel.panel-default.hidden-panel p {
    display: none;
  }
  p.mobile-only {
    display: block;
  }
  #new-timeline-event-panel {
    display: block;
    margin: 0 -15px;
  }
  #new-timeline-event-panel .row {
    margin-left: 0;
    margin-right: 0;
  }
  #new-timeline-event-panel .panel-footer {
    background: #fff;
  }
  #new-timeline-event-panel .panel-footer .pull-right {
    display: flex;
    float: none !important;
    justify-content: space-between;
    background: #fff;
  }
  #new-timeline-event-panel .panel-footer .pull-right .inline-block button.btn.btn-outline-purple {
    display: none;
  }
  #new-timeline-event-panel ul.nav.nav-tabs {
    display: flex;
    justify-content: space-between;
  }
  #new-timeline-event-panel ul.nav.nav-tabs li {
    width: 33%;
    text-align: center;
  }
  #new-timeline-event-panel ul.nav.nav-tabs li p {
    margin: 0;
    padding: 10px;
  }
  #new-timeline-event-panel .tab-pane-body {
    min-height: 0;
  }
  #new-timeline-event-panel .tab-pane-body .col-xs-3 {
    display: none;
  }
  #new-timeline-event-panel .tab-pane-body input#browse-treatment-conditions-input {
    display: none;
  }
  #new-timeline-event-panel .tab-pane-body .input-group-addon,
  #new-timeline-event-panel .tab-pane-body .input-group-btn {
    width: auto;
  }
  #new-timeline-event-panel .tab-pane-body .input-group {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .timeline-title.meta:after {
    display: none;
  }
  #edit-timeline-event-modal,
  div#browse-conditions-modal-timeline {
    background: #fff;
  }
}
@media screen and (max-width: 800px) and (max-width: 576px) {
  #edit-timeline-event-modal .modal-header,
  div#browse-conditions-modal-timeline .modal-header {
    height: 55px;
  }
}
@media screen and (max-width: 800px) {
  #edit-timeline-event-modal .modal-title,
  div#browse-conditions-modal-timeline .modal-title {
    margin: 0 auto;
    font-size: 16px;
  }
  #edit-timeline-event-modal .modal-title .fa,
  div#browse-conditions-modal-timeline .modal-title .fa {
    display: none;
  }
  #edit-timeline-event-modal .modal-header .close,
  div#browse-conditions-modal-timeline .modal-header .close {
    display: none;
  }
  #edit-timeline-event-modal .modal-footer,
  div#browse-conditions-modal-timeline .modal-footer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 52px !important;
    padding: 0;
    display: flex;
    justify-content: space-between;
  }
  #edit-timeline-event-modal .modal-footer:before, #edit-timeline-event-modal .modal-footer:after,
  div#browse-conditions-modal-timeline .modal-footer:before,
  div#browse-conditions-modal-timeline .modal-footer:after {
    display: none;
  }
  #edit-timeline-event-modal .modal-footer button,
  div#browse-conditions-modal-timeline .modal-footer button {
    width: auto;
    height: auto;
    background: transparent !important;
    border: none !important;
    color: #fff !important;
    max-width: 90px;
    white-space: pre-wrap;
    box-shadow: none !important;
  }
  #edit-timeline-event-modal .modal-footer button.btn.btn-outline-purple,
  div#browse-conditions-modal-timeline .modal-footer button.btn.btn-outline-purple {
    display: none;
  }
  #edit-timeline-event-modal .modal-body div[style="margin:20px;"],
  div#browse-conditions-modal-timeline .modal-body div[style="margin:20px;"] {
    margin: 0 !important;
  }
  #edit-timeline-event-modal .modal-body .row[style="margin-top:10px;"],
  div#browse-conditions-modal-timeline .modal-body .row[style="margin-top:10px;"] {
    margin-left: 0;
    margin-right: 0;
  }
  #edit-timeline-event-modal .modal-body .row[style="margin-top:10px;"] .col-xs-3,
  div#browse-conditions-modal-timeline .modal-body .row[style="margin-top:10px;"] .col-xs-3 {
    width: 50%;
  }
  #edit-timeline-event-modal .modal-body .data-row,
  div#browse-conditions-modal-timeline .modal-body .data-row {
    margin-left: 0;
  }
  #edit-timeline-event-modal .col-md-5,
  #edit-timeline-event-modal .col-md-9,
  div#browse-conditions-modal-timeline .col-md-5,
  div#browse-conditions-modal-timeline .col-md-9 {
    padding: 0;
  }
  #edit-timeline-event-modal .col-md-9 .input-group,
  div#browse-conditions-modal-timeline .col-md-9 .input-group {
    margin-left: 0 !important;
    margin-bottom: 12px;
  }
  #edit-timeline-event-modal .row,
  div#browse-conditions-modal-timeline .row {
    margin-left: 0;
    margin-right: 0;
  }
  #new-status-tab input,
  #new-status-tab button {
    display: none;
  }
  #new-status-tab .input-group {
    width: 100%;
  }
  #new-status-tab .input-group-btn button {
    display: block;
  }
  #attachments-page-modal .modal-content {
    position: fixed !important;
  }
  #treatmentplans-page-modal .modal-dialog,
  #treatmentplans-page-modal .modal-content,
  #file-upload-modal .modal-dialog,
  #file-upload-modal .modal-content {
    position: fixed !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ebeef0;
  }
  #treatmentplans-page-modal .modal-footer,
  #file-upload-modal .modal-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
  #invoices-page-modal .col-xs-1,
  #invoices-page-modal .col-xs-2,
  #invoices-page-modal .col-xs-3,
  #invoices-page-modal .col-xs-4,
  #invoices-page-modal .col-xs-5,
  #invoices-page-modal .col-xs-6,
  #invoices-page-modal .col-xs-7,
  #invoices-page-modal .col-xs-8,
  #invoices-page-modal .col-xs-9,
  #invoices-page-modal .col-xs-10,
  #invoices-page-modal .col-xs-11,
  #invoices-page-modal .col-xs-12,
  #treatmentplans-page-modal .col-xs-1,
  #treatmentplans-page-modal .col-xs-2,
  #treatmentplans-page-modal .col-xs-3,
  #treatmentplans-page-modal .col-xs-4,
  #treatmentplans-page-modal .col-xs-5,
  #treatmentplans-page-modal .col-xs-6,
  #treatmentplans-page-modal .col-xs-7,
  #treatmentplans-page-modal .col-xs-8,
  #treatmentplans-page-modal .col-xs-9,
  #treatmentplans-page-modal .col-xs-10,
  #treatmentplans-page-modal .col-xs-11,
  #treatmentplans-page-modal .col-xs-12 {
    float: none;
  }
  #invoices-page-modal .patientinfo-header.col-xs-12,
  #treatmentplans-page-modal .patientinfo-header.col-xs-12 {
    margin-left: 0;
    padding: 0;
  }
  #invoices-page-modal .patientinfo-header.col-xs-12 .pull-right,
  #treatmentplans-page-modal .patientinfo-header.col-xs-12 .pull-right {
    float: none !important;
    margin-bottom: 12px;
  }
  #invoices-page-modal .col-md-6,
  #treatmentplans-page-modal .col-md-6 {
    padding: 0;
  }
  #invoices-page-modal .modal-header .close,
  #treatmentplans-page-modal .modal-header .close {
    display: none;
  }
  #invoices-page-modal .modal-footer,
  #treatmentplans-page-modal .modal-footer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    height: 55px !important;
    padding: 0;
    flex-direction: row;
    margin: 0;
  }
  #invoices-page-modal .modal-footer:before, #invoices-page-modal .modal-footer:after,
  #treatmentplans-page-modal .modal-footer:before,
  #treatmentplans-page-modal .modal-footer:after {
    display: none;
  }
  #invoices-page-modal .modal-footer button,
  #treatmentplans-page-modal .modal-footer button {
    background-color: transparent !important;
    color: #fff !important;
    border: none !important;
    box-shadow: none !important;
  }
  #calendar.week-view {
    margin-left: -15px;
    margin-right: -15px;
  }
  #calendar .fc-day-header a,
  #calendar .fc-resource-cell a {
    font-size: 11px;
  }
  #calendar .fc-agendaWeek-view th.fc-today a .day-number {
    line-height: 20px;
    width: 20px;
  }
  .row.center-block .col-sm-3.day-view-wrapper {
    margin: -20px -15px;
  }
  .mobile-head-actions {
    width: 74px;
    text-align: right;
  }
  .mobile-head-actions .close-modal {
    font-size: 16px;
  }
  .hamb.deactive {
    opacity: 0;
    pointer-events: none;
  }
  .btn-outline-secondary,
  .new-style-btn {
    border-radius: 3px !important;
    border-color: #4a90e2;
    color: #4a90e2;
  }
  #new-timeline-event-panel .panel-footer .pull-right {
    justify-content: center;
  }
  #new-status-tab .tab-pane-footer,
  #new-treatment-tab .tab-pane-footer {
    margin-right: -15px;
  }
  #new-status-tab .tab-pane-footer .pull-left,
  #new-treatment-tab .tab-pane-footer .pull-left {
    display: block !important;
    float: none !important;
  }
  #new-status-tab .tab-pane-footer .pull-left .person-selector-dropdown,
  #new-treatment-tab .tab-pane-footer .pull-left .person-selector-dropdown {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    margin-right: 0;
    padding: 12px 15px 12px 0;
  }
  #new-status-tab .tab-pane-footer .pull-left .person-selector-dropdown:not(:last-child),
  #new-treatment-tab .tab-pane-footer .pull-left .person-selector-dropdown:not(:last-child) {
    border-bottom: 1px solid rgba(149, 152, 154, 0.23);
  }
  #new-status-tab .tab-pane-footer .pull-left .person-selector-dropdown label,
  #new-treatment-tab .tab-pane-footer .pull-left .person-selector-dropdown label {
    margin: 0;
    color: #030303;
  }
  #new-status-tab .tab-pane-footer .pull-left .person-selector-dropdown select,
  #new-treatment-tab .tab-pane-footer .pull-left .person-selector-dropdown select {
    width: auto;
    color: #6b808c !important;
    direction: rtl;
  }
  #new-status-tab .tab-pane-footer .pull-right,
  #new-treatment-tab .tab-pane-footer .pull-right {
    display: block !important;
    float: none !important;
  }
  #new-status-tab .tab-pane-footer .pull-right .info-box,
  #new-treatment-tab .tab-pane-footer .pull-right .info-box {
    float: none;
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin: 0 !important;
    padding: 12px 15px 12px 0;
    border-top: 1px solid rgba(149, 152, 154, 0.23);
  }
  #new-status-tab .tab-pane-footer .pull-right .info-box p,
  #new-status-tab .tab-pane-footer .pull-right .info-box label,
  #new-treatment-tab .tab-pane-footer .pull-right .info-box p,
  #new-treatment-tab .tab-pane-footer .pull-right .info-box label {
    margin: 0;
  }
  #timeline-events {
    position: relative;
  }
  #timeline-events:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #c4cdd5;
    z-index: 1;
    left: 18px;
  }
  #timeline-events .timeline-title.meta {
    display: none;
  }
  #timeline-events .meta.panel.panel-default.ng-scope {
    border: none;
  }
  #timeline-events .panel {
    margin-right: -15px;
    margin-left: -15px;
    padding-bottom: 0;
    position: relative;
  }
  #timeline-events .panel .dropdown.pull-right {
    display: none;
    position: absolute;
    bottom: 27px;
    right: 15px;
  }
  #timeline-events .panel .dropdown.pull-right .btn {
    background-image: url("/images/dots.svg");
    color: transparent !important;
    width: 42px;
    height: 26px;
    border: none;
  }
  #timeline-events .panel .panel-body {
    overflow-x: scroll;
    padding-bottom: 0;
  }
  #timeline-events .panel:not(:first-child) {
    margin-bottom: 0;
  }
  #timeline-events .panel-heading {
    border: none !important;
    background-color: #ebeef0 !important;
    display: flex;
    align-items: center;
  }
  #timeline-events .panel-heading .name-card-content p {
    margin: 0;
  }
  #timeline-events .panel-heading .name-card-image {
    display: none;
  }
  #timeline-events .panel-heading:before {
    content: "";
    width: 28px;
    height: 28px;
    background-image: url("/images/timeline.svg");
    background-size: cover;
    display: block;
    margin-right: 15px;
    position: relative;
    z-index: 1;
  }
  #timeline-events .panel-heading.o:before {
    background-image: url("/images/OEP.svg");
  }
  #timeline-events .panel-heading.n:before {
    background-image: url("/images/timeline-note.svg");
  }
  #timeline-events .panel-heading.t:before {
    background-image: url("/images/timeline-treatment-icon.svg");
  }
  #timeline-events .panel-heading.w:before {
    background-image: url("/images/timeline-warranty-icon.svg");
  }
  #timeline-events .panel-heading.s:before {
    background-image: url("/images/timeline-status-icon.svg");
  }
  #timeline-events .panel-body.n {
    background: #fedeba !important;
    box-shadow: 0 0 0 1px rgba(63, 63, 68, 0.05);
    border-radius: 3px;
  }
  #timeline-events .info-box.mobil-float {
    display: none;
  }
  #timeline-events .pull-right {
    display: flex;
    float: none !important;
    text-align: left !important;
  }
  #timeline-events .pull-right .info-box {
    text-align: left !important;
  }
  #timeline-events .pull-right .info-box p {
    color: #6b808c;
  }
  #timeline-events .panel-body {
    position: relative;
    z-index: 1;
    background: #fff;
  }
  .timeline-design .meta:last-child {
    display: none;
  }
  #edit-timeline-event-modal,
  .modal-body .row[style="margin-top:10px;"] .col-xs-3,
  div#browse-conditions-modal-timeline .modal-body .row[style="margin-top:10px;"] .col-xs-3 {
    width: 50%;
    margin-bottom: 5px;
  }
  p.mobile-only.fav-title {
    font-size: 16px;
    color: #6b808c;
    margin-top: 15px;
    padding-left: 8px;
  }
  #edit-timeline-event-modal .modal-body,
  #browse-conditions-modal-timeline .modal-body {
    padding: 15px 0 !important;
    background: #ebeef0;
  }
  #edit-timeline-event-modal .modal-body div[style="margin: 20px;"],
  #browse-conditions-modal-timeline .modal-body div[style="margin: 20px;"] {
    margin: 0 !important;
  }
  #edit-timeline-event-modal .step-one,
  #browse-conditions-modal-timeline .step-one {
    padding: 0 15px;
  }
  #edit-timeline-event-modal .teeth-panel-wrapper,
  #browse-conditions-modal-timeline .teeth-panel-wrapper {
    padding: 10px;
  }
  #edit-timeline-event-modal h4,
  #edit-timeline-event-modal .h4,
  #browse-conditions-modal-timeline h4,
  #browse-conditions-modal-timeline .h4 {
    font-size: 16px;
    text-transform: uppercase;
    color: #6b808c;
    padding: 0 10px;
  }
  #edit-timeline-event-modal .select-teeth-side-section div:not(.h4),
  #browse-conditions-modal-timeline .select-teeth-side-section div:not(.h4) {
    padding: 10px;
    background: #fff;
  }
  #edit-timeline-event-modal .treatment-options .row,
  #browse-conditions-modal-timeline .treatment-options .row {
    margin: 0 !important;
    padding: 10px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #edit-timeline-event-modal .treatment-options .row:before, #edit-timeline-event-modal .treatment-options .row:after,
  #browse-conditions-modal-timeline .treatment-options .row:before,
  #browse-conditions-modal-timeline .treatment-options .row:after {
    display: none;
  }
  #edit-timeline-event-modal .treatment-options .row .input-group,
  #browse-conditions-modal-timeline .treatment-options .row .input-group {
    margin: 0;
  }
  #edit-timeline-event-modal .treatment-options .row .col-md-3,
  #browse-conditions-modal-timeline .treatment-options .row .col-md-3 {
    padding: 0 !important;
  }
  #edit-timeline-event-modal .treatment-options .row span.form-inline.col-md-9 span,
  #browse-conditions-modal-timeline .treatment-options .row span.form-inline.col-md-9 span {
    display: flex;
  }
  #edit-timeline-event-modal .textarea-wrapper,
  #browse-conditions-modal-timeline .textarea-wrapper {
    padding: 10px;
    background: #fff;
  }
  #edit-timeline-event-modal .textarea-wrapper label,
  #browse-conditions-modal-timeline .textarea-wrapper label {
    display: none;
  }
  #edit-timeline-event-modal .textarea-wrapper textarea,
  #browse-conditions-modal-timeline .textarea-wrapper textarea {
    max-width: 100% !important;
    border: none;
    box-shadow: none;
  }
  #attachments-page-modal {
    padding-right: 0 !important;
  }
  #attachments-page-modal .modal-body.grey-bg {
    padding: 0;
  }
  #attachments-page-modal div[style="margin: 30px 0"] {
    display: none;
  }
  #attachments-page-modal .col-xs-12 {
    padding: 0;
  }
  #attachments-page-modal .panel.panel-default {
    border: none;
    background: transparent;
    box-shadow: none;
  }
  #attachments-page-modal .panel-body {
    border: none;
    background: transparent;
  }
  #attachments-page-modal .attachment-card {
    border: none;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: #fff;
    padding-top: 0px !important;
    margin: 0;
  }
  #attachments-page-modal .attachment-card button.btn.btn-default.pull-right {
    background: none;
    border: none;
    font-size: 16px;
    color: #4a90e2;
  }
  #attachments-page-modal .attachment-card-title {
    background: #f3f6f8;
    font-size: 16px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .user_timeline_wrapper {
    margin-top: 0;
  }
  .user_timeline_wrapper #treatmentplans-page-modal .patientinfo-subtitle {
    display: none;
  }
  .user_timeline_wrapper #treatmentplans-page-modal div[style="margin: 30px 0"] {
    display: none;
  }
  .user_timeline_wrapper #treatmentplans-page-modal .col-xs-12 {
    padding: 0;
  }
  .attachment-selector-step {
    color: #6b808c;
    font-size: 16px;
    text-transform: uppercase;
  }
  .white-bg {
    background: #fff;
    margin-left: -15px;
    margin-right: -15px;
    padding: 15px;
  }
  .file-upload-body #file-input {
    display: none;
  }
  div#discard-new-activity-warning-modal {
    background: rgba(50, 71, 92, 0.55);
    padding: 15px !important;
    width: 100%;
    padding-top: 120px !important;
  }
  div#discard-new-activity-warning-modal .modal-header {
    background: #fff;
    text-align: left;
    padding-bottom: 0;
  }
  div#discard-new-activity-warning-modal .modal-header .modal-title {
    color: black;
    font-size: 18px;
  }
  div#discard-new-activity-warning-modal .modal-body {
    background: #fff;
  }
  div#discard-new-activity-warning-modal .modal-footer {
    background: #fff;
  }
  #new-treatment-tab div#new-treatments-table {
    border-top: none;
    border-bottom: none;
    margin-left: -15px;
    margin-right: -15px;
    width: calc(100% + 30px);
  }
  #new-treatment-tab div#new-treatments-table th,
  #new-treatment-tab div#new-treatments-table td {
    padding: 5px 10px !important;
  }
  th.fc-day-header.fc-widget-header.fc-today span {
    margin-left: -30px;
  }
  #edit-timeline-event-modal .modal-title,
  div#browse-conditions-modal-timeline .modal-title {
    max-width: 180px;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .panel-heading.mobile-only {
    padding: 10px 12px;
    margin-top: 10px;
  }
  #edit-timeline-event-modal {
    max-width: 100%;
    width: 100%;
  }
  #edit-timeline-event-modal button.btn.btn-outline-danger.pull-left {
    display: none;
  }
  #edit-timeline-event-modal div[style="margin-top:40px;"] {
    margin: 0 !important;
  }
  #edit-timeline-event-modal #healing-period-section,
  #edit-timeline-event-modal #price-section {
    background: #fff;
  }
  #edit-timeline-event-modal #healing-period-section .row,
  #edit-timeline-event-modal #price-section .row {
    margin: 0 !important;
    padding: 10px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #edit-timeline-event-modal .textarea-wrapper {
    padding: 10px;
    background: #fff;
  }
  #edit-timeline-event-modal .textarea-wrapper label {
    display: none;
  }
  #edit-timeline-event-modal .textarea-wrapper textarea {
    max-width: 100% !important;
    border: none;
    box-shadow: none;
  }
  #new-status-tab .input-group-btn {
    display: block;
  }
  #new-status-tab .input-group-btn button.btn.btn-white-md.new-style-btn {
    margin: 0 auto;
  }
  #anamnesis-page-modal {
    overflow-y: hidden;
  }
  #anamnesis-page-modal .col-sm-6,
  #anamnesis-page-modal .col-xs-12,
  #anamnesis-page-modal .modal-body.grey-bg {
    padding: 0;
  }
  #anamnesis-page-modal .col-sm-6.right-side {
    display: none;
  }
  #anamnesis-page-modal .form-group {
    margin-top: 0 !important;
    margin: 0;
  }
  #anamnesis-page-modal .form-group label {
    font-size: 12px;
    color: #6b808c;
  }
  #anamnesis-page-modal .panel.panel-default {
    border: none;
    border-radius: 0;
    margin: 0;
  }
  #anamnesis-page-modal .panel-body {
    padding: 0 12px;
  }
  #timeline-events .info-box {
    margin-right: 0 !important;
  }
  #small-book-time-modal.create-event-style .modal-body {
    padding-top: 0;
  }
  #small-book-time-modal.create-event-style .patient-info-section {
    margin-top: -15px;
    margin-bottom: -15px;
  }
  #small-book-time-modal.create-event-style .patient-info-section tr:nth-child(3) td {
    border-bottom: none;
  }
  #small-book-time-modal.create-event-style .panel.panel-default.white-bg {
    margin-bottom: 0;
  }
  #small-book-time-modal.create-event-style .appointment-details .row:not(.note-wrapper) {
    display: flex;
    align-items: center;
  }
  #small-book-time-modal.create-event-style #input-starttime,
  #small-book-time-modal.create-event-style #input-endtime {
    color: #16394d !important;
    background-color: #eaeef0 !important;
    box-shadow: none;
    border: none;
    height: 30px;
    border-radius: 4px;
  }
  .subscription-panel-body {
    height: auto;
  }
  #edit-simple-event-modal.modal {
    height: 100vh;
    overflow: hidden;
  }
  #edit-simple-event-modal.modal .modal-dialog {
    max-width: 100% !important;
  }
  #edit-simple-event-modal.modal .modal-body {
    max-height: auto;
    height: auto;
    overflow-y: auto !important;
  }
  #edit-simple-event-modal.modal .modal-footer #save-edited-event-btn {
    color: #fff !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    right: 15px;
    top: 10px;
    position: absolute;
  }
  #edit-simple-event-modal.modal #edit-recurring-select {
    color: #16394d !important;
    background-color: #eaeef0 !important;
    box-shadow: none;
    border: none;
    height: 30px !important;
    border-radius: 4px;
    padding-left: 10px !important;
  }
  #save-recurring-simple-event-modal,
  #delete-simple-event-modal {
    background: #fff;
  }
  #save-recurring-simple-event-modal .close,
  #delete-simple-event-modal .close {
    display: none;
  }
  div#small-book-time-modal.create-event-style.adding-event .modal-dialog.modal-400 {
    max-width: 100% !important;
    transform: translateX(0) !important;
  }
  #small-book-time-modal.create-event-style div#book-time-section #add-new-event-btn {
    color: #fff !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    right: 15px;
    top: 10px;
    position: absolute;
  }
  #small-book-time-modal.create-event-style div#book-time-section .modal-header {
    height: 55px;
  }
  #small-book-time-modal.create-event-style div#book-time-section .modal-body {
    padding-top: 58px;
  }
  #small-book-time-modal.create-event-style div#book-time-section .modal-body.event .panel {
    padding: 15px 30px;
  }
  #small-book-time-modal.create-event-style div#book-time-section .modal-body.event .panel .col-xs-8 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #small-book-time-modal.create-event-style div#book-time-section .modal-body.event .panel #recurring-select,
  #small-book-time-modal.create-event-style div#book-time-section .modal-body.event .panel #event-input-dentist {
    color: #16394d !important;
    background-color: #eaeef0 !important;
    box-shadow: none;
    border: none;
    height: 30px !important;
    border-radius: 4px;
    padding-left: 10px !important;
  }
  #small-book-time-modal.create-event-style div#book-time-section .modal-body.event .panel .note-wrapper .appiontment-title {
    width: 33.3% !important;
    font-size: 14px !important;
    font-weight: 100 !important;
    text-align: left !important;
    padding-left: 0 !important;
    color: #16394d !important;
  }
  #small-book-time-modal.create-event-style div#book-time-section .modal-body.event #event-title {
    margin-bottom: 16px;
  }
  #small-book-time-modal.create-event-style div#book-time-section .modal-header .modal-title {
    position: absolute;
    top: 55px;
    z-index: 1;
    background: #fff;
    color: #212b36;
    width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #small-book-time-modal.create-event-style div#book-time-section .modal-header .modal-title span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #small-book-time-modal.create-event-style div#book-time-section .modal-header .modal-title:first-child {
    left: 0;
  }
  #small-book-time-modal.create-event-style div#book-time-section .modal-header .modal-title:last-child {
    right: 0;
  }
  .patients-content .patients-filter {
    display: none;
  }
  .patients-content .patients-data {
    width: 100%;
  }
}
@media screen and (min-width: 351px) and (max-width: 375px) {
  #add-patient-section iframe {
    height: 93vh !important;
  }
}
@media screen and (max-width: 350px) {
  #add-patient-section iframe {
    height: 91vh !important;
  }
}
@media screen and (min-width: 800px) and (max-width: 1370px) and (max-height: 800px) {
  #anamnesis-page-modal .col-sm-6.left-side .panel-body {
    padding-bottom: 15px;
  }
  #anamnesis-page-modal .form-group.side-by-side {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
  }
  #anamnesis-page-modal .form-group.side-by-side label {
    margin-right: 15px;
  }
  #anamnesis-page-modal .form-group.side-by-side tags-input,
  #anamnesis-page-modal .form-group.side-by-side select,
  #anamnesis-page-modal .form-group.side-by-side input.form-control {
    max-width: 70%;
    width: 100%;
  }
  #anamnesis-page-modal md-radio-group {
    display: flex;
  }
  #anamnesis-page-modal md-radio-group md-radio-button:first-child {
    margin-right: 15px;
  }
  #anamnesis-page-modal .panel-heading {
    margin-bottom: 10px;
  }
  #anamnesis-page-modal .right-side .panel-heading {
    padding-left: 15px;
  }
  #attachments-page-modal .modal-body,
  #anamnesis-page-modal .modal-body {
    padding: 0;
  }
  #attachments-page-modal .flex-between.desktop-only,
  #anamnesis-page-modal .flex-between.desktop-only {
    margin: 15px 0 !important;
  }
  #attachments-page-modal .panel-body,
  #anamnesis-page-modal .panel-body {
    padding: 0 15px;
  }
  #attachments-page-modal .form-group,
  #anamnesis-page-modal .form-group {
    margin-bottom: 0;
    margin-top: 0 !important;
  }
  #treatmentplans-page-modal div[style="margin: 30px 0"] {
    margin: 0 !important;
  }
  #treatmentplans-page-modal .patientinfo-header.col-xs-12 {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding: 0;
    float: none;
    margin: 0 0 15px;
  }
  .col-sm-12.new-timeline-layout.patient-blade-page {
    float: none;
    margin: 0 auto;
  }
  #treatmentplan-quickview-modal .panel {
    margin-bottom: 10px;
  }
  #treatmentplan-quickview-modal .panel .panel-body {
    padding: 0;
  }
  #treatmentplan-quickview-modal .panel .table {
    margin-bottom: 10px;
  }
  #treatmentplan-quickview-modal .quickview-section {
    margin-top: 10px;
  }
  .tp-quickview-timeline-design .total-price-section {
    padding-top: 0;
    margin-bottom: 0;
  }
  #attachments-page-modal .panel {
    margin-bottom: 10px;
  }
  #attachments-page-modal .modal-content {
    height: calc(100vh - 90px) !important;
    max-height: calc(100vh - 90px) !important;
  }
  #attachments-page-modal .modal-content .modal-body {
    height: calc(100vh - 148px) !important;
    max-height: calc(100vh - 148px) !important;
  }
  #attachments-page-modal .modal-content .modal-footer {
    display: none;
  }
  #attachments-page-modal .attachment-card {
    margin-bottom: 0;
    padding: 10px 0 !important;
  }
  #attachments-page-modal .attachment-card img {
    margin: 5px;
  }
  #quickview-invoice-modal .modal-content .modal-body {
    height: calc(100vh - 90px) !important;
    max-height: calc(100vh - 90px) !important;
  }
  #quickview-invoice-modal .modal-content .modal-footer {
    display: none;
  }
  #browse-conditions-modal-timeline .modal-body .step-one {
    margin: 0 !important;
  }
  #browse-conditions-modal-timeline .modal-body .step-one .row {
    margin-right: 0;
    margin-left: 0;
  }
  #browse-conditions-modal-timeline .modal-body .data-row {
    margin-left: 0;
  }
  #browse-conditions-modal-timeline .modal-footer {
    padding: 15px;
  }
}
#treatmentplan-controller #actions-section,
.new-timeline-layout #actions-section {
  display: none;
}

.user-permissions-v2 {
  font-size: 14px;
  font-weight: normal;
}
.user-permissions-v2 .switch {
  margin: 0 10px 0 0;
}
.user-permissions-v2 .user-permissions-checklist .title {
  padding-top: 20px;
}
.user-permissions-v2 .user-permissions-checklist ul.checklist {
  padding: 0;
  margin: 0;
  list-style: none;
}
.user-permissions-v2 .user-permissions-checklist ul.checklist li {
  padding-bottom: 10px;
}
.user-permissions-v2 .user-permissions-checklist.closed {
  display: none;
}

[data-md-tooltip] {
  position: relative;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
[data-md-tooltip]:before {
  content: attr(data-md-tooltip);
  position: absolute;
  bottom: 20px;
  left: 50%;
  padding: 6px;
  transform: translateX(-50%) scale(0);
  transition: transform 0.1s ease-in-out;
  transform-origin: bottom;
  background: #616161;
  color: white;
  border-radius: 2px;
  font-size: 10px;
  font-family: "Muli", sans-serif;
  font-weight: 400;
  white-space: nowrap;
  opacity: 0.85;
  z-index: 10;
}
[data-md-tooltip]:hover:before {
  transform: translateX(-50%) scale(1);
}

md-tooltip.multiline {
  max-width: 400px;
  height: auto;
}
md-tooltip.multiline .md-content {
  height: auto;
  width: 400px;
  max-width: 400px;
  padding: 8px;
  line-height: 1.5;
  white-space: initial;
}

.x-edit-button {
  margin-left: 5px;
  color: #5967c2;
}

.recall-edit-container {
  max-width: 550px;
  margin-bottom: 40px;
}
.recall-edit-container .buttons .save {
  margin-left: 15px;
}
.recall-edit-container .buttons .btn-danger {
  background: #ff7a59;
}
.recall-edit-container .selected-treatments-list .row {
  padding: 15px 0 15px 0px;
  border-bottom: 1px solid #e5e5e5;
  margin-left: 0;
}
.recall-edit-container .selected-treatments-list .row .title {
  float: left;
  width: 90%;
}
.recall-edit-container .selected-treatments-list .row .has-healing-period-error {
  color: red;
  float: left;
}
.recall-edit-container .selected-treatments-list .row .remove {
  float: right;
  padding-right: 15px;
  text-decoration: none;
  color: #94a1ad;
}
.recall-edit-container .input-group .input-group-btn {
  left: -2px;
}
.recall-edit-container md-radio-group .info {
  position: absolute;
  left: 490px;
  top: 0;
  width: 100%;
  white-space: nowrap;
}
.recall-edit-container .before-dd {
  margin-top: 20px;
}
.recall-edit-container .before-dd .text {
  margin-top: 9px;
  padding-left: 0;
}
.recall-edit-container .panel-default > .panel-heading {
  padding-left: 15px;
}

.recall-statuses .badge {
  line-height: 30px;
  border-radius: 15px;
  padding: 0 15px;
  margin-right: 25px;
  color: #4a4a4a;
  font-size: 14px;
}
.recall-statuses .badge .x-edit-button {
  float: right;
  margin-left: 12px;
}
.recall-statuses .badge .x-edit-button i {
  font-size: 18px;
  position: relative;
  top: 2px;
}
.recall-statuses .badge.unbooked {
  background: #fdc393;
}
.recall-statuses .badge.booked {
  background: #b8e986;
}
.recall-statuses .badge.completed {
  background: #bfbfbf;
}
.recall-statuses .badge.skipped {
  background: #f8e71c;
}
.recall-statuses .badge.missed {
  background: #ff4f65;
}
.recall-statuses .select-container {
  position: relative;
}
.recall-statuses .select-container select.badge {
  -webkit-appearance: none;
  height: 30px;
  border: 0;
  margin-right: 0;
  width: 130px;
}
.recall-statuses .select-container select.badge.color-0 {
  background: #fdc393;
}
.recall-statuses .select-container select.badge.color-1 {
  background: #b8e986;
}
.recall-statuses .select-container select.badge.color-2 {
  background: #bfbfbf;
}
.recall-statuses .select-container select.badge.color-3 {
  background: #f8e71c;
}
.recall-statuses .select-container select.badge.color-4 {
  background: #ff4f65;
}
.recall-statuses .select-container i {
  position: relative;
  right: 25px;
  font-size: 20px;
  top: 3px;
  pointer-events: none;
}
.recall-statuses.panel {
  margin-bottom: 35px;
}
.recall-statuses.panel .panel-heading {
  padding: 15px 25px 20px;
}
.recall-statuses.panel .panel-body {
  padding: 0px 25px 25px;
}

.settings-recalls-table .badge {
  line-height: 29px;
  background: #d8d8d8;
  color: #32475c;
  padding: 0 12px;
  border-radius: 15px;
}

#recalls-page .headtitle-wrapper,
#lists-controller .headtitle-wrapper {
  clear: both;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
}
#recalls-page .headtitle-wrapper .flex-wrapper,
#lists-controller .headtitle-wrapper .flex-wrapper {
  border-bottom: 1px solid rgba(151, 151, 151, 0.3);
  clear: both;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
#recalls-page .headtitle-wrapper button.btn.btn-purple.form-control.main-patient-selector-item.desktop-only,
#lists-controller .headtitle-wrapper button.btn.btn-purple.form-control.main-patient-selector-item.desktop-only {
  margin-right: 0;
}
#recalls-page .headtitle-wrapper .col-sm-2,
#recalls-page .headtitle-wrapper .col-sm-10,
#lists-controller .headtitle-wrapper .col-sm-2,
#lists-controller .headtitle-wrapper .col-sm-10 {
  padding: 0;
  width: auto;
}
#recalls-page .headtitle-wrapper .main-patient-selector-block,
#lists-controller .headtitle-wrapper .main-patient-selector-block {
  margin-top: 25px !important;
  margin-bottom: 37px !important;
}
#recalls-page .headtitle-wrapper .print-btn,
#lists-controller .headtitle-wrapper .print-btn {
  margin-left: 10px;
}
#recalls-page .recalls-table tr td,
#lists-controller .recalls-table tr td {
  word-break: break-word;
}
#recalls-page .recalls-table .recall-statuses .select-container,
#lists-controller .recalls-table .recall-statuses .select-container {
  width: 130px;
}
#recalls-page .recalls-table .recall-statuses .select-container i,
#lists-controller .recalls-table .recall-statuses .select-container i {
  position: absolute;
  right: 12px;
  top: 5px;
}

.status-badge {
  position: relative;
}
.status-badge .status-badge-color {
  -webkit-appearance: none;
  height: 20px;
  border: 0;
  border-radius: 10px;
  margin-right: 0;
  width: 100%;
  text-align: center;
  display: block;
}
.status-badge .status-badge-color.color-0 {
  background: #fdc393;
}
.status-badge .status-badge-color.color-1 {
  background: #b8e986;
}
.status-badge .status-badge-color.color-2 {
  background: #bfbfbf;
}
.status-badge .status-badge-color.color-3 {
  background: #f8e71c;
}
.status-badge .status-badge-color.color-4 {
  background: #ff4f65;
}

.sms-table tr td {
  vertical-align: middle !important;
}

.edit-recall-modal .switch {
  margin-left: 0;
}
.edit-recall-modal .help-block.mb0 {
  margin-bottom: 0;
}

.recalls-sidebar-filter {
  text-align: left;
}

.color-red {
  color: #d0021b;
}

.editrecall-modal-wrapper {
  z-index: 1100 !important;
}
.editrecall-modal-wrapper .modal-dialog.modal-editrecall {
  width: 426px;
}
.editrecall-modal-wrapper .modal-dialog.modal-editrecall .row.email-date .col-sm-2.form-group {
  padding-right: 7px;
  margin-left: 40px;
}
.editrecall-modal-wrapper .modal-dialog.modal-editrecall .row.email-date .col-sm-2.form-group input {
  padding: 6px 0 !important;
  text-align: center;
}
.editrecall-modal-wrapper .modal-dialog.modal-editrecall .row.email-date .col-sm-3 {
  padding-left: 0;
}
.editrecall-modal-wrapper .modal-dialog.modal-editrecall .switch {
  margin-right: 3px;
}
.editrecall-modal-wrapper .modal-dialog.modal-editrecall .modal-body label {
  padding-top: 0;
}

#appointments-page-modal .nav-tabs.main {
  border-bottom: 0;
}
#appointments-page-modal .nav-tabs.main > li.active > p,
#appointments-page-modal .nav-tabs.main > li > p {
  font-size: 20px;
  padding-bottom: 15px;
}
#appointments-page-modal .nav-tabs.main > li > p::after {
  border-bottom: 6px solid #5c6ac4;
}
#appointments-page-modal .recalls table th.patient,
#appointments-page-modal .recalls table td.patient {
  padding-left: 55px;
}
#appointments-page-modal .recalls table th.status,
#appointments-page-modal .recalls table td.status {
  text-align: right;
  padding-right: 20px;
}
#appointments-page-modal .recalls table th.recall-statuses,
#appointments-page-modal .recalls table td.recall-statuses {
  text-align: right;
  padding-right: 10px;
}
#appointments-page-modal .recalls table th.recall-statuses .select-container,
#appointments-page-modal .recalls table td.recall-statuses .select-container {
  margin-right: -15px;
}
#appointments-page-modal .recalls table th.actions,
#appointments-page-modal .recalls table td.actions {
  text-align: right;
  padding-right: 15px;
}
#appointments-page-modal .center-block {
  text-align: center;
  padding-top: 30px;
}

.modal-treatment-selector .modal-body {
  height: calc(90vh - 125px);
  overflow: auto;
}
.modal-treatment-selector .modal-body .lh30 {
  line-height: 30px;
}
.modal-treatment-selector .modal-body .lh30.price {
  white-space: nowrap;
}

#activity-editor-modal .overlay-grey {
  height: 100% !important;
}
#activity-editor-modal .modal-dialog {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 800px;
  max-width: 100%;
}
#activity-editor-modal .modal-dialog .modal-body {
  padding: 15px 30px !important;
}

.fc-time-grid-event .fc-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 17px;
}
.fc-time-grid-event .fc-description {
  position: absolute;
  top: 38px;
  left: 0;
  right: 0;
  bottom: 10px;
  overflow: hidden;
}

.appointment-details .reminder-email {
  margin: 0;
}
.appointment-details .reminder-email .md-container {
  margin-right: 0;
}
.appointment-details .reminder-sms {
  margin: 0;
}
.appointment-details .reminder-sms .md-container {
  margin-right: 0;
}

.xday-before {
  color: #919eab;
  font-size: 12px;
}

.lh34 {
  line-height: 34px;
}

div#small-book-time-modal.create-event-style .modal-dialog.modal-400 {
  transition: none !important;
}

div#small-book-time-modal.create-event-style.adding-event .modal-dialog.modal-400 {
  max-width: 385px;
}

div#small-book-time-modal.event-editing div#book-time-section .tab-switcher {
  display: none !important;
}

div#small-book-time-modal.event-editing div#book-time-section .event {
  display: none;
}

div#small-book-time-modal.create-event-style div#book-time-section .event {
  display: none;
}
div#small-book-time-modal.create-event-style div#book-time-section.adding-event .book {
  display: none;
}
div#small-book-time-modal.create-event-style div#book-time-section.adding-event .event {
  display: block;
}
div#small-book-time-modal.create-event-style div#book-time-section.adding-appointment .book {
  display: block;
}
div#small-book-time-modal.create-event-style div#book-time-section.adding-appointment .event {
  display: none;
}
div#small-book-time-modal.create-event-style div#book-time-section .modal-header {
  padding: 0 30px;
  padding-left: 0;
}
div#small-book-time-modal.create-event-style div#book-time-section .modal-header .modal-title {
  padding: 15px;
  cursor: pointer;
}
div#small-book-time-modal.create-event-style div#book-time-section .modal-header .modal-title.current-tab {
  border-bottom: 4px solid #6270c6;
}
div#small-book-time-modal.create-event-style div#book-time-section .modal-body.event .panel {
  width: 100%;
  background-color: transparent;
  border: none;
  box-shadow: none;
}
div#small-book-time-modal.create-event-style div#book-time-section .modal-body.event .note-wrapper {
  display: flex;
  justify-content: center;
}
div#small-book-time-modal.create-event-style div#book-time-section .modal-body.event .note-wrapper .appiontment-title {
  color: #919eab !important;
  font-size: 12px !important;
  padding-right: 10px !important;
  width: 20%;
  text-align: right;
  margin-bottom: 0;
}
div#small-book-time-modal.create-event-style div#book-time-section .modal-body.event .note-wrapper .date-line,
div#small-book-time-modal.create-event-style div#book-time-section .modal-body.event .note-wrapper textarea {
  width: 80% !important;
}
div#small-book-time-modal.create-event-style div#book-time-section .modal-body.event .note-wrapper .date-line {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: rgba(211, 210, 210, 0.3);
  padding: 4px 8px;
}
div#small-book-time-modal.create-event-style div#book-time-section .modal-body.event .note-wrapper .date-line input {
  border: none;
  border-radius: 0;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent;
}
div#small-book-time-modal.create-event-style div#book-time-section .modal-body.event .note-wrapper .date-line input.datepicker {
  width: 75px;
}
div#small-book-time-modal.create-event-style div#book-time-section .modal-body.event .note-wrapper .date-line input.input-time {
  width: 35px;
}
div#small-book-time-modal.create-event-style div#book-time-section .modal-body.event .note-wrapper .date-line input#event-end {
  margin-right: 8px !important;
}
div#small-book-time-modal.create-event-style div#book-time-section .modal-body.event .note-wrapper .date-line input#event-date {
  margin-right: 5px !important;
}
div#small-book-time-modal.create-event-style div#book-time-section .modal-body.event select {
  -webkit-appearance: none; /*Removes default chrome and safari style*/
  -moz-appearance: none; /*Removes default style Firefox*/
  text-align: left !important;
  -moz-text-align-last: left !important;
       text-align-last: left !important;
  color: #212b36 !important;
  padding-left: 0 !important;
  height: auto !important;
  line-height: 1 !important;
  background: #f4f6f8 !important;
  border: none !important;
}
div#small-book-time-modal.create-event-style div#book-time-section .modal-body.event #recurring-select {
  background: #eaeaed !important;
  padding: 4px 20px 4px 8px !important;
}
div#small-book-time-modal.create-event-style div#book-time-section .modal-body.event input.error {
  border-color: red;
}
div#small-book-time-modal.create-event-style div#book-time-section .modal-body.event .days-line {
  display: none;
}
div#small-book-time-modal.create-event-style div#book-time-section .modal-body.event .days-line span {
  border-radius: 3px;
  background: #fff;
  border: 1px solid #c4cdd5;
  margin-right: 1px;
  padding: 6px 12px;
  cursor: pointer;
}
div#small-book-time-modal.create-event-style div#book-time-section .modal-body.event .days-line input {
  display: none;
}
div#small-book-time-modal.create-event-style div#book-time-section .modal-body.event .days-line input:checked + span {
  background: #4f5dba;
  border-color: #4f5dba;
  color: #fff;
}
div#small-book-time-modal.create-event-style div#book-time-section .modal-footer.event {
  padding: 15px;
}

#edit-simple-event-modal .panel-heading,
#edit-simple-event-modal .panel.panel-default {
  border: none;
  box-shadow: none;
  margin-bottom: 0 !important;
  background: #f4f6f8 !important;
}
#edit-simple-event-modal .panel-heading {
  color: #16394d;
  font-weight: bold;
  font-size: 14px;
  padding: 0;
}
#edit-simple-event-modal .panel-heading img {
  margin-right: 10px;
}
#edit-simple-event-modal .modal-dialog {
  max-width: 385px !important;
  width: 100% !important;
}
#edit-simple-event-modal .modal-body {
  height: auto !important;
  padding: 15px 25px;
  background: #f4f6f8 !important;
}
#edit-simple-event-modal .modal-body #event-details-section {
  width: 100%;
}
#edit-simple-event-modal .modal-body #event-actions-section {
  padding: 0;
  width: 100%;
}
#edit-simple-event-modal .modal-body .note-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
#edit-simple-event-modal .modal-body .note-wrapper .col-xs-4 {
  color: #919eab !important;
  font-size: 12px !important;
  padding-right: 10px !important;
  width: 20% !important;
  font-weight: 400;
  text-align: right;
  float: none;
  padding-left: 0;
  margin: 0;
}
#edit-simple-event-modal .modal-body .note-wrapper .col-xs-8 {
  padding: 0 !important;
  width: 100%;
}
#edit-simple-event-modal .modal-body .date-line,
#edit-simple-event-modal .modal-body textarea {
  flex: 1;
}
#edit-simple-event-modal .modal-body .date-line {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: rgba(211, 210, 210, 0.3);
  padding: 4px 8px;
}
#edit-simple-event-modal .modal-body .date-line input {
  border: none;
  border-radius: 0;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent;
}
#edit-simple-event-modal .modal-body .date-line input.datepicker {
  width: 75px;
}
#edit-simple-event-modal .modal-body .date-line input.input-time {
  width: 35px;
}
#edit-simple-event-modal .modal-body .date-line input#edited-event-end {
  margin-right: 8px !important;
}
#edit-simple-event-modal .modal-body .date-line input#edited-event-date {
  margin-right: 5px !important;
}
#edit-simple-event-modal .days-line {
  display: none;
}
#edit-simple-event-modal .days-line span {
  border-radius: 3px;
  background: #fff;
  border: 1px solid #c4cdd5;
  margin-right: 1px;
  padding: 6px 12px;
  cursor: pointer;
}
#edit-simple-event-modal .days-line input {
  display: none;
}
#edit-simple-event-modal .days-line input:checked + span {
  background: #4f5dba;
  border-color: #4f5dba;
  color: #fff;
}
#edit-simple-event-modal select {
  -webkit-appearance: none; /*Removes default chrome and safari style*/
  -moz-appearance: none; /*Removes default style Firefox*/
  text-align: left !important;
  -moz-text-align-last: left !important;
       text-align-last: left !important;
  color: #212b36 !important;
  padding-left: 0 !important;
  height: auto !important;
  line-height: 1 !important;
  background: #f4f6f8 !important;
  border: none !important;
}
#edit-simple-event-modal #edit-recurring-select {
  background: #eaeaed !important;
  padding: 4px 20px 4px 8px !important;
}
#edit-simple-event-modal .delete-mod-switch label,
#edit-simple-event-modal .mod-switch label {
  display: block;
}
#edit-simple-event-modal .delete-mod-switch label input,
#edit-simple-event-modal .mod-switch label input {
  margin-right: 12px;
}
#edit-simple-event-modal #delete-simple-event {
  color: #637381;
  font-size: 12px;
  text-decoration: underline;
  cursor: pointer;
}

#save-recurring-simple-event-modal .edit-mod-switch label,
#save-recurring-simple-event-modal .delete-mod-switch label,
#delete-simple-event-modal .edit-mod-switch label,
#delete-simple-event-modal .delete-mod-switch label {
  display: block;
}
#save-recurring-simple-event-modal .edit-mod-switch label input,
#save-recurring-simple-event-modal .delete-mod-switch label input,
#delete-simple-event-modal .edit-mod-switch label input,
#delete-simple-event-modal .delete-mod-switch label input {
  margin-right: 12px;
}

a.fc-time-grid-event.fc-v-event.fc-event.fc-start.fc-end.fc-draggable.fc-resizable.simple-event .fc-resizer {
  display: none !important;
}

.pointer-event {
  pointer-events: none;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.error-layout {
  padding: 50px 0;
  font-weight: 500;
  font-size: 20px;
}
.error-layout .container-fluid {
  max-width: 900px;
}
.error-layout p {
  margin-bottom: 25px;
}
.error-layout .row-2 {
  padding-top: 70px;
}

.custom-select-container {
  position: relative;
}
.custom-select-container .custom-select-input:focus ~ .custom-select {
  display: block;
}
.custom-select-container .custom-select {
  display: none;
  background-color: white;
  position: absolute;
  border-radius: 3px;
  border: 1px solid #dddddd;
  z-index: 1;
  padding: 5px 10px 0 10px;
}
.custom-select-container .custom-select:hover {
  display: block;
}
.custom-select-container .custom-select div {
  padding-bottom: 5px;
}
.custom-select-container .custom-select div:hover {
  opacity: 0.8;
}

.gs-container {
  width: 100%;
  min-height: calc(100vh - 42px);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.gs-container .first-card {
  margin-top: 4rem;
}
.gs-container .card {
  display: flex;
  max-width: 900px;
  width: 100%;
  align-items: flex-start;
  padding: 3rem;
  background: #ffffff;
  border: 1px solid #dddddd;
  box-sizing: border-box;
  box-shadow: 0px 2px 4px rgba(207, 205, 205, 0.5);
  border-radius: 8px;
}
.gs-container .card .title {
  font-weight: bold;
  font-size: 20px;
  color: #32475c;
  margin: 0;
  margin-bottom: 20px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
.gs-container .card .wrapper {
  display: flex;
}
.gs-container .card .wrapper .video-container {
  margin-right: 3rem;
}
.gs-container .card .wrapper .video-container .yt-video {
  width: 390px;
  height: 254px;
}
.gs-container .card .wrapper .description {
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
  color: #32475c;
  text-align: left;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  margin-bottom: 60px;
}
.gs-container .card .wrapper .appointment-button {
  width: 290px;
  height: 48px;
  border: 1px solid #32475c;
  border-radius: 5px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: #32475c;
  background: #ffffff;
}
.gs-container .card .wrapper .appointment-button:hover {
  background: #f1f1f1;
}
.gs-container .card .title-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 20px;
}
.gs-container .card .title-container .title {
  margin: 0;
}
.gs-container .card .title-container .gs-progress-bar-container {
  display: flex;
  align-items: flex-end;
}
.gs-container .card .title-container .gs-progress-bar-container .percentage {
  font-weight: 300;
  font-size: 14px;
  text-align: center;
  color: #32475c;
  margin: 0;
  margin-right: 1rem;
}
.gs-container .card .title-container .gs-progress-bar-container .progress {
  width: 120px;
  height: 14px;
  background: #f5f7f9;
  border-radius: 8px;
  margin: 0;
  margin-right: 2rem;
  margin-bottom: 3px;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done {
  height: 100%;
  background: #5d6bc5;
  border-radius: 8px;
  margin-bottom: 3px;
  transition: width 1s ease;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-0 {
  width: 0%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-1 {
  width: 1%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-2 {
  width: 2%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-3 {
  width: 3%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-4 {
  width: 4%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-5 {
  width: 5%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-6 {
  width: 6%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-7 {
  width: 7%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-8 {
  width: 8%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-9 {
  width: 9%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-10 {
  width: 10%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-11 {
  width: 11%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-12 {
  width: 12%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-13 {
  width: 13%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-14 {
  width: 14%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-15 {
  width: 15%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-16 {
  width: 16%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-17 {
  width: 17%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-18 {
  width: 18%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-19 {
  width: 19%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-20 {
  width: 20%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-21 {
  width: 21%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-22 {
  width: 22%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-23 {
  width: 23%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-24 {
  width: 24%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-25 {
  width: 25%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-26 {
  width: 26%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-27 {
  width: 27%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-28 {
  width: 28%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-29 {
  width: 29%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-30 {
  width: 30%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-31 {
  width: 31%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-32 {
  width: 32%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-33 {
  width: 33%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-34 {
  width: 34%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-35 {
  width: 35%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-36 {
  width: 36%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-37 {
  width: 37%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-38 {
  width: 38%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-39 {
  width: 39%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-40 {
  width: 40%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-41 {
  width: 41%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-42 {
  width: 42%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-43 {
  width: 43%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-44 {
  width: 44%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-45 {
  width: 45%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-46 {
  width: 46%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-47 {
  width: 47%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-48 {
  width: 48%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-49 {
  width: 49%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-50 {
  width: 50%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-51 {
  width: 51%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-52 {
  width: 52%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-53 {
  width: 53%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-54 {
  width: 54%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-55 {
  width: 55%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-56 {
  width: 56%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-57 {
  width: 57%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-58 {
  width: 58%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-59 {
  width: 59%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-60 {
  width: 60%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-61 {
  width: 61%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-62 {
  width: 62%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-63 {
  width: 63%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-64 {
  width: 64%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-65 {
  width: 65%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-66 {
  width: 66%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-67 {
  width: 67%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-68 {
  width: 68%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-69 {
  width: 69%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-70 {
  width: 70%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-71 {
  width: 71%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-72 {
  width: 72%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-73 {
  width: 73%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-74 {
  width: 74%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-75 {
  width: 75%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-76 {
  width: 76%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-77 {
  width: 77%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-78 {
  width: 78%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-79 {
  width: 79%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-80 {
  width: 80%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-81 {
  width: 81%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-82 {
  width: 82%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-83 {
  width: 83%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-84 {
  width: 84%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-85 {
  width: 85%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-86 {
  width: 86%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-87 {
  width: 87%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-88 {
  width: 88%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-89 {
  width: 89%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-90 {
  width: 90%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-91 {
  width: 91%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-92 {
  width: 92%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-93 {
  width: 93%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-94 {
  width: 94%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-95 {
  width: 95%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-96 {
  width: 96%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-97 {
  width: 97%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-98 {
  width: 98%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-99 {
  width: 99%;
}
.gs-container .card .title-container .gs-progress-bar-container .progress .progress-done.w-100 {
  width: 100%;
}
.gs-container .card .gs-list {
  list-style: none;
  width: 100%;
  padding: 0;
  margin: 0;
}
.gs-container .card .gs-list .gs-list-element:last-of-type {
  margin-bottom: 0;
}
.gs-container .card .gs-list .gs-list-element {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.gs-container .card .gs-list .gs-list-element .icon {
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gs-container .card .gs-list .gs-list-element .disabled {
  opacity: 0.3;
}
.gs-container .card .gs-list .gs-list-element .list-done {
  background: #f9f9fa;
  border: 1px solid #f9f9fa !important;
}
.gs-container .card .gs-list .gs-list-element .list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border: 1px solid #dddddd;
  border-radius: 6px;
  padding: 1rem 2rem;
}
.gs-container .card .gs-list .gs-list-element .list .list-container {
  display: flex;
  align-items: center;
}
.gs-container .card .gs-list .gs-list-element .list .list-container .list-number {
  font-weight: bold;
  font-size: 20px;
  color: #5d6bc5;
  margin: 0;
  margin-right: 1rem;
}
.gs-container .card .gs-list .gs-list-element .list .list-container .list-description {
  font-size: 16px;
  line-height: 19px;
  color: #32475c;
  margin: 0;
  margin-right: 1rem;
}
@keyframes strike {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.gs-container .card .gs-list .gs-list-element .list .list-container .strike {
  position: relative;
}
.gs-container .card .gs-list .gs-list-element .list .list-container .strike::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: black;
  animation-name: strike;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
.gs-container .card .gs-list .gs-list-element .list .list-container .list-time {
  font-weight: 300;
  font-size: 14px;
  color: #32475c;
  margin: 0;
  margin-right: 1rem;
}
.gs-container .card .gs-list .gs-list-element .list .list-container .list-link {
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.gs-container .card .gs-list .gs-list-element .list .list-container .list-link:hover {
  transform: scale(1.1);
}
.gs-container .card .gs-list .gs-list-element .list .skip-button {
  border: none;
  color: #6270c6;
  font-size: 16px;
  margin-right: 1rem;
  background: #ffffff;
}
.gs-container .card .gs-list .gs-list-element .list .set-button {
  width: 121px;
  height: 36px;
  border: none;
  background-color: #4f5dba;
  color: #ffffff;
  font-size: 16px;
  border-radius: 18px;
}
.gs-container .card .gs-list .gs-list-element .list .set-button:hover {
  background-color: #5665c5;
}
.gs-container .card .gs-list .gs-list-element .list .reset-button {
  width: 121px;
  height: 36px;
  border: none;
  background-color: #dfe5eb;
  color: #5c6ac4;
  font-size: 16px;
  border-radius: 18px;
}
.gs-container .function-card {
  padding: 3rem 0rem 0rem 0rem;
}
.gs-container .function-card .function-title-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-bottom: 1px solid #e1e3e5;
}
.gs-container .function-card .function-title-container .title {
  margin: 0rem 3rem 1rem 3rem;
}
.gs-container .function-card .function-title-container .description {
  font-weight: 300;
  font-size: 16px;
  color: #32475c;
  text-align: left;
  margin: 0rem 3rem 2rem 3rem;
}
.gs-container .function-card .function-container {
  display: flex;
  padding: 2.5rem 3rem;
  border-bottom: 1px solid #e1e3e5;
}
.gs-container .function-card .function-container .video-container {
  margin-right: 2.5rem;
}
.gs-container .function-card .function-container .video-container .missing-video {
  width: 236px;
  height: 154px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gs-container .function-card .function-container .video-container .missing-video p {
  font-size: 16px;
  color: #32475c;
}
.gs-container .function-card .function-container .description-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.gs-container .function-card .function-container .description-container .titles-wrapper .titles {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 1.5rem;
}
.gs-container .function-card .function-container .description-container .titles-wrapper .titles .title {
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  color: #32475c;
  margin-bottom: 0;
  margin-right: 1.5rem;
}
.gs-container .function-card .function-container .description-container .titles-wrapper .titles .video-length {
  font-weight: 900;
  font-size: 14px;
  color: #32475c;
  margin-bottom: 0;
  padding-top: 5px;
}
.gs-container .function-card .function-container .description-container .titles-wrapper .description {
  text-align: left;
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
  color: #32475c;
}
.gs-container .function-card .function-container .description-container .function-link {
  font-size: 16px;
  text-decoration-line: underline;
  color: #5f6dc6;
  text-align: left;
}
.gs-container .dont-show-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.gs-container .dont-show-container .dont-show-message {
  margin-bottom: 3rem;
  font-size: 16px;
  text-align: center;
  text-decoration-line: underline;
  color: #32475c;
}
.gs-container .gs-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
}
.gs-container .gs-modal .popup {
  width: 390px;
  height: 189px;
  padding: 1.5rem;
}
.gs-container .gs-modal .popup .gs-modal-header {
  width: 100%;
  height: 40px;
  background: #32475c;
  padding: 1rem;
  text-align: left;
}
.gs-container .gs-modal .popup .gs-modal-header .header-title {
  font-size: 14px;
  color: #ffffff;
}
.gs-container .gs-modal .popup .modal-body {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  padding: 1rem;
  width: 100%;
}
.gs-container .gs-modal .popup .modal-body .modal-description {
  font-size: 14px;
  color: #212b36;
  text-align: left;
  margin: 2rem 0;
}
.gs-container .gs-modal .popup .modal-body .modal-buttons {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.gs-container .gs-modal .popup .modal-body .modal-buttons .cancel {
  width: 68px;
  height: 36px;
  border: 1px solid #c4cdd5;
  box-sizing: border-box;
  box-shadow: 0px 1px 0px rgba(22, 29, 37, 0.05);
  border-radius: 3px;
  font-size: 14px;
  text-align: center;
  color: #212b36;
  background: #ffffff;
}
.gs-container .gs-modal .popup .modal-body .modal-buttons .cancel:hover {
  background: #f1f1f1;
}
.gs-container .gs-modal .popup .modal-body .modal-buttons .approve {
  width: 85px;
  height: 36px;
  border: none;
  border-radius: 3px;
  font-size: 14px;
  text-align: center;
  background: #5f6ec6;
  color: #ffffff;
  margin-left: 1rem;
}
.gs-container .gs-modal .popup .modal-body .modal-buttons .approve:hover {
  background: #6c7ddb;
}

.gs-modal-footer {
  background: #f9fafb;
}

@media only screen and (max-width: 792px) {
  .gs-container .card {
    width: 90%;
  }
  .gs-container .card .first-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .gs-container .card .wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .gs-container .card .wrapper .video-container {
    margin-right: 0;
    margin-bottom: 3rem;
  }
  .gs-container .card .wrapper .description {
    margin-bottom: 3rem;
  }
  .gs-container .list {
    flex-direction: column;
  }
  .gs-container .list .list-container {
    width: 100%;
    margin-bottom: 1rem;
    align-items: center;
    justify-content: space-between;
  }
  .gs-container .function-card .function-container {
    flex-direction: column-reverse;
    margin-top: 2rem;
  }
  .gs-container .function-card .function-container .video-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0;
    margin-bottom: 2rem;
  }
  .gs-container .function-card .function-container .description-container .titles-wrapper .titles {
    flex-direction: column;
  }
  .gs-container .function-card .function-container .description-container .titles-wrapper .titles .title {
    margin-right: 0;
  }
  .gs-container .function-card .function-container .description-container .function-link {
    margin-bottom: 1rem;
  }
}
@media only screen and (max-width: 600px) {
  @keyframes strike2 {
    from {
      text-decoration-color: transparent;
    }
    to {
      text-decoration-color: auto;
    }
  }
  .gs-container .list .list-container .strike {
    text-decoration: line-through;
    animation: strike2 1s linear;
  }
  .gs-container .list .list-container .strike::after {
    opacity: 0;
  }
}
@media only screen and (max-width: 500px) {
  .gs-container .card {
    width: 95%;
    padding: 3rem 1rem;
  }
  .gs-container .card .wrapper .video-container {
    margin-right: 0;
  }
  .gs-container .card .wrapper .video-container .yt-video {
    width: 300px;
    height: auto;
  }
  .gs-container .card .title-container {
    flex-direction: column;
  }
  .gs-container .card .title-container .title {
    margin-bottom: 1rem;
  }
  .gs-container .card .gs-list .gs-list-element .icon {
    width: 33px;
    margin-right: 0.5rem;
  }
  .gs-container .card .function-title-container .description {
    margin: 1rem;
  }
  .gs-container .card .function-container {
    padding: 1rem;
  }
}
.lds-ring {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  margin: 20px 0 0 25px;
}

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  border: 8px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}