@charset "utf-8";
@font-face {
  font-family: 'CirceRounded';
  font-weight: normal;
  src: url('/fonts/onlinedoctor/CirceRounded/CRO55__W.eot');
  src: url('/fonts/onlinedoctor/CirceRounded/CRO55__W.eot?#iefix') format('embedded-opentype'), url('/fonts/onlinedoctor/CirceRounded/CRO55__W.woff2') format('woff2'), url('/fonts/onlinedoctor/CirceRounded/CRO55__W.woff') format('woff'), url('/fonts/onlinedoctor/CirceRounded/CRO55__W.ttf') format('truetype');
}
@font-face {
  font-family: 'CirceRounded';
  font-weight: bold;
  src: url('/fonts/onlinedoctor/CirceRounded/3040E3_1_0.eot');
  src: url('/fonts/onlinedoctor/CirceRounded/3040E3_1_0.eot?#iefix') format('embedded-opentype'), url('/fonts/onlinedoctor/CirceRounded/3040E3_1_0.woff2') format('woff2'), url('/fonts/onlinedoctor/CirceRounded/3040E3_1_0.woff') format('woff'), url('/fonts/onlinedoctor/CirceRounded/3040E3_1_0.ttf') format('truetype');
}
/*
Общие переменные
*/
/* 
Файл с общими функциями
*/
/* .transition(all,2s); */
/*
Общие цвета для всех стилей
*/
.avatar-block .medical-thumb {
  position: absolute;
  top: 0;
  background: white;
  border-radius: 50%;
  overflow: hidden;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
  width: 30px;
  height: 30px;
  left: 0;
}
.avatar-block .medical-thumb img {
  max-width: 100%;
}
/* new authorisation promo animation */
@keyframes showInput {
  from {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes showInput {
  from {
    -webkit-transform: translateX(-10px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
    opacity: 1;
  }
}
/*show button in chat*/
@keyframes showButton {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes showButton {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*end show button in chat*/
/* end new authorisation promo animation */
@-webkit-keyframes loader {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes loader {
  0%,
  40%,
  100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
/*animation for action buttons*/
@-webkit-keyframes zoomout {
  0% {
    -webkit-transform: scale(1.2, 1.2);
  }
  40% {
    -webkit-transform: scale(0.9, 0.9);
  }
  100% {
    -webkit-transform: scale(1, 1);
  }
}
/*end*/
/*calling connection animation*/
@-webkit-keyframes slider {
  0% {
    -webkit-transform: translateX(0%);
  }
  50% {
    -webkit-transform: translateX(190px);
  }
  @media only screen and (max-width: 767px) {
    50% {
      -webkit-transform: translateX(37px);
    }
  }
}
@-webkit-keyframes slider2 {
  0% {
    -webkit-transform: translateX(0%);
  }
  50% {
    -webkit-transform: translateX(37px);
  }
}
/*end*/
/*opponent typing massage*/
@-webkit-keyframes pulsing {
  0% {
    -webkit-transform: scale(0.5, 0.5);
  }
  44% {
    -webkit-transform: scale(1.2, 1.2);
  }
  88% {
    -webkit-transform: scale(0.5, 0.5);
  }
  100% {
    -webkit-transform: scale(0.5, 0.5);
  }
}
/*end*/
@-webkit-keyframes achtung-chrome {
  0% {
    -webkit-transform: translate(3px, 0) scale(0.9, 0.9);
  }
  65% {
    -webkit-transform: translate(0, 10px) scale(1, 1);
  }
  100% {
    -webkit-transform: translate(3px, 0) scale(0.9, 0.9);
  }
}
@-webkit-keyframes achtung-opera {
  0% {
    -webkit-transform: translate(3px, 0) scale(0.9, 0.9);
  }
  65% {
    -webkit-transform: translate(0, 10px) scale(1, 1);
  }
  100% {
    -webkit-transform: translate(3px, 0) scale(0.9, 0.9);
  }
}
/*concierge*/
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
  }
  30% {
    opacity: 0;
    -webkit-transform: scale3d(0.4, 0.4, 0.4);
    transform: scale3d(0.4, 0.4, 0.4);
  }
  90% {
    opacity: 1;
  }
}
@-webkit-keyframes showBlockConc {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 0;
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    z-index: 100000;
  }
}
@-webkit-keyframes showWarning {
  from {
    -webkit-transform: translateX(600px);
            transform: translateX(600px);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes hideWarning {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(600px);
            transform: translateX(600px);
  }
}
/*end*/
@-webkit-keyframes showBlockConc {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 0;
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    z-index: 100000;
  }
}
/*new auth loader animation */
@keyframes cycle-1 {
  0% {
    stroke-dasharray: 0px, calc(2 * 3.14 * 15px);
    stroke-dashoffset: 0px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    stroke-dasharray: calc(3.14 * 15px), calc(2 * 3.14 * 15px);
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dasharray: calc(3.14 / 2 * 15px), calc(2 * 3.14 * 15px);
    stroke-dashoffset: calc(-2 * 3.14 * 15px);
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes cycle-1 {
  0% {
    -webkit-stroke-dasharray: 0px, calc(2 * 3.14 * 15px);
    -webkit-stroke-dashoffset: 0px;
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-stroke-dasharray: calc(3.14 * 15px), calc(2 * 3.14 * 15px);
    -webkit-stroke-dashoffset: 0;
  }
  100% {
    -webkit-stroke-dasharray: calc(3.14 / 2 * 15px), calc(2 * 3.14 * 15px);
    -webkit-stroke-dashoffset: calc(-2 * 3.14 * 15px);
    -webkit-transform: rotate(360deg);
  }
}
/*end*/
/* loading animation */
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
/*end*/
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-box-shadow: 0 -2px 4px rgba(255, 255, 255, 0.2);
            box-shadow: 0 -2px 4px rgba(255, 255, 255, 0.2);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes blinker {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blinker {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes showModalCare {
  from {
    -webkit-transform: translate(-50%, -10%);
            transform: translate(-50%, -10%);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    opacity: 1;
  }
}
@-webkit-keyframes showModalCare {
  from {
    -webkit-transform: translate(-50%, -10%);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(-50%, -50%);
    opacity: 1;
  }
}
@-webkit-keyframes message {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes message {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
#phoneContainer .phone-control {
  line-height: 40px;
  position: relative;
}
#phoneContainer .phone-control .code-container {
  float: left;
  border-right: 1px solid #f0f0f0;
  line-height: 40px;
  width: 100px;
  cursor: pointer;
}
#phoneContainer .phone-control .code-container .code {
  float: right;
  margin-right: 10px;
}
#phoneContainer .phone-control .code-container .arrow-down {
  margin: 15px 10px 0 0;
}
#phoneContainer .phone-control .popup-list-container {
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #f0f0f0;
  padding: 10px 0;
  position: absolute;
  top: 38px;
  left: -20px;
  z-index: 1000;
  border-radius: 10px 10px 10px 10px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#phoneContainer .phone-control .popup-list-container ul.list-container {
  height: 188px;
  overflow: auto;
  position: relative;
}
#phoneContainer .phone-control .popup-list-container ul.list-container li {
  padding: 0 20px;
  cursor: pointer;
}
#phoneContainer .phone-control .popup-list-container ul.list-container li .code-cnt {
  float: right;
}
#phoneContainer .phone-control .popup-list-container ul.list-container li:hover {
  background-color: rgba(5, 166, 204, 0.1);
}
#phoneContainer .phone-control .popup-list-container ul.list-container li .country-name {
  display: inline-block;
  vertical-align: middle;
  line-height: 18px;
  width: 160px;
}
#phoneContainer .phone-control .popup-list-container ul.list-container li .flag-container {
  display: inline-block;
  vertical-align: middle;
  line-height: 11px;
  margin-right: 2px;
}
#phoneContainer .phone-control .popup-list-container .search-input {
  padding: 5px 20px;
  border-bottom: 1px solid #E1E1E5;
}
#phoneContainer .phone-control .tmp-phone {
  float: right;
  width: 145px;
  text-align: left;
}
#phoneContainer .dropdown-backdrop {
  display: none;
}
.checkbox-info-keeper {
  display: none;
}
.ext-input {
  border-bottom: 1px solid #f0f0f0;
  position: relative;
}
.ext-input .error-wrapper {
  position: relative;
  height: 18px;
  z-index: 1;
}
.ext-input .error-wrapper .error-text {
  display: none;
  float: left;
  background-color: #e8503e;
  padding: 2px 5px;
  color: white;
  font-size: 11px;
  height: auto;
  line-height: 12px;
  text-align: left;
}
.ext-input .label-wrapper {
  position: absolute;
  top: 6px;
  z-index: 1;
}
.ext-input .label-wrapper .label-text {
  display: none;
  color: #959595;
  font-size: 11px;
  height: 20px;
  line-height: 20px;
}
.ext-input .input-wrapper {
  text-align: left;
}
.ext-input .input-wrapper input[type=text],
.ext-input .input-wrapper input[type=password],
.ext-input .input-wrapper input[type=number] {
  height: 40px;
  line-height: 40px;
  outline: none;
  border: none;
  width: 100%;
  font-size: 18px;
  color: black;
}
.ext-input .input-wrapper input[type=text].short,
.ext-input .input-wrapper input[type=password].short,
.ext-input .input-wrapper input[type=number].short {
  width: 135px;
}
.ext-input .input-wrapper textarea {
  height: 150px;
  line-height: 40px;
  margin-top: 30px;
  outline: none;
  border: none;
  width: 100%;
  font-size: 18px;
  color: black;
  resize: none;
}
.ext-input.dirty .label-wrapper .label-text {
  display: inline-block;
}
.ext-input.error .error-wrapper .error-text {
  display: inline-block;
}
.ext-input.error .label-wrapper .label-text {
  display: none;
}
.ext-input.tall {
  height: inherit;
}
.flag {
  width: 16px;
  height: 11px;
  background: url('/images/flags/flags.png') no-repeat;
  display: inline-block;
}
.flag.flag-__ {
  background-position: -16px 0px;
}
.flag.flag-ab {
  background-position: -144px 0px;
}
.flag.flag-ae {
  background-position: 0px -11px;
}
.flag.flag-af {
  background-position: -16px -11px;
}
.flag.flag-am {
  background-position: -32px 0px;
}
.flag.flag-ao {
  background-position: -32px -11px;
}
.flag.flag-ar {
  background-position: 0px -22px;
}
.flag.flag-at {
  background-position: -16px -22px;
}
.flag.flag-au {
  background-position: -32px -22px;
}
.flag.flag-az {
  background-position: 0px -33px;
}
.flag.flag-ba {
  background-position: -16px -33px;
}
.flag.flag-bd {
  background-position: -32px -33px;
}
.flag.flag-be {
  background-position: -48px 0px;
}
.flag.flag-bf {
  background-position: -48px -11px;
}
.flag.flag-bg {
  background-position: -48px -22px;
}
.flag.flag-bj {
  background-position: -48px -33px;
}
.flag.flag-bo {
  background-position: 0px -44px;
}
.flag.flag-br {
  background-position: -16px -44px;
}
.flag.flag-by {
  background-position: -32px -44px;
}
.flag.flag-ca {
  background-position: -48px -44px;
}
.flag.flag-cg {
  background-position: -64px 0px;
}
.flag.flag-ch {
  background-position: -144px -10px;
}
.flag.flag-cl {
  background-position: -64px -22px;
}
.flag.flag-cm {
  background-position: -64px -33px;
}
.flag.flag-cn {
  background-position: -64px -44px;
}
.flag.flag-co {
  background-position: 0px -55px;
}
.flag.flag-cu {
  background-position: -16px -55px;
}
.flag.flag-cz {
  background-position: -32px -55px;
}
.flag.flag-de {
  background-position: -48px -55px;
}
.flag.flag-do {
  background-position: -64px -55px;
}
.flag.flag-dz {
  background-position: 0px -66px;
}
.flag.flag-ec {
  background-position: -16px -66px;
}
.flag.flag-eg {
  background-position: -32px -66px;
}
.flag.flag-es {
  background-position: -48px -66px;
}
.flag.flag-et {
  background-position: -64px -66px;
}
.flag.flag-fi {
  background-position: -80px 0px;
}
.flag.flag-gb {
  background-position: -80px -11px;
}
.flag.flag-ge {
  background-position: -80px -22px;
}
.flag.flag-gh {
  background-position: -80px -33px;
}
.flag.flag-gn {
  background-position: -80px -44px;
}
.flag.flag-gr {
  background-position: -80px -55px;
}
.flag.flag-gt {
  background-position: -80px -66px;
}
.flag.flag-hn {
  background-position: 0px -77px;
}
.flag.flag-hr {
  background-position: -16px -77px;
}
.flag.flag-ht {
  background-position: -32px -77px;
}
.flag.flag-hu {
  background-position: -48px -77px;
}
.flag.flag-id {
  background-position: -64px -77px;
}
.flag.flag-ie {
  background-position: -80px -77px;
}
.flag.flag-il {
  background-position: -96px 0px;
}
.flag.flag-in {
  background-position: -96px -11px;
}
.flag.flag-iq {
  background-position: -96px -22px;
}
.flag.flag-ir {
  background-position: -96px -33px;
}
.flag.flag-it {
  background-position: -96px -44px;
}
.flag.flag-jm {
  background-position: -96px -55px;
}
.flag.flag-jo {
  background-position: -96px -66px;
}
.flag.flag-jp {
  background-position: -96px -77px;
}
.flag.flag-ke {
  background-position: 0px -88px;
}
.flag.flag-kg {
  background-position: -16px -88px;
}
.flag.flag-kh {
  background-position: -32px -88px;
}
.flag.flag-kp {
  background-position: -48px -88px;
}
.flag.flag-kr {
  background-position: 0px 0px;
}
.flag.flag-kz {
  background-position: -80px -88px;
}
.flag.flag-la {
  background-position: -96px -88px;
}
.flag.flag-lk {
  background-position: 0px -99px;
}
.flag.flag-lt {
  background-position: -16px -99px;
}
.flag.flag-lv {
  background-position: -32px -99px;
}
.flag.flag-ly {
  background-position: -48px -99px;
}
.flag.flag-ma {
  background-position: -64px -99px;
}
.flag.flag-md {
  background-position: -80px -99px;
}
.flag.flag-mg {
  background-position: -96px -99px;
}
.flag.flag-mk {
  background-position: -112px 0px;
}
.flag.flag-ml {
  background-position: -112px -11px;
}
.flag.flag-mn {
  background-position: -112px -22px;
}
.flag.flag-mr {
  background-position: -112px -33px;
}
.flag.flag-mw {
  background-position: -112px -44px;
}
.flag.flag-mx {
  background-position: -112px -55px;
}
.flag.flag-my {
  background-position: -112px -66px;
}
.flag.flag-mz {
  background-position: -112px -77px;
}
.flag.flag-ne {
  background-position: -112px -88px;
}
.flag.flag-ng {
  background-position: -112px -99px;
}
.flag.flag-ni {
  background-position: 0px -110px;
}
.flag.flag-nl {
  background-position: -16px -110px;
}
.flag.flag-no {
  background-position: -32px -110px;
}
.flag.flag-np {
  background-position: -144px -21px;
}
.flag.flag-nz {
  background-position: -64px -110px;
}
.flag.flag-pe {
  background-position: -80px -110px;
}
.flag.flag-ph {
  background-position: -96px -110px;
}
.flag.flag-pk {
  background-position: -112px -110px;
}
.flag.flag-pl {
  background-position: -128px 0px;
}
.flag.flag-pt {
  background-position: -128px -11px;
}
.flag.flag-py {
  background-position: -128px -22px;
}
.flag.flag-ro {
  background-position: -128px -33px;
}
.flag.flag-rs {
  background-position: -128px -44px;
}
.flag.flag-ru {
  background-position: -128px -55px;
}
.flag.flag-sa {
  background-position: -128px -66px;
}
.flag.flag-sd {
  background-position: -128px -77px;
}
.flag.flag-se {
  background-position: -128px -88px;
}
.flag.flag-sg {
  background-position: -128px -99px;
}
.flag.flag-sn {
  background-position: -128px -110px;
}
.flag.flag-so {
  background-position: 0px -121px;
}
.flag.flag-sy {
  background-position: -16px -121px;
}
.flag.flag-td {
  background-position: -32px -121px;
}
.flag.flag-th {
  background-position: -48px -121px;
}
.flag.flag-tj {
  background-position: -64px -121px;
}
.flag.flag-tm {
  background-position: -80px -121px;
}
.flag.flag-tn {
  background-position: -96px -121px;
}
.flag.flag-tr {
  background-position: -112px -121px;
}
.flag.flag-tw {
  background-position: -128px -121px;
}
.flag.flag-tz {
  background-position: 0px -132px;
}
.flag.flag-ua {
  background-position: -16px -132px;
}
.flag.flag-ug {
  background-position: -32px -132px;
}
.flag.flag-us {
  background-position: -48px -132px;
}
.flag.flag-uy {
  background-position: -64px -132px;
}
.flag.flag-uz {
  background-position: -80px -132px;
}
.flag.flag-ve {
  background-position: -96px -132px;
}
.flag.flag-vn {
  background-position: -112px -132px;
}
.flag.flag-ye {
  background-position: -48px -110px;
}
.flag.flag-za {
  background-position: -64px -88px;
}
.flag.flag-zm {
  background-position: -64px -11px;
}
.flag.flag-zw {
  background-position: -128px -132px;
}
#medcard-wrapper {
  margin: 0 0 20px 0;
}
.medcard-wrapper {
  position: relative;
}
.medcard-wrapper .pacient-wrapper {
  width: 50%;
  position: relative;
}
.medcard-wrapper .image-wrapper .image-container {
  background: url('/images/default/medcard-pacient.png') no-repeat;
  width: 348px;
  height: 381px;
  margin-left: 501px;
}
.medcard-wrapper .label-text {
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  text-align: left;
  display: block;
}
.medcard-wrapper .error-text {
  font-size: 13px;
  color: #e8503e;
  display: block;
}
.medcard-wrapper .error-text.none {
  display: none;
}
.medcard-wrapper .choose-pacient-wrapper.closed {
  border-bottom: 1px solid #E1E1E5;
}
.medcard-wrapper .choose-pacient-wrapper .selector-container {
  background: white;
  cursor: pointer;
  z-index: 100;
  width: 100%;
  position: relative;
  text-align: left;
  border-bottom: 1px solid #E1E1E5;
}
.medcard-wrapper .choose-pacient-wrapper .selector-container.closed .pacient-selector-list {
  display: none;
}
.medcard-wrapper .choose-pacient-wrapper .selector-container.closed::after {
  -webkit-transform: rotate(0);
          transform: rotate(0);
  z-index: -1;
}
.medcard-wrapper .choose-pacient-wrapper .selector-container::after {
  content: "";
  display: block;
  background: url('/images/default/medcard-arrow.svg') no-repeat;
  background-size: contain;
  position: absolute;
  top: 15px;
  right: 15px;
  width: 21px;
  height: 11px;
  z-index: -1;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.medcard-wrapper .choose-pacient-wrapper .selected-pacient {
  font-size: 18px;
  line-height: 39px;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 650px) {
  .medcard-wrapper .choose-pacient-wrapper .selected-pacient {
    padding-left: 0;
  }
}
.medcard-wrapper .choose-pacient-wrapper .pacient-selector-list li {
  padding: 12px 16px;
  border-bottom: 1px solid #F4F4F5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.medcard-wrapper .choose-pacient-wrapper .pacient-selector-list li:last-child {
  border-bottom: 0;
}
.medcard-wrapper .choose-pacient-wrapper .pacient-selector-list li:hover {
  background: #e5f1f4;
  color: #006672;
}
.medcard-wrapper .choose-pacient-wrapper .list-container {
  max-height: 250px;
  width: 100%;
  background: white;
  position: absolute;
  margin-top: 1px;
  -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
          box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
  border-radius: 0 0 8px 8px;
}
.link-btn {
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
  color: #00aabe;
  margin-top: 16px;
}
.create-pacient-wrapper {
  margin-top: 15px;
}
.create-pacient-wrapper input[type="text"] {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #E1E1E5;
  display: block;
  width: 100%;
  padding: 0;
  font-size: 20px;
  line-height: 39px;
  color: black;
  outline: none;
}
@media only screen and (max-width: 767px) {
  .create-pacient-wrapper input[type="text"] {
    font-size: 15px;
  }
}
.create-pacient-wrapper .birthday-input {
  width: 250px;
  position: relative;
  background: url('/images/default/calendar-icon-2.png') no-repeat right center;
  padding-right: 48px;
}
.create-pacient-wrapper input[type="text"] {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #E1E1E5;
  display: block;
  width: 100%;
  padding: 0;
  font-size: 20px;
  line-height: 39px;
  color: black;
  outline: none;
}
@media only screen and (max-width: 767px) {
  .create-pacient-wrapper input[type="text"] {
    font-size: 15px;
  }
}
.create-pacient-wrapper:last-child {
  margin-bottom: 0;
}
#medical-card-modal {
  font-size: 18px;
}
#medical-card-modal .items-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  padding-bottom: 54px;
}
@media only screen and (max-width: 650px) {
  #medical-card-modal .items-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
#medical-card-modal .items-group:before {
  width: 111px;
  height: 6px;
  background: #9fc8da;
  content: "";
  position: absolute !important;
  bottom: 0;
  left: 0;
  border-radius: 3px 3px 3px 3px;
}
#medical-card-modal .medical-logo {
  display: none;
}
#medical-card-modal .modal-text-wrapper {
  padding: 20px;
  background: #F6FAFB;
  border-radius: 20px 20px 20px 20px;
}
#medical-card-modal h3 {
  font-weight: bold;
}
#medical-card-modal h3.title1 {
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
  color: #6D8A9F;
  display: inline-block;
  margin: 0;
}
@media only screen and (max-width: 650px) {
  #medical-card-modal h3.title1 {
    font-size: 14px;
  }
}
#medical-card-modal #medical-card-modal {
  font-size: 18px;
}
#medical-card-modal #medical-card-modal .items-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  padding-bottom: 54px;
}
@media only screen and (max-width: 650px) {
  #medical-card-modal #medical-card-modal .items-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
#medical-card-modal #medical-card-modal .items-group:before {
  width: 111px;
  height: 6px;
  background: #f0505a;
  content: "";
  position: absolute !important;
  bottom: 0;
  left: 0;
  border-radius: 3px 3px 3px 3px;
}
#medical-card-modal #medical-card-modal .items-group p {
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  color: black;
  margin-top: 16px;
}
#medical-card-modal #medical-card-modal .diagnosis {
  position: relative;
  padding: 0 0 70px 0;
}
#medical-card-modal #medical-card-modal .diagnosis:before {
  width: 111px;
  height: 6px;
  background: #50AD67;
  content: "";
  position: absolute !important;
  bottom: 0;
  left: 0;
  border-radius: 3px 3px 3px 3px;
}
#medical-card-modal #medical-card-modal .diagnosis .title2 {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: black;
  display: block;
  position: relative;
  padding: 16px 0 0;
}
#medical-card-modal #medical-card-modal .diagnosis p {
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  color: black;
  margin-top: 16px;
}
#medical-card-modal #medical-card-modal .recommendations {
  position: relative;
  padding: 0 0 70px 0;
}
#medical-card-modal #medical-card-modal .recommendations .title2 {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: black;
  display: block;
  position: relative;
  padding: 16px 0 0;
}
#medical-card-modal #medical-card-modal .recommendations p {
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  color: black;
  margin-top: 16px;
}
#medical-card-modal .attention-text {
  width: 100%;
  border-radius: 8px 8px 8px 8px;
  background: #FDCED1;
  text-align: left;
  margin-bottom: 48px;
  font-weight: bold;
  font-size: 24px;
  line-height: 120%;
  color: #f0505a;
  position: relative;
  padding: 12px 34px 12px 82px;
}
@media only screen and (max-width: 767px) {
  #medical-card-modal .attention-text {
    font-size: 16px;
    line-height: 18px;
    padding-left: 62px;
  }
}
#medical-card-modal .attention-text:before {
  position: absolute;
  content: "";
  width: 42px;
  height: 40px;
  left: 27px;
  top: 50%;
  margin-top: -25px;
  background: url('/images/default/attention.png');
}
@media only screen and (max-width: 1150px) {
  #medical-card-modal .attention-text:before {
    left: 50px;
    top: 0;
    margin-top: 13px;
  }
}
@media only screen and (max-width: 767px) {
  #medical-card-modal .attention-text:before {
    left: 14px;
  }
}
#medical-card-modal .final-text {
  text-align: center;
  font-weight: bold;
  font-size: 28px;
  line-height: 34px;
  color: black;
  margin-bottom: 40px;
  position: relative;
}
@media only screen and (max-width: 650px) {
  #medical-card-modal .final-text {
    font-size: 18px;
  }
}
#medical-card-modal .final-text:after {
  position: absolute;
  content: "";
  top: 50%;
  margin-top: -16px;
  width: 29px;
  height: 32px;
  margin-left: 15px;
  background: url('/images/default/thanks.png');
}
@media only screen and (max-width: 650px) {
  #medical-card-modal .final-text:after {
    display: none;
  }
}
#medical-card-modal .secondary-info-text {
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  color: #8B8B9A;
  text-align: center;
  width: 637px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  #medical-card-modal .secondary-info-text {
    width: 100%;
  }
}
#loading-wrapper {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 999999;
}
#loading-wrapper .loader-lines {
  width: 50px;
  height: 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -25px 0 0 -25px;
  text-align: center;
}
#loading-wrapper .loader-lines div {
  background-color: #08c0de;
  height: 100%;
  width: 6px;
  border-radius: 3px 3px 3px 3px;
  display: inline-block;
  -webkit-animation: loader 1.2s infinite ease-in-out;
  animation: loader 1.2s infinite ease-in-out;
}
#loading-wrapper .loader-lines div.item-2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
#loading-wrapper .loader-lines div.item-3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
#loading-wrapper .loader-lines div.item-4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
#loading-wrapper .loader-lines div.item-5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
#picker-container {
  position: relative;
}
.filter-additional {
  margin: 16px 0;
}
@media only screen and (max-width: 1240px) {
  .filter-additional {
    margin: 20px 0 12px;
  }
}
@media only screen and (max-width: 767px) {
  .filter-additional {
    padding: 42px 24px;
    margin: 0;
  }
}
.filter-additional h2 {
  font-size: 24px;
  position: relative;
  margin: 50px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.filter-additional h2:before,
.filter-additional h2:after {
  content: "";
  width: 30%;
  height: 1px;
  background: #ededed;
}
.filter-additional .filter-additional-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.filter-additional .filter-additional-list .js-additional-element {
  border-radius: 5px 5px 5px 5px;
  padding: 8px;
  color: #717181;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  margin: 0 8px 0 0;
  cursor: pointer;
  position: relative;
  width: auto !important;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
@media only screen and (max-width: 1240px) {
  .filter-additional .filter-additional-list .js-additional-element {
    padding: 6px;
    margin: 0 4px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .filter-additional .filter-additional-list .js-additional-element {
    margin-bottom: 20px;
  }
}
.filter-additional .filter-additional-list .js-additional-element:before {
  content: "";
  width: calc(100% - 16px);
  height: 1px;
  border-bottom: 1px dotted #717181;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 1;
  margin: 0 0 6px 8px;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.filter-additional .filter-additional-list .js-additional-element:hover {
  background: #EEEEEF;
}
.filter-additional .filter-additional-list .js-additional-element:hover:before {
  opacity: 0;
}
.filter-additional .filter-additional-list .js-additional-element.selected {
  background: #E1E1E5;
}
.filter-additional .filter-additional-list .js-additional-element.selected:before {
  opacity: 0;
}
.dropdown-filter {
  width: 100%;
  border-width: 3px;
  border-style: solid;
  border-color: #9BCAD0;
  display: inline-block;
  font-size: 0;
  line-height: 0;
  letter-spacing: -4px;
  border-radius: 8px 8px 8px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dropdown-filter .dropdown-selector {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.dropdown-filter .dropdown-selector span.active-value {
  line-height: 28px;
  display: inline-block;
}
.dropdown-filter .dropdown-selector span.active-value span.count_selected {
  background: blue;
  padding: 0;
  display: inline-block;
  border-radius: 15px 15px 15px 15px;
  color: white;
  margin-left: 14px;
  font-size: 12px;
}
.dropdown-filter .dropdown-selector.active {
  margin-top: 0;
  margin-left: 0;
}
.dropdown-filter .dropdown-selector.active .border-wrap::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.dropdown-filter .dropdown-selector.active .wrapp-prof {
  display: block;
  z-index: 110;
  position: absolute;
}
.dropdown-filter .dropdown-selector.active input[type=text] {
  display: block;
  border: none;
  width: 100%;
  line-height: 29px;
  font-size: 14px;
  letter-spacing: 0;
}
.dropdown-filter .dropdown-selector.active input[type=text]::-webkit-input-placeholder {
  color: #999;
}
.dropdown-filter .dropdown-selector.active input[type=text]::-moz-placeholder {
  color: #999;
}
.dropdown-filter .dropdown-selector.active input[type=text]:-moz-placeholder {
  color: #999;
}
.dropdown-filter .dropdown-selector.active input[type=text]:-ms-input-placeholder {
  color: #999;
}
.dropdown-filter .dropdown-selector > ul {
  margin-right: 20px;
}
.dropdown-filter .dropdown-selector input[type=text] {
  display: none;
}
.dropdown-filter .dropdown-selector .list-label {
  cursor: pointer;
}
.dropdown-filter .dropdown-selector .list-label .border-wrap {
  display: inline-block;
  vertical-align: top;
  background: white;
  z-index: 111;
  width: 100%;
  letter-spacing: 0;
  position: relative;
  padding: 8px 37px 8px 16px;
  border-right: 1px solid #E1E1E5;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dropdown-filter .dropdown-selector .list-label .border-wrap:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  margin: -5px 17px 0 0;
  width: 15px;
  height: 10px;
  margin-left: 4px;
  background: url('/images/default/next-gray.png') no-repeat;
}
.dropdown-filter .dropdown-selector .list-label .border-wrap .active-value {
  font-weight: normal;
  font-size: 16px;
  line-height: 29px;
  display: inline-block;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 158px;
}
@media only screen and (max-width: 1150px) {
  .dropdown-filter .dropdown-selector .list-label .border-wrap .active-value {
    font-size: 12px;
  }
}
.dropdown-filter .dropdown-selector .wrapp-prof {
  display: none;
  position: absolute;
  background-color: white;
  top: 100%;
  margin-top: 8px;
  left: 0;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  padding: 16px 0;
  -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  min-width: 276px;
  max-width: 450px;
  max-height: 460px;
  line-height: 30px;
  border-radius: 8px 8px 8px 8px;
}
@media only screen and (max-width: 1150px) {
  .dropdown-filter .dropdown-selector .wrapp-prof {
    font-size: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .dropdown-filter .dropdown-selector .wrapp-prof {
    max-width: 100%;
    min-width: 100%;
    max-height: 156px;
  }
}
.dropdown-filter .dropdown-selector .wrapp-prof.hospitals-list {
  width: 450px;
}
.dropdown-filter .dropdown-selector .wrapp-prof > ul {
  position: relative;
  max-height: 425px;
}
.dropdown-filter .dropdown-selector .wrapp-prof > ul.ps-container > .ps-scrollbar-y-rail {
  display: block;
  width: 5px;
  opacity: 1;
  z-index: 2000;
  margin: 0 15px 15px;
  border-radius: 10px 10px 10px 10px;
  background: #e5f1f4;
}
.dropdown-filter .dropdown-selector .wrapp-prof > ul.ps-container > .ps-scrollbar-y-rail .ps-scrollbar-y {
  width: 5px;
  margin-right: -2px;
  background: #9fc8da;
  border-radius: 10px 10px 10px 10px;
}
.dropdown-filter .dropdown-selector .wrapp-prof > ul.ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y,
.dropdown-filter .dropdown-selector .wrapp-prof > ul.ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
  width: 5px;
  opacity: 1;
}
.dropdown-filter .dropdown-selector .wrapp-prof > ul > li {
  cursor: pointer;
  padding: 15px;
  line-height: 1.1;
  position: relative;
  font-weight: normal;
  letter-spacing: 0;
}
.dropdown-filter .dropdown-selector .wrapp-prof > ul > li:hover,
.dropdown-filter .dropdown-selector .wrapp-prof > ul > li.hover {
  background: #e5f1f4;
  color: #006672;
}
.dropdown-filter .dropdown-selector .wrapp-prof > ul > li .item {
  letter-spacing: 0;
}
.dropdown-filter .dropdown-selector .wrapp-prof > ul > li .item.selected {
  color: #006672;
}
.dropdown-filter .dropdown-selector .wrapp-prof > ul > li.inactive {
  letter-spacing: 0;
  color: #97a4a8;
  pointer-events: none;
}
.dropdown-filter .dropdown-selector.professions ::-webkit-input-placeholder {
  color: black;
}
.dropdown-filter .dropdown-selector.professions :-ms-input-placeholder {
  color: black;
}
.dropdown-filter .dropdown-selector.professions ::-moz-placeholder {
  color: black;
  opacity: 1;
}
.dropdown-filter .dropdown-selector.professions :-moz-placeholder {
  color: black;
  opacity: 1;
}
.dropdown-filter .dropdown-selector.professions .form-control {
  border: 0 !important;
  padding: 0 5px 0 15px;
  width: 225px;
  border-radius: 24px 24px 24px 24px;
  -webkit-box-shadow: 1px 0 7px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 1px 0 7px 0 rgba(0, 0, 0, 0.15);
}
.dropdown-filter .dropdown-selector.professions .form-control .ms-helper {
  opacity: 0;
}
.dropdown-filter .dropdown-selector.professions .form-control.ms-ctn .ms-sel-ctn {
  max-height: 33px;
  overflow: hidden;
  line-height: 30px;
  border-radius: 24px 24px 24px 24px;
}
.dropdown-filter .dropdown-selector.professions .form-control.ms-ctn .ms-sel-ctn .ms-sel-item {
  background: none;
  border: 0;
  margin: 0;
  padding: 0 20px 0 5px;
  font-weight: bold;
  color: black;
  font-size: 16px;
  line-height: 30px;
  width: 208px;
  min-width: 80px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
}
.dropdown-filter .dropdown-selector.professions .form-control.ms-ctn .ms-sel-ctn .ms-close-btn {
  background: url('/images/default/clear_field.png') no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 0;
}
.dropdown-filter .dropdown-selector.professions .form-control.ms-ctn .ms-sel-ctn .ms-sel-item + input {
  display: none;
}
.dropdown-filter .dropdown-selector.professions .form-control.ms-ctn .ms-sel-ctn input {
  line-height: 30px;
  font-size: 16px;
  max-width: 200px;
  min-width: 200px;
  padding: 0 0 0 5px;
  background: transparent;
  font-weight: bold;
  letter-spacing: 0;
  color: black;
}
.dropdown-filter .dropdown-selector.professions .form-control.ms-ctn .ms-trigger {
  border-left: 0;
  background: none;
}
.dropdown-filter .dropdown-selector.professions .form-control.ms-ctn .ms-trigger:hover {
  background: none;
}
.dropdown-filter .dropdown-selector.professions .form-control.ms-ctn .ms-trigger .ms-trigger-ico {
  background: url('/images/default/arrows/arrow-micro.png') no-repeat;
  width: 9px;
  height: 6px;
  border: 0;
  vertical-align: middle;
  margin: 15px 0 0 0;
}
.dropdown-filter .dropdown-selector.professions .form-control.ms-ctn .ms-sel-ctn .ms-sel-item + .ms-trigger {
  display: none !important;
  background: none !important;
  z-index: -1;
}
.dropdown-filter .dropdown-selector.professions .form-control.ms-ctn-focus {
  background: #e5f2f4;
  z-index: 10 !important;
}
.dropdown-filter .dropdown-selector.professions .form-control.ms-ctn-focus .ms-trigger {
  margin-right: 5px;
}
.dropdown-filter .dropdown-selector.professions .form-control.ms-ctn-focus .ms-trigger .ms-trigger-ico {
  width: 20px;
  height: 20px;
  background: url('/images/default/search-icon.png') no-repeat !important;
  margin: 5px 0 0 0;
}
.dropdown-filter .dropdown-selector.professions .form-control .ms-res-ctn {
  background-color: white;
  font-size: 16px;
  font-weight: bold;
  border: none;
  z-index: 11 !important;
  -webkit-box-shadow: 1px 0 35px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 1px 0 35px 0 rgba(0, 0, 0, 0.15);
  position: absolute;
  line-height: 30px;
  padding: 20px 0;
  overflow: hidden;
  border-radius: 20px 20px 20px 20px;
}
.dropdown-filter .dropdown-selector.professions .form-control .ms-res-ctn:after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 36px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(62%, #ffffff), to(#ffffff));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 62%, #ffffff 100%);
}
.dropdown-filter .dropdown-selector.professions .form-control .ms-res-ctn .container-wrap {
  height: 295px;
  position: relative;
}
.dropdown-filter .dropdown-selector.professions .form-control .ms-res-ctn .container-wrap.ps-container > .ps-scrollbar-y-rail {
  display: block;
  width: 5px;
  opacity: 1;
  z-index: 2000;
  margin: 0 15px 15px;
  border-radius: 10px 10px 10px 10px;
  background: #e5f1f4;
}
.dropdown-filter .dropdown-selector.professions .form-control .ms-res-ctn .container-wrap.ps-container > .ps-scrollbar-y-rail .ps-scrollbar-y {
  width: 5px;
  margin-right: -2px;
  background: #9fc8da;
  border-radius: 10px 10px 10px 10px;
}
.dropdown-filter .dropdown-selector.professions .form-control .ms-res-ctn .container-wrap.ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y,
.dropdown-filter .dropdown-selector.professions .form-control .ms-res-ctn .container-wrap.ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
  width: 5px;
  opacity: 1;
}
.dropdown-filter .dropdown-selector.professions .form-control .ms-res-ctn .ms-res-item {
  cursor: pointer;
  padding: 15px;
  line-height: 1.1;
  position: relative;
  color: black;
}
.dropdown-filter .dropdown-selector.professions .form-control .ms-res-ctn .ms-res-item em {
  background: transparent;
  color: black;
}
.dropdown-filter .dropdown-selector.professions .form-control .ms-res-ctn .ms-res-item:hover {
  background: #f5fafb;
  color: #006672;
}
.dropdown-filter .dropdown-selector.professions .form-control .ms-res-ctn .ms-res-item:hover em {
  color: #006672 !important;
}
.dropdown-filter .dropdown-selector.professions .form-control .ms-res-ctn .ms-res-item.ms-res-item-active {
  background: transparent;
}
.dropdown-filter .dropdown-selector.professions .form-control .ms-res-ctn .ms-res-item.ms-res-item-active em {
  color: black;
}
.dropdown-filter .dropdown-selector.professions .form-control .ms-res-ctn .ms-res-item.ms-res-item-active:hover {
  background: #f5fafb;
  color: #006672;
}
.dropdown-filter .dropdown-selector.professions .form-control .ms-res-ctn .ms-res-item.ms-res-item-active:hover em {
  color: #006672 !important;
}
.dropdown-filter .dropdown-multiselector {
  position: relative;
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
}
.dropdown-filter .dropdown-multiselector span.active-value {
  display: inline-block;
  letter-spacing: 0;
}
.dropdown-filter .dropdown-multiselector span.active-value span.count_selected {
  padding: 0;
  color: white;
  right: 38px;
  position: absolute;
  display: inline-block;
  z-index: 2;
  font-size: 12px;
  letter-spacing: 0;
}
.dropdown-filter .dropdown-multiselector span.active-value span.count_selected:before {
  border-radius: 50% 50% 50% 50%;
  background: #00aabe;
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  z-index: -1;
  top: 50%;
  left: 50%;
  margin: -9px 0 0 -8px;
}
.dropdown-filter .dropdown-multiselector.active {
  margin-top: 0;
  margin-left: 0;
  letter-spacing: 0;
}
.dropdown-filter .dropdown-multiselector.active .list-label .border-wrap::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.dropdown-filter .dropdown-multiselector.active .wrapp-prof {
  display: block;
  z-index: 110;
  position: absolute;
  letter-spacing: 0;
}
.dropdown-filter .dropdown-multiselector.active input[type=text] {
  display: block;
  border: none;
  width: 100%;
  line-height: 29px;
  font-size: 13px;
  letter-spacing: 0;
}
@media only screen and (max-width: 767px) {
  .dropdown-filter .dropdown-multiselector.active input[type=text] {
    font-size: 12px;
  }
}
.dropdown-filter .dropdown-multiselector.active input[type=text]::-webkit-input-placeholder {
  color: #999;
}
.dropdown-filter .dropdown-multiselector.active input[type=text]::-moz-placeholder {
  color: #999;
}
.dropdown-filter .dropdown-multiselector.active input[type=text]:-moz-placeholder {
  color: #999;
}
.dropdown-filter .dropdown-multiselector.active input[type=text]:-ms-input-placeholder {
  color: #999;
}
.dropdown-filter .dropdown-multiselector > ul {
  margin-right: 20px;
}
.dropdown-filter .dropdown-multiselector input[type=text] {
  display: none;
}
.dropdown-filter .dropdown-multiselector .list-label {
  cursor: pointer;
  z-index: 111;
  letter-spacing: 0;
}
.dropdown-filter .dropdown-multiselector .list-label .border-wrap {
  display: inline-block;
  vertical-align: top;
  background: white;
  z-index: 111;
  width: 100%;
  letter-spacing: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 8px 37px 8px 16px;
  border-right: 1px solid #E1E1E5;
}
.dropdown-filter .dropdown-multiselector .list-label .border-wrap:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  margin: -5px 17px 0 0;
  width: 15px;
  height: 10px;
  margin-left: 4px;
  background: url('/images/default/next-gray.png') no-repeat;
}
@media only screen and (max-width: 767px) {
  .dropdown-filter .dropdown-multiselector .list-label .border-wrap:after {
    margin-top: -10px;
  }
}
.dropdown-filter .dropdown-multiselector .list-label .border-wrap .active-value {
  font-weight: normal;
  font-size: 16px;
  line-height: 29px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 148px;
}
@media only screen and (max-width: 1150px) {
  .dropdown-filter .dropdown-multiselector .list-label .border-wrap .active-value {
    font-size: 12px;
  }
}
.dropdown-filter .dropdown-multiselector.hospital .border-wrap {
  border-right: 0;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.dropdown-filter .dropdown-multiselector .wrapp-prof {
  display: none;
  position: absolute;
  background-color: white;
  left: 0;
  top: 100%;
  margin-top: 8px;
  font-size: 16px;
  font-weight: bold;
  max-height: 460px;
  line-height: 30px;
  padding: 16px 0;
  -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.15);
  border-radius: 8px 8px 8px 8px;
}
@media only screen and (max-width: 1150px) {
  .dropdown-filter .dropdown-multiselector .wrapp-prof {
    font-size: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .dropdown-filter .dropdown-multiselector .wrapp-prof {
    min-width: 100%;
    max-width: 100%;
    padding: 10px !important;
  }
}
.dropdown-filter .dropdown-multiselector .wrapp-prof > ul {
  position: relative;
  max-height: 425px;
}
@media only screen and (max-width: 767px) {
  .dropdown-filter .dropdown-multiselector .wrapp-prof > ul {
    max-height: 200px;
  }
}
.dropdown-filter .dropdown-multiselector .wrapp-prof > ul.ps-container > .ps-scrollbar-y-rail {
  display: block;
  width: 5px;
  opacity: 1;
  z-index: 2000;
  margin: 0 15px 15px;
  background: #e5f1f4;
  border-radius: 10px 10px 10px 10px;
}
.dropdown-filter .dropdown-multiselector .wrapp-prof > ul.ps-container > .ps-scrollbar-y-rail .ps-scrollbar-y {
  width: 5px;
  margin-right: -2px;
  background: #9fc8da;
  border-radius: 10px 10px 10px 10px;
}
.dropdown-filter .dropdown-multiselector .wrapp-prof > ul.ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y,
.dropdown-filter .dropdown-multiselector .wrapp-prof > ul.ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
  width: 5px;
  opacity: 1;
}
.dropdown-filter .dropdown-multiselector .wrapp-prof > ul > li {
  cursor: pointer;
  padding: 15px;
  font-weight: normal;
  line-height: 1.1;
  position: relative;
  letter-spacing: 0;
}
.dropdown-filter .dropdown-multiselector .wrapp-prof > ul > li:hover,
.dropdown-filter .dropdown-multiselector .wrapp-prof > ul > li.hover {
  background: #e5f1f4;
  color: #006672;
}
.dropdown-filter .dropdown-multiselector .wrapp-prof > ul > li .item {
  letter-spacing: 0;
}
.dropdown-filter .dropdown-multiselector .wrapp-prof > ul > li .item:before {
  content: "";
  background-image: url('/images/default/checkboxes-od.png');
  background-repeat: no-repeat;
  background-size: 16px auto;
  display: inline-block;
  height: 16px;
  margin-top: -4px;
  margin-right: 5px;
  vertical-align: middle;
  width: 16px;
}
.dropdown-filter .dropdown-multiselector .wrapp-prof > ul > li .item.selected {
  letter-spacing: 0;
  color: #006672;
}
.dropdown-filter .dropdown-multiselector .wrapp-prof > ul > li .item.selected:before {
  background-position: 0 -32px;
}
.dropdown-filter .dropdown-multiselector .wrapp-prof > ul > li.inactive {
  letter-spacing: 0;
  color: #97a4a8;
  pointer-events: none;
}
.dropdown-filter .tab-filter {
  display: none;
  font-size: 18px;
  line-height: 22px;
  width: 100%;
  margin-bottom: 30px;
}
.dropdown-filter .tab-filter > * {
  display: inline-block;
  vertical-align: top;
  margin-right: 30px;
  color: black;
  cursor: pointer;
}
.dropdown-filter .tab-filter > * > a {
  color: inherit;
}
.dropdown-filter .tab-filter > *.selected,
.dropdown-filter .tab-filter > *:hover {
  color: #00aabe;
}
.dropdown-filter .filters-wrapper {
  padding-top: 20px;
  padding-left: 30px;
  text-align: left;
}
.dropdown-filter .filters-wrapper .filter-wrapper {
  float: left;
  min-width: 265px;
  max-width: 265px;
  position: relative;
}
.dropdown-filter .filters-wrapper .filter-wrapper:not(:first-child) {
  margin-left: 20px;
}
.dropdown-filter .filters-wrapper .filter-wrapper .filter-selector {
  cursor: pointer;
  color: #959595;
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #f0f0f0;
  padding: 0 30px 0 15px;
  max-width: 450px;
  overflow: hidden;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 15px 15px 15px 15px;
}
.dropdown-filter .filters-wrapper .filter-wrapper .filter-selector .filter-row-name {
  color: #333;
}
.dropdown-filter .filters-wrapper .filter-wrapper .filter-selector .arrow-down {
  margin: 10px -15px 10px 0;
}
.dropdown-filter .filters-wrapper .filter-wrapper input[type=text] {
  display: none;
}
.dropdown-filter .filters-wrapper .filter-wrapper input[type=text]::-webkit-input-placeholder {
  color: #999;
}
.dropdown-filter .filters-wrapper .filter-wrapper input[type=text]::-moz-placeholder {
  color: #999;
}
.dropdown-filter .filters-wrapper .filter-wrapper input[type=text]:-moz-placeholder {
  color: #999;
}
.dropdown-filter .filters-wrapper .filter-wrapper input[type=text]:-ms-input-placeholder {
  color: #999;
}
.dropdown-filter .filters-wrapper .filter-wrapper.open input[type=text] {
  display: block;
  border: none;
  width: 100%;
}
.dropdown-filter .filters-wrapper .professions ::-webkit-input-placeholder {
  color: black;
}
.dropdown-filter .filters-wrapper .professions :-ms-input-placeholder {
  color: black;
}
.dropdown-filter .filters-wrapper .professions ::-moz-placeholder {
  color: black;
  opacity: 1;
}
.dropdown-filter .filters-wrapper .professions :-moz-placeholder {
  color: black;
  opacity: 1;
}
.dropdown-filter .filters-wrapper .professions .form-control {
  border: 4px solid #e5f1f4;
  padding: 0 5px 0 15px;
  width: 360px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 24px 24px 24px 24px;
}
.dropdown-filter .filters-wrapper .professions .form-control .ms-helper {
  opacity: 0;
}
.dropdown-filter .filters-wrapper .professions .form-control .ms-sel-ctn {
  height: 33px;
  overflow: hidden;
  line-height: 30px;
  border-radius: 24px 24px 24px 24px;
}
.dropdown-filter .filters-wrapper .professions .form-control .ms-sel-ctn .ms-sel-item {
  background: none;
  border: 0;
  margin: 0;
  padding: 0 10px 0 5px;
  font-weight: normal;
  color: #333;
  font-size: 20px;
  line-height: 32px;
  width: 335px;
  min-width: 80px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
}
.dropdown-filter .filters-wrapper .professions .form-control .ms-sel-ctn .ms-sel-item .ms-close-btn {
  background: url('/images/default/clear_field.png') no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 0;
  margin-top: 8px;
}
.dropdown-filter .filters-wrapper .professions .form-control .ms-sel-ctn .ms-sel-item + input {
  display: none;
}
.dropdown-filter .filters-wrapper .professions .form-control .ms-sel-ctn input {
  line-height: 30px;
  font-size: 20px;
  max-width: 220px;
  min-width: 200px;
  padding: 0 0 0 5px;
  margin: 0;
  border: 0;
  background: transparent;
  font-weight: normal;
  color: #333;
}
.dropdown-filter .filters-wrapper .professions .form-control .ms-trigger {
  border-left: 0;
  background: none;
}
.dropdown-filter .filters-wrapper .professions .form-control .ms-trigger:hover {
  background: none;
}
.dropdown-filter .filters-wrapper .professions .form-control .ms-trigger .ms-trigger-ico {
  background: url('/images/default/arrows/arrow-micro.png') no-repeat;
  width: 9px;
  height: 6px;
  border: 0;
  vertical-align: middle;
  margin: 9px 0 0 0;
}
.dropdown-filter .filters-wrapper .professions .form-control.ms-ctn-focus {
  z-index: 10 !important;
}
.dropdown-filter .filters-wrapper .professions .form-control.ms-ctn-focus .ms-trigger {
  margin-right: 5px;
}
.dropdown-filter .filters-wrapper .professions .form-control.ms-ctn-focus .ms-trigger .ms-trigger-ico {
  width: 20px;
  height: 20px;
  background: url('/images/default/search-icon.png') no-repeat !important;
  margin: 5px 0 0 0;
}
.dropdown-filter .filters-wrapper .professions .form-control .ms-res-ctn {
  background-color: white;
  font-size: 16px;
  font-weight: normal;
  padding: 0;
  margin-top: 5px;
  border: none;
  z-index: 1000 !important;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  position: absolute;
  line-height: 30px;
  padding: 20px 0;
  overflow: hidden;
  border-radius: 4px 4px 4px 4px;
}
.dropdown-filter .filters-wrapper .professions .form-control .ms-res-ctn:after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 27px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(62%, #ffffff), to(#ffffff));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 62%, #ffffff 100%);
}
.dropdown-filter .filters-wrapper .professions .form-control .ms-res-ctn .container-wrap {
  height: 295px;
  position: relative;
}
.dropdown-filter .filters-wrapper .professions .form-control .ms-res-ctn .container-wrap.ps-container > .ps-scrollbar-y-rail {
  display: block;
  width: 5px;
  opacity: 1;
  z-index: 2000;
  margin: 0 15px 15px;
  background: #e5f1f4;
  border-radius: 10px 10px 10px 10px;
}
.dropdown-filter .filters-wrapper .professions .form-control .ms-res-ctn .container-wrap.ps-container > .ps-scrollbar-y-rail .ps-scrollbar-y {
  width: 5px;
  margin-right: -2px;
  background: #9fc8da;
  border-radius: 10px 10px 10px 10px;
}
.dropdown-filter .filters-wrapper .professions .form-control .ms-res-ctn .container-wrap.ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y,
.dropdown-filter .filters-wrapper .professions .form-control .ms-res-ctn .container-wrap.ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
  width: 5px;
  opacity: 1;
}
.dropdown-filter .filters-wrapper .professions .form-control .ms-res-ctn .ms-res-item {
  cursor: pointer;
  padding: 0 10px;
  line-height: 30px;
  position: relative;
  color: #333;
}
.dropdown-filter .filters-wrapper .professions .form-control .ms-res-ctn .ms-res-item em {
  background: transparent;
  color: black;
}
.dropdown-filter .filters-wrapper .professions .form-control .ms-res-ctn .ms-res-item:hover {
  background: #e9f9ff;
  color: #00aabe;
}
.dropdown-filter .filters-wrapper .professions .form-control .ms-res-ctn .ms-res-item:hover em {
  color: #00aabe !important;
}
.dropdown-filter .filters-wrapper .professions .form-control .ms-res-ctn .ms-res-item.ms-res-item-active {
  background: transparent;
}
.dropdown-filter .filters-wrapper .professions .form-control .ms-res-ctn .ms-res-item.ms-res-item-active em {
  color: #00aabe;
}
.dropdown-filter .filters-wrapper .professions .form-control .ms-res-ctn .ms-res-item.ms-res-item-active:hover {
  background: #e9f9ff;
}
.dropdown-filter .filters-wrapper .professions .form-control .ms-res-ctn .ms-res-item.ms-res-item-active:hover em {
  color: #00aabe !important;
}
.dropdown-filter .filters-wrapper .filter-list {
  left: 0;
  padding: 15px 0 !important;
  max-height: 460px;
  min-height: 100px;
  min-width: 100%;
  height: auto !important;
  border-radius: 4px 4px 4px 4px;
}
.dropdown-filter .filters-wrapper .filter-list li {
  cursor: pointer;
}
.dropdown-filter .filters-wrapper .filter-list li .item {
  padding: 5px 30px 5px 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: normal;
}
.dropdown-filter .filters-wrapper .filter-list li .item:hover {
  background: #e9f9ff;
  color: #00aabe;
}
.dropdown-filter .filters-wrapper .filter-list li .item.selected {
  color: #00aabe;
}
.dropdown-filter .filters-wrapper .filter-list li.hover .item {
  background: #e9f9ff;
  color: #00aabe;
}
.dropdown-filter .filters-wrapper .filter-list li:last-of-type {
  margin-bottom: 15px;
}
.dropdown-filter .filters-wrapper .filter-list .ps-scrollbar-y-rail {
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
.dropdown-filter .filters-wrapper .checkbox-filter {
  margin-left: 40px;
}
.dropdown-filter .filters-wrapper .checkbox-filter label {
  margin-bottom: 0;
}
.dropdown-filter .filters-wrapper .checkbox-filter .checkbox-input {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}
.dropdown-filter .filters-wrapper .checkbox-filter .checkbox-input label {
  font-size: 16px;
  font-weight: normal;
}
.dropdown-filter .filters-wrapper .checkbox-filter .checkbox-input label::after {
  content: "";
  background: rgba(0, 0, 0, 0) url("/images/default/checkbox-bg.png") no-repeat scroll 0 0;
  display: inline-block;
  height: 16px;
  margin-top: -4px;
  margin-left: 5px;
  vertical-align: middle;
  width: 16px;
}
.dropdown-filter .filters-wrapper .checkbox-filter .checkbox-input label:hover::after {
  background-position: -32px 0;
}
.dropdown-filter .filters-wrapper .checkbox-filter .checkbox-input input[type="checkbox"] {
  display: none;
}
.dropdown-filter .filters-wrapper .checkbox-filter .checkbox-input input[type="checkbox"]:checked + label::after {
  background-position: 0 -16px;
}
.dropdown-filter .filters-wrapper .checkbox-filter .checkbox-input label[for="expert-box"] {
  padding-left: 30px;
}
.dropdown-filter .filters-wrapper .checkbox-filter .checkbox-input label[for="expert-box"] .description {
  position: relative;
  float: left;
}
.dropdown-filter .filters-wrapper .checkbox-filter .checkbox-input label[for="expert-box"] .description .letter {
  width: 25px;
  height: 25px;
  border-radius: 50% 50% 50% 50%;
  border: 5px solid white;
  background: #efeadb;
  text-align: center;
  top: 0;
  position: absolute;
  margin-top: -19px;
  left: 0;
  margin-left: -26px;
  z-index: 10;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.dropdown-filter .filters-wrapper .checkbox-filter .checkbox-input label[for="expert-box"] .description .letter span {
  display: inline-block;
  font-weight: bold;
  font-size: 12px;
  position: absolute;
  top: 50%;
  margin: 0 0 0 -3px;
  left: 50%;
  color: #333;
}
.dropdown-filter .filters-wrapper .checkbox-filter .checkbox-input label[for="expert-box"] .description .hover {
  position: absolute;
  width: 190px;
  font-weight: normal;
  font-size: 15px;
  height: 85px;
  color: #424542;
  line-height: 1.1;
  padding: 12px 10px;
  background: white;
  text-align: left;
  top: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin: -93px -164px 0 0;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.2);
          box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.2);
  z-index: 9;
  border-radius: 5px 5px 5px 5px;
}
.dropdown-filter .filters-wrapper .checkbox-filter .checkbox-input label[for="expert-box"] .description:hover .letter {
  background: #e9f9ff;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.1);
          box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.1);
}
.dropdown-filter .filters-wrapper .checkbox-filter .checkbox-input label[for="expert-box"] .description .hover {
  position: absolute;
  width: 190px;
  font-weight: normal;
  font-size: 15px;
  height: 85px;
  color: #424542;
  line-height: 1.1;
  padding: 12px 10px;
  background: white;
  text-align: left;
  top: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin: -93px -164px 0 0;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.2);
          box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.2);
  z-index: 9;
  border-radius: 5px 5px 5px 5px;
}
.dropdown-filter .filters-wrapper .checkbox-filter .checkbox-input label[for="expert-box"] .description:hover .letter {
  background: #e9f9ff;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.1);
          box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.1);
}
.dropdown-filter .filters-wrapper .checkbox-filter .checkbox-input label[for="expert-box"] .description:hover .hover {
  opacity: 1;
}
.dropdown-filter .filters-wrapper .checkbox-filter .checkbox-input label[for="consultant-box"] .description {
  display: none;
}
.dropdown-filter .search-group {
  padding-left: 0;
  border: none;
  height: 45px;
  position: relative;
  border-radius: 0 0 0 0;
}
.dropdown-filter .search-group input[type="search"] {
  font-size: 18px;
  border-width: 0 1px 0 0;
  border-style: solid;
  border-color: #E1E1E5;
  height: 100%;
  line-height: 1;
  padding: 16px 26px 16px 16px;
  background-color: transparent;
  font-weight: normal;
  vertical-align: top;
  width: 100%;
  -webkit-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
}
.dropdown-filter .search-group input[type="search"]::-webkit-input-placeholder {
  color: #666666;
}
.dropdown-filter .search-group input[type="search"]:-moz-placeholder {
  color: #666666;
}
.dropdown-filter .search-group input[type="search"]:-moz-placeholder {
  color: #666666;
}
.dropdown-filter .search-group input[type="search"]:-ms-input-placeholder {
  color: #666666;
}
.dropdown-filter .search-group input[type="search"].placeholder {
  color: #666666;
}
.dropdown-filter .search-group input[type="search"].dirty {
  width: 100%;
}
.dropdown-filter .search-group input[type="search"]:focus {
  width: 100%;
}
.dropdown-filter .clear-field {
  background-image: url('/images/default/clear_field.png');
  background-repeat: no-repeat;
  background-size: contain;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  cursor: pointer;
  position: absolute;
  top: 12px;
  display: inline-block;
  right: 6px;
  opacity: 0;
}
.dropdown-filter input[type="search"].dirty + .clear-field {
  opacity: 1;
}
.doctors-list {
  position: relative;
  min-height: 300px;
}
.doctors-list .show-more-wrapper {
  padding: 30px 0 60px 0;
  text-align: center;
}
.doctors-list .helpLoader {
  opacity: 0;
  height: 90px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: -1;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 45px;
  margin-left: 0 !important;
}
.doctors-list .helpLoader .loader-lines {
  width: 50px;
  height: 40px;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  margin: -20px auto 20px;
  text-align: center;
}
.doctors-list .helpLoader .loader-lines div {
  background-color: #08c0de;
  height: 100%;
  width: 6px;
  border-radius: 3px 3px 3px 3px;
  display: inline-block;
  -webkit-animation: loader 1.2s infinite ease-in-out;
  animation: loader 1.2s infinite ease-in-out;
}
.doctors-list .helpLoader .loader-lines div.item-2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.doctors-list .helpLoader .loader-lines div.item-3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.doctors-list .helpLoader .loader-lines div.item-4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.doctors-list .helpLoader .loader-lines div.item-5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.doctors-list .helpLoader.visible {
  opacity: 1;
  z-index: 100;
}
.doctors-list .none {
  display: none;
  font-size: 18px;
  font-weight: normal;
  line-height: 60px;
  margin-top: 30px;
}
.doctors-list .none.show {
  display: block;
}
.doctors-list .medical-thumb {
  position: absolute;
  top: 0;
  background: white;
  border-radius: 50%;
  overflow: hidden;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
  width: 30px;
  height: 30px;
  left: 0;
}
.doctors-list .medical-thumb img {
  max-width: 100%;
}
.doctors-list .avatar-block {
  margin-right: 30px;
  position: relative;
  float: left;
  width: 130px;
  margin-right: 20px;
  border-radius: 50% 50% 50% 50%;
}
@media only screen and (max-width: 1240px) {
  .doctors-list .avatar-block {
    margin-right: 20px;
    width: 100px;
  }
}
@media only screen and (max-width: 1150px) {
  .doctors-list .avatar-block {
    margin-right: 12px;
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .doctors-list .avatar-block {
    width: 64px;
    height: 84px;
  }
}
.doctors-list .avatar-block .image-content {
  width: 100%;
  display: block;
  text-align: center;
  position: relative;
}
@media only screen and (max-width: 1240px) {
  .doctors-list .avatar-block .image-content {
    height: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .doctors-list .avatar-block .image-content {
    overflow: visible;
    height: 64px;
  }
}
.doctors-list .avatar-block .image-content a,
.doctors-list .avatar-block .image-content span {
  display: inline-block;
  width: 130px;
  height: 130px;
  overflow: hidden;
  border-radius: 50% 50% 50% 50%;
  text-align: center;
  border: 3px solid rgba(194, 206, 208, 0.35);
}
@media only screen and (max-width: 1240px) {
  .doctors-list .avatar-block .image-content a,
  .doctors-list .avatar-block .image-content span {
    width: 100px;
    height: 100px;
  }
}
@media only screen and (max-width: 850px) {
  .doctors-list .avatar-block .image-content a,
  .doctors-list .avatar-block .image-content span {
    width: 84px;
    height: 84px;
  }
}
@media only screen and (max-width: 767px) {
  .doctors-list .avatar-block .image-content a,
  .doctors-list .avatar-block .image-content span {
    width: 64px;
    height: 64px;
  }
}
.doctors-list .avatar-block .image-content img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
.doctors-list .avatar-block .image-content .favorite-wrapper {
  position: absolute;
  bottom: 0;
}
@media only screen and (max-width: 767px) {
  .doctors-list .avatar-block .image-content .favorite-wrapper {
    left: 50%;
    margin-left: -16px;
    margin-bottom: -16px;
  }
}
.doctors-list .avatar-block .image-content .favorite-wrapper > * {
  cursor: pointer;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  background: white;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
  border-radius: 50% 50% 50% 50%;
}
@media only screen and (max-width: 1240px) {
  .doctors-list .avatar-block .image-content .favorite-wrapper > * {
    width: 32px;
    height: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .doctors-list .avatar-block .image-content .favorite-wrapper > * {
    width: 32px;
    height: 32px;
  }
}
.doctors-list .avatar-block .image-content .favorite-wrapper > *:hover::before,
.doctors-list .avatar-block .image-content .favorite-wrapper > *:hover::after {
  width: 28px;
  height: 27px;
  margin: -12px 0 0 -14px;
}
.doctors-list .avatar-block .image-content .favorite-wrapper > *::before,
.doctors-list .avatar-block .image-content .favorite-wrapper > *::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  width: 22px;
  height: 21px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -9px 0 0 -11px;
  -webkit-transition: background-size 0.5s ease-in-out, opacity 0.5s ease-in-out, width 0.2s ease-in-out, height 0.2s ease-in-out, margin 0.2s ease-in-out;
  transition: background-size 0.5s ease-in-out, opacity 0.5s ease-in-out, width 0.2s ease-in-out, height 0.2s ease-in-out, margin 0.2s ease-in-out;
}
.doctors-list .avatar-block .image-content .favorite-wrapper > *::before {
  background-image: url('/images/default/heart-empty.png');
  background-size: 100%;
}
.doctors-list .avatar-block .image-content .favorite-wrapper > *::after {
  background-image: url('/images/default/heart-full.png');
  background-size: 0;
}
.doctors-list .avatar-block .image-content .favorite-wrapper > *.in-favorite::before {
  opacity: 0;
}
.doctors-list .avatar-block .image-content .favorite-wrapper > *.in-favorite::after {
  background-size: 100%;
}
.doctors-list .avatar-block .doctors-type {
  font-size: 18px;
  font-weight: bold;
  height: 37px;
  display: inline-block;
  border-radius: 20px 20px 20px 20px;
  border: 1px solid #f5fafb;
  margin-top: 15px;
  text-align: center;
  width: 130px;
  line-height: 32px;
  color: black;
}
@media only screen and (max-width: 1240px) {
  .doctors-list .avatar-block .doctors-type {
    width: 100px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .doctors-list .avatar-block .doctors-type {
    display: none;
  }
}
.doctors-list .avatar-block .doctors-type.consult {
  background: #f5fafb;
}
.doctors-list .avatar-block .doctors-type.expert {
  background: #fbf5f5;
}
.doctors-list .doctor-row {
  border-bottom: 1px dotted #00aabe;
  padding: 45px 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 1240px) {
  .doctors-list .doctor-row {
    padding: 56px 0 !important;
  }
}
@media only screen and (max-width: 1150px) {
  .doctors-list .doctor-row {
    position: relative;
    padding: 48px 0 !important;
  }
}
@media only screen and (max-width: 767px) {
  .doctors-list .doctor-row {
    padding: 32px 0 16px !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.doctors-list .doctor-row.last-child {
  border-bottom: 0;
}
.doctors-list .doctor-row .doctor-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.doctors-list .doctor-row .about-doctor {
  font-weight: normal;
  width: 535px;
  margin-right: 30px;
  padding-bottom: 8px;
}
@media only screen and (max-width: 1240px) {
  .doctors-list .doctor-row .about-doctor {
    width: 50%;
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .doctors-list .doctor-row .about-doctor {
    width: 100%;
    margin-right: 0;
    background: #F9F9F9;
    padding: 12px 12px 16px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  }
}
.doctors-list .doctor-row .about-doctor .name {
  width: 66%;
  margin-left: 178px;
  font-size: 24px;
  line-height: 1.1;
  color: black;
  font-weight: bold;
  margin-bottom: 8px;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
@media only screen and (max-width: 1240px) {
  .doctors-list .doctor-row .about-doctor .name {
    margin-left: 152px;
  }
}
@media only screen and (max-width: 1150px) {
  .doctors-list .doctor-row .about-doctor .name {
    width: 100%;
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .doctors-list .doctor-row .about-doctor .name {
    width: 66%;
    margin-left: 70px;
  }
}
@media only screen and (max-width: 505px) {
  .doctors-list .doctor-row .about-doctor .name {
    width: 100%;
    margin-left: 0;
  }
}
@media only screen and (max-width: 1150px) {
  .doctors-list .doctor-row .about-doctor .name {
    font-size: 20px;
    line-height: 24px;
  }
}
.doctors-list .doctor-row .about-doctor .name a {
  color: inherit;
}
.doctors-list .doctor-row .about-doctor .name:hover {
  color: #00aabe;
}
.doctors-list .doctor-row .about-doctor .profession {
  width: 66%;
  margin-left: 178px;
  font-size: 18px;
  font-weight: normal;
  line-height: 22px;
}
@media only screen and (max-width: 1240px) {
  .doctors-list .doctor-row .about-doctor .profession {
    margin-left: 152px;
  }
}
@media only screen and (max-width: 1150px) {
  .doctors-list .doctor-row .about-doctor .profession {
    width: 100%;
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .doctors-list .doctor-row .about-doctor .profession {
    width: 66%;
    margin-left: 70px;
  }
}
@media only screen and (max-width: 505px) {
  .doctors-list .doctor-row .about-doctor .profession {
    width: 100%;
    margin-left: 0;
  }
}
@media only screen and (max-width: 1150px) {
  .doctors-list .doctor-row .about-doctor .profession {
    font-size: 16px;
    line-height: 18px;
  }
}
.doctors-list .doctor-row .about-doctor .profession a {
  color: inherit;
}
.doctors-list .doctor-row .about-doctor .review {
  margin-top: 12px;
  width: 66%;
  margin-left: 178px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 1240px) {
  .doctors-list .doctor-row .about-doctor .review {
    margin-left: 152px;
  }
}
@media only screen and (max-width: 1150px) {
  .doctors-list .doctor-row .about-doctor .review {
    width: 100%;
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .doctors-list .doctor-row .about-doctor .review {
    width: 66%;
    margin-left: 70px;
  }
}
@media only screen and (max-width: 505px) {
  .doctors-list .doctor-row .about-doctor .review {
    width: 100%;
    margin-left: 0;
  }
}
.doctors-list .doctor-row .about-doctor .review .rating-review {
  margin-right: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .doctors-list .doctor-row .about-doctor .review .rating-review {
    margin-bottom: 0;
  }
}
.doctors-list .doctor-row .about-doctor .review .rating-review .rating-stars {
  font-size: 0;
  height: 15px;
  line-height: 0;
  overflow: hidden;
  text-indent: -999em;
  width: 98px;
  background: url('/images/onlinedoctor/stars-doctor.png') repeat-x;
}
.doctors-list .doctor-row .about-doctor .review .rating-review .rating-stars .filling {
  background: url('/images/onlinedoctor/stars-doctor.png') repeat-x;
  background-position: 0 100%;
  float: left;
  height: 15px;
  display: block;
}
.doctors-list .doctor-row .about-doctor .review .rating-review .count {
  font-weight: bold;
  font-size: 16px;
  color: black;
  display: inline-block;
  margin-left: 10px;
  line-height: 18px;
}
@media only screen and (max-width: 767px) {
  .doctors-list .doctor-row .about-doctor .review .rating-review .count {
    font-size: 18px;
    line-height: 20px;
  }
}
.doctors-list .doctor-row .about-doctor .review .block-review {
  line-height: 1.1;
}
.doctors-list .doctor-row .about-doctor .review .block-review .icon {
  background: url('/images/onlinedoctor/review.png') no-repeat;
  width: 20px;
  height: 19px;
  display: inline-block;
  background-size: cover;
  vertical-align: middle;
  margin: 0 7px 0 0;
}
.doctors-list .doctor-row .about-doctor .review .block-review .count {
  font-size: 16px;
  color: #00aabe;
  font-weight: normal;
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.doctors-list .doctor-row .about-doctor .review .block-review .count .quantity {
  font-weight: bold;
}
.doctors-list .doctor-row .about-doctor .review .block-review .count:hover {
  color: #006672;
}
.doctors-list .doctor-row .about-doctor .grade,
.doctors-list .doctor-row .about-doctor .working-place,
.doctors-list .doctor-row .about-doctor .experience {
  margin-top: 12px;
  width: 66%;
  margin-left: 178px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 1240px) {
  .doctors-list .doctor-row .about-doctor .grade,
  .doctors-list .doctor-row .about-doctor .working-place,
  .doctors-list .doctor-row .about-doctor .experience {
    margin-left: 152px;
  }
}
@media only screen and (max-width: 1150px) {
  .doctors-list .doctor-row .about-doctor .grade,
  .doctors-list .doctor-row .about-doctor .working-place,
  .doctors-list .doctor-row .about-doctor .experience {
    width: 100%;
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .doctors-list .doctor-row .about-doctor .grade,
  .doctors-list .doctor-row .about-doctor .working-place,
  .doctors-list .doctor-row .about-doctor .experience {
    width: 66%;
    margin-left: 70px;
  }
}
@media only screen and (max-width: 505px) {
  .doctors-list .doctor-row .about-doctor .grade,
  .doctors-list .doctor-row .about-doctor .working-place,
  .doctors-list .doctor-row .about-doctor .experience {
    width: 100%;
    margin-left: 0;
  }
}
.doctors-list .doctor-row .about-doctor .grade:before,
.doctors-list .doctor-row .about-doctor .working-place:before,
.doctors-list .doctor-row .about-doctor .experience:before {
  content: '';
  width: 29px;
  height: 20px;
  margin-right: 16px;
  background: url('/images/onlinedoctor/sprite-doctors.png') no-repeat;
}
.doctors-list .doctor-row .about-doctor .grade p,
.doctors-list .doctor-row .about-doctor .working-place p,
.doctors-list .doctor-row .about-doctor .experience p {
  width: calc(100% - 55px);
  font-size: 16px;
  line-height: 18px;
  margin: 0;
  padding: 0;
  color: black;
}
.doctors-list .doctor-row .about-doctor .working-place {
  border: none;
}
.doctors-list .doctor-row .about-doctor .working-place:before {
  width: 27px;
  height: 25px;
  background-position: 0 -24px;
}
@media only screen and (max-width: 767px) {
  .doctors-list .doctor-row .about-doctor .working-place {
    display: none;
  }
}
.doctors-list .doctor-row .about-doctor .experience:before {
  width: 27px;
  height: 22px;
  background-position: 0 -51px;
}
.doctors-list .doctor-row .about-doctor .description-wrapper {
  font-size: 15px;
  line-height: 18px;
}
.doctors-list .doctor-row .about-doctor .description-wrapper p {
  line-height: 20px;
}
.doctors-list .doctor-row .about-doctor .description-wrapper .more-link {
  font-size: 12px;
  font-style: italic;
  color: inherit;
}
.doctors-list .doctor-row .about-doctor .description-wrapper .more-link:hover {
  color: #00aabe;
}
.doctors-list .doctor-row .consult-info {
  width: 540px;
  vertical-align: top;
}
@media only screen and (max-width: 1240px) {
  .doctors-list .doctor-row .consult-info {
    width: 45%;
  }
}
@media only screen and (max-width: 767px) {
  .doctors-list .doctor-row .consult-info {
    width: 100%;
  }
}
.doctors-list .doctor-row .consult-info.no-chosen-doctor .deferred-price {
  border-top: 0;
}
@media only screen and (max-width: 767px) {
  .doctors-list .doctor-row .consult-info.no-chosen-doctor .deferred-price {
    border-top: 1px dashed #C5C5CC;
  }
}
.doctors-list .doctor-row .consult-info.no-chosen-doctor .deferred-price:before,
.doctors-list .doctor-row .consult-info.no-chosen-doctor .deferred-price:after {
  display: none;
}
@media only screen and (max-width: 767px) {
  .doctors-list .doctor-row .consult-info.no-chosen-doctor .deferred-price:before,
  .doctors-list .doctor-row .consult-info.no-chosen-doctor .deferred-price:after {
    display: block;
  }
}
.doctors-list .doctor-row .consult-info .hide-wrapper {
  position: relative;
}
.doctors-list .doctor-row .consult-info .hide-wrapper a {
  font-weight: normal;
  font-size: 18px;
  color: #00aabe;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 1150px) {
  .doctors-list .doctor-row .consult-info .hide-wrapper a {
    position: absolute;
    top: 0;
    right: 0;
    margin: 28px 20px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .doctors-list .doctor-row .consult-info .hide-wrapper a {
    margin: 28px 14px 0 0;
  }
}
.doctors-list .doctor-row .consult-info .hide-wrapper a:hover {
  color: #006672;
}
body.pacient #orderChosenWrapper .m-filter__wrapper .m-filter__button,
body.pacient #doctorProfilePage .m-filter__wrapper .m-filter__button,
body.pacient #calendarPostpone .m-filter__wrapper .m-filter__button,
body.pacient .calendar-wrapper .m-filter__wrapper .m-filter__button,
body.pacient #contactPageWrapper .m-filter__wrapper .m-filter__button,
body.pacient #calendarDoctorProfile .m-filter__wrapper .m-filter__button,
body.pacient .codewordsWrapper .m-filter__wrapper .m-filter__button,
body.pacient #orderChosenWrapper .leave-feedback-wrapper .m-filter__button,
body.pacient #doctorProfilePage .leave-feedback-wrapper .m-filter__button,
body.pacient #calendarPostpone .leave-feedback-wrapper .m-filter__button,
body.pacient .calendar-wrapper .leave-feedback-wrapper .m-filter__button,
body.pacient #contactPageWrapper .leave-feedback-wrapper .m-filter__button,
body.pacient #calendarDoctorProfile .leave-feedback-wrapper .m-filter__button,
body.pacient .codewordsWrapper .leave-feedback-wrapper .m-filter__button,
body.pacient #orderChosenWrapper .time-outer .m-filter__button,
body.pacient #doctorProfilePage .time-outer .m-filter__button,
body.pacient #calendarPostpone .time-outer .m-filter__button,
body.pacient .calendar-wrapper .time-outer .m-filter__button,
body.pacient #contactPageWrapper .time-outer .m-filter__button,
body.pacient #calendarDoctorProfile .time-outer .m-filter__button,
body.pacient .codewordsWrapper .time-outer .m-filter__button,
body.pacient #orderChosenWrapper div[data-action="create"] .m-filter__button,
body.pacient #doctorProfilePage div[data-action="create"] .m-filter__button,
body.pacient #calendarPostpone div[data-action="create"] .m-filter__button,
body.pacient .calendar-wrapper div[data-action="create"] .m-filter__button,
body.pacient #contactPageWrapper div[data-action="create"] .m-filter__button,
body.pacient #calendarDoctorProfile div[data-action="create"] .m-filter__button,
body.pacient .codewordsWrapper div[data-action="create"] .m-filter__button {
  display: none;
  position: relative;
  width: 100%;
  border: 3px solid #9BCAD0;
  text-align: center;
  background: transparent;
  padding: 12px;
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
  border-radius: 8px 8px 8px 8px;
}
body.pacient #orderChosenWrapper .m-filter__wrapper .m-filter__button:hover,
body.pacient #doctorProfilePage .m-filter__wrapper .m-filter__button:hover,
body.pacient #calendarPostpone .m-filter__wrapper .m-filter__button:hover,
body.pacient .calendar-wrapper .m-filter__wrapper .m-filter__button:hover,
body.pacient #contactPageWrapper .m-filter__wrapper .m-filter__button:hover,
body.pacient #calendarDoctorProfile .m-filter__wrapper .m-filter__button:hover,
body.pacient .codewordsWrapper .m-filter__wrapper .m-filter__button:hover,
body.pacient #orderChosenWrapper .leave-feedback-wrapper .m-filter__button:hover,
body.pacient #doctorProfilePage .leave-feedback-wrapper .m-filter__button:hover,
body.pacient #calendarPostpone .leave-feedback-wrapper .m-filter__button:hover,
body.pacient .calendar-wrapper .leave-feedback-wrapper .m-filter__button:hover,
body.pacient #contactPageWrapper .leave-feedback-wrapper .m-filter__button:hover,
body.pacient #calendarDoctorProfile .leave-feedback-wrapper .m-filter__button:hover,
body.pacient .codewordsWrapper .leave-feedback-wrapper .m-filter__button:hover,
body.pacient #orderChosenWrapper .time-outer .m-filter__button:hover,
body.pacient #doctorProfilePage .time-outer .m-filter__button:hover,
body.pacient #calendarPostpone .time-outer .m-filter__button:hover,
body.pacient .calendar-wrapper .time-outer .m-filter__button:hover,
body.pacient #contactPageWrapper .time-outer .m-filter__button:hover,
body.pacient #calendarDoctorProfile .time-outer .m-filter__button:hover,
body.pacient .codewordsWrapper .time-outer .m-filter__button:hover,
body.pacient #orderChosenWrapper div[data-action="create"] .m-filter__button:hover,
body.pacient #doctorProfilePage div[data-action="create"] .m-filter__button:hover,
body.pacient #calendarPostpone div[data-action="create"] .m-filter__button:hover,
body.pacient .calendar-wrapper div[data-action="create"] .m-filter__button:hover,
body.pacient #contactPageWrapper div[data-action="create"] .m-filter__button:hover,
body.pacient #calendarDoctorProfile div[data-action="create"] .m-filter__button:hover,
body.pacient .codewordsWrapper div[data-action="create"] .m-filter__button:hover,
body.pacient #orderChosenWrapper .m-filter__wrapper .m-filter__button:focus,
body.pacient #doctorProfilePage .m-filter__wrapper .m-filter__button:focus,
body.pacient #calendarPostpone .m-filter__wrapper .m-filter__button:focus,
body.pacient .calendar-wrapper .m-filter__wrapper .m-filter__button:focus,
body.pacient #contactPageWrapper .m-filter__wrapper .m-filter__button:focus,
body.pacient #calendarDoctorProfile .m-filter__wrapper .m-filter__button:focus,
body.pacient .codewordsWrapper .m-filter__wrapper .m-filter__button:focus,
body.pacient #orderChosenWrapper .leave-feedback-wrapper .m-filter__button:focus,
body.pacient #doctorProfilePage .leave-feedback-wrapper .m-filter__button:focus,
body.pacient #calendarPostpone .leave-feedback-wrapper .m-filter__button:focus,
body.pacient .calendar-wrapper .leave-feedback-wrapper .m-filter__button:focus,
body.pacient #contactPageWrapper .leave-feedback-wrapper .m-filter__button:focus,
body.pacient #calendarDoctorProfile .leave-feedback-wrapper .m-filter__button:focus,
body.pacient .codewordsWrapper .leave-feedback-wrapper .m-filter__button:focus,
body.pacient #orderChosenWrapper .time-outer .m-filter__button:focus,
body.pacient #doctorProfilePage .time-outer .m-filter__button:focus,
body.pacient #calendarPostpone .time-outer .m-filter__button:focus,
body.pacient .calendar-wrapper .time-outer .m-filter__button:focus,
body.pacient #contactPageWrapper .time-outer .m-filter__button:focus,
body.pacient #calendarDoctorProfile .time-outer .m-filter__button:focus,
body.pacient .codewordsWrapper .time-outer .m-filter__button:focus,
body.pacient #orderChosenWrapper div[data-action="create"] .m-filter__button:focus,
body.pacient #doctorProfilePage div[data-action="create"] .m-filter__button:focus,
body.pacient #calendarPostpone div[data-action="create"] .m-filter__button:focus,
body.pacient .calendar-wrapper div[data-action="create"] .m-filter__button:focus,
body.pacient #contactPageWrapper div[data-action="create"] .m-filter__button:focus,
body.pacient #calendarDoctorProfile div[data-action="create"] .m-filter__button:focus,
body.pacient .codewordsWrapper div[data-action="create"] .m-filter__button:focus {
  outline: none;
}
@media only screen and (max-width: 767px) {
  body.pacient #orderChosenWrapper .m-filter__wrapper .m-filter__button,
  body.pacient #doctorProfilePage .m-filter__wrapper .m-filter__button,
  body.pacient #calendarPostpone .m-filter__wrapper .m-filter__button,
  body.pacient .calendar-wrapper .m-filter__wrapper .m-filter__button,
  body.pacient #contactPageWrapper .m-filter__wrapper .m-filter__button,
  body.pacient #calendarDoctorProfile .m-filter__wrapper .m-filter__button,
  body.pacient .codewordsWrapper .m-filter__wrapper .m-filter__button,
  body.pacient #orderChosenWrapper .leave-feedback-wrapper .m-filter__button,
  body.pacient #doctorProfilePage .leave-feedback-wrapper .m-filter__button,
  body.pacient #calendarPostpone .leave-feedback-wrapper .m-filter__button,
  body.pacient .calendar-wrapper .leave-feedback-wrapper .m-filter__button,
  body.pacient #contactPageWrapper .leave-feedback-wrapper .m-filter__button,
  body.pacient #calendarDoctorProfile .leave-feedback-wrapper .m-filter__button,
  body.pacient .codewordsWrapper .leave-feedback-wrapper .m-filter__button,
  body.pacient #orderChosenWrapper .time-outer .m-filter__button,
  body.pacient #doctorProfilePage .time-outer .m-filter__button,
  body.pacient #calendarPostpone .time-outer .m-filter__button,
  body.pacient .calendar-wrapper .time-outer .m-filter__button,
  body.pacient #contactPageWrapper .time-outer .m-filter__button,
  body.pacient #calendarDoctorProfile .time-outer .m-filter__button,
  body.pacient .codewordsWrapper .time-outer .m-filter__button,
  body.pacient #orderChosenWrapper div[data-action="create"] .m-filter__button,
  body.pacient #doctorProfilePage div[data-action="create"] .m-filter__button,
  body.pacient #calendarPostpone div[data-action="create"] .m-filter__button,
  body.pacient .calendar-wrapper div[data-action="create"] .m-filter__button,
  body.pacient #contactPageWrapper div[data-action="create"] .m-filter__button,
  body.pacient #calendarDoctorProfile div[data-action="create"] .m-filter__button,
  body.pacient .codewordsWrapper div[data-action="create"] .m-filter__button {
    display: block;
  }
}
body.pacient #orderChosenWrapper .m-filter__wrapper .m-filter__button:before,
body.pacient #doctorProfilePage .m-filter__wrapper .m-filter__button:before,
body.pacient #calendarPostpone .m-filter__wrapper .m-filter__button:before,
body.pacient .calendar-wrapper .m-filter__wrapper .m-filter__button:before,
body.pacient #contactPageWrapper .m-filter__wrapper .m-filter__button:before,
body.pacient #calendarDoctorProfile .m-filter__wrapper .m-filter__button:before,
body.pacient .codewordsWrapper .m-filter__wrapper .m-filter__button:before,
body.pacient #orderChosenWrapper .leave-feedback-wrapper .m-filter__button:before,
body.pacient #doctorProfilePage .leave-feedback-wrapper .m-filter__button:before,
body.pacient #calendarPostpone .leave-feedback-wrapper .m-filter__button:before,
body.pacient .calendar-wrapper .leave-feedback-wrapper .m-filter__button:before,
body.pacient #contactPageWrapper .leave-feedback-wrapper .m-filter__button:before,
body.pacient #calendarDoctorProfile .leave-feedback-wrapper .m-filter__button:before,
body.pacient .codewordsWrapper .leave-feedback-wrapper .m-filter__button:before,
body.pacient #orderChosenWrapper .time-outer .m-filter__button:before,
body.pacient #doctorProfilePage .time-outer .m-filter__button:before,
body.pacient #calendarPostpone .time-outer .m-filter__button:before,
body.pacient .calendar-wrapper .time-outer .m-filter__button:before,
body.pacient #contactPageWrapper .time-outer .m-filter__button:before,
body.pacient #calendarDoctorProfile .time-outer .m-filter__button:before,
body.pacient .codewordsWrapper .time-outer .m-filter__button:before,
body.pacient #orderChosenWrapper div[data-action="create"] .m-filter__button:before,
body.pacient #doctorProfilePage div[data-action="create"] .m-filter__button:before,
body.pacient #calendarPostpone div[data-action="create"] .m-filter__button:before,
body.pacient .calendar-wrapper div[data-action="create"] .m-filter__button:before,
body.pacient #contactPageWrapper div[data-action="create"] .m-filter__button:before,
body.pacient #calendarDoctorProfile div[data-action="create"] .m-filter__button:before,
body.pacient .codewordsWrapper div[data-action="create"] .m-filter__button:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  background: url('/images/default/Doctor-filter.svg') no-repeat;
  left: 50%;
  top: 50%;
  margin: -12px 0 0 -90px;
  display: none;
  border: none;
}
@media only screen and (max-width: 767px) {
  body.pacient #orderChosenWrapper .m-filter__wrapper .m-filter__button:before,
  body.pacient #doctorProfilePage .m-filter__wrapper .m-filter__button:before,
  body.pacient #calendarPostpone .m-filter__wrapper .m-filter__button:before,
  body.pacient .calendar-wrapper .m-filter__wrapper .m-filter__button:before,
  body.pacient #contactPageWrapper .m-filter__wrapper .m-filter__button:before,
  body.pacient #calendarDoctorProfile .m-filter__wrapper .m-filter__button:before,
  body.pacient .codewordsWrapper .m-filter__wrapper .m-filter__button:before,
  body.pacient #orderChosenWrapper .leave-feedback-wrapper .m-filter__button:before,
  body.pacient #doctorProfilePage .leave-feedback-wrapper .m-filter__button:before,
  body.pacient #calendarPostpone .leave-feedback-wrapper .m-filter__button:before,
  body.pacient .calendar-wrapper .leave-feedback-wrapper .m-filter__button:before,
  body.pacient #contactPageWrapper .leave-feedback-wrapper .m-filter__button:before,
  body.pacient #calendarDoctorProfile .leave-feedback-wrapper .m-filter__button:before,
  body.pacient .codewordsWrapper .leave-feedback-wrapper .m-filter__button:before,
  body.pacient #orderChosenWrapper .time-outer .m-filter__button:before,
  body.pacient #doctorProfilePage .time-outer .m-filter__button:before,
  body.pacient #calendarPostpone .time-outer .m-filter__button:before,
  body.pacient .calendar-wrapper .time-outer .m-filter__button:before,
  body.pacient #contactPageWrapper .time-outer .m-filter__button:before,
  body.pacient #calendarDoctorProfile .time-outer .m-filter__button:before,
  body.pacient .codewordsWrapper .time-outer .m-filter__button:before,
  body.pacient #orderChosenWrapper div[data-action="create"] .m-filter__button:before,
  body.pacient #doctorProfilePage div[data-action="create"] .m-filter__button:before,
  body.pacient #calendarPostpone div[data-action="create"] .m-filter__button:before,
  body.pacient .calendar-wrapper div[data-action="create"] .m-filter__button:before,
  body.pacient #contactPageWrapper div[data-action="create"] .m-filter__button:before,
  body.pacient #calendarDoctorProfile div[data-action="create"] .m-filter__button:before,
  body.pacient .codewordsWrapper div[data-action="create"] .m-filter__button:before {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content {
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-header,
body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-header,
body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-header,
body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-header,
body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-header,
body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-header,
body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-header,
body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-header,
body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-header,
body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-header,
body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-header,
body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-header,
body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-header,
body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-header,
body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-header,
body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-header,
body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-header,
body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-header,
body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-header,
body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-header,
body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-header,
body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-header,
body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-header,
body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-header,
body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-header,
body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-header,
body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-header,
body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-header {
  display: none;
}
@media only screen and (max-width: 767px) {
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-header,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-header,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-header,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-header,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-header,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-header,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-header,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-header,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-header,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-header,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-header,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-header,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-header,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-header,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-header,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-header,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-header,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-header,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-header,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-header,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-header,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-header,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-header,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-header,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-header,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-header,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-header,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-header {
    display: block;
    width: 100%;
    padding: 26px 22px 30px;
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
    border: none;
    text-align: left;
  }
}
body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-header .m-modal-title,
body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-header .m-modal-title,
body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-header .m-modal-title,
body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-header .m-modal-title,
body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-header .m-modal-title,
body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-header .m-modal-title,
body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-header .m-modal-title,
body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-header .m-modal-title,
body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-header .m-modal-title,
body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-header .m-modal-title,
body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-header .m-modal-title,
body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-header .m-modal-title,
body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-header .m-modal-title,
body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-header .m-modal-title,
body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-header .m-modal-title,
body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-header .m-modal-title,
body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-header .m-modal-title,
body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-header .m-modal-title,
body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-header .m-modal-title,
body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-header .m-modal-title,
body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-header .m-modal-title,
body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-header .m-modal-title,
body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-header .m-modal-title,
body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-header .m-modal-title,
body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-header .m-modal-title,
body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-header .m-modal-title,
body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-header .m-modal-title,
body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-header .m-modal-title,
body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-header span.m-modal-title,
body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-header span.m-modal-title,
body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-header span.m-modal-title,
body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-header span.m-modal-title,
body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-header span.m-modal-title,
body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-header span.m-modal-title,
body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-header span.m-modal-title,
body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-header span.m-modal-title,
body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-header span.m-modal-title,
body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-header span.m-modal-title,
body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-header span.m-modal-title,
body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-header span.m-modal-title,
body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-header span.m-modal-title,
body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-header span.m-modal-title,
body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-header span.m-modal-title,
body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-header span.m-modal-title,
body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-header span.m-modal-title,
body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-header span.m-modal-title,
body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-header span.m-modal-title,
body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-header span.m-modal-title,
body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-header span.m-modal-title,
body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-header span.m-modal-title,
body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-header span.m-modal-title,
body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-header span.m-modal-title,
body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-header span.m-modal-title,
body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-header span.m-modal-title,
body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-header span.m-modal-title,
body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-header span.m-modal-title {
  display: none;
  font-weight: bold;
  font-size: 24px;
  line-height: 24px;
  color: #212127;
  padding-top: 0;
}
@media only screen and (max-width: 767px) {
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-header .m-modal-title,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-header .m-modal-title,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-header .m-modal-title,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-header .m-modal-title,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-header .m-modal-title,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-header .m-modal-title,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-header .m-modal-title,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-header .m-modal-title,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-header .m-modal-title,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-header .m-modal-title,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-header .m-modal-title,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-header .m-modal-title,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-header .m-modal-title,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-header .m-modal-title,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-header .m-modal-title,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-header .m-modal-title,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-header .m-modal-title,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-header .m-modal-title,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-header .m-modal-title,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-header .m-modal-title,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-header .m-modal-title,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-header .m-modal-title,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-header .m-modal-title,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-header .m-modal-title,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-header .m-modal-title,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-header .m-modal-title,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-header .m-modal-title,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-header .m-modal-title,
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-header span.m-modal-title,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-header span.m-modal-title,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-header span.m-modal-title,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-header span.m-modal-title,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-header span.m-modal-title,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-header span.m-modal-title,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-header span.m-modal-title,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-header span.m-modal-title,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-header span.m-modal-title,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-header span.m-modal-title,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-header span.m-modal-title,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-header span.m-modal-title,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-header span.m-modal-title,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-header span.m-modal-title,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-header span.m-modal-title,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-header span.m-modal-title,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-header span.m-modal-title,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-header span.m-modal-title,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-header span.m-modal-title,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-header span.m-modal-title,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-header span.m-modal-title,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-header span.m-modal-title,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-header span.m-modal-title,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-header span.m-modal-title,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-header span.m-modal-title,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-header span.m-modal-title,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-header span.m-modal-title,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-header span.m-modal-title {
    display: block;
    margin-bottom: 0 !important;
    font-size: 24px !important;
  }
}
body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-header h3.title,
body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-header h3.title,
body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-header h3.title,
body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-header h3.title,
body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-header h3.title,
body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-header h3.title,
body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-header h3.title,
body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-header h3.title,
body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-header h3.title,
body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-header h3.title,
body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-header h3.title,
body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-header h3.title,
body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-header h3.title,
body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-header h3.title,
body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-header h3.title,
body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-header h3.title,
body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-header h3.title,
body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-header h3.title,
body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-header h3.title,
body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-header h3.title,
body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-header h3.title,
body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-header h3.title,
body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-header h3.title,
body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-header h3.title,
body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-header h3.title,
body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-header h3.title,
body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-header h3.title,
body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-header h3.title {
  display: block;
  font-weight: normal;
  font-size: 32px;
  line-height: 32px;
  margin: 0 0 24px;
  padding-top: 12px;
}
@media only screen and (max-width: 767px) {
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-header h3.title,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-header h3.title,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-header h3.title,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-header h3.title,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-header h3.title,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-header h3.title,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-header h3.title,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-header h3.title,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-header h3.title,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-header h3.title,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-header h3.title,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-header h3.title,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-header h3.title,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-header h3.title,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-header h3.title,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-header h3.title,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-header h3.title,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-header h3.title,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-header h3.title,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-header h3.title,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-header h3.title,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-header h3.title,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-header h3.title,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-header h3.title,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-header h3.title,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-header h3.title,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-header h3.title,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-header h3.title {
    font-size: 22px;
    padding-top: 0;
    font-weight: bold;
    margin-bottom: 0;
  }
}
body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-header .close,
body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-header .close,
body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-header .close,
body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-header .close,
body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-header .close,
body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-header .close,
body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-header .close,
body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-header .close,
body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-header .close,
body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-header .close,
body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-header .close,
body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-header .close,
body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-header .close,
body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-header .close,
body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-header .close,
body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-header .close,
body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-header .close,
body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-header .close,
body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-header .close,
body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-header .close,
body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-header .close,
body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-header .close,
body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-header .close,
body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-header .close,
body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-header .close,
body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-header .close,
body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-header .close,
body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-header .close {
  width: 24px;
  height: 24px;
  background: url('/images/default/Clear-filter.svg') no-repeat;
  top: 25px;
}
body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-header .close .sr-only,
body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-header .close .sr-only,
body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-header .close .sr-only,
body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-header .close .sr-only,
body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-header .close .sr-only,
body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-header .close .sr-only,
body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-header .close .sr-only,
body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-header .close .sr-only,
body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-header .close .sr-only,
body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-header .close .sr-only,
body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-header .close .sr-only,
body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-header .close .sr-only,
body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-header .close .sr-only,
body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-header .close .sr-only,
body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-header .close .sr-only,
body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-header .close .sr-only,
body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-header .close .sr-only,
body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-header .close .sr-only,
body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-header .close .sr-only,
body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-header .close .sr-only,
body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-header .close .sr-only,
body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-header .close .sr-only,
body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-header .close .sr-only,
body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-header .close .sr-only,
body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-header .close .sr-only,
body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-header .close .sr-only,
body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-header .close .sr-only,
body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-header .close .sr-only {
  display: none;
}
body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body,
body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-body,
body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-body,
body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-body,
body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-body,
body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-body,
body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-body,
body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-body,
body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-body,
body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-body,
body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-body,
body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-body,
body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-body,
body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-body,
body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-body,
body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-body,
body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-body,
body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-body,
body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-body,
body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-body,
body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-body,
body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-body,
body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-body,
body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-body,
body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-body,
body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-body,
body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-body,
body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-body {
  padding: 0;
  width: 100%;
}
body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .header:before,
body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-body .header:before,
body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-body .header:before,
body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-body .header:before,
body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-body .header:before,
body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-body .header:before,
body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-body .header:before,
body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-body .header:before,
body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-body .header:before,
body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-body .header:before,
body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-body .header:before,
body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-body .header:before,
body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-body .header:before,
body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-body .header:before,
body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-body .header:before,
body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-body .header:before,
body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-body .header:before,
body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-body .header:before,
body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-body .header:before,
body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-body .header:before,
body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-body .header:before,
body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-body .header:before,
body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-body .header:before,
body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-body .header:before,
body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-body .header:before,
body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-body .header:before,
body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-body .header:before,
body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-body .header:before {
  display: none;
}
@media only screen and (max-width: 767px) {
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .time-zone,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-body .time-zone,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-body .time-zone,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-body .time-zone,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-body .time-zone,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-body .time-zone,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-body .time-zone,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-body .time-zone,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-body .time-zone,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-body .time-zone,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-body .time-zone,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-body .time-zone,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-body .time-zone,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-body .time-zone,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-body .time-zone,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-body .time-zone,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-body .time-zone,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-body .time-zone,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-body .time-zone,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-body .time-zone,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-body .time-zone,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-body .time-zone,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-body .time-zone,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-body .time-zone,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-body .time-zone,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-body .time-zone,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-body .time-zone,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-body .time-zone {
    padding: 24px 24px 16px;
  }
}
@media only screen and (max-width: 767px) {
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .time-zone span,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-body .time-zone span,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-body .time-zone span,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-body .time-zone span,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-body .time-zone span,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-body .time-zone span,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-body .time-zone span,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-body .time-zone span,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-body .time-zone span,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-body .time-zone span,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-body .time-zone span,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-body .time-zone span,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-body .time-zone span,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-body .time-zone span,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-body .time-zone span,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-body .time-zone span,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-body .time-zone span,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-body .time-zone span,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-body .time-zone span,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-body .time-zone span,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-body .time-zone span,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-body .time-zone span,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-body .time-zone span,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-body .time-zone span,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-body .time-zone span,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-body .time-zone span,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-body .time-zone span,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-body .time-zone span {
    font-size: 18px !important;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .actions,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-body .actions,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-body .actions,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-body .actions,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-body .actions,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-body .actions,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-body .actions,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-body .actions,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-body .actions,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-body .actions,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-body .actions,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-body .actions,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-body .actions,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-body .actions,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-body .actions,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-body .actions,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-body .actions,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-body .actions,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-body .actions,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-body .actions,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-body .actions,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-body .actions,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-body .actions,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-body .actions,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-body .actions,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-body .actions,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-body .actions,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-body .actions {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .hoursDiv,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-body .hoursDiv,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-body .hoursDiv,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-body .hoursDiv,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-body .hoursDiv,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-body .hoursDiv,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-body .hoursDiv,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-body .hoursDiv,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-body .hoursDiv,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-body .hoursDiv,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-body .hoursDiv,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-body .hoursDiv,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-body .hoursDiv,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-body .hoursDiv,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-body .hoursDiv,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-body .hoursDiv,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-body .hoursDiv,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-body .hoursDiv,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-body .hoursDiv,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-body .hoursDiv,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-body .hoursDiv,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-body .hoursDiv,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-body .hoursDiv,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-body .hoursDiv,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-body .hoursDiv,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-body .hoursDiv,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-body .hoursDiv,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-body .hoursDiv {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0 24px 24px;
  }
}
@media only screen and (max-width: 767px) {
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .column-1,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-body .column-1,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-body .column-1,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-body .column-1,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-body .column-1,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-body .column-1,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-body .column-1,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-body .column-1,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-body .column-1,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-body .column-1,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-body .column-1,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-body .column-1,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-body .column-1,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-body .column-1,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-body .column-1,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-body .column-1,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-body .column-1,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-body .column-1,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-body .column-1,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-body .column-1,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-body .column-1,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-body .column-1,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-body .column-1,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-body .column-1,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-body .column-1,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-body .column-1,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-body .column-1,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-body .column-1 {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    max-height: 100% !important;
  }
}
@media only screen and (max-width: 767px) {
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .column-1 .period.selected,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-body .column-1 .period.selected,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-body .column-1 .period.selected,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-body .column-1 .period.selected,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-body .column-1 .period.selected,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-body .column-1 .period.selected,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-body .column-1 .period.selected,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-body .column-1 .period.selected,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-body .column-1 .period.selected,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-body .column-1 .period.selected,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-body .column-1 .period.selected,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-body .column-1 .period.selected,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-body .column-1 .period.selected,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-body .column-1 .period.selected,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-body .column-1 .period.selected,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-body .column-1 .period.selected,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-body .column-1 .period.selected,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-body .column-1 .period.selected,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-body .column-1 .period.selected,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-body .column-1 .period.selected,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-body .column-1 .period.selected,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-body .column-1 .period.selected,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-body .column-1 .period.selected,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-body .column-1 .period.selected,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-body .column-1 .period.selected,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-body .column-1 .period.selected,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-body .column-1 .period.selected,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-body .column-1 .period.selected {
    background: none !important;
  }
}
@media only screen and (max-width: 767px) {
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .time,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-body .time,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-body .time,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-body .time,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-body .time,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-body .time,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-body .time,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-body .time,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-body .time,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-body .time,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-body .time,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-body .time,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-body .time,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-body .time,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-body .time,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-body .time,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-body .time,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-body .time,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-body .time,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-body .time,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-body .time,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-body .time,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-body .time,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-body .time,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-body .time,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-body .time,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-body .time,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-body .time,
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-body .time-wrapper {
    padding: 0 24px 24px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .time a,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-body .time a,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-body .time a,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-body .time a,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-body .time a,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-body .time a,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-body .time a,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-body .time a,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-body .time a,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-body .time a,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-body .time a,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-body .time a,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-body .time a,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-body .time a,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-body .time a,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-body .time a,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-body .time a,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-body .time a,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-body .time a,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-body .time a,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-body .time a,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-body .time a,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-body .time a,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-body .time a,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-body .time a,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-body .time a,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-body .time a,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-body .time a,
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .time-wrapper a,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-body .time-wrapper a,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-body .time-wrapper a,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-body .time-wrapper a,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-body .time-wrapper a,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-body .time-wrapper a,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-body .time-wrapper a,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-body .time-wrapper a,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-body .time-wrapper a,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-body .time-wrapper a,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-body .time-wrapper a,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-body .time-wrapper a,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-body .time-wrapper a,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-body .time-wrapper a,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-body .time-wrapper a,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-body .time-wrapper a,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-body .time-wrapper a,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-body .time-wrapper a,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-body .time-wrapper a,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-body .time-wrapper a,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-body .time-wrapper a,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-body .time-wrapper a,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-body .time-wrapper a,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-body .time-wrapper a,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-body .time-wrapper a,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-body .time-wrapper a,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-body .time-wrapper a,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-body .time-wrapper a,
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .time span,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-body .time span,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-body .time span,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-body .time span,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-body .time span,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-body .time span,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-body .time span,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-body .time span,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-body .time span,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-body .time span,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-body .time span,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-body .time span,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-body .time span,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-body .time span,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-body .time span,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-body .time span,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-body .time span,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-body .time span,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-body .time span,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-body .time span,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-body .time span,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-body .time span,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-body .time span,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-body .time span,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-body .time span,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-body .time span,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-body .time span,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-body .time span,
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .time-wrapper span,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-body .time-wrapper span,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-body .time-wrapper span,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-body .time-wrapper span,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-body .time-wrapper span,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-body .time-wrapper span,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-body .time-wrapper span,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-body .time-wrapper span,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-body .time-wrapper span,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-body .time-wrapper span,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-body .time-wrapper span,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-body .time-wrapper span,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-body .time-wrapper span,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-body .time-wrapper span,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-body .time-wrapper span,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-body .time-wrapper span,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-body .time-wrapper span,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-body .time-wrapper span,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-body .time-wrapper span,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-body .time-wrapper span,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-body .time-wrapper span,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-body .time-wrapper span,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-body .time-wrapper span,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-body .time-wrapper span,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-body .time-wrapper span,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-body .time-wrapper span,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-body .time-wrapper span,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-body .time-wrapper span {
    font-size: 20px !important;
    width: 78px !important;
    max-height: 40px !important;
    height: 40px;
    padding: 0 !important;
    display: inline-block;
    line-height: 42px !important;
    margin: 0 3px 20px 0 !important;
    background: #F6FAFB;
    border-radius: 3px 3px 3px 3px;
  }
}
@media only screen and (max-width: 767px) {
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-body .time-wrapper,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-body .time-wrapper {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .intro,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-body .intro,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-body .intro,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-body .intro,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-body .intro,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-body .intro,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-body .intro,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-body .intro,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-body .intro,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-body .intro,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-body .intro,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-body .intro,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-body .intro,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-body .intro,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-body .intro,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-body .intro,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-body .intro,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-body .intro,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-body .intro,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-body .intro,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-body .intro,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-body .intro,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-body .intro,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-body .intro,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-body .intro,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-body .intro,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-body .intro,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-body .intro {
    width: 100%;
    padding: 32px 24px;
  }
}
@media only screen and (max-width: 767px) {
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .intro .buttons-wrapper,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-body .intro .buttons-wrapper,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-body .intro .buttons-wrapper,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-body .intro .buttons-wrapper,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-body .intro .buttons-wrapper,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-body .intro .buttons-wrapper,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-body .intro .buttons-wrapper,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-body .intro .buttons-wrapper,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-body .intro .buttons-wrapper,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-body .intro .buttons-wrapper,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-body .intro .buttons-wrapper,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-body .intro .buttons-wrapper,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-body .intro .buttons-wrapper,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-body .intro .buttons-wrapper,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-body .intro .buttons-wrapper,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-body .intro .buttons-wrapper,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-body .intro .buttons-wrapper,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-body .intro .buttons-wrapper,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-body .intro .buttons-wrapper,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-body .intro .buttons-wrapper,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-body .intro .buttons-wrapper,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-body .intro .buttons-wrapper,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-body .intro .buttons-wrapper,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-body .intro .buttons-wrapper,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-body .intro .buttons-wrapper,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-body .intro .buttons-wrapper,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-body .intro .buttons-wrapper,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-body .intro .buttons-wrapper {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .intro .buttons-wrapper .send,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-body .intro .buttons-wrapper .send,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-body .intro .buttons-wrapper .send,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-body .intro .buttons-wrapper .send,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-body .intro .buttons-wrapper .send,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-body .intro .buttons-wrapper .send,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-body .intro .buttons-wrapper .send,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-body .intro .buttons-wrapper .send,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-body .intro .buttons-wrapper .send,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-body .intro .buttons-wrapper .send,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-body .intro .buttons-wrapper .send,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-body .intro .buttons-wrapper .send,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-body .intro .buttons-wrapper .send,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-body .intro .buttons-wrapper .send,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-body .intro .buttons-wrapper .send,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-body .intro .buttons-wrapper .send,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-body .intro .buttons-wrapper .send,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-body .intro .buttons-wrapper .send,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-body .intro .buttons-wrapper .send,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-body .intro .buttons-wrapper .send,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-body .intro .buttons-wrapper .send,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-body .intro .buttons-wrapper .send,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-body .intro .buttons-wrapper .send,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-body .intro .buttons-wrapper .send,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-body .intro .buttons-wrapper .send,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-body .intro .buttons-wrapper .send,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-body .intro .buttons-wrapper .send,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-body .intro .buttons-wrapper .send {
    width: 100%;
    height: 40px;
    line-height: 38px;
    font-weight: bold;
    font-size: 16px;
    color: white;
    border-radius: 24px 24px 24px 24px;
  }
}
body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper,
body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper,
body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper,
body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper,
body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper,
body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper,
body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper,
body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper,
body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper,
body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper,
body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper,
body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper,
body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper,
body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper,
body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper,
body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper,
body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper,
body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper,
body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper,
body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper,
body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper,
body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper,
body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper,
body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper,
body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper,
body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper,
body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper,
body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper {
  padding: 0;
}
@media only screen and (max-width: 767px) {
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter {
    padding: 32px 24px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #E1E1E5;
    border-radius: 0 0 0 0;
    display: block;
  }
}
body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp {
  width: 20%;
}
@media only screen and (max-width: 1240px) {
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp {
    width: 100%;
    border-bottom: 1px solid #E1E1E5;
  }
}
@media only screen and (max-width: 767px) {
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp {
    width: 100%;
    border: 1px solid #E1E1E5;
    border-radius: 8px 8px 8px 8px;
    margin-bottom: 16px;
    overflow: hidden;
  }
}
@media only screen and (max-width: 767px) {
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group input,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group input,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group input,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group input,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group input,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group input,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group input,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group input,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group input,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group input,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group input,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group input,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group input,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group input,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group input,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group input,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group input,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group input,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group input,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group input,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group input,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group input,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group input,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group input,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group input,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group input,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group input,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group input {
    width: 100%;
    border-radius: 0 0 0 0;
    padding: 16px;
    background-position: 98.5% 50%;
  }
}
body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector {
  width: 20%;
}
@media only screen and (max-width: 1240px) {
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector {
    width: 25%;
  }
}
@media only screen and (max-width: 767px) {
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .border-wrap,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .border-wrap,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .border-wrap,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .border-wrap,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .border-wrap,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .border-wrap,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .border-wrap,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .border-wrap,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .border-wrap,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .border-wrap,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .border-wrap,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .border-wrap,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .border-wrap,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .border-wrap,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .border-wrap,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .border-wrap,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .border-wrap,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .border-wrap,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .border-wrap,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .border-wrap,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .border-wrap,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .border-wrap,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .border-wrap,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .border-wrap,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .border-wrap,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .border-wrap,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .border-wrap,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .border-wrap,
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .border-wrap,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .border-wrap,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .border-wrap,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .border-wrap,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .border-wrap,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .border-wrap,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .border-wrap,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .border-wrap,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .border-wrap,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .border-wrap,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .border-wrap,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .border-wrap,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .border-wrap,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .border-wrap,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .border-wrap,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .border-wrap,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .border-wrap,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .border-wrap,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .border-wrap,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .border-wrap,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .border-wrap,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .border-wrap,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .border-wrap,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .border-wrap,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .border-wrap,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .border-wrap,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .border-wrap,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .border-wrap {
    width: 100%;
    max-width: 100% !important;
    min-width: 100% !important;
    border: 1px solid #E1E1E5;
    border-radius: 8px 8px 8px 8px;
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 767px) {
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector.hospital .border-wrap:after,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector.hospital .border-wrap:after,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector.hospital .border-wrap:after,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector.hospital .border-wrap:after,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector.hospital .border-wrap:after,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector.hospital .border-wrap:after,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector.hospital .border-wrap:after,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector.hospital .border-wrap:after,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector.hospital .border-wrap:after,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector.hospital .border-wrap:after,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector.hospital .border-wrap:after,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector.hospital .border-wrap:after,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector.hospital .border-wrap:after,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector.hospital .border-wrap:after,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector.hospital .border-wrap:after,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector.hospital .border-wrap:after,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector.hospital .border-wrap:after,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector.hospital .border-wrap:after,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector.hospital .border-wrap:after,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector.hospital .border-wrap:after,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector.hospital .border-wrap:after,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector.hospital .border-wrap:after,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector.hospital .border-wrap:after,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector.hospital .border-wrap:after,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector.hospital .border-wrap:after,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector.hospital .border-wrap:after,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector.hospital .border-wrap:after,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector.hospital .border-wrap:after,
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector.hospital .border-wrap:after,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector.hospital .border-wrap:after,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector.hospital .border-wrap:after,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector.hospital .border-wrap:after,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector.hospital .border-wrap:after,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector.hospital .border-wrap:after,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector.hospital .border-wrap:after,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector.hospital .border-wrap:after,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector.hospital .border-wrap:after,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector.hospital .border-wrap:after,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector.hospital .border-wrap:after,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector.hospital .border-wrap:after,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector.hospital .border-wrap:after,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector.hospital .border-wrap:after,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector.hospital .border-wrap:after,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector.hospital .border-wrap:after,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector.hospital .border-wrap:after,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector.hospital .border-wrap:after,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector.hospital .border-wrap:after,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector.hospital .border-wrap:after,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector.hospital .border-wrap:after,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector.hospital .border-wrap:after,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector.hospital .border-wrap:after,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector.hospital .border-wrap:after,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector.hospital .border-wrap:after,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector.hospital .border-wrap:after,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector.hospital .border-wrap:after,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector.hospital .border-wrap:after {
    margin: -12px 17px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .wrapp-prof,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .wrapp-prof,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .wrapp-prof,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .wrapp-prof,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .wrapp-prof,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .wrapp-prof,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .wrapp-prof,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .wrapp-prof,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .wrapp-prof,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .wrapp-prof,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .wrapp-prof,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .wrapp-prof,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .wrapp-prof,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .wrapp-prof,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .wrapp-prof,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .wrapp-prof,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .wrapp-prof,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .wrapp-prof,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .wrapp-prof,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .wrapp-prof,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .wrapp-prof,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .wrapp-prof,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .wrapp-prof,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .wrapp-prof,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .wrapp-prof,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .wrapp-prof,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .wrapp-prof,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .wrapp-prof,
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .wrapp-prof,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .wrapp-prof,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .wrapp-prof,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .wrapp-prof,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .wrapp-prof,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .wrapp-prof,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .wrapp-prof,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .wrapp-prof,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .wrapp-prof,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .wrapp-prof,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .wrapp-prof,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .wrapp-prof,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .wrapp-prof,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .wrapp-prof,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .wrapp-prof,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .wrapp-prof,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .wrapp-prof,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .wrapp-prof,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .wrapp-prof,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .wrapp-prof,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .wrapp-prof,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .wrapp-prof,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .wrapp-prof,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .wrapp-prof,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .wrapp-prof,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .wrapp-prof,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .wrapp-prof,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .wrapp-prof {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .tab-filter.default,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-body .tab-filter.default,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-body .tab-filter.default,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-body .tab-filter.default,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-body .tab-filter.default,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-body .tab-filter.default,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-body .tab-filter.default,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-body .tab-filter.default,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-body .tab-filter.default,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-body .tab-filter.default,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-body .tab-filter.default,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-body .tab-filter.default,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-body .tab-filter.default,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-body .tab-filter.default,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-body .tab-filter.default,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-body .tab-filter.default,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-body .tab-filter.default,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-body .tab-filter.default,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-body .tab-filter.default,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-body .tab-filter.default,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-body .tab-filter.default,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-body .tab-filter.default,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-body .tab-filter.default,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-body .tab-filter.default,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-body .tab-filter.default,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-body .tab-filter.default,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-body .tab-filter.default,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-body .tab-filter.default {
    display: none !important;
  }
}
body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-footer,
body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-footer,
body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-footer,
body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-footer,
body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-footer,
body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-footer,
body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-footer,
body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-footer,
body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-footer,
body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-footer,
body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-footer,
body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-footer,
body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-footer,
body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-footer,
body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-footer,
body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-footer,
body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-footer,
body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-footer,
body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-footer,
body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-footer,
body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-footer,
body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-footer,
body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-footer,
body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-footer,
body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-footer,
body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-footer,
body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-footer,
body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-footer {
  display: none;
}
@media only screen and (max-width: 767px) {
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-footer,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-footer,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-footer,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-footer,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-footer,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-footer,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-footer,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-footer,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-footer,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-footer,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-footer,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-footer,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-footer,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-footer,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-footer,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-footer,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-footer,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-footer,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-footer,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-footer,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-footer,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-footer,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-footer,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-footer,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-footer,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-footer,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-footer,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-footer {
    display: block;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    width: 100%;
    left: 0;
    border-top: 0;
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
    padding: 20px 24px;
    background: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-footer .btn-2 {
    width: 171px;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    height: 40px;
    border-radius: 24px 24px 24px 24px;
    border-width: 1px;
    border-style: solid;
  }
}
@media only screen and (max-width: 413px) {
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-footer .btn-2 {
    width: 45%;
  }
}
@media only screen and (max-width: 767px) {
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-footer .filter-clear,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-footer .filter-clear {
    background: white;
    border-color: #D4D4D9;
    border-radius: 24px 24px 24px 24px;
    color: #00aabe;
  }
}
@media only screen and (max-width: 767px) {
  body.pacient #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #doctorProfilePage .m-filter__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #calendarPostpone .m-filter__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient .calendar-wrapper .m-filter__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #contactPageWrapper .m-filter__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient .codewordsWrapper .m-filter__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #doctorProfilePage .m-calendar__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #calendarPostpone .m-calendar__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient .calendar-wrapper .m-calendar__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #contactPageWrapper .m-calendar__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient .codewordsWrapper .m-calendar__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #orderChosenWrapper .m-programm__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #doctorProfilePage .m-programm__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #calendarPostpone .m-programm__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient .calendar-wrapper .m-programm__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #contactPageWrapper .m-programm__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-modal-content .m-modal-footer .btn-2,
  body.pacient .codewordsWrapper .m-programm__modal .m-modal-content .m-modal-footer .btn-2 {
    border-color: #00aabe;
  }
}
@media only screen and (max-width: 767px) {
  body.pacient #orderChosenWrapper .m-filter__modal .m-calendar__content,
  body.pacient #doctorProfilePage .m-filter__modal .m-calendar__content,
  body.pacient #calendarPostpone .m-filter__modal .m-calendar__content,
  body.pacient .calendar-wrapper .m-filter__modal .m-calendar__content,
  body.pacient #contactPageWrapper .m-filter__modal .m-calendar__content,
  body.pacient #calendarDoctorProfile .m-filter__modal .m-calendar__content,
  body.pacient .codewordsWrapper .m-filter__modal .m-calendar__content,
  body.pacient #orderChosenWrapper .m-calendar__modal .m-calendar__content,
  body.pacient #doctorProfilePage .m-calendar__modal .m-calendar__content,
  body.pacient #calendarPostpone .m-calendar__modal .m-calendar__content,
  body.pacient .calendar-wrapper .m-calendar__modal .m-calendar__content,
  body.pacient #contactPageWrapper .m-calendar__modal .m-calendar__content,
  body.pacient #calendarDoctorProfile .m-calendar__modal .m-calendar__content,
  body.pacient .codewordsWrapper .m-calendar__modal .m-calendar__content,
  body.pacient #orderChosenWrapper .m-contacts__modal .m-calendar__content,
  body.pacient #doctorProfilePage .m-contacts__modal .m-calendar__content,
  body.pacient #calendarPostpone .m-contacts__modal .m-calendar__content,
  body.pacient .calendar-wrapper .m-contacts__modal .m-calendar__content,
  body.pacient #contactPageWrapper .m-contacts__modal .m-calendar__content,
  body.pacient #calendarDoctorProfile .m-contacts__modal .m-calendar__content,
  body.pacient .codewordsWrapper .m-contacts__modal .m-calendar__content,
  body.pacient #orderChosenWrapper .m-programm__modal .m-calendar__content,
  body.pacient #doctorProfilePage .m-programm__modal .m-calendar__content,
  body.pacient #calendarPostpone .m-programm__modal .m-calendar__content,
  body.pacient .calendar-wrapper .m-programm__modal .m-calendar__content,
  body.pacient #contactPageWrapper .m-programm__modal .m-calendar__content,
  body.pacient #calendarDoctorProfile .m-programm__modal .m-calendar__content,
  body.pacient .codewordsWrapper .m-programm__modal .m-calendar__content {
    padding-bottom: 0;
  }
}
body.pacient #orderChosenWrapper .m-contacts__modal .m-modal-content .m-modal-header,
body.pacient #doctorProfilePage .m-contacts__modal .m-modal-content .m-modal-header,
body.pacient #calendarPostpone .m-contacts__modal .m-modal-content .m-modal-header,
body.pacient .calendar-wrapper .m-contacts__modal .m-modal-content .m-modal-header,
body.pacient #contactPageWrapper .m-contacts__modal .m-modal-content .m-modal-header,
body.pacient #calendarDoctorProfile .m-contacts__modal .m-modal-content .m-modal-header,
body.pacient .codewordsWrapper .m-contacts__modal .m-modal-content .m-modal-header {
  display: block;
}
body.pacient #orderChosenWrapper .m-programm__content .m-modal-header,
body.pacient #doctorProfilePage .m-programm__content .m-modal-header,
body.pacient #calendarPostpone .m-programm__content .m-modal-header,
body.pacient .calendar-wrapper .m-programm__content .m-modal-header,
body.pacient #contactPageWrapper .m-programm__content .m-modal-header,
body.pacient #calendarDoctorProfile .m-programm__content .m-modal-header,
body.pacient .codewordsWrapper .m-programm__content .m-modal-header {
  display: none;
}
@media only screen and (max-width: 767px) {
  body.pacient #orderChosenWrapper .m-programm__content .m-modal-header,
  body.pacient #doctorProfilePage .m-programm__content .m-modal-header,
  body.pacient #calendarPostpone .m-programm__content .m-modal-header,
  body.pacient .calendar-wrapper .m-programm__content .m-modal-header,
  body.pacient #contactPageWrapper .m-programm__content .m-modal-header,
  body.pacient #calendarDoctorProfile .m-programm__content .m-modal-header,
  body.pacient .codewordsWrapper .m-programm__content .m-modal-header {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  body.pacient #orderChosenWrapper .m-programm__content .programm-list,
  body.pacient #doctorProfilePage .m-programm__content .programm-list,
  body.pacient #calendarPostpone .m-programm__content .programm-list,
  body.pacient .calendar-wrapper .m-programm__content .programm-list,
  body.pacient #contactPageWrapper .m-programm__content .programm-list,
  body.pacient #calendarDoctorProfile .m-programm__content .programm-list,
  body.pacient .codewordsWrapper .m-programm__content .programm-list {
    padding: 24px 24px 24px 16px;
  }
}
body.doctor .m-filter__button {
  display: none;
}
body.doctor .m-modal-header .m-modal-title {
  display: none;
}
body.doctor .m-modal-header .close {
  display: none;
}
body.doctor .m-modal-footer .button-style {
  display: none;
}
body.doctor.m-modal-open {
  width: 100% !important;
  padding-right: 0 !important;
  position: fixed;
}
body.doctor.m-modal-open header {
  display: none;
}
body.doctor.m-modal-open .m-modal {
  overflow-x: hidden;
  overflow-y: auto;
}
body.doctor.m-modal-open {
  overflow: hidden;
}
body.doctor #consilium-doctor-filter .m-filter__button {
  display: block;
}
body.doctor #consilium-doctor-filter .m-modal-header .m-modal-title {
  display: block;
}
body.doctor #consilium-doctor-filter .m-modal-header .close {
  display: block;
}
body.doctor #consilium-doctor-filter .m-modal-footer .button-style {
  display: block;
}
@media (min-width: 766px) {
  body.doctor #consilium-doctor-filter .m-filter__modal {
    display: block !important;
  }
}
@media (max-width: 765px) {
  body.doctor #consilium-doctor-filter .title-filter-controls {
    display: none;
  }
  body.doctor #consilium-doctor-filter .m-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    background-color: white;
  }
  body.doctor #consilium-doctor-filter .m-modal.fade .m-modal-dialog {
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -25%);
            transform: translate(0, -25%);
  }
  body.doctor #consilium-doctor-filter .m-modal.in .m-modal-dialog {
    -webkit-transform: translate3d(0px, 0px, 0px);
            transform: translate3d(0px, 0px, 0px);
  }
  body.doctor #consilium-doctor-filter .m-modal-dialog {
    position: relative;
    width: auto;
    margin: 0 !important;
    height: auto;
  }
  body.doctor #consilium-doctor-filter .m-modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
  }
  body.doctor #consilium-doctor-filter .m-modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
  }
  body.doctor #consilium-doctor-filter .m-modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
  body.doctor #consilium-doctor-filter .m-modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
  }
}
body.doctor #consilium-doctor-filter #orderChosenWrapper .m-filter__wrapper .m-filter__button {
  display: none;
  position: relative;
  width: 100%;
  border: 3px solid #9BCAD0;
  text-align: center;
  background: transparent;
  padding: 12px;
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
  border-radius: 8px 8px 8px 8px;
}
body.doctor #consilium-doctor-filter #orderChosenWrapper .m-filter__wrapper .m-filter__button:hover,
body.doctor #consilium-doctor-filter #orderChosenWrapper .m-filter__wrapper .m-filter__button:focus {
  outline: none;
}
@media only screen and (max-width: 767px) {
  body.doctor #consilium-doctor-filter #orderChosenWrapper .m-filter__wrapper .m-filter__button {
    display: block;
  }
}
body.doctor #consilium-doctor-filter #orderChosenWrapper .m-filter__wrapper .m-filter__button:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  background: url('/images/default/Doctor-filter.svg') no-repeat;
  left: 50%;
  top: 50%;
  margin: -12px 0 0 -90px;
  display: none;
  border: none;
}
@media only screen and (max-width: 767px) {
  body.doctor #consilium-doctor-filter #orderChosenWrapper .m-filter__wrapper .m-filter__button:before {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  body.doctor #consilium-doctor-filter #orderChosenWrapper .m-filter__modal .m-modal-content {
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
body.doctor #consilium-doctor-filter #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-header {
  display: none;
}
@media only screen and (max-width: 767px) {
  body.doctor #consilium-doctor-filter #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-header {
    display: block;
    width: 100%;
    padding: 26px 22px 30px;
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
    border: none;
    text-align: left;
  }
}
body.doctor #consilium-doctor-filter #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-header .m-modal-title,
body.doctor #consilium-doctor-filter #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-header span.m-modal-title {
  display: none;
  font-weight: bold;
  font-size: 24px;
  line-height: 24px;
  color: #212127;
  padding-top: 0;
}
@media only screen and (max-width: 767px) {
  body.doctor #consilium-doctor-filter #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-header .m-modal-title,
  body.doctor #consilium-doctor-filter #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-header span.m-modal-title {
    display: block;
    margin-bottom: 0 !important;
    font-size: 24px !important;
  }
}
body.doctor #consilium-doctor-filter #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-header h3.title {
  display: block;
  font-weight: normal;
  font-size: 32px;
  line-height: 32px;
  margin: 0 0 24px;
  padding-top: 12px;
}
@media only screen and (max-width: 767px) {
  body.doctor #consilium-doctor-filter #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-header h3.title {
    font-size: 22px;
    padding-top: 0;
    font-weight: bold;
    margin-bottom: 0;
  }
}
body.doctor #consilium-doctor-filter #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-header .close {
  width: 24px;
  height: 24px;
  background: url('/images/default/Clear-filter.svg') no-repeat;
  top: 25px;
}
body.doctor #consilium-doctor-filter #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-header .close .sr-only {
  display: none;
}
body.doctor #consilium-doctor-filter #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body {
  padding: 0;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  body.doctor #consilium-doctor-filter #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body {
    height: 73vh;
  }
}
body.doctor #consilium-doctor-filter #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper {
  padding: 0;
}
@media only screen and (max-width: 767px) {
  body.doctor #consilium-doctor-filter #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter {
    padding: 32px 24px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #E1E1E5;
    border-radius: 0 0 0 0;
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  body.doctor #consilium-doctor-filter #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp {
    width: 100%;
    border: 1px solid #E1E1E5;
    border-radius: 8px 8px 8px 8px;
    margin-bottom: 16px;
    overflow: hidden;
  }
}
@media only screen and (max-width: 767px) {
  body.doctor #consilium-doctor-filter #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  body.doctor #consilium-doctor-filter #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .search-wrapp .search-group input {
    width: 100%;
    border-radius: 0 0 0 0;
    padding: 16px;
    background-position: 98.5% 50%;
  }
}
@media only screen and (max-width: 767px) {
  body.doctor #consilium-doctor-filter #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector,
  body.doctor #consilium-doctor-filter #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  body.doctor #consilium-doctor-filter #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .border-wrap,
  body.doctor #consilium-doctor-filter #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .border-wrap {
    width: 100%;
    max-width: 100% !important;
    min-width: 100% !important;
    border: 1px solid #E1E1E5;
    border-radius: 8px 8px 8px 8px;
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 767px) {
  body.doctor #consilium-doctor-filter #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector.hospital .border-wrap:after,
  body.doctor #consilium-doctor-filter #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector.hospital .border-wrap:after {
    margin: -12px 17px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  body.doctor #consilium-doctor-filter #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-selector .wrapp-prof,
  body.doctor #consilium-doctor-filter #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .filters-wrapper .dropdown-filter .dropdown-multiselector .wrapp-prof {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  body.doctor #consilium-doctor-filter #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-body .tab-filter.default {
    display: none !important;
  }
}
body.doctor #consilium-doctor-filter #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-footer {
  display: none;
}
@media only screen and (max-width: 767px) {
  body.doctor #consilium-doctor-filter #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-footer {
    display: block;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 9;
    border-top: 0;
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
    padding: 20px 24px;
    background: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  body.doctor #consilium-doctor-filter #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-footer .filter-clear,
  body.doctor #consilium-doctor-filter #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-footer .btn-2 {
    width: 171px;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    height: 40px;
    border-radius: 24px 24px 24px 24px;
    border-width: 1px;
    border-style: solid;
  }
}
@media only screen and (max-width: 413px) {
  body.doctor #consilium-doctor-filter #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-footer .filter-clear,
  body.doctor #consilium-doctor-filter #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-footer .btn-2 {
    width: 45%;
  }
}
@media only screen and (max-width: 767px) {
  body.doctor #consilium-doctor-filter #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-footer .filter-clear {
    background: white;
    border-color: #D4D4D9;
    border-radius: 24px 24px 24px 24px;
    color: #00aabe;
  }
}
@media only screen and (max-width: 767px) {
  body.doctor #consilium-doctor-filter #orderChosenWrapper .m-filter__modal .m-modal-content .m-modal-footer .btn-2 {
    border-color: #00aabe;
  }
}
@media only screen and (max-width: 1150px) {
  #about-video-modal .dialog960 {
    width: 700px;
  }
}
@media only screen and (max-width: 767px) {
  #about-video-modal .dialog960 {
    width: 400px;
  }
}
@media only screen and (max-width: 413px) {
  #about-video-modal .dialog960 {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 1150px) {
  #about-video-modal .dialog960 .modal-body {
    padding: 0 22px;
  }
}
@media only screen and (max-width: 413px) {
  #about-video-modal .dialog960 .modal-body {
    margin: 24px 0;
  }
}
@media only screen and (max-width: 1150px) {
  #about-video-modal .dialog960 iframe {
    width: 100% !important;
  }
}
@media only screen and (max-width: 767px) {
  #about-video-modal .dialog960 iframe {
    height: auto !important;
  }
}
#about-video-modal .dialog960 .modal-header .close {
  z-index: 10;
}
#allowDevicesNotification-cont {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999999;
  background-color: rgba(0, 118, 169, 0.3);
  display: none;
}
#allowDevicesNotification-cont a {
  text-decoration: underline;
}
#allowDevicesNotification-cont .allowDeviceNotification {
  margin: 0 auto;
  position: relative;
  background-color: #1180ab;
  line-height: 80px;
  border-radius: 0 0 0 0;
}
@media only screen and (max-width: 1150px) {
  #allowDevicesNotification-cont .allowDeviceNotification {
    line-height: 18px;
  }
}
#allowDevicesNotification-cont .allowDeviceNotification .achtung-arrow {
  position: absolute;
  top: 5px;
}
#allowDevicesNotification-cont .allowDeviceNotification .allowText {
  font-size: 18px;
  color: #959595;
  display: inline-block;
  vertical-align: middle;
  border-radius: 30px 30px 30px 30px;
}
#allowDevicesNotification-cont .allowDeviceNotification .allowText .achtung {
  color: white;
  font-size: 18px;
}
#allowDevicesNotification-cont .allowDeviceNotification .allowText a {
  color: white;
}
#allowDevicesNotification-cont.chrome .allowDeviceNotification .achtung-arrow {
  -webkit-animation: achtung-chrome 1s infinite linear;
}
#allowDevicesNotification-cont.chrome .allowDeviceNotification .allowText {
  color: white;
  line-height: 55px;
  border-radius: 0 0 0 0;
}
@media only screen and (max-width: 1150px) {
  #allowDevicesNotification-cont.chrome .allowDeviceNotification .allowText {
    line-height: 18px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
#allowDevicesNotification-cont.chrome.asking-to-allow .allowDeviceNotification {
  width: 600px;
  height: 80px;
}
#allowDevicesNotification-cont.chrome.asking-to-allow .allowDeviceNotification .achtung-arrow {
  left: 20px;
}
#allowDevicesNotification-cont.chrome.asking-to-allow .allowDeviceNotification .allowText {
  padding-left: 70px;
  padding-right: 50px;
  margin-left: 0;
}
#allowDevicesNotification-cont.chrome.notify-access-denied .allowDeviceNotification {
  width: 780px;
  height: 80px;
  margin-top: 0;
  margin-right: 0;
  text-align: right;
}
@media only screen and (max-width: 1150px) {
  #allowDevicesNotification-cont.chrome.notify-access-denied .allowDeviceNotification {
    width: 55%;
    height: auto;
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  #allowDevicesNotification-cont.chrome.notify-access-denied .allowDeviceNotification {
    width: 100%;
  }
}
#allowDevicesNotification-cont.chrome.notify-access-denied .allowDeviceNotification .achtung-arrow {
  right: 120px;
  left: inherit;
}
#allowDevicesNotification-cont.chrome.notify-access-denied .allowDeviceNotification .close {
  left: inherit;
}
#allowDevicesNotification-cont.chrome.notify-access-denied .allowDeviceNotification .allowText {
  padding-right: 170px;
  padding-left: 30px;
  margin-left: 0;
}
#allowDevicesNotification-cont.opera .allowDeviceNotification {
  width: 600px;
  height: 80px;
}
@media only screen and (max-width: 1150px) {
  #allowDevicesNotification-cont.opera .allowDeviceNotification {
    width: 55%;
    height: auto;
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  #allowDevicesNotification-cont.opera .allowDeviceNotification {
    width: 100%;
  }
}
#allowDevicesNotification-cont.opera .allowDeviceNotification .achtung-arrow {
  -webkit-animation: achtung-opera 1s infinite linear;
}
#allowDevicesNotification-cont.opera .allowDeviceNotification .allowText {
  color: white;
  line-height: 55px;
  border-radius: 0 0 0 0;
}
#allowDevicesNotification-cont.opera.asking-to-allow .allowDeviceNotification {
  width: 600px;
  height: 80px;
  margin-top: 220px;
}
@media only screen and (max-width: 1150px) {
  #allowDevicesNotification-cont.opera.asking-to-allow .allowDeviceNotification {
    width: 55%;
    height: auto;
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  #allowDevicesNotification-cont.opera.asking-to-allow .allowDeviceNotification {
    width: 100%;
  }
}
#allowDevicesNotification-cont.opera.asking-to-allow .allowDeviceNotification .achtung-arrow {
  right: 100px;
  left: inherit;
}
#allowDevicesNotification-cont.opera.asking-to-allow .allowDeviceNotification .close {
  left: inherit;
}
#allowDevicesNotification-cont.opera.asking-to-allow .allowDeviceNotification .allowText {
  padding-left: 30px;
  padding-right: 100px;
  margin-left: 0;
}
#allowDevicesNotification-cont.opera.notify-access-denied .allowDeviceNotification {
  width: 800px;
  height: 80px;
  margin-top: 0;
  margin-left: 0;
  text-align: left;
}
@media only screen and (max-width: 1150px) {
  #allowDevicesNotification-cont.opera.notify-access-denied .allowDeviceNotification {
    width: 55%;
    height: auto;
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  #allowDevicesNotification-cont.opera.notify-access-denied .allowDeviceNotification {
    width: 100%;
  }
}
#allowDevicesNotification-cont.opera.notify-access-denied .allowDeviceNotification .achtung-arrow {
  right: inherit;
  left: 140px;
}
#allowDevicesNotification-cont.opera.notify-access-denied .allowDeviceNotification .close {
  left: inherit;
}
#allowDevicesNotification-cont.opera.notify-access-denied .allowDeviceNotification .allowText {
  padding-right: 30px;
  padding-left: 190px;
  margin-left: 0;
}
#allowDevicesNotification-cont.firefox .allowDeviceNotification .achtung-arrow {
  -moz-animation: achtung-firefox 1s infinite linear;
}
#allowDevicesNotification-cont.firefox .allowDeviceNotification .allowText {
  color: white;
  line-height: 55px;
  border-radius: 0 0 0 0;
}
#allowDevicesNotification-cont.firefox.asking-to-allow .allowDeviceNotification {
  width: 600px;
  height: 80px;
  position: absolute;
  left: 30px;
}
@media only screen and (max-width: 1150px) {
  #allowDevicesNotification-cont.firefox.asking-to-allow .allowDeviceNotification {
    width: 55%;
    height: auto;
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  #allowDevicesNotification-cont.firefox.asking-to-allow .allowDeviceNotification {
    width: 100%;
  }
}
#allowDevicesNotification-cont.firefox.asking-to-allow .allowDeviceNotification .achtung-arrow {
  left: 20px;
}
#allowDevicesNotification-cont.firefox.asking-to-allow .allowDeviceNotification .allowText {
  padding-left: 70px;
  padding-right: 50px;
  margin-left: 0;
}
#allowDevicesNotification-cont.firefox.notify-access-denied .allowDeviceNotification {
  width: 720px;
  height: 80px;
  position: relative;
  margin-top: 220px;
}
@media only screen and (max-width: 1150px) {
  #allowDevicesNotification-cont.firefox.notify-access-denied .allowDeviceNotification {
    width: 55%;
    height: auto;
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  #allowDevicesNotification-cont.firefox.notify-access-denied .allowDeviceNotification {
    width: 100%;
  }
}
#allowDevicesNotification-cont.firefox.notify-access-denied .allowDeviceNotification .achtung-arrow {
  display: none;
  left: 20px;
}
#allowDevicesNotification-cont.firefox.notify-access-denied .allowDeviceNotification .allowText {
  padding-right: 70px;
  padding-left: 50px;
  margin-left: 0;
}
#allowDevicesNotification-cont.msie .allowDeviceNotification .achtung-arrow {
  -webkit-animation: achtung-chrome 1s infinite linear;
}
#allowDevicesNotification-cont.msie .allowDeviceNotification .allowText {
  border-radius: 0 0 0 0;
  color: white;
  line-height: 55px;
  background-color: #1180ab;
}
#allowDevicesNotification-cont.msie.asking-to-allow .allowDeviceNotification {
  width: 960px;
}
@media only screen and (max-width: 1150px) {
  #allowDevicesNotification-cont.msie.asking-to-allow .allowDeviceNotification {
    width: 55%;
    height: auto;
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  #allowDevicesNotification-cont.msie.asking-to-allow .allowDeviceNotification {
    width: 100%;
  }
}
#allowDevicesNotification-cont.msie.asking-to-allow .allowDeviceNotification .achtung-arrow {
  left: 20px;
}
#allowDevicesNotification-cont.msie.asking-to-allow .allowDeviceNotification .allowText {
  padding-left: 70px;
  padding-right: 50px;
  margin-left: 0;
}
#allowDevicesNotification-cont.msie.notify-access-denied .allowDeviceNotification {
  width: 640px;
  margin: 200px auto 0;
}
@media only screen and (max-width: 1150px) {
  #allowDevicesNotification-cont.msie.notify-access-denied .allowDeviceNotification {
    width: 55%;
    height: auto;
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  #allowDevicesNotification-cont.msie.notify-access-denied .allowDeviceNotification {
    width: 100%;
  }
}
#allowDevicesNotification-cont.msie.notify-access-denied .allowDeviceNotification .achtung-arrow {
  display: none;
  right: 20px;
}
#allowDevicesNotification-cont.msie.notify-access-denied .allowDeviceNotification .allowText {
  padding-right: 70px;
  padding-left: 50px;
  text-align: left;
}
#apothecary-modal .modal-header {
  padding-top: 30px;
  padding-bottom: 20px;
}
#apothecary-modal .modal-header .close {
  top: 30px;
  right: 30px;
}
@media only screen and (max-width: 505px) {
  #apothecary-modal .modal-header .close {
    top: 24px;
    right: 24px;
  }
}
#apothecary-modal .modal-body {
  padding: 0 24px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 505px) {
  #apothecary-modal .modal-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media only screen and (max-width: 505px) {
  #apothecary-modal .modal-body .wrapp-cont {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
#apothecary-modal .modal-body .delivery,
#apothecary-modal .modal-body .reserv {
  width: 208px;
  height: 216px;
  border: 0;
  opacity: 0.8;
  padding: 24px 16px;
  border-radius: 15px 15px 15px 15px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 505px) {
  #apothecary-modal .modal-body .delivery,
  #apothecary-modal .modal-body .reserv {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    height: auto;
  }
}
#apothecary-modal .modal-body .delivery:hover,
#apothecary-modal .modal-body .reserv:hover,
#apothecary-modal .modal-body .delivery:focus,
#apothecary-modal .modal-body .reserv:focus {
  outline: none;
  opacity: 1;
}
#apothecary-modal .modal-body .delivery__icon,
#apothecary-modal .modal-body .reserv__icon {
  width: 36px;
  height: 36px;
  border-radius: 8px 8px 8px 8px;
  margin-bottom: 8px;
}
@media only screen and (max-width: 505px) {
  #apothecary-modal .modal-body .delivery__icon,
  #apothecary-modal .modal-body .reserv__icon {
    margin-bottom: 0;
    margin-right: 16px;
  }
}
#apothecary-modal .modal-body .delivery__head,
#apothecary-modal .modal-body .reserv__head {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: #212127;
  margin-bottom: 8px;
  display: block;
}
@media only screen and (max-width: 505px) {
  #apothecary-modal .modal-body .delivery__head,
  #apothecary-modal .modal-body .reserv__head {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 4px;
  }
}
@media only screen and (max-width: 505px) {
  #apothecary-modal .modal-body .delivery__head br,
  #apothecary-modal .modal-body .reserv__head br {
    display: none;
  }
}
#apothecary-modal .modal-body .delivery__text,
#apothecary-modal .modal-body .reserv__text {
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  color: #212127;
}
@media only screen and (max-width: 505px) {
  #apothecary-modal .modal-body .delivery__text br,
  #apothecary-modal .modal-body .reserv__text br {
    display: none;
  }
}
#apothecary-modal .modal-body .delivery {
  background: #D7E9FE;
}
@media only screen and (max-width: 505px) {
  #apothecary-modal .modal-body .delivery {
    margin-bottom: 16px;
  }
}
#apothecary-modal .modal-body .delivery__icon {
  background: #B1D2FD url('/images/default/reserv.png') no-repeat 50% 50%;
}
#apothecary-modal .modal-body .reserv {
  background: #FCF5E0;
}
#apothecary-modal .modal-body .reserv__icon {
  background: #FAECC0 url('/images/default/delivery.png') no-repeat 50% 50%;
}
#apothecary-privacy .modal-header {
  padding: 30px 30px 20px;
}
@media only screen and (max-width: 505px) {
  #apothecary-privacy .modal-header {
    padding: 24px 24px 20px;
  }
}
#apothecary-privacy .modal-header .close {
  top: 30px;
  right: 30px;
}
@media only screen and (max-width: 505px) {
  #apothecary-privacy .modal-header .close {
    top: 24px;
    right: 24px;
  }
}
#apothecary-privacy .modal-header .prev {
  position: absolute;
  width: 15px;
  height: 22px;
  left: 30px;
  top: 30px;
  cursor: pointer;
  background: url('/images/default/prev.svg') 50% 50% no-repeat;
}
@media only screen and (max-width: 505px) {
  #apothecary-privacy .modal-header .prev {
    top: 21px;
    left: 24px;
  }
}
#apothecary-privacy .modal-body {
  padding: 0 45px 32px;
  text-align: left;
}
@media only screen and (max-width: 505px) {
  #apothecary-privacy .modal-body {
    padding: 0 24px 24px;
  }
}
#apothecary-privacy .modal-body h3 {
  margin: 30px 0 32px;
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  color: #212127;
}
@media only screen and (max-width: 505px) {
  #apothecary-privacy .modal-body h3 {
    margin: 24px 0 22px;
  }
}
#apothecary-privacy .modal-body .check-privacy {
  margin-bottom: 48px;
}
@media only screen and (max-width: 505px) {
  #apothecary-privacy .modal-body .check-privacy {
    margin-bottom: 24px;
  }
}
#apothecary-privacy .modal-body .check-privacy input[type="checkbox"] {
  display: none;
}
#apothecary-privacy .modal-body .check-privacy label {
  cursor: pointer;
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
  color: #212127;
  position: relative;
  padding-left: 24px;
}
#apothecary-privacy .modal-body .check-privacy label:before {
  background: url('/images/default/checkboxes-od.png');
  content: '';
  position: absolute;
  background-size: 100%;
  background-position: 0 0;
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
}
#apothecary-privacy .modal-body .check-privacy label a {
  color: #00aabe;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
#apothecary-privacy .modal-body .check-privacy label a:hover {
  color: #006672;
}
#apothecary-privacy .modal-body .check-privacy input[type="checkbox"]:checked + label:before {
  background-position: 0 -32px;
}
#apothecary-privacy .modal-body .order-med {
  width: 100%;
  font-weight: bold;
  font-size: 16px;
  line-height: 38px;
  color: white;
  background: #00aabe;
  border: none;
  height: 40px;
  border-radius: 24px 24px 24px 24px;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
#apothecary-privacy .modal-body .order-med:hover,
#apothecary-privacy .modal-body .order-med:focus {
  background: #006672;
}
#apothecary-privacy .modal-body .order-med:disabled {
  cursor: not-allowed;
  background: #959595;
}
#browserNotSupportedModal .modal-dialog .modal-content .modal-body .browsers-wrapper {
  padding: 10px 0;
}
#browserNotSupportedModal .modal-dialog .modal-content .modal-body .browsers-wrapper a {
  display: inline-block;
  vertical-align: middle;
}
#browserNotSupportedModal .modal-dialog .modal-content .modal-body .browsers-wrapper .b-icon {
  width: 50px;
  height: 50px;
}
#browserNotSupportedModal .modal-dialog .modal-content .modal-body .browsers-wrapper .opera {
  background: url('/images/default/opera-logo.png') no-repeat;
}
#browserNotSupportedModal .modal-dialog .modal-content .modal-body .browsers-wrapper .firefox {
  background: url('/images/default/firefox-logo.png') no-repeat;
}
#browserNotSupportedModal .modal-dialog .modal-content .modal-body .browsers-wrapper .chrome {
  background: url('/images/default/chrome-logo.png') no-repeat;
}
#cancel-laboratory-orders-modal .modal-body {
  padding: 24px 0;
  text-align: left;
}
#cancel-laboratory-orders-modal .modal-body .cancel-laboratory-container {
  padding: 8px 40px;
  border-bottom: 1px solid #E1E1E5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#cancel-laboratory-orders-modal .modal-body .cancel-laboratory-container:last-child {
  border-bottom: 0;
}
#cancel-laboratory-orders-modal .modal-body .cancel-laboratory-container span {
  font-size: 16px;
  color: black;
}
#cancel-laboratory-orders-modal .modal-body .cancel-laboratory-container span strong {
  font-weight: bold;
}
#cancel-laboratory-orders-modal .modal-body .cancel-laboratory-container span.status {
  display: block;
  color: black;
}
#cancel-laboratory-orders-modal .modal-body .cancel-laboratory-container span.status--paid strong {
  color: #359E4D;
}
#cancel-laboratory-orders-modal .modal-body .cancel-laboratory-container span.status--canceled strong {
  color: #D7232E;
}
#cancel-laboratory-orders-modal .modal-body .cancel-laboratory-container .cancel-laboratory-button {
  cursor: pointer;
  font-size: 18px;
  color: white;
  height: 38px;
  line-height: 36px;
  padding: 0 12px;
  background: #e96866;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  border-radius: 24px 24px 24px 24px;
}
#cancel-laboratory-orders-modal .modal-body .cancel-laboratory-container .cancel-laboratory-button:hover {
  background: #ac2925;
}
#cancel-laboratory-orders-modal .modal-body .cancel-laboratory-container .info {
  width: 100%;
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#certificateModal .modal-dialog {
  max-width: 96%;
  width: 50%;
}
#certificateModal .modal-dialog .modal-content {
  overflow: hidden;
}
#certificateModal .modal-dialog .modal-content .modal-header {
  position: absolute;
  width: 100%;
  border: none;
  z-index: 2;
}
#certificateModal .modal-dialog .modal-content .modal-header .close-button-wrapper {
  position: absolute;
  outline: none;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.8);
  right: 0;
  top: 0;
  border-bottom-left-radius: 50%;
}
#certificateModal .modal-dialog .modal-content .modal-header .close-button-wrapper .close {
  background: none;
  position: relative;
  top: 0;
  right: 0;
  width: 56px;
  height: 56px;
}
#certificateModal .modal-dialog .modal-content .modal-header .close-button-wrapper .close::before {
  content: "";
  display: inline-block;
  background: url('/images/default/modal-close.png') no-repeat;
  background-position: -14px 0;
  width: 14px;
  height: 14px;
  text-align: center;
}
#certificateModal .modal-dialog .modal-content .modal-header .close-button-wrapper:hover {
  background-color: white;
}
#certificateModal .modal-dialog .modal-content .modal-body {
  padding: 0;
}
#certificateModal .modal-dialog .modal-content .modal-body #zoomedCertificate {
  max-width: 100%;
  max-height: 100%;
  opacity: 0;
}
#certificateModal .modal-dialog .modal-content .modal-body #zoomedCertificate.visible {
  opacity: 1;
}
#certificateModal .loading {
  display: none;
  line-height: 100px;
  vertical-align: middle;
  text-align: center;
  position: absolute;
  width: 100%;
  top: 60px;
}
#certificateModal .loading .img-load {
  background: url('/images/default/loaders/loading.gif') no-repeat;
  width: 32px;
  height: 32px;
  display: inline-block;
}
#compatibilityBar {
  display: none;
}
#compatibilityBar .inner {
  background-image: url('/images/default/pattern225.png');
  background-color: #058094;
  color: white;
  text-align: center;
}
#compatibilityBar .inner .close-bar {
  right: 30px;
  cursor: pointer;
}
#compatibilityBar .inner .test-wrapper {
  line-height: 85px;
  height: 85px;
  padding: 0 50px;
}
#compatibilityBar .inner .test-wrapper .text {
  line-height: 26px;
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
}
#compatibilityBar .inner .test-wrapper .text a {
  color: white;
  text-decoration: underline;
}
#compatibilityBar .inner .test-wrapper .text a:hover {
  color: white;
  text-decoration: underline;
}
#compatibilityBar .inner .description-wrapper {
  line-height: 30px;
  height: 30px;
}
#compatibilityBar .inner .description-wrapper .description {
  line-height: 26px;
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
}
#compatibilityBar .inner .browsers-wrapper {
  background-color: rgba(0, 0, 0, 0.35);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#4c000000', endColorstr='#4c000000');
  padding: 5px 0;
}
#compatibilityBar .inner .browsers-wrapper ul.browsers {
  padding: 0 240px;
}
#compatibilityBar .inner .browsers-wrapper ul.browsers li.browser {
  float: left;
  width: 33.33%;
}
#compatibilityBar .inner .browsers-wrapper ul.browsers li.browser .b-icon {
  width: 50px;
  height: 50px;
  display: inline-block;
}
#compatibilityBar .inner .browsers-wrapper ul.browsers li.browser .opera {
  background: url('/images/default/opera-logo.png') no-repeat;
}
#compatibilityBar .inner .browsers-wrapper ul.browsers li.browser .firefox {
  background: url('/images/default/firefox-logo.png') no-repeat;
}
#compatibilityBar .inner .browsers-wrapper ul.browsers li.browser .chrome {
  background: url('/images/default/chrome-logo.png') no-repeat;
}
#compatibilityBar .inner .browsers-wrapper ul.browsers li.browser .name {
  display: block;
  font-size: 14px;
  color: white;
}
#compatibilityBar.visible {
  display: block;
}
#confirmCreation .modal-body,
#confirmRequestCreationModal .modal-body,
#confirmRequestCreationDeferredModal .modal-body,
#confirmCreationConsolidatedSchedule .modal-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 1240px) {
  #confirmCreation .modal-body,
  #confirmRequestCreationModal .modal-body,
  #confirmRequestCreationDeferredModal .modal-body,
  #confirmCreationConsolidatedSchedule .modal-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  #confirmCreation .modal-body,
  #confirmRequestCreationModal .modal-body,
  #confirmRequestCreationDeferredModal .modal-body,
  #confirmCreationConsolidatedSchedule .modal-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#confirmCreation .modal-body .request-creation-wrapper,
#confirmRequestCreationModal .modal-body .request-creation-wrapper,
#confirmRequestCreationDeferredModal .modal-body .request-creation-wrapper,
#confirmCreationConsolidatedSchedule .modal-body .request-creation-wrapper {
  width: 532px;
  margin-right: 94px;
}
@media only screen and (max-width: 1240px) {
  #confirmCreation .modal-body .request-creation-wrapper,
  #confirmRequestCreationModal .modal-body .request-creation-wrapper,
  #confirmRequestCreationDeferredModal .modal-body .request-creation-wrapper,
  #confirmCreationConsolidatedSchedule .modal-body .request-creation-wrapper {
    width: 50%;
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  #confirmCreation .modal-body .request-creation-wrapper,
  #confirmRequestCreationModal .modal-body .request-creation-wrapper,
  #confirmRequestCreationDeferredModal .modal-body .request-creation-wrapper,
  #confirmCreationConsolidatedSchedule .modal-body .request-creation-wrapper {
    width: 100%;
  }
}
#confirmCreation .modal-body .deferred_description,
#confirmRequestCreationModal .modal-body .deferred_description,
#confirmRequestCreationDeferredModal .modal-body .deferred_description,
#confirmCreationConsolidatedSchedule .modal-body .deferred_description {
  margin-bottom: 20px;
}
#confirmCreation .modal-body .pacient-wrapper,
#confirmRequestCreationModal .modal-body .pacient-wrapper,
#confirmRequestCreationDeferredModal .modal-body .pacient-wrapper,
#confirmCreationConsolidatedSchedule .modal-body .pacient-wrapper {
  width: 395px;
}
@media only screen and (max-width: 1240px) {
  #confirmCreation .modal-body .pacient-wrapper,
  #confirmRequestCreationModal .modal-body .pacient-wrapper,
  #confirmRequestCreationDeferredModal .modal-body .pacient-wrapper,
  #confirmCreationConsolidatedSchedule .modal-body .pacient-wrapper {
    width: 46%;
  }
}
@media only screen and (max-width: 767px) {
  #confirmCreation .modal-body .pacient-wrapper,
  #confirmRequestCreationModal .modal-body .pacient-wrapper,
  #confirmRequestCreationDeferredModal .modal-body .pacient-wrapper,
  #confirmCreationConsolidatedSchedule .modal-body .pacient-wrapper {
    width: 100%;
    margin-top: 20px;
  }
}
#confirmCreation .modal-body .doctor,
#confirmRequestCreationModal .modal-body .doctor,
#confirmRequestCreationDeferredModal .modal-body .doctor,
#confirmCreationConsolidatedSchedule .modal-body .doctor {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  #confirmCreation .modal-body .doctor,
  #confirmRequestCreationModal .modal-body .doctor,
  #confirmRequestCreationDeferredModal .modal-body .doctor,
  #confirmCreationConsolidatedSchedule .modal-body .doctor {
    margin: 0 0 15px;
  }
}
#confirmCreation .modal-body .doctor .avatar-cont,
#confirmRequestCreationModal .modal-body .doctor .avatar-cont,
#confirmRequestCreationDeferredModal .modal-body .doctor .avatar-cont,
#confirmCreationConsolidatedSchedule .modal-body .doctor .avatar-cont {
  background: url('/images/onlinedoctor/specialist_icon.png') no-repeat;
  background-size: contain;
  background-position: center;
  display: inline-block;
  vertical-align: top;
  width: 112px;
  height: 112px;
  overflow: hidden;
  border-radius: 0 0 0 0;
}
@media only screen and (max-width: 767px) {
  #confirmCreation .modal-body .doctor .avatar-cont,
  #confirmRequestCreationModal .modal-body .doctor .avatar-cont,
  #confirmRequestCreationDeferredModal .modal-body .doctor .avatar-cont,
  #confirmCreationConsolidatedSchedule .modal-body .doctor .avatar-cont {
    width: 60px;
    height: 60px;
  }
}
#confirmCreation .modal-body .doctor .avatar-cont img,
#confirmRequestCreationModal .modal-body .doctor .avatar-cont img,
#confirmRequestCreationDeferredModal .modal-body .doctor .avatar-cont img,
#confirmCreationConsolidatedSchedule .modal-body .doctor .avatar-cont img {
  max-width: 100%;
}
#confirmCreation .modal-body .doctor .info-cont .info,
#confirmRequestCreationModal .modal-body .doctor .info-cont .info,
#confirmRequestCreationDeferredModal .modal-body .doctor .info-cont .info,
#confirmCreationConsolidatedSchedule .modal-body .doctor .info-cont .info {
  max-width: 250px;
  text-align: left;
  padding-left: 20px;
  width: 100%;
}
#confirmCreation .modal-body .doctor .info-cont .info .name,
#confirmRequestCreationModal .modal-body .doctor .info-cont .info .name,
#confirmRequestCreationDeferredModal .modal-body .doctor .info-cont .info .name,
#confirmCreationConsolidatedSchedule .modal-body .doctor .info-cont .info .name {
  color: #212127;
  font-size: 24px;
  line-height: 30px;
  display: block;
}
#confirmCreation .modal-body .doctor .info-cont .info .profession,
#confirmRequestCreationModal .modal-body .doctor .info-cont .info .profession,
#confirmRequestCreationDeferredModal .modal-body .doctor .info-cont .info .profession,
#confirmCreationConsolidatedSchedule .modal-body .doctor .info-cont .info .profession {
  font-size: 18px;
  line-height: 20px;
  display: block;
  color: #717181;
}
#confirmCreation .modal-body .order-wrapper .info-cont,
#confirmRequestCreationModal .modal-body .order-wrapper .info-cont,
#confirmRequestCreationDeferredModal .modal-body .order-wrapper .info-cont,
#confirmCreationConsolidatedSchedule .modal-body .order-wrapper .info-cont {
  height: auto;
  text-align: left;
}
#confirmCreation .modal-body .order-wrapper .info-cont .info,
#confirmRequestCreationModal .modal-body .order-wrapper .info-cont .info,
#confirmRequestCreationDeferredModal .modal-body .order-wrapper .info-cont .info,
#confirmCreationConsolidatedSchedule .modal-body .order-wrapper .info-cont .info {
  display: inline-block;
  text-align: left;
}
#confirmCreation .modal-body .order-wrapper .info-cont .info .description,
#confirmRequestCreationModal .modal-body .order-wrapper .info-cont .info .description,
#confirmRequestCreationDeferredModal .modal-body .order-wrapper .info-cont .info .description,
#confirmCreationConsolidatedSchedule .modal-body .order-wrapper .info-cont .info .description {
  font-size: 28px;
  color: black;
  line-height: 30px;
  font-weight: normal;
  display: block;
  white-space: nowrap;
  margin-bottom: 6px;
}
@media only screen and (max-width: 1240px) {
  #confirmCreation .modal-body .order-wrapper .info-cont .info .description,
  #confirmRequestCreationModal .modal-body .order-wrapper .info-cont .info .description,
  #confirmRequestCreationDeferredModal .modal-body .order-wrapper .info-cont .info .description,
  #confirmCreationConsolidatedSchedule .modal-body .order-wrapper .info-cont .info .description {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  #confirmCreation .modal-body .order-wrapper .info-cont .info .description,
  #confirmRequestCreationModal .modal-body .order-wrapper .info-cont .info .description,
  #confirmRequestCreationDeferredModal .modal-body .order-wrapper .info-cont .info .description,
  #confirmCreationConsolidatedSchedule .modal-body .order-wrapper .info-cont .info .description {
    margin-bottom: 16px;
  }
}
#confirmCreation .modal-body .order-wrapper .info-cont .info .description .price,
#confirmRequestCreationModal .modal-body .order-wrapper .info-cont .info .description .price,
#confirmRequestCreationDeferredModal .modal-body .order-wrapper .info-cont .info .description .price,
#confirmCreationConsolidatedSchedule .modal-body .order-wrapper .info-cont .info .description .price {
  color: #717181;
  line-height: 30px;
  font-weight: bold;
}
#confirmCreation .modal-body .order-wrapper .info-cont .info .description .duration,
#confirmRequestCreationModal .modal-body .order-wrapper .info-cont .info .description .duration,
#confirmRequestCreationDeferredModal .modal-body .order-wrapper .info-cont .info .description .duration,
#confirmCreationConsolidatedSchedule .modal-body .order-wrapper .info-cont .info .description .duration {
  font-size: 16px;
  color: #717181;
}
#confirmCreation .modal-body .order-wrapper .info-cont .info .current-balance,
#confirmRequestCreationModal .modal-body .order-wrapper .info-cont .info .current-balance,
#confirmRequestCreationDeferredModal .modal-body .order-wrapper .info-cont .info .current-balance,
#confirmCreationConsolidatedSchedule .modal-body .order-wrapper .info-cont .info .current-balance {
  font-size: 20px;
  color: #212127;
  line-height: 24px;
  display: block;
  font-weight: normal;
  margin-bottom: 6px;
}
@media only screen and (max-width: 1240px) {
  #confirmCreation .modal-body .order-wrapper .info-cont .info .current-balance,
  #confirmRequestCreationModal .modal-body .order-wrapper .info-cont .info .current-balance,
  #confirmRequestCreationDeferredModal .modal-body .order-wrapper .info-cont .info .current-balance,
  #confirmCreationConsolidatedSchedule .modal-body .order-wrapper .info-cont .info .current-balance {
    font-size: 18px;
  }
}
#confirmCreation .modal-body .order-wrapper .info-cont .info .current-balance .balance,
#confirmRequestCreationModal .modal-body .order-wrapper .info-cont .info .current-balance .balance,
#confirmRequestCreationDeferredModal .modal-body .order-wrapper .info-cont .info .current-balance .balance,
#confirmCreationConsolidatedSchedule .modal-body .order-wrapper .info-cont .info .current-balance .balance {
  color: #212127;
  line-height: 20px;
  font-weight: bold;
}
#confirmCreation .modal-body .order-wrapper .info-cont .info .will-charge,
#confirmRequestCreationModal .modal-body .order-wrapper .info-cont .info .will-charge,
#confirmRequestCreationDeferredModal .modal-body .order-wrapper .info-cont .info .will-charge,
#confirmCreationConsolidatedSchedule .modal-body .order-wrapper .info-cont .info .will-charge {
  font-size: 20px;
  color: #212127;
  line-height: 24px;
  display: block;
  font-weight: normal;
}
@media only screen and (max-width: 1240px) {
  #confirmCreation .modal-body .order-wrapper .info-cont .info .will-charge,
  #confirmRequestCreationModal .modal-body .order-wrapper .info-cont .info .will-charge,
  #confirmRequestCreationDeferredModal .modal-body .order-wrapper .info-cont .info .will-charge,
  #confirmCreationConsolidatedSchedule .modal-body .order-wrapper .info-cont .info .will-charge {
    font-size: 18px;
  }
}
#confirmCreation .modal-body .order-wrapper .info-cont .info .will-charge .price,
#confirmRequestCreationModal .modal-body .order-wrapper .info-cont .info .will-charge .price,
#confirmRequestCreationDeferredModal .modal-body .order-wrapper .info-cont .info .will-charge .price,
#confirmCreationConsolidatedSchedule .modal-body .order-wrapper .info-cont .info .will-charge .price {
  color: #212127;
  line-height: 20px;
  font-weight: bold;
}
#confirmCreation .modal-body .order-wrapper .info-cont .info .policy-end .top-part,
#confirmRequestCreationModal .modal-body .order-wrapper .info-cont .info .policy-end .top-part,
#confirmRequestCreationDeferredModal .modal-body .order-wrapper .info-cont .info .policy-end .top-part,
#confirmCreationConsolidatedSchedule .modal-body .order-wrapper .info-cont .info .policy-end .top-part {
  font-size: 16px;
  color: #717181;
  line-height: 20px;
  background: #AFB7BA;
  margin-top: 16px;
  padding: 12px 12px 12px 54px;
  position: relative;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#confirmCreation .modal-body .order-wrapper .info-cont .info .policy-end .top-part span,
#confirmRequestCreationModal .modal-body .order-wrapper .info-cont .info .policy-end .top-part span,
#confirmRequestCreationDeferredModal .modal-body .order-wrapper .info-cont .info .policy-end .top-part span,
#confirmCreationConsolidatedSchedule .modal-body .order-wrapper .info-cont .info .policy-end .top-part span {
  width: 365px;
}
@media only screen and (max-width: 767px) {
  #confirmCreation .modal-body .order-wrapper .info-cont .info .policy-end .top-part span,
  #confirmRequestCreationModal .modal-body .order-wrapper .info-cont .info .policy-end .top-part span,
  #confirmRequestCreationDeferredModal .modal-body .order-wrapper .info-cont .info .policy-end .top-part span,
  #confirmCreationConsolidatedSchedule .modal-body .order-wrapper .info-cont .info .policy-end .top-part span {
    width: 100%;
  }
}
#confirmCreation .modal-body .order-wrapper .info-cont .info .policy-end .top-part span strong,
#confirmRequestCreationModal .modal-body .order-wrapper .info-cont .info .policy-end .top-part span strong,
#confirmRequestCreationDeferredModal .modal-body .order-wrapper .info-cont .info .policy-end .top-part span strong,
#confirmCreationConsolidatedSchedule .modal-body .order-wrapper .info-cont .info .policy-end .top-part span strong {
  margin-top: 9px;
  display: inline-block;
}
#confirmCreation .modal-body .order-wrapper .info-cont .info .policy-end .top-part:before,
#confirmRequestCreationModal .modal-body .order-wrapper .info-cont .info .policy-end .top-part:before,
#confirmRequestCreationDeferredModal .modal-body .order-wrapper .info-cont .info .policy-end .top-part:before,
#confirmCreationConsolidatedSchedule .modal-body .order-wrapper .info-cont .info .policy-end .top-part:before {
  content: "";
  background: url('/images/default/attention-icon.svg') no-repeat;
  width: 28px;
  height: 28px;
  margin-right: 12px;
  position: absolute;
  left: 12px;
  top: 12px;
}
#confirmCreation .modal-body .checkbox-cont,
#confirmRequestCreationModal .modal-body .checkbox-cont,
#confirmRequestCreationDeferredModal .modal-body .checkbox-cont,
#confirmCreationConsolidatedSchedule .modal-body .checkbox-cont {
  text-align: left;
}
@media only screen and (max-width: 767px) {
  #confirmCreation .modal-body .checkbox-cont,
  #confirmRequestCreationModal .modal-body .checkbox-cont,
  #confirmRequestCreationDeferredModal .modal-body .checkbox-cont,
  #confirmCreationConsolidatedSchedule .modal-body .checkbox-cont {
    margin-top: 16px;
  }
}
#confirmCreation .modal-body .checkbox-cont .agree-text,
#confirmRequestCreationModal .modal-body .checkbox-cont .agree-text,
#confirmRequestCreationDeferredModal .modal-body .checkbox-cont .agree-text,
#confirmCreationConsolidatedSchedule .modal-body .checkbox-cont .agree-text {
  font-size: 14px;
  color: #717181;
}
#confirmCreation .modal-body .checkbox-cont .agree-text a,
#confirmRequestCreationModal .modal-body .checkbox-cont .agree-text a,
#confirmRequestCreationDeferredModal .modal-body .checkbox-cont .agree-text a,
#confirmCreationConsolidatedSchedule .modal-body .checkbox-cont .agree-text a {
  text-decoration: underline;
  color: #00aabe;
}
#confirmCreation .modal-body .checkbox-cont .agree-text a:hover,
#confirmRequestCreationModal .modal-body .checkbox-cont .agree-text a:hover,
#confirmRequestCreationDeferredModal .modal-body .checkbox-cont .agree-text a:hover,
#confirmCreationConsolidatedSchedule .modal-body .checkbox-cont .agree-text a:hover {
  text-decoration: none;
}
#confirmCreation .modal-body .buttons-wrapper,
#confirmRequestCreationModal .modal-body .buttons-wrapper,
#confirmRequestCreationDeferredModal .modal-body .buttons-wrapper,
#confirmCreationConsolidatedSchedule .modal-body .buttons-wrapper {
  width: 100%;
  margin: auto;
  padding: 12px 0 12px;
}
#confirmCreation .modal-body .buttons-wrapper p,
#confirmRequestCreationModal .modal-body .buttons-wrapper p,
#confirmRequestCreationDeferredModal .modal-body .buttons-wrapper p,
#confirmCreationConsolidatedSchedule .modal-body .buttons-wrapper p {
  margin: 12px 0 0;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #717181;
  text-align: center;
}
#confirmCreation .modal-body .buttons-wrapper p button,
#confirmRequestCreationModal .modal-body .buttons-wrapper p button,
#confirmRequestCreationDeferredModal .modal-body .buttons-wrapper p button,
#confirmCreationConsolidatedSchedule .modal-body .buttons-wrapper p button,
#confirmCreation .modal-body .buttons-wrapper p a,
#confirmRequestCreationModal .modal-body .buttons-wrapper p a,
#confirmRequestCreationDeferredModal .modal-body .buttons-wrapper p a,
#confirmCreationConsolidatedSchedule .modal-body .buttons-wrapper p a {
  border: 0;
  background: 0;
  color: #00aabe;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
#confirmCreation .modal-body .buttons-wrapper p button:hover,
#confirmRequestCreationModal .modal-body .buttons-wrapper p button:hover,
#confirmRequestCreationDeferredModal .modal-body .buttons-wrapper p button:hover,
#confirmCreationConsolidatedSchedule .modal-body .buttons-wrapper p button:hover,
#confirmCreation .modal-body .buttons-wrapper p a:hover,
#confirmRequestCreationModal .modal-body .buttons-wrapper p a:hover,
#confirmRequestCreationDeferredModal .modal-body .buttons-wrapper p a:hover,
#confirmCreationConsolidatedSchedule .modal-body .buttons-wrapper p a:hover,
#confirmCreation .modal-body .buttons-wrapper p button:focus,
#confirmRequestCreationModal .modal-body .buttons-wrapper p button:focus,
#confirmRequestCreationDeferredModal .modal-body .buttons-wrapper p button:focus,
#confirmCreationConsolidatedSchedule .modal-body .buttons-wrapper p button:focus,
#confirmCreation .modal-body .buttons-wrapper p a:focus,
#confirmRequestCreationModal .modal-body .buttons-wrapper p a:focus,
#confirmRequestCreationDeferredModal .modal-body .buttons-wrapper p a:focus,
#confirmCreationConsolidatedSchedule .modal-body .buttons-wrapper p a:focus {
  color: #006672;
  outline: none;
}
#confirmCreation .modal-body .buttons-wrapper #createOnDuty,
#confirmRequestCreationModal .modal-body .buttons-wrapper #createOnDuty,
#confirmRequestCreationDeferredModal .modal-body .buttons-wrapper #createOnDuty,
#confirmCreationConsolidatedSchedule .modal-body .buttons-wrapper #createOnDuty,
#confirmCreation .modal-body .buttons-wrapper .pay-colsult,
#confirmRequestCreationModal .modal-body .buttons-wrapper .pay-colsult,
#confirmRequestCreationDeferredModal .modal-body .buttons-wrapper .pay-colsult,
#confirmCreationConsolidatedSchedule .modal-body .buttons-wrapper .pay-colsult,
#confirmCreation .modal-body .buttons-wrapper #payForDeferred,
#confirmRequestCreationModal .modal-body .buttons-wrapper #payForDeferred,
#confirmRequestCreationDeferredModal .modal-body .buttons-wrapper #payForDeferred,
#confirmCreationConsolidatedSchedule .modal-body .buttons-wrapper #payForDeferred,
#confirmCreation .modal-body .buttons-wrapper #payForChosen,
#confirmRequestCreationModal .modal-body .buttons-wrapper #payForChosen,
#confirmRequestCreationDeferredModal .modal-body .buttons-wrapper #payForChosen,
#confirmCreationConsolidatedSchedule .modal-body .buttons-wrapper #payForChosen {
  width: 100%;
  font-size: 16px;
  margin-bottom: 12px;
  height: 40px;
  font-weight: normal;
  line-height: 38px;
  padding: 0 10px;
  border-radius: 20px 20px 20px 20px;
}
@media only screen and (max-width: 767px) {
  #confirmCreation .modal-body .buttons-wrapper #createOnDuty,
  #confirmRequestCreationModal .modal-body .buttons-wrapper #createOnDuty,
  #confirmRequestCreationDeferredModal .modal-body .buttons-wrapper #createOnDuty,
  #confirmCreationConsolidatedSchedule .modal-body .buttons-wrapper #createOnDuty,
  #confirmCreation .modal-body .buttons-wrapper .pay-colsult,
  #confirmRequestCreationModal .modal-body .buttons-wrapper .pay-colsult,
  #confirmRequestCreationDeferredModal .modal-body .buttons-wrapper .pay-colsult,
  #confirmCreationConsolidatedSchedule .modal-body .buttons-wrapper .pay-colsult,
  #confirmCreation .modal-body .buttons-wrapper #payForDeferred,
  #confirmRequestCreationModal .modal-body .buttons-wrapper #payForDeferred,
  #confirmRequestCreationDeferredModal .modal-body .buttons-wrapper #payForDeferred,
  #confirmCreationConsolidatedSchedule .modal-body .buttons-wrapper #payForDeferred,
  #confirmCreation .modal-body .buttons-wrapper #payForChosen,
  #confirmRequestCreationModal .modal-body .buttons-wrapper #payForChosen,
  #confirmRequestCreationDeferredModal .modal-body .buttons-wrapper #payForChosen,
  #confirmCreationConsolidatedSchedule .modal-body .buttons-wrapper #payForChosen {
    width: 100%;
    margin-bottom: 16px;
  }
}
#confirmCreation .modal-body .buttons-wrapper #createOnDuty,
#confirmRequestCreationModal .modal-body .buttons-wrapper #createOnDuty,
#confirmRequestCreationDeferredModal .modal-body .buttons-wrapper #createOnDuty,
#confirmCreationConsolidatedSchedule .modal-body .buttons-wrapper #createOnDuty {
  margin-top: 14px;
}
#confirmCreation .modal-body .buttons-wrapper #openPromoFields,
#confirmRequestCreationModal .modal-body .buttons-wrapper #openPromoFields,
#confirmRequestCreationDeferredModal .modal-body .buttons-wrapper #openPromoFields,
#confirmCreationConsolidatedSchedule .modal-body .buttons-wrapper #openPromoFields {
  width: 100%;
  font-size: 16px;
  padding: 0 10px;
  font-weight: normal;
  height: 40px;
  line-height: 38px;
  border-radius: 20px 20px 20px 20px;
}
@media only screen and (max-width: 767px) {
  #confirmCreation .modal-body .buttons-wrapper #openPromoFields,
  #confirmRequestCreationModal .modal-body .buttons-wrapper #openPromoFields,
  #confirmRequestCreationDeferredModal .modal-body .buttons-wrapper #openPromoFields,
  #confirmCreationConsolidatedSchedule .modal-body .buttons-wrapper #openPromoFields {
    width: 100%;
  }
}
#confirmCreation .modal-footer,
#confirmRequestCreationModal .modal-footer,
#confirmRequestCreationDeferredModal .modal-footer,
#confirmCreationConsolidatedSchedule .modal-footer {
  border-top: 0;
  padding: 10px 40px 45px;
}
@media only screen and (max-width: 767px) {
  #confirmCreation .modal-footer,
  #confirmRequestCreationModal .modal-footer,
  #confirmRequestCreationDeferredModal .modal-footer,
  #confirmCreationConsolidatedSchedule .modal-footer {
    padding: 10px 16px 45px;
  }
}
#confirmCreation .modal-footer .buttons-wrapper,
#confirmRequestCreationModal .modal-footer .buttons-wrapper,
#confirmRequestCreationDeferredModal .modal-footer .buttons-wrapper,
#confirmCreationConsolidatedSchedule .modal-footer .buttons-wrapper {
  width: 100%;
  margin: auto;
}
#confirmCreation .modal-footer .buttons-wrapper p,
#confirmRequestCreationModal .modal-footer .buttons-wrapper p,
#confirmRequestCreationDeferredModal .modal-footer .buttons-wrapper p,
#confirmCreationConsolidatedSchedule .modal-footer .buttons-wrapper p {
  margin: 0;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #717181;
  text-align: center;
}
#confirmCreation .modal-footer .buttons-wrapper p button,
#confirmRequestCreationModal .modal-footer .buttons-wrapper p button,
#confirmRequestCreationDeferredModal .modal-footer .buttons-wrapper p button,
#confirmCreationConsolidatedSchedule .modal-footer .buttons-wrapper p button,
#confirmCreation .modal-footer .buttons-wrapper p a,
#confirmRequestCreationModal .modal-footer .buttons-wrapper p a,
#confirmRequestCreationDeferredModal .modal-footer .buttons-wrapper p a,
#confirmCreationConsolidatedSchedule .modal-footer .buttons-wrapper p a {
  border: 0;
  background: 0;
  color: #00aabe;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
#confirmCreation .modal-footer .buttons-wrapper p button:hover,
#confirmRequestCreationModal .modal-footer .buttons-wrapper p button:hover,
#confirmRequestCreationDeferredModal .modal-footer .buttons-wrapper p button:hover,
#confirmCreationConsolidatedSchedule .modal-footer .buttons-wrapper p button:hover,
#confirmCreation .modal-footer .buttons-wrapper p a:hover,
#confirmRequestCreationModal .modal-footer .buttons-wrapper p a:hover,
#confirmRequestCreationDeferredModal .modal-footer .buttons-wrapper p a:hover,
#confirmCreationConsolidatedSchedule .modal-footer .buttons-wrapper p a:hover,
#confirmCreation .modal-footer .buttons-wrapper p button:focus,
#confirmRequestCreationModal .modal-footer .buttons-wrapper p button:focus,
#confirmRequestCreationDeferredModal .modal-footer .buttons-wrapper p button:focus,
#confirmCreationConsolidatedSchedule .modal-footer .buttons-wrapper p button:focus,
#confirmCreation .modal-footer .buttons-wrapper p a:focus,
#confirmRequestCreationModal .modal-footer .buttons-wrapper p a:focus,
#confirmRequestCreationDeferredModal .modal-footer .buttons-wrapper p a:focus,
#confirmCreationConsolidatedSchedule .modal-footer .buttons-wrapper p a:focus {
  color: #006672;
  outline: none;
}
#confirmCreation .modal-footer .buttons-wrapper #createOnDuty,
#confirmRequestCreationModal .modal-footer .buttons-wrapper #createOnDuty,
#confirmRequestCreationDeferredModal .modal-footer .buttons-wrapper #createOnDuty,
#confirmCreationConsolidatedSchedule .modal-footer .buttons-wrapper #createOnDuty,
#confirmCreation .modal-footer .buttons-wrapper .pay-colsult,
#confirmRequestCreationModal .modal-footer .buttons-wrapper .pay-colsult,
#confirmRequestCreationDeferredModal .modal-footer .buttons-wrapper .pay-colsult,
#confirmCreationConsolidatedSchedule .modal-footer .buttons-wrapper .pay-colsult {
  width: 250px;
  font-size: 18px;
  margin-right: 20px;
  padding: 0 10px;
  border-radius: 20px 20px 20px 20px;
}
@media only screen and (max-width: 767px) {
  #confirmCreation .modal-footer .buttons-wrapper #createOnDuty,
  #confirmRequestCreationModal .modal-footer .buttons-wrapper #createOnDuty,
  #confirmRequestCreationDeferredModal .modal-footer .buttons-wrapper #createOnDuty,
  #confirmCreationConsolidatedSchedule .modal-footer .buttons-wrapper #createOnDuty,
  #confirmCreation .modal-footer .buttons-wrapper .pay-colsult,
  #confirmRequestCreationModal .modal-footer .buttons-wrapper .pay-colsult,
  #confirmRequestCreationDeferredModal .modal-footer .buttons-wrapper .pay-colsult,
  #confirmCreationConsolidatedSchedule .modal-footer .buttons-wrapper .pay-colsult {
    width: 100%;
    margin-bottom: 16px;
  }
}
#confirmCreation .modal-footer .buttons-wrapper #openPromoFields,
#confirmRequestCreationModal .modal-footer .buttons-wrapper #openPromoFields,
#confirmRequestCreationDeferredModal .modal-footer .buttons-wrapper #openPromoFields,
#confirmCreationConsolidatedSchedule .modal-footer .buttons-wrapper #openPromoFields {
  width: 250px;
  font-size: 18px;
  padding: 0 10px;
  border-radius: 20px 20px 20px 20px;
}
@media only screen and (max-width: 767px) {
  #confirmCreation .modal-footer .buttons-wrapper #openPromoFields,
  #confirmRequestCreationModal .modal-footer .buttons-wrapper #openPromoFields,
  #confirmRequestCreationDeferredModal .modal-footer .buttons-wrapper #openPromoFields,
  #confirmCreationConsolidatedSchedule .modal-footer .buttons-wrapper #openPromoFields {
    width: 100%;
  }
}
#confirmRequestCreationModal .modal-body .doctor .avatar-cont,
#confirmRequestCreationDeferredModal .modal-body .doctor .avatar-cont,
#confirmCreationConsolidatedSchedule .modal-body .doctor .avatar-cont {
  background: none;
}
#confirmRequestCreationModal .modal-body .doctor .avatar-cont img,
#confirmRequestCreationDeferredModal .modal-body .doctor .avatar-cont img,
#confirmCreationConsolidatedSchedule .modal-body .doctor .avatar-cont img {
  max-width: 100%;
}
#confirmProfessionalInspectionAppointmentModal .modal-header .creation-title,
#confirmRequestPostponeModal .modal-header .creation-title,
#confirmExpressPostponeModal .modal-header .creation-title {
  font-size: 18px;
}
#confirmProfessionalInspectionAppointmentModal .modal-header .creation-title .date,
#confirmRequestPostponeModal .modal-header .creation-title .date,
#confirmExpressPostponeModal .modal-header .creation-title .date {
  display: block;
}
#confirmProfessionalInspectionAppointmentModal .modal-body .doctor,
#confirmRequestPostponeModal .modal-body .doctor,
#confirmExpressPostponeModal .modal-body .doctor {
  margin: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#confirmProfessionalInspectionAppointmentModal .modal-body .doctor .avatar-cont,
#confirmRequestPostponeModal .modal-body .doctor .avatar-cont,
#confirmExpressPostponeModal .modal-body .doctor .avatar-cont {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 50% 50% 50% 50%;
}
#confirmProfessionalInspectionAppointmentModal .modal-body .doctor .avatar-cont img,
#confirmRequestPostponeModal .modal-body .doctor .avatar-cont img,
#confirmExpressPostponeModal .modal-body .doctor .avatar-cont img {
  max-width: 100%;
}
#confirmProfessionalInspectionAppointmentModal .modal-body .doctor .info-cont,
#confirmRequestPostponeModal .modal-body .doctor .info-cont,
#confirmExpressPostponeModal .modal-body .doctor .info-cont {
  text-align: left;
  width: 200px;
}
#confirmProfessionalInspectionAppointmentModal .modal-body .doctor .info-cont .info,
#confirmRequestPostponeModal .modal-body .doctor .info-cont .info,
#confirmExpressPostponeModal .modal-body .doctor .info-cont .info {
  text-align: left;
  padding-left: 15px;
}
#confirmProfessionalInspectionAppointmentModal .modal-body .doctor .info-cont .info .name,
#confirmRequestPostponeModal .modal-body .doctor .info-cont .info .name,
#confirmExpressPostponeModal .modal-body .doctor .info-cont .info .name {
  font-size: 18px;
  color: #212127;
  line-height: 25px;
  display: block;
}
#confirmProfessionalInspectionAppointmentModal .modal-body .doctor .info-cont .info .name > span,
#confirmRequestPostponeModal .modal-body .doctor .info-cont .info .name > span,
#confirmExpressPostponeModal .modal-body .doctor .info-cont .info .name > span {
  display: block;
}
#confirmProfessionalInspectionAppointmentModal .modal-body .doctor .info-cont .info .profession,
#confirmRequestPostponeModal .modal-body .doctor .info-cont .info .profession,
#confirmExpressPostponeModal .modal-body .doctor .info-cont .info .profession {
  font-size: 16px;
  color: #717181;
  line-height: 20px;
  margin-top: 5px;
  display: block;
}
#confirmProfessionalInspectionAppointmentModal .modal-body .doctor .info-cont .profession,
#confirmRequestPostponeModal .modal-body .doctor .info-cont .profession,
#confirmExpressPostponeModal .modal-body .doctor .info-cont .profession {
  font-size: 16px;
  color: #717181;
  line-height: 20px;
  margin-top: 5px;
  display: block;
}
#confirmProfessionalInspectionAppointmentModal .modal-footer,
#confirmRequestPostponeModal .modal-footer,
#confirmExpressPostponeModal .modal-footer {
  border: 0;
  padding: 10px 40px 45px;
}
#confirmProfessionalInspectionAppointmentModal .modal-footer .buttons-wrapper,
#confirmRequestPostponeModal .modal-footer .buttons-wrapper,
#confirmExpressPostponeModal .modal-footer .buttons-wrapper {
  width: 250px;
  margin: auto;
}
@media only screen and (max-width: 850px) {
  #confirmProfessionalInspectionAppointmentModal .modal-footer .buttons-wrapper,
  #confirmRequestPostponeModal .modal-footer .buttons-wrapper,
  #confirmExpressPostponeModal .modal-footer .buttons-wrapper {
    width: 100%;
  }
}
#confirmProfessionalInspectionAppointmentModal .modal-footer .buttons-wrapper #confirmPostpone,
#confirmRequestPostponeModal .modal-footer .buttons-wrapper #confirmPostpone,
#confirmExpressPostponeModal .modal-footer .buttons-wrapper #confirmPostpone,
#confirmProfessionalInspectionAppointmentModal .modal-footer .buttons-wrapper #confirmExpressPostpone,
#confirmRequestPostponeModal .modal-footer .buttons-wrapper #confirmExpressPostpone,
#confirmExpressPostponeModal .modal-footer .buttons-wrapper #confirmExpressPostpone {
  width: 100%;
  padding: 0 10px;
  margin-bottom: 10px;
}
#confirmProfessionalInspectionAppointmentModal .modal-footer .buttons-wrapper #cancelPostpone,
#confirmRequestPostponeModal .modal-footer .buttons-wrapper #cancelPostpone,
#confirmExpressPostponeModal .modal-footer .buttons-wrapper #cancelPostpone {
  width: 100%;
  padding: 0 10px;
}
#confirmExpressPostponeModal .modal-dialog .modal-content .modal-body {
  font-weight: normal;
  font-size: 20px;
  margin: 15px 0 15px;
}
#confirmExpressPostponeModal .modal-dialog .modal-content .modal-body textarea {
  height: 220px;
  line-height: 22px;
  padding: 10px 20px;
  outline: none;
  border: 1px solid #959595;
  width: 100%;
  font-size: 15px;
  color: #333;
  resize: none;
}
#confirmExpressPostponeModal .modal-dialog .modal-content .modal-body button[type="submit"] {
  background: #46aabe;
  color: white;
  border: unset;
  border-radius: 23px 23px 23px 23px;
  font-weight: 600;
  font-size: 18px;
  padding: 7px 23px;
  cursor: pointer;
  outline: none;
  display: none;
  margin: auto;
}
#confirmExpressPostponeModal .modal-dialog .modal-content .modal-body .block_button {
  position: relative;
  bottom: 0;
  width: 100%;
  left: 0;
  margin-top: 10px;
}
#confirmExpressPostponeModal .modal-dialog .modal-content .modal-body .over-desc {
  height: 200px;
  position: relative;
}
#confirmExpressPostponeModal .modal-dialog .modal-content .modal-body .over-desc .description {
  display: none;
  margin: 22px 0;
  text-align: center;
}
#confirmExpressPostponeModal .modal-dialog .modal-content .modal-body .select {
  width: 450px;
  margin: auto;
}
#confirmExpressPostponeModal .modal-dialog .modal-content .modal-body .select .arr {
  bottom: 5px;
  position: absolute;
  right: 70px;
  top: 3px;
  pointer-events: none;
  height: 38px;
  width: 15px;
}
#confirmExpressPostponeModal .modal-dialog .modal-content .modal-body .select .arr:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0px;
  margin-top: -2px;
  pointer-events: none;
  border-top: 6px solid #4cb9c9;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
#confirmExpressPostponeModal .modal-dialog .modal-content .modal-body .select .arr:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 3px;
  margin-top: -2px;
  pointer-events: none;
  border-top: 3px solid white;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
}
#confirmExpressPostponeModal .modal-dialog .modal-content .modal-body .select select {
  display: inline-block;
  background: white;
  border-radius: 23px 23px 23px 23px;
  border: #e6f2f5 3px solid;
  padding: 4px 12px 4px;
  font-size: 20px;
  color: black;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  outline: none;
  cursor: pointer;
  width: 450px;
}
#confirmExpressPostponeModal .modal-dialog .modal-content .modal-body .select select option {
  padding: 5px;
}
#confirmExpressPostponeModal .modal-dialog .modal-content .modal-body .select select option.header {
  color: #f4b0b3;
  padding: 5px 3px;
}
#confirmExpressPostponeModal .modal-dialog .modal-content .modal-body .select .selectClick {
  position: absolute;
  width: 100%;
  height: 46px;
  margin-top: -46px;
  z-index: 2;
  cursor: pointer;
}
#confirmExpressPostponeModal .modal-dialog .modal-content .modal-body ul.list-group {
  display: none;
  position: absolute;
  background: white;
  left: 66px;
  padding: 0 12px;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  z-index: 1;
}
#confirmExpressPostponeModal .modal-dialog .modal-content .modal-body ul.list-group li {
  text-align: left;
  font-size: 20px;
}
#confirmExpressPostponeModal .modal-dialog .modal-content .modal-body ul.list-group li.header {
  color: #f4b0b3;
  padding: 20px 0px;
}
#confirmExpressPostponeModal .modal-dialog .modal-content .modal-body ul.list-group li.checkup-item {
  padding: 10px 8px;
  cursor: pointer;
  color: black;
}
#confirmExpressPostponeModal .modal-dialog .modal-content .modal-body ul.list-group li.checkup-item:hover {
  color: #2f728f;
  background: #e5f1f4;
  margin: 0 -12px;
  padding: 10px 20px;
}
#confirmExpressPostponeModal .modal-dialog .modal-content .modal-body.open select {
  border: 3px solid transparent !important;
}
#confirmExpressPostponeModal .modal-dialog .modal-content .modal-body.open ul.list-group {
  display: inline-block;
}
#confirmExpressPostponeModal .modal-dialog .modal-content .modal-body.open .select .arr:before {
  border-top: none;
  border-bottom: 6px solid #4cb9c9;
  margin-top: -8px;
}
#confirmExpressPostponeModal .modal-dialog .modal-content .modal-body.open .select .arr:after {
  border-top: none;
  border-bottom: 3px solid white;
  margin-top: -5px;
}
#confirmExpressPostponeModal .modal-dialog .modal-content .modal-body.open .select select {
  display: inline-block;
  width: 100%;
  background: white;
  border-radius: 23px 23px 23px 23px;
  border: #e6f2f5 3px solid;
  padding: 4px 12px 10px;
  font-size: 20px;
  color: black;
  -webkit-appearance: none;
  outline: none;
}
#confirmExpressPostponeModal .modal-dialog .modal-content .modal-body.open .select select option {
  padding: 5px;
}
#confirmExpressPostponeModal .modal-dialog .modal-content .modal-body.open .select select option.header {
  color: #f4b0b3;
  padding: 5px 3px;
}
#confirmExpressPostponeModal .modal-dialog .modal-content .modal-body.active {
  margin-top: 43px;
  min-height: 227px;
  height: auto;
}
#confirmExpressPostponeModal .modal-dialog .modal-content .modal-body.active button[type="submit"] {
  display: block;
}
#confirmExpressPostponeModal .modal-dialog .modal-content .modal-body.active .description {
  display: block;
}
#confirmExpressPostponeModal .modal-dialog .modal-content .modal-footer {
  padding: 10px 40px 23px;
}
#confirmExpressPostponeModal .modal-dialog .modal-content .modal-footer #confirmExpressPostpone {
  background: #46aabe;
  color: white;
  cursor: pointer;
  width: auto;
  border: none;
  font-weight: 600;
}
#confirmExpressPostponeModal .modal-dialog .modal-content .modal-footer #cancelPostpone {
  background: #f0505a;
  color: white;
  cursor: pointer;
  width: auto;
  border: none;
  font-weight: 600;
}
.doctorRepeatModal .note {
  text-align: left;
  padding-bottom: 30px;
  color: #8B8B9A;
  font-size: 16px;
}
.doctorRepeatModal .info {
  text-align: left;
  padding: 16px 0 8px;
}
.doctorRepeatModal .info p {
  margin: 0 0 8px;
  text-align: left;
  font-weight: normal;
  font-size: 18px;
  line-height: 18px;
}
.doctorRepeatModal .info p span {
  color: #6D8A9F;
}
.doctorRepeatModal .calendar {
  width: 100%;
  padding: 0 0 16px;
}
.doctorRepeatModal .calendar .clndr {
  overflow: hidden;
  height: 100%;
}
.doctorRepeatModal .calendar .cont-clndr {
  overflow: hidden;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.doctorRepeatModal .calendar .cont-clndr .clndr-grid {
  width: 42%;
  border-right: 2px solid white;
}
.doctorRepeatModal .calendar .cont-clndr .clndr-grid .clndr-controls {
  padding: 10px;
  color: #333;
  font-size: 18px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.doctorRepeatModal .calendar .cont-clndr .clndr-grid .clndr-controls .clndr-previous-button,
.doctorRepeatModal .calendar .cont-clndr .clndr-grid .clndr-controls .clndr-next-button {
  text-indent: -9999px;
  background: url('/images/default/anket-arrow.png') no-repeat;
  width: 17px;
  height: 11px;
  display: inline-block;
  vertical-align: middle;
  opacity: 0.8;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.doctorRepeatModal .calendar .cont-clndr .clndr-grid .clndr-controls .clndr-previous-button:hover,
.doctorRepeatModal .calendar .cont-clndr .clndr-grid .clndr-controls .clndr-next-button:hover {
  opacity: 1;
}
.doctorRepeatModal .calendar .cont-clndr .clndr-grid .clndr-controls .clndr-previous-button {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.doctorRepeatModal .calendar .cont-clndr .clndr-grid .clndr-controls .clndr-next-button {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.doctorRepeatModal .calendar .cont-clndr .clndr-grid .clndr-controls .current-month {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  font-size: 18px;
  font-weight: bold;
  color: #212127;
}
.doctorRepeatModal .calendar .cont-clndr .clndr-grid .days-of-the-week {
  width: 100%;
}
.doctorRepeatModal .calendar .cont-clndr .clndr-grid .days-of-the-week .header-day {
  float: left;
  width: 14.2857%;
  padding: 10px;
  text-align: center;
  color: #8B8B9A;
  font-size: 18px;
}
.doctorRepeatModal .calendar .cont-clndr .clndr-grid .days {
  width: 100%;
}
.doctorRepeatModal .calendar .cont-clndr .clndr-grid .days .day,
.doctorRepeatModal .calendar .cont-clndr .clndr-grid .days .empty {
  float: left;
  width: 14.2857%;
  height: 40px;
  padding: 10px 0;
  text-align: center;
  line-height: 1.1;
  color: #bcbaba;
  border-bottom: 2px solid white;
  background-size: cover;
  background-position: center;
  cursor: not-allowed;
  font-size: 18px;
}
.doctorRepeatModal .calendar .cont-clndr .clndr-grid .days .day.event .day-number,
.doctorRepeatModal .calendar .cont-clndr .clndr-grid .days .empty.event .day-number {
  padding-bottom: 4px;
  border-bottom: 2px solid #006672;
  font-size: 18px;
  position: relative;
  z-index: 2;
  color: #212127;
}
.doctorRepeatModal .calendar .cont-clndr .clndr-grid .days .day .day-number,
.doctorRepeatModal .calendar .cont-clndr .clndr-grid .days .empty .day-number {
  position: relative;
  z-index: 2;
}
.doctorRepeatModal .calendar .cont-clndr .clndr-grid .days .day.exist-appointment,
.doctorRepeatModal .calendar .cont-clndr .clndr-grid .days .empty.exist-appointment {
  color: #5d5d58;
  cursor: pointer !important;
  font-size: 18px;
}
.doctorRepeatModal .calendar .cont-clndr .clndr-grid .days .day.selected,
.doctorRepeatModal .calendar .cont-clndr .clndr-grid .days .empty.selected {
  position: relative;
  color: white;
}
.doctorRepeatModal .calendar .cont-clndr .clndr-grid .days .day.selected:before,
.doctorRepeatModal .calendar .cont-clndr .clndr-grid .days .empty.selected:before {
  content: "";
  position: absolute;
  width: 35px;
  height: 35px;
  background: #08c0de;
  border-radius: 50% 50% 50% 50%;
  z-index: 1;
  top: 50%;
  left: 50%;
  margin: -17.5px 0 0 -17.5px;
}
.doctorRepeatModal .calendar .cont-clndr .clndr-grid .days .today {
  background-image: none;
  position: relative;
  z-index: 2;
}
.doctorRepeatModal .calendar .cont-clndr .clndr-grid .days .today:before {
  content: "";
  position: absolute;
  width: 35px;
  height: 35px;
  background: #ededed;
  border-radius: 50% 50% 50% 50%;
  z-index: -1;
  top: 50%;
  left: 50%;
  margin: -17.5px 0 0 -17.5px;
}
.doctorRepeatModal .calendar .cont-clndr .event-listing {
  width: 46%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.doctorRepeatModal .calendar .cont-clndr .event-listing .event-listing-title {
  padding: 10px;
  color: #212127;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.doctorRepeatModal .calendar .cont-clndr .event-listing .event-listing-title .selected-time {
  display: none;
}
.doctorRepeatModal .calendar .cont-clndr .event-listing .event-listing-title .working-time {
  display: block;
  font-size: 16px;
}
.doctorRepeatModal .calendar .cont-clndr .event-listing .time-cont {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: left;
}
.doctorRepeatModal .calendar .cont-clndr .event-listing .time-cont .event-item {
  display: inline-block;
  text-align: center;
}
.doctorRepeatModal .calendar .cont-clndr .event-listing .time-cont .event-item .appointment-time {
  font-size: 16px;
  width: 62px;
  padding: 5px 10px;
  color: #4f4f4f;
  display: inline-block;
  cursor: pointer;
}
.doctorRepeatModal .calendar .cont-clndr .event-listing .time-cont .event-item .appointment-time.active {
  background: #08c0de;
  color: white;
  border-radius: 20px 20px 20px 20px;
}
.doctorRepeatModal .calendar .cont-clndr .event-listing .time-cont .event-item-location {
  font-weight: 400;
}
.doctorRepeatModal .calendar .cont-clndr .event-listing .create-request {
  display: block;
  padding: 15px;
  text-align: center;
  background: #08c0de;
  font-size: 16px;
  color: white;
  border-radius: 30px 30px 30px 30px;
  cursor: pointer;
  margin: 15px 15px 15px 0;
}
.doctorRepeatModal .calendar .cont-clndr .event-listing .close {
  display: none;
}
#error_message {
  z-index: 1060;
}
#error_message .modal-body {
  text-align: left;
  padding-bottom: 16px;
  font-size: 18px;
}
#error_message .modal-body .modal-text-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#error_message .modal-body .modal-text {
  position: relative;
  padding-left: 36px;
  display: inline-block;
}
#error_message .modal-body .modal-text:before {
  content: "";
  background: url('/images/default/Alert-triangle-red.png') no-repeat;
  margin-right: 12px;
  width: 24px;
  height: 24px;
  background-size: contain;
  top: 0;
  left: 0;
  position: absolute;
}
#error_message .modal-body .buttons-wrapper {
  padding-bottom: 26px;
  margin-top: 16px;
}
#error_message .modal-body .buttons-wrapper .cancel {
  width: 100%;
  height: 38px;
  line-height: 36px;
}
@media (min-width: 768px) {
  body.pacient .m-filter__modal {
    display: block !important;
  }
  body.pacient .m-calendar__modal {
    display: block !important;
    width: 100%;
  }
  body.pacient .m-contacts__modal {
    display: block !important;
    width: 100%;
  }
  body.pacient .m-programm__modal {
    display: block !important;
    width: 100%;
  }
  body.pacient .m-contacts__button {
    display: none;
  }
  body.pacient .m-programm__button {
    display: none;
  }
  body.pacient .m-contact__title .close {
    display: none;
  }
}
@media (max-width: 767px) {
  body.pacient .title-filter-controls {
    display: none;
  }
  body.pacient .m-contacts__button {
    display: block;
  }
  body.pacient .m-contact__title .close {
    display: block;
  }
  body.pacient .m-programm-list__button {
    display: block;
  }
  body.pacient .m-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2050;
    display: none;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    background-color: white;
    height: 100vh;
  }
  body.pacient .m-modal.fade .m-modal-dialog {
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -25%);
            transform: translate(0, -25%);
  }
  body.pacient .m-modal.in .m-modal-dialog {
    -webkit-transform: translate3d(0px, 0px, 0px);
            transform: translate3d(0px, 0px, 0px);
  }
  body.pacient .m-modal-open .m-modal {
    overflow-x: hidden;
    overflow-y: auto;
  }
  body.pacient body.m-modal-open {
    width: 100% !important;
    padding-right: 0 !important;
    position: fixed;
  }
  body.pacient body.m-modal-open header {
    display: none;
  }
  body.pacient .m-modal-open {
    overflow: hidden;
  }
  body.pacient .m-modal-dialog {
    position: relative;
    width: auto;
    margin: 0 !important;
    height: auto;
  }
  body.pacient .m-modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
  }
  body.pacient .m-modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
  }
  body.pacient .m-modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
  body.pacient .m-modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
  }
}
#modal-reconnect {
  width: 540px;
  margin-left: -270px;
  position: fixed;
  top: 30%;
  left: 50%;
  z-index: 9999;
  display: none;
}
#modal-reconnect.visible {
  display: none;
}
#modal-reconnect .content-wrapper {
  background: white;
  overflow: hidden;
  padding: 20px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
  border-radius: 20px 20px 20px 20px;
}
#modal-reconnect .content-wrapper .warning-icon {
  background: url('/images/default/warning-icon.png') no-repeat;
  background-size: contain;
  width: 67px;
  height: 67px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
#modal-reconnect .content-wrapper .warning-text {
  display: inline-block;
  vertical-align: middle;
}
#modal-reconnect .content-wrapper .warning-text .title {
  font-size: 22px;
  font-weight: bold;
  color: #e01320;
}
#modal-reconnect .content-wrapper .warning-text .text {
  font-size: 20px;
}
#modalDicomViewer .modal-header {
  border-bottom: 0;
}
#modalDicomViewer .modal-header .dicom-viewer__close {
  margin: 0;
  background: url('/images/default/modal-close.png') no-repeat 0 0;
  height: 14px;
  width: 14px;
  outline: none;
  float: right;
}
#modalDicomViewer .modal-header .dicom-viewer__close:hover {
  opacity: 1;
}
#modalDicomViewer .modal-header .dicom-viewer__close:hover {
  background-position: -14px 0;
}
#modalDicomViewer .modal-body {
  height: calc(100vh - 32px);
}
#modalDicomViewer .modal-body iframe {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid #E1E1E5;
  border-radius: 8px 8px 8px 8px;
}
.modal {
  padding-left: 0 !important;
}
.modal .modal-dialog {
  margin-left: auto;
  margin-right: auto;
}
.modal .modal-dialog.dialog160 {
  width: 160px;
}
.modal .modal-dialog.dialog340 {
  width: 340px;
}
.modal .modal-dialog.dialog400 {
  width: 400px;
  padding-top: 50px;
}
@media only screen and (max-width: 650px) {
  .modal .modal-dialog.dialog400 {
    width: 300px;
  }
}
.modal .modal-dialog.dialog480 {
  max-width: 480px;
  width: 100%;
  -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
          box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
  border-radius: 24px 24px 24px 24px;
}
@media only screen and (max-width: 767px) {
  .modal .modal-dialog.dialog480 {
    width: 366px;
    border-radius: 24px 24px 24px 24px;
  }
}
@media only screen and (max-width: 370px) {
  .modal .modal-dialog.dialog480 {
    width: 300px;
  }
}
.modal .modal-dialog.dialog560 {
  width: 560px;
}
@media only screen and (max-width: 767px) {
  .modal .modal-dialog.dialog560 {
    width: 366px;
    border-radius: 24px 24px 24px 24px;
  }
}
@media only screen and (max-width: 370px) {
  .modal .modal-dialog.dialog560 {
    width: 300px;
  }
}
.modal .modal-dialog.dialog780 {
  width: 780px;
}
@media only screen and (max-width: 850px) {
  .modal .modal-dialog.dialog780 {
    width: 560px;
  }
}
@media only screen and (max-width: 767px) {
  .modal .modal-dialog.dialog780 {
    width: 366px;
    border-radius: 24px 24px 24px 24px;
  }
}
@media only screen and (max-width: 370px) {
  .modal .modal-dialog.dialog780 {
    width: 300px;
  }
}
.modal .modal-dialog.dialog960 {
  width: 960px;
}
.modal .modal-dialog.dialog656 {
  width: 656px;
}
@media only screen and (max-width: 767px) {
  .modal .modal-dialog.dialog656 {
    width: 600px;
  }
}
@media only screen and (max-width: 650px) {
  .modal .modal-dialog.dialog656 {
    width: 400px;
  }
}
@media only screen and (max-width: 413px) {
  .modal .modal-dialog.dialog656 {
    width: 350px;
  }
}
@media only screen and (max-width: 1150px) {
  .modal .modal-dialog.dialog960 {
    width: 760px;
  }
}
@media only screen and (max-width: 767px) {
  .modal .modal-dialog.dialog960 {
    width: 600px;
  }
}
@media only screen and (max-width: 650px) {
  .modal .modal-dialog.dialog960 {
    width: 400px;
  }
}
@media only screen and (max-width: 413px) {
  .modal .modal-dialog.dialog960 {
    width: 350px;
  }
}
.modal .modal-dialog.dialog1105 {
  width: 1105px;
}
@media only screen and (max-width: 1240px) {
  .modal .modal-dialog.dialog1105 {
    width: 960px;
  }
}
@media only screen and (max-width: 1150px) {
  .modal .modal-dialog.dialog1105 {
    width: 760px;
  }
}
@media only screen and (max-width: 767px) {
  .modal .modal-dialog.dialog1105 {
    width: 600px;
  }
}
@media only screen and (max-width: 650px) {
  .modal .modal-dialog.dialog1105 {
    width: 400px;
  }
}
@media only screen and (max-width: 413px) {
  .modal .modal-dialog.dialog1105 {
    width: 350px;
  }
}
.modal .modal-dialog .modal-content {
  border: none;
  position: relative;
  border-radius: 20px 20px 20px 20px;
}
.modal .modal-dialog .modal-content .modal-header {
  padding: 28px 40px 16px;
  border-bottom: 1px solid #e1e1e5;
}
@media only screen and (max-width: 767px) {
  .modal .modal-dialog .modal-content .modal-header {
    padding: 20px 16px 16px;
  }
}
@media only screen and (max-width: 650px) {
  .modal .modal-dialog .modal-content .modal-header {
    padding: 20px 22px 16px;
  }
}
.modal .modal-dialog .modal-content .modal-header .creation-title,
.modal .modal-dialog .modal-content .modal-header .modal-title {
  text-align: left;
  font-weight: normal;
  font-size: 24px;
  line-height: 24px;
}
.modal .modal-dialog .modal-content .modal-header .creation-title .heading,
.modal .modal-dialog .modal-content .modal-header .modal-title .heading {
  font-size: inherit;
}
.modal .modal-dialog .modal-content .modal-header .creation-title .heading span,
.modal .modal-dialog .modal-content .modal-header .modal-title .heading span {
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .modal .modal-dialog .modal-content .modal-header .creation-title .heading span,
  .modal .modal-dialog .modal-content .modal-header .modal-title .heading span {
    display: block;
  }
}
.modal .modal-dialog .modal-content .modal-header .date {
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .modal .modal-dialog .modal-content .modal-header .date {
    display: block;
  }
}
.modal .modal-dialog .modal-content .modal-body {
  padding: 20px 40px 0;
  white-space: normal;
  text-align: left;
  margin: 0;
}
.modal .modal-dialog .modal-content .modal-body .buttons-wrapper {
  padding: 20px 0;
}
@media only screen and (max-width: 767px) {
  .modal .modal-dialog .modal-content .modal-body {
    margin-top: 20px;
    padding: 20px 16px 16px;
  }
}
@media only screen and (max-width: 650px) {
  .modal .modal-dialog .modal-content .modal-body {
    padding: 0 22px;
  }
}
.modal .modal-dialog .modal-content .modal-footer {
  padding: 20px 40px;
}
#loginFormModal .modal-body .forgot-wrapper,
#esiaBindPhoneModal .modal-body .forgot-wrapper {
  text-align: left;
  margin-top: 10px;
}
#loginFormModal .modal-body .forgot-wrapper a,
#esiaBindPhoneModal .modal-body .forgot-wrapper a {
  font-weight: normal;
  font-size: 16px;
  color: #00aabe;
}
#loginFormModal .modal-body .login-form .buttons-wrapper .register,
#esiaBindPhoneModal .modal-body .login-form .buttons-wrapper .register {
  font-weight: normal !important;
  font-size: 18px !important;
  cursor: pointer;
  color: #00aabe;
  border-bottom: 1px dashed #00aabe;
}
#loginFormModalNew .modal-body #wrapper-captca {
  display: block;
  position: absolute;
  max-width: 480px;
  width: 100%;
  background-color: #ffffff;
  top: 41%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
          box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
  border-radius: 24px 24px 24px 24px;
  padding: 32px 48px 48px;
  z-index: 9999;
}
@media screen and (max-width: 767px) {
  #loginFormModalNew .modal-body #wrapper-captca {
    top: 39%;
  }
}
@media screen and (max-width: 370px) {
  #loginFormModalNew .modal-body #wrapper-captca {
    top: 41%;
    padding: 16px;
  }
}
#loginFormModalNew .modal-body #wrapper-captca button.btn-4 {
  font-size: 18px;
  border-radius: 30px 30px 30px 30px;
  margin-top: 25px;
  height: 46px;
  line-height: 20px;
}
#loginFormModalNew .modal-body #wrapper-captca button.btn-4:last-child {
  margin-top: 10px;
}
#loginFormModalNew .modal-body #wrapper-captca .captcha-block-error {
  display: block;
  position: absolute;
  width: 88%;
  background-color: #ffffff;
  top: 41%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
          box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
  border-radius: 24px 24px 24px 24px;
  padding: 32px 48px 48px;
}
#loginFormModalNew .modal-body #wrapper-captca .captcha-block-error .captcha-error-text {
  margin-bottom: 25px;
  font-size: 20px;
  color: #000;
}
#loginFormModalNew .modal-body .wrapper-input-captcha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 65%;
  gap: 1%;
  position: absolute;
  top: 15.56%;
  left: 22.6%;
}
@media screen and (max-width: 767px) {
  #loginFormModalNew .modal-body .wrapper-input-captcha {
    width: 73%;
    left: 14.1%;
    top: 16%;
  }
}
@media screen and (max-width: 370px) {
  #loginFormModalNew .modal-body .wrapper-input-captcha {
    top: 14.3%;
    width: 88%;
    left: 5.7%;
  }
}
#loginFormModalNew .modal-body .wrapper-input-captcha input {
  width: 130px;
  height: 130px;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  opacity: 0.1;
}
#loginFormModalNew .modal-body .wrapper-input-captcha input:checked {
  opacity: 0.4;
}
@media only screen and (max-width: 767px) {
  #postponeModal .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  #postponeModal .modal-dialog .modal-content {
    height: 100%;
    border-radius: 0 0 0 0;
  }
}
#postponeModal .modal-body {
  margin: 0;
  padding: 16px 0;
}
#postponeModal .modal-body .open_time,
#postponeModal .modal-body .close_time {
  display: none;
}
#postponeModal .dayDetailed {
  display: block;
  font-size: 16px;
}
#postponeModal .dayDetailed .hoursDiv .period .actions {
  margin-right: 10px;
}
#postponeModal .dayDetailed .hoursDiv .period .time {
  padding-left: 10px;
}
#postponeModal .dayDetailed .header-bottom-border .header-caret {
  left: 208px;
}
#rateRequest .doctor {
  margin: 20px 0;
}
@media only screen and (max-width: 413px) {
  #rateRequest .doctor {
    margin: 20px 0 0;
  }
}
#rateRequest .doctor .avatar-cont {
  float: left;
  width: 92px;
  height: 92px;
  overflow: hidden;
  border-radius: 50% 50% 50% 50%;
}
@media only screen and (max-width: 767px) {
  #rateRequest .doctor .avatar-cont {
    width: 64px;
    height: 64px;
  }
}
#rateRequest .doctor .avatar-cont img {
  max-width: 100%;
}
#rateRequest .doctor .info-cont {
  text-align: left;
  white-space: nowrap;
}
#rateRequest .doctor .info-cont .info {
  display: inline-block;
  vertical-align: middle;
  padding-left: 20px;
}
#rateRequest .doctor .info-cont .info .name {
  font-size: 20px;
  color: #333;
  line-height: 24px;
  display: block;
  max-width: 390px;
  white-space: normal;
}
@media only screen and (max-width: 1150px) {
  #rateRequest .doctor .info-cont .info .name {
    margin-left: 8px;
  }
}
@media only screen and (max-width: 767px) {
  #rateRequest .doctor .info-cont .info .name {
    max-width: 196px;
    margin-left: 6px;
  }
}
#rateRequest .doctor .info-cont .info .rating-wrapper .rating {
  margin: 8px auto 0;
  width: 300px;
}
@media only screen and (max-width: 767px) {
  #rateRequest .doctor .info-cont .info .rating-wrapper .rating {
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  #rateRequest .doctor .info-cont .info .rating-wrapper .rating li.rating-star {
    width: 42px;
    height: 29px;
  }
}
@media only screen and (max-width: 413px) {
  #rateRequest .doctor .info-cont .info .rating-wrapper .rating li.rating-star {
    width: 33px;
    height: 21px;
  }
}
@media only screen and (max-width: 413px) {
  #rateRequest .doctor .info-cont .info .rating-wrapper .rating li.rating-star.hovered,
  #rateRequest .doctor .info-cont .info .rating-wrapper .rating li.rating-star.active {
    background-position: 0 -45px;
  }
}
#rateRequest .doctor .info-cont .info .loading {
  background: url('/images/default/loaders/loading.gif') no-repeat;
  width: 32px;
  height: 32px;
  margin: auto;
  text-align: center;
}
#rateRequest .feedback-wrapper {
  border: 1px solid #E1E1E5;
  border-radius: 8px 8px 8px 8px;
  overflow: hidden;
  width: 100%;
  margin-top: 24px;
}
#rateRequest .feedback-wrapper .review {
  resize: none;
  border: none;
  width: 500px;
  height: 100px;
  outline: none;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  padding: 16px;
}
#rateRequest .feedback-wrapper .review::-webkit-input-placeholder {
  color: #717181;
}
#rateRequest .feedback-wrapper .review:-moz-placeholder {
  color: #717181;
}
#rateRequest .feedback-wrapper .review:-moz-placeholder {
  color: #717181;
}
#rateRequest .feedback-wrapper .review:-ms-input-placeholder {
  color: #717181;
}
#rateRequest .feedback-wrapper .review.placeholder {
  color: #717181;
}
@media only screen and (max-width: 767px) {
  #rateRequest .feedback-wrapper .review {
    width: 100%;
  }
}
#rateRequest .buttons-wrapper .disclaim,
#rateRequest .buttons-wrapper .approve {
  width: 220px;
  margin: 0 auto;
}
.request-for-not-working-modal {
  line-height: 1.3;
}
.request-for-not-working-modal .modal-content .modal-body .text-wrapper {
  font-size: 18px;
  margin-top: 10px;
}
.request-for-not-working-modal .modal-content .modal-body #phoneContainer .phone-control .tmp-phone {
  width: 79%;
}
.request-for-not-working-modal .modal-content .modal-body .buttons-wrapper > button {
  width: 200px;
}
.request-for-not-working-modal .modal-content .modal-body .buttons-wrapper .submit-request-message {
  margin-right: 20px;
}
@media only screen and (max-width: 650px) {
  .request-for-not-working-modal .modal-content .modal-body .buttons-wrapper .submit-request-message {
    margin-right: 0;
    margin-bottom: 20px;
    width: 100%;
  }
}
@media only screen and (max-width: 650px) {
  .request-for-not-working-modal .modal-content .modal-body .buttons-wrapper .cancel-request-message {
    width: 100%;
  }
}
#reserved-block {
  width: 960px;
  margin: 15px auto 0;
  background-color: #E1E1E5;
  border: 1px solid #f4f4f4;
  padding: 10px 30px;
  border-radius: 5px 5px 5px 5px;
}
@media only screen and (max-width: 1240px) {
  #reserved-block {
    width: 100%;
    margin-top: 0;
  }
}
#reserved-block .reserved-text {
  color: #333;
  font-size: 15px;
}
#reserved-block .reserved-text .date-time {
  color: #08c0de;
}
#reserved-block .reserved-text a {
  cursor: pointer;
}
#reserved-block #cancelReserved,
#reserved-block #payForReserved {
  color: #08c0de;
  text-decoration: underline;
}
#reserved-block .note {
  font-size: 13px;
  display: block;
  color: #666666;
  margin-top: 20px;
}
#set-geoposition .modal-text {
  text-align: left;
}
#set-geoposition .modal-body {
  position: relative;
}
#set-geoposition .title {
  color: black;
  font-size: 25px;
  font-weight: bold;
}
#set-geoposition .city-name {
  color: #f0505a;
  font-size: 33px;
  font-weight: bold;
}
#set-geoposition .text-wrapper {
  font-size: 18px;
}
#set-geoposition .tip {
  font-size: 16px;
  line-height: 1.4;
}
#set-geoposition .input-block {
  margin: 20px 0 10px;
  position: relative;
}
#set-geoposition .input-block .autocomplete-control {
  margin-top: 10px;
  height: 30px;
  line-height: 30px;
  width: 100%;
  padding: 0 30px 0 10px;
  border: 1px solid #E1E1E5;
}
#set-geoposition .input-block .clear-input {
  position: absolute;
  background: url('/images/default/modal-close.png') no-repeat;
  background-position: 0 0;
  width: 14px;
  height: 14px;
  right: 8px;
  bottom: 8px;
  cursor: pointer;
}
#set-geoposition .input-block .clear-input:hover {
  background-position: -14px 0;
}
#set-geoposition .buttons-wrapper .button-style.btn-1 {
  background: #47d68e;
  color: white;
  border-color: white;
}
#set-geoposition .dialog400 {
  width: 420px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 650px) {
  #set-geoposition .dialog400 {
    width: 340px;
    margin-left: auto;
    margin-right: auto;
  }
}
#set-geoposition .modal-text {
  text-align: left;
}
#set-geoposition .modal-body {
  position: relative;
}
#set-geoposition .title {
  color: black;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  position: relative;
  padding-bottom: 25px;
}
#set-geoposition .title:before {
  content: "";
  position: absolute;
  bottom: 0;
  height: 5px;
  border-radius: 2.5px 2.5px 2.5px 2.5px;
  background: #f0505a;
  left: 50%;
  width: 170px;
  margin-left: -85px;
}
#set-geoposition .city-name {
  color: #f0505a;
  font-size: 33px;
  font-weight: bold;
}
#set-geoposition .text-wrapper {
  font-size: 20px;
}
#set-geoposition .tip {
  font-size: 16px;
  line-height: 1.4;
}
#set-geoposition .clear-input {
  right: 22px !important;
  bottom: 18px !important;
}
#set-geoposition #google-autocomplete {
  border: 0;
  border-radius: 20px 20px 20px 20px;
  background: #f5fafb;
  padding: 10px 30px 10px 20px !important;
  height: 40px !important;
  font-size: 18px !important;
}
@media only screen and (max-width: 650px) {
  #set-geoposition #google-autocomplete {
    font-size: 14px !important;
  }
}
#set-geoposition #google-autocomplete.gm-err-autocomplete {
  background-image: none !important;
  background: #f4e5e5;
}
#set-geoposition .recomend-list ul {
  list-style: none;
  margin: 25px 30px 0 30px;
  padding: 0;
  width: 320px;
  text-align: left;
}
@media only screen and (max-width: 650px) {
  #set-geoposition .recomend-list ul {
    width: 100%;
    margin: 25px 0 30px;
  }
}
#set-geoposition .recomend-list ul li {
  display: inline-block;
  text-align: left;
  width: 45%;
  vertical-align: top;
  line-height: 1.1;
  margin-bottom: 15px;
}
@media only screen and (max-width: 650px) {
  #set-geoposition .recomend-list ul li {
    width: 100%;
  }
}
#set-geoposition .recomend-list ul li a {
  font-size: 16px;
  color: #08c0de;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#set-geoposition .recomend-list ul li a:hover {
  color: #006672;
}
#set-geoposition .recomend-list ul li:nth-child(odd) {
  margin-right: 8%;
}
@media only screen and (max-width: 650px) {
  #set-geoposition .recomend-list ul li:nth-child(odd) {
    margin-right: 0;
  }
}
#set-geoposition .recomend-list ul li::nth-child(even) {
  margin-left: 2%;
}
#set-geoposition .input-block {
  margin: 20px 0 10px;
  position: relative;
  padding: 10px;
  -webkit-box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
  border-radius: 10px 10px 10px 10px;
}
#set-geoposition .input-block .autocomplete-control {
  margin-top: 0;
  height: 30px;
  line-height: 30px;
  width: 100%;
  padding: 0 30px 0 10px;
  border: 1px solid #E1E1E5;
  border-radius: 2px;
}
#set-geoposition .input-block .clear-input {
  position: absolute;
  background: url('/images/default/modal-close.png') no-repeat;
  background-position: 0 0;
  width: 14px;
  height: 14px;
  right: 8px;
  bottom: 8px;
  cursor: pointer;
}
#set-geoposition .input-block .clear-input:hover {
  background-position: -14px 0;
}
#set-geoposition .buttons-wrapper .button-style.btn-1 {
  background: #00aabe;
}
.bootbox .modal-dialog {
  width: 370px;
}
@media only screen and (max-width: 767px) {
  .bootbox .modal-dialog {
    margin-left: auto;
    margin-right: auto;
    width: 320px;
  }
}
.bootbox .modal-dialog .modal-header {
  text-align: center;
  border: none;
  position: relative;
  padding: 20px 40px !important;
}
@media only screen and (max-width: 767px) {
  .bootbox .modal-dialog .modal-header {
    padding: 16px !important;
  }
}
.bootbox .modal-dialog .modal-header .modal-title {
  text-align: center !important;
}
@media only screen and (max-width: 767px) {
  .bootbox .modal-dialog .modal-header .modal-title {
    padding-bottom: 0 !important;
  }
}
.bootbox .modal-dialog .modal-header:before {
  content: "";
  position: absolute;
  bottom: 0;
  height: 5px;
  background: #f0505a;
  left: 50%;
  width: 170px;
  margin-left: -85px;
  border-radius: 2.5px 2.5px 2.5px 2.5px;
}
.bootbox .modal-dialog .modal-header .bootbox-close-button {
  text-indent: -9999px !important;
}
.bootbox .modal-dialog .modal-footer {
  border: none;
}
@media only screen and (max-width: 767px) {
  .bootbox .modal-dialog .modal-footer {
    padding: 16px 16px 32px !important;
  }
}
.bootbox .modal-dialog .modal-footer button {
  border: none;
  font-size: 20px;
  font-weight: normal;
  color: white;
  padding: 5px 0;
  text-align: center;
  width: 100px;
  border-radius: 20px 20px 20px 20px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.bootbox .modal-dialog .modal-footer button.btn-default {
  background-color: #f0505a;
}
.bootbox .modal-dialog .modal-footer button.btn-default:hover {
  background-color: #e01320;
}
.bootbox .modal-dialog .modal-footer button.btn-primary {
  background-color: #00aabe;
  margin-left: 30px;
}
.bootbox .modal-dialog .modal-footer button.btn-primary:hover {
  background-color: #006672;
}
.bootbox .modal-dialog .modal-footer button:hover,
.bootbox .modal-dialog .modal-footer button:focus {
  outline: none !important;
}
#success_message {
  z-index: 1060;
  position: fixed;
  display: none;
  top: 60px;
  width: 760px;
  left: 50%;
  margin: 0 0 0 -380px;
  background: #E5F3E9;
  border: 1px solid #A7D5B3;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 8px 8px 8px 8px;
}
@media only screen and (max-width: 1150px) {
  #success_message {
    width: calc(100vw - 48px);
    left: 24px;
    margin: 0;
    top: 20px;
  }
}
@media only screen and (max-width: 413px) {
  #success_message .close {
    right: 14px;
  }
}
#success_message .success-body {
  padding: 20px 34px;
}
@media only screen and (max-width: 413px) {
  #success_message .success-body {
    padding: 10px 24px;
  }
}
#success_message .success-body .success-text-wrapper {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#success_message .success-body .success-text-wrapper .icon {
  width: 18px;
  height: 13px;
  margin-right: 20px;
  margin-top: 4px;
  background: url('/images/default/success.png') no-repeat;
}
#success_message .success-body .success-text-wrapper .success-text {
  color: #0A8F2B;
  font-weight: bold;
  font-size: 18px;
  line-height: 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: left;
}
#testModuleWrapper .test-block {
  float: left;
  width: 50%;
  height: 200px;
  padding: 10px 20px;
  position: relative;
}
@media only screen and (max-width: 1150px) {
  #testModuleWrapper .test-block {
    width: 100%;
    float: none;
    height: 100% !important;
    padding: 16px 8px;
  }
}
#testModuleWrapper .test-block .block-title i {
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  background: url('/images/default/test-step-icons.png') no-repeat;
}
#testModuleWrapper .test-block .block-title .title {
  font-size: 18px;
  color: #666666;
  line-height: 30px;
  display: inline-block;
  vertical-align: middle;
}
#testModuleWrapper .test-block .block-main {
  display: none;
  padding-top: 20px;
}
@media only screen and (max-width: 1150px) {
  #testModuleWrapper .test-block .block-main {
    padding-left: 45px;
  }
}
#testModuleWrapper .test-block .block-main .info {
  color: #666666;
  font-size: 15px;
  margin: 5px 0 5px 45px;
  display: inline-block;
  line-height: 27.5px;
}
@media only screen and (max-width: 1150px) {
  #testModuleWrapper .test-block .block-main .info {
    margin-left: 0;
  }
}
#testModuleWrapper .test-block .test-state-wrapper {
  position: absolute;
  right: 20px;
  top: 20px;
  display: block;
}
@media only screen and (max-width: 1150px) {
  #testModuleWrapper .test-block .test-state-wrapper {
    top: 16px;
  }
}
#testModuleWrapper .test-block .test-state-wrapper .test-state {
  width: 30px;
  height: 30px;
  background: url('/images/default/test-state-icons.png') no-repeat;
  background-position: -60px 0;
  display: block;
}
#testModuleWrapper .test-block .test-state-wrapper .test-in-progress {
  width: 30px;
  height: 30px;
  display: none;
}
#testModuleWrapper .test-block .block-actions {
  display: block;
  margin: 5px 0 5px 45px;
}
#testModuleWrapper .test-block .block-actions .test-help {
  display: none;
}
#testModuleWrapper .test-block .confirm,
#testModuleWrapper .test-block .disclaim {
  height: 32px;
  line-height: 32px;
  margin-top: 10px;
  margin-right: 5px;
  border-radius: 16px 16px 16px 16px;
}
#testModuleWrapper .test-block.ok .test-state-wrapper {
  display: block;
}
#testModuleWrapper .test-block.ok .test-state-wrapper .test-state {
  background-position: 0 0;
}
#testModuleWrapper .test-block.error .block-actions .test-help {
  display: inline-block;
}
#testModuleWrapper .test-block.error .test-state-wrapper {
  display: block;
}
#testModuleWrapper .test-block.error .test-state-wrapper .test-state {
  background-position: -30px 0;
}
#testModuleWrapper .test-block.testing .block-actions {
  display: none;
}
#testModuleWrapper .test-block.testing .block-main {
  display: block;
}
#testModuleWrapper .test-block.testing .test-state-wrapper .test-state {
  display: none;
}
#testModuleWrapper .test-block.testing .test-state-wrapper .test-in-progress {
  display: block;
}
#testModuleWrapper #testConnection {
  border-top: 1px solid #8B8B9A;
  border-right: 1px solid #8B8B9A;
  border-bottom: 1px solid #8B8B9A;
}
@media only screen and (max-width: 1150px) {
  #testModuleWrapper #testConnection {
    border-right: 0;
  }
}
#testModuleWrapper #testConnection .block-title i {
  background-position: 0 0;
}
#testModuleWrapper #testConnection .block-main {
  display: block;
}
#testModuleWrapper #testWebRTC .block-title i {
  background-position: 0 0;
}
#testModuleWrapper #testCamera {
  border-top: 1px solid #8B8B9A;
  border-bottom: 1px solid #8B8B9A;
}
@media only screen and (max-width: 1150px) {
  #testModuleWrapper #testCamera {
    border-top: 0;
  }
}
#testModuleWrapper #testCamera .block-title i {
  background-position: -30px 0;
}
@media only screen and (max-width: 650px) {
  #testModuleWrapper #testCamera .block-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#testModuleWrapper #testCamera .videoCont {
  width: 140px;
  height: 105px;
  float: right;
  overflow: hidden;
  border: 1px solid #959595;
  background-color: #F9F9FA;
}
@media only screen and (max-width: 650px) {
  #testModuleWrapper #testCamera .videoCont {
    float: none;
  }
}
#testModuleWrapper #testCamera .videoCont video {
  max-width: 100%;
}
#testModuleWrapper #testCamera .block-buttons {
  margin-top: 14px;
}
#testModuleWrapper #testMicrophone {
  border-right: 1px solid #8B8B9A;
}
@media only screen and (max-width: 1150px) {
  #testModuleWrapper #testMicrophone {
    border-right: 0;
    border-bottom: 1px solid #8B8B9A;
  }
}
#testModuleWrapper #testMicrophone .block-title i {
  background-position: -60px 0;
}
#testModuleWrapper #testMicrophone .audioText {
  font-size: 22px;
  color: #666666;
  margin: 0;
}
#testModuleWrapper #testMicrophone .audioDescr .audioCont {
  display: inline-block;
  margin-right: 10px;
}
@media only screen and (max-width: 413px) {
  #testModuleWrapper #testMicrophone .audioDescr .audioCont {
    margin-right: 0;
  }
}
#testModuleWrapper #testMicrophone .audioDescr .audioCont #indicator {
  display: inline-block;
  vertical-align: middle;
}
#testModuleWrapper #testMicrophone .audioDescr .audioCont #indicator .volume-cont .volume {
  height: 20px;
  width: 20px;
  float: left;
  margin-right: 5px;
  background: url('/images/default/test-audio-volume-block-bg.png') repeat-x;
}
@media only screen and (max-width: 413px) {
  #testModuleWrapper #testMicrophone .audioDescr .audioCont #indicator .volume-cont .volume {
    width: 18px;
    height: 18px;
  }
}
#testModuleWrapper #testMicrophone .audioDescr .audioCont #indicator .volume-cont .volume.last {
  margin-right: 0;
}
#testModuleWrapper #testMicrophone .audioDescr .audioCont #indicator .volume-cont .volume.green {
  background-position: 0 0;
}
#testModuleWrapper #testMicrophone .audioDescr .audioCont #indicator .volume-cont .volume.white {
  background-position: 0 -40px;
}
#testModuleWrapper #testSpeakers .block-title i {
  background-position: -90px 0;
}
#testModuleWrapper #testSpeakers .info {
  margin-top: 26px;
}
#testModuleWrapper #testSpeakers .soundCont {
  display: inline-block;
  line-height: 32px;
  vertical-align: middle;
}
#testModuleWrapper #testSpeakers .soundCont i.play-button {
  display: inline-block;
  line-height: 32px;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  margin-left: 5px;
  background: url('/images/default/play-stop.png') no-repeat;
  cursor: pointer;
}
#testModuleWrapper #testSpeakers .soundCont i.play-button:hover {
  background-position: 0 -32px;
}
#testModuleWrapper #testSpeakers .soundCont i.play-button.play {
  background-position: -32px 0;
}
#testModuleWrapper #testSpeakers .soundCont i.play-button.play:hover {
  background-position: -32px -32px;
}
#testModuleWrapper #testSpeakers .soundCont .seek-cont {
  width: 320px;
  margin: 0 auto;
  display: none;
}
#testModuleWrapper #testSpeakers .soundCont .seek-cont input[type="range"] {
  width: 100%;
  -webkit-appearance: none;
  border: 1px solid black;
  display: block;
  height: 15px;
  background-color: #242323;
  -webkit-box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.6);
          box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.6);
  border-radius: 20px 20px 20px 20px;
}
#confirmation_message .modal-body {
  padding-left: 30px;
  padding-right: 30px;
}
#confirmation_message .confirmation-form .description {
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 16px;
}
#confirmation_message .confirmation-form .buttons-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#confirmation_message .confirmation-form .buttons-wrapper button {
  margin: 0;
  width: 45%;
}
.analysis_block {
  padding: 16px 16px 24px;
  margin-right: 0;
  width: 100%;
  font-size: 16px;
  margin-left: 62px;
  border-radius: 5px 8px 8px 5px;
}
@media only screen and (max-width: 650px) {
  .analysis_block {
    margin-left: 0;
  }
}
.analysis_block span.header {
  width: 100%;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: #006672;
  padding-right: 8px;
}
@media only screen and (max-width: 767px) {
  .analysis_block span.header {
    font-size: 16px;
  }
}
.analysis_block span.text {
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  color: #006672;
}
@media only screen and (max-width: 767px) {
  .analysis_block span.text {
    font-size: 16px;
  }
}
.analysis_block .partner-name {
  display: block;
  margin: 10px 0;
  font-size: 18px;
}
.analysis_block a {
  color: #00aabe;
  cursor: pointer;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.analysis_block a:hover {
  color: #006672;
}
.analysis_block span.time {
  display: inline-block;
  width: 100%;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  color: #212127;
}
.analysis_block table {
  width: 100%;
}
@media only screen and (max-width: 1240px) {
  .analysis_block table {
    width: 82%;
  }
}
.analysis_block table tbody tr td {
  vertical-align: top;
  padding-bottom: 16px;
}
.analysis_block .schedule {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-height: 124px;
  width: 250px;
}
.analysis_block .schedule .day {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.analysis_block .schedule .day .dow {
  font-size: 14px;
  width: 24px;
  height: 24px;
  line-height: 1.1;
  color: #B5B5BD;
  background: #F4F4F5;
  border-radius: 3px 3px 3px 3px;
  margin-right: 5px;
  text-align: center;
  text-transform: capitalize;
}
.analysis_block .schedule .day .time {
  font-size: 12px;
  color: #212127;
}
.analysis_block .schedule .day.weekend .dow {
  background: #E4F5F7;
}
.analysis_block .form-control {
  margin-top: 15px;
}
.analysis_block .toggle-map {
  margin: 0;
  width: 231px;
  display: inline-block;
}
.analysis_block .toggle-map a {
  display: inline-block;
  margin-right: 27px;
  font-size: 18px;
  color: #00aabe;
  border-bottom: 1px dashed #00aabe;
  cursor: pointer;
}
.analysis_block .toggle-map a:first-child {
  padding-left: 17px;
  background: url('/images/default/icon-map.svg') 0 50% no-repeat;
}
.analysis_block .toggle-map a:last-child {
  padding-left: 19px;
  background: url('/images/default/list-map.svg') 0 50% no-repeat;
}
.analysis_block .toggle-map a.active {
  color: #006672;
  border-bottom: 1px dashed transparent;
}
.analysis_block .toggle-map a.active:first-child {
  background: url('/images/default/icon-map-dark.svg') 0 50% no-repeat;
}
.analysis_block .toggle-map a.active:last-child {
  background: url('/images/default/list-map-dark.svg') 0 50% no-repeat;
}
.analysis_block .search-place {
  width: 480px;
  border: 1px solid #CCCCCC;
  padding: 9px 17px;
  height: 48px;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  border-radius: 8px 8px 8px 8px;
}
.analysis_block .search-place::-webkit-input-placeholder {
  color: #717181;
}
.analysis_block .search-place:-moz-placeholder {
  color: #717181;
}
.analysis_block .search-place:-moz-placeholder {
  color: #717181;
}
.analysis_block .search-place:-ms-input-placeholder {
  color: #717181;
}
.analysis_block .search-place.placeholder {
  color: #717181;
}
@media only screen and (max-width: 1240px) {
  .analysis_block .search-place {
    width: 100%;
    margin-top: 10px;
  }
}
.analysis_block .schedule {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-height: 120px;
  margin-bottom: 5px;
}
.analysis_block .schedule .day {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.analysis_block .schedule .day .dow {
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #B5B5BD;
  background: #F4F4F5;
  border-radius: 3px 3px 3px 3px;
  width: 24px;
  height: 24px;
  text-align: center;
  text-transform: capitalize;
}
.analysis_block .schedule .day .time {
  font-size: 12px;
  color: #212127;
}
.analysis_block .schedule .day.weekend .dow {
  background: #E4F5F7;
}
.analysis_block .map-block {
  position: relative;
  margin: 16px 0;
  width: 100% !important;
}
.analysis_block .map-block .yandex-map {
  height: 500px;
  width: 100% !important;
}
.analysis_block .map-block .yandex-map .ymaps-2-1-72-map {
  width: 100% !important;
}
.analysis_block .map-block .yandex-map .ymaps-2-1-72-map .ymaps-2-1-72-map {
  width: 100% !important;
}
.analysis_block .map-block .balloon-wrapper {
  position: absolute;
  top: 20px;
  right: 20px;
}
@media only screen and (max-width: 767px) {
  .analysis_block .map-block .balloon-wrapper {
    top: 0;
    right: 0;
  }
}
.analysis_block .map-block .balloon-wrapper .balloon {
  width: 264px;
  background: white;
  padding: 16px 16px 20px;
  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
  border-radius: 8px 8px 8px 8px;
}
.analysis_block .map-block .balloon-wrapper .balloon .close-block {
  float: right;
  text-indent: -9999px;
  width: 19px;
  height: 20px;
  cursor: pointer;
  line-height: 1.1;
  background: url('/images/default/close-map.svg') 50% 50% no-repeat;
}
.analysis_block .map-block .balloon-wrapper .balloon .partner-name {
  float: left;
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  margin: 0 0 8px;
  color: #212127;
}
.analysis_block .map-block .balloon-wrapper .balloon .address {
  display: block;
  clear: both;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #212127;
  padding-bottom: 16px;
}
.analysis_block .map-block .balloon-wrapper .balloon .address .metro {
  width: 100%;
  padding: 4px 0 0;
  display: inline-block;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
}
.analysis_block .map-block .balloon-wrapper .balloon .address .metro span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 5px;
  border-radius: 50% 50% 50% 50%;
}
.analysis_block .map-block .balloon-wrapper .balloon .address .phone {
  width: 100%;
  padding: 4px 0 0;
  display: inline-block;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
}
.analysis_block .map-block .balloon-wrapper .balloon .block-head {
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #6D8A9F;
  display: block;
  margin: 0 0 8px;
}
.analysis_block .map-block .balloon-wrapper .balloon .block-head .block {
  color: #212127;
  display: inline-block;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
}
.analysis_block .map-block .balloon-wrapper .balloon .block-head.bottom-block {
  display: inline-block;
  vertical-align: middle;
  width: 106px;
  margin-bottom: 0;
}
.analysis_block .map-block .balloon-wrapper .balloon .help {
  margin-top: -13px;
  margin-left: 5px;
}
.analysis_block .map-block .balloon-wrapper .balloon .block-schedule {
  position: relative;
}
.analysis_block .map-block .balloon-wrapper .balloon .accept {
  margin-bottom: 0;
}
.analysis_block .map-block .balloon-wrapper .balloon .add-esia {
  width: 100%;
  margin-top: 16px;
  margin-left: 0;
}
.analysis_block .map-block .balloon-wrapper .balloon .add-esia button {
  font-weight: normal;
  background: #00aabe;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  margin-top: 16px;
}
.analysis_block .map-block .balloon-wrapper .balloon .add-esia button:hover,
.analysis_block .map-block .balloon-wrapper .balloon .add-esia button:focus {
  outline: none;
  background: #006672;
}
.analysis_block .citiess .citiess-list {
  display: none;
}
.analysis_block .citiess.active .citiess-list {
  display: block;
}
.analysis_block.appointed {
  position: relative;
  background: #E5F1F4;
}
.analysis_block.appointed:before {
  position: absolute;
  width: 4px;
  height: 100%;
  content: "";
  background: #9FC8DA;
  border-radius: 5px 5px 5px 5px;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 650px) {
  .analysis_block.appointed:before {
    display: none;
  }
}
.analysis_block.appointed .price-wrap {
  width: 100%;
  padding: 16px 0 0;
}
.analysis_block.appointed .price-wrap strong {
  font-weight: bold;
  font-size: 18px;
  line-height: 20px;
  color: #212127;
}
.analysis_block.appointed .description_wrapp {
  padding-bottom: 16px;
  border-bottom: 1px dotted #006672;
}
.analysis_block.appointed .description {
  font-size: 14px;
  color: #00aabe;
  margin: 16px 0 0 21px;
  margin-left: 21px;
  border-bottom: 1px dotted #00aabe;
  display: table;
  position: relative;
  cursor: pointer;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.analysis_block.appointed .description:before {
  position: absolute;
  margin-left: -21px;
  width: 14px;
  height: 14px;
  content: "";
  left: 0;
  top: 3px;
  background: url('/images/default/show-analys.svg') no-repeat;
}
.analysis_block.appointed .description:hover {
  color: #006672;
}
.analysis_block.appointed .old-price-wrap {
  color: #f0505a;
  text-decoration: line-through;
}
.analysis_block.appointed .check_laboratory {
  margin: 0 0 16px;
  padding-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.analysis_block.appointed .check_laboratory .title-check {
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
  color: #212127;
  width: 100%;
  display: block;
  margin-bottom: 12px;
}
@media only screen and (max-width: 1240px) {
  .analysis_block.appointed .check_laboratory .title-check {
    display: block;
    margin-bottom: 10px;
  }
}
.analysis_block.appointed .check_laboratory .checkup_id {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none !important;
  position: relative;
  background-image: url('/images/default/next-gray.png');
  background-repeat: no-repeat;
  background-position: 96% 52%;
  width: 46%;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  height: 48px;
  margin-top: 0;
  color: #212127;
  border-radius: 8px 8px 8px 8px;
}
@media only screen and (max-width: 767px) {
  .analysis_block.appointed .check_laboratory .checkup_id {
    width: 100%;
    margin-bottom: 10px;
    background-position: 96% 50%;
  }
}
.analysis_block.appointed .check_laboratory .checkup_id[disabled="disabled"] {
  color: #8B8B9A;
}
.analysis_block.appointed .check_laboratory .checkupss {
  width: 100%;
}
.analysis_block.appointed .check_laboratory .checkupss .list-label {
  width: inherit;
}
.analysis_block.appointed .check_laboratory .checkupss .list-label .border-wrap {
  width: inherit;
}
.analysis_block.appointed .check_laboratory .checkupss .wrapp-prof {
  width: inherit;
}
.analysis_block.appointed .check_laboratory .dropdown-selector {
  position: relative;
  display: inline-block;
  vertical-align: top;
  height: 48px;
  letter-spacing: 0;
}
@media only screen and (max-width: 767px) {
  .analysis_block.appointed .check_laboratory .dropdown-selector {
    width: 100%;
  }
}
.analysis_block.appointed .check_laboratory .dropdown-selector.active {
  margin-top: 0;
  margin-left: 0;
}
.analysis_block.appointed .check_laboratory .dropdown-selector.active .list-label {
  z-index: 111;
}
.analysis_block.appointed .check_laboratory .dropdown-selector.active .list-label .border-wrap:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.analysis_block.appointed .check_laboratory .dropdown-selector.active .wrapp-prof {
  display: block;
  z-index: 110;
  position: absolute;
}
.analysis_block.appointed .check_laboratory .dropdown-selector.active input[type=text] {
  display: block;
  border: none;
  width: 100%;
  line-height: 47px;
  font-size: 14px;
  background: transparent;
  font-weight: normal;
}
.analysis_block.appointed .check_laboratory .dropdown-selector.active::-webkit-input-placeholder {
  color: #717181;
}
.analysis_block.appointed .check_laboratory .dropdown-selector.active:-moz-placeholder {
  color: #717181;
}
.analysis_block.appointed .check_laboratory .dropdown-selector.active:-moz-placeholder {
  color: #717181;
}
.analysis_block.appointed .check_laboratory .dropdown-selector.active:-ms-input-placeholder {
  color: #717181;
}
.analysis_block.appointed .check_laboratory .dropdown-selector.active.placeholder {
  color: #717181;
}
.analysis_block.appointed .check_laboratory .dropdown-selector > ul {
  margin-right: 20px;
}
.analysis_block.appointed .check_laboratory .dropdown-selector input[type=text] {
  display: none;
}
.analysis_block.appointed .check_laboratory .dropdown-selector .list-label {
  background: white;
  font-size: 14px;
  font-weight: normal;
  line-height: 34px;
  cursor: pointer;
  border-radius: 8px 8px 8px 8px;
  z-index: 111;
  border: 1px solid #CCC;
}
.analysis_block.appointed .check_laboratory .dropdown-selector .list-label .border-wrap {
  padding: 0 42px 0 16px;
  display: inline-block;
  vertical-align: top;
  line-height: 46px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .analysis_block.appointed .check_laboratory .dropdown-selector .list-label .border-wrap {
    width: 100%;
    max-width: 100%;
  }
}
.analysis_block.appointed .check_laboratory .dropdown-selector .list-label .border-wrap::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 10px;
  right: 21px;
  top: 50%;
  margin-top: -4px;
  position: absolute;
  background: url('/images/default/next-gray.png') no-repeat;
}
.analysis_block.appointed .check_laboratory .dropdown-selector .list-label .border-wrap .active-value {
  overflow: hidden;
  font-weight: normal;
  width: 100%;
  font-size: 16px;
  line-height: 46px;
  color: #212127;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (max-width: 1240px) {
  .analysis_block.appointed .check_laboratory .dropdown-selector .list-label .border-wrap .active-value {
    line-height: 46px;
  }
}
@media only screen and (max-width: 1150px) {
  .analysis_block.appointed .check_laboratory .dropdown-selector .list-label .border-wrap .active-value {
    font-size: 12px;
  }
}
.analysis_block.appointed .check_laboratory .dropdown-selector .wrapp-prof {
  display: none;
  position: absolute;
  background-color: white;
  top: 100%;
  left: 0;
  margin-top: 8px;
  font-weight: normal;
  font-size: 16px;
  letter-spacing: 0;
  -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.15);
  max-height: 460px;
  line-height: 30px;
  padding: 16px 0;
  border-radius: 8px 8px 8px 8px;
}
@media only screen and (max-width: 1240px) {
  .analysis_block.appointed .check_laboratory .dropdown-selector .wrapp-prof {
    max-height: 128px;
  }
}
.analysis_block.appointed .check_laboratory .dropdown-selector .wrapp-prof > ul {
  position: relative;
  max-height: 425px;
  min-height: 48px;
}
@media only screen and (max-width: 1240px) {
  .analysis_block.appointed .check_laboratory .dropdown-selector .wrapp-prof > ul {
    max-height: 104px;
  }
}
.analysis_block.appointed .check_laboratory .dropdown-selector .wrapp-prof > ul.ps-container > .ps-scrollbar-y-rail {
  display: block;
  width: 5px;
  opacity: 1;
  z-index: 2000;
  margin: 0 15px 15px;
  border-radius: 10px 10px 10px 10px;
  background: #e5f1f4;
}
.analysis_block.appointed .check_laboratory .dropdown-selector .wrapp-prof > ul.ps-container > .ps-scrollbar-y-rail .ps-scrollbar-y {
  width: 5px;
  margin-right: -2px;
  background: #9fc8da;
  border-radius: 10px 10px 10px 10px;
}
.analysis_block.appointed .check_laboratory .dropdown-selector .wrapp-prof > ul.ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y,
.analysis_block.appointed .check_laboratory .dropdown-selector .wrapp-prof > ul.ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
  width: 5px;
  opacity: 1;
}
.analysis_block.appointed .check_laboratory .dropdown-selector .wrapp-prof > ul > li {
  cursor: pointer;
  padding: 15px;
  line-height: 1.1;
  position: relative;
}
.analysis_block.appointed .check_laboratory .dropdown-selector .wrapp-prof > ul > li:hover,
.analysis_block.appointed .check_laboratory .dropdown-selector .wrapp-prof > ul > li.hover {
  background: #e5f1f4;
  color: #006672;
}
.analysis_block.appointed .check_laboratory .dropdown-selector .wrapp-prof > ul > li .item.selected {
  color: #006672;
}
.analysis_block.appointed .check_laboratory .dropdown-selector .wrapp-prof > ul > li.inactive {
  color: #97a4a8;
  pointer-events: none;
}
.analysis_block.appointed .check_laboratory .dropdown-selector.professions ::-webkit-input-placeholder {
  color: black;
}
.analysis_block.appointed .check_laboratory .dropdown-selector.professions :-ms-input-placeholder {
  color: black;
}
.analysis_block.appointed .check_laboratory .dropdown-selector.professions ::-moz-placeholder {
  color: black;
  opacity: 1;
}
.analysis_block.appointed .check_laboratory .dropdown-selector.professions :-moz-placeholder {
  color: black;
  opacity: 1;
}
.analysis_block.appointed .check_laboratory .dropdown-selector.professions .wrapp-prof {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  letter-spacing: 0;
}
.analysis_block.appointed .check_laboratory .dropdown-selector.professions .form-control {
  border: 0 !important;
  padding: 0 5px 0 15px;
  width: 225px;
  -webkit-box-shadow: 1px 0 7px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 1px 0 7px 0 rgba(0, 0, 0, 0.15);
  border-radius: 24px 24px 24px 24px;
}
.analysis_block.appointed .check_laboratory .dropdown-selector.professions .form-control .ms-helper {
  opacity: 0;
}
.analysis_block.appointed .check_laboratory .dropdown-selector.professions .form-control.ms-ctn .ms-sel-ctn {
  max-height: 33px;
  overflow: hidden;
  line-height: 30px;
  border-radius: 24px 24px 24px 24px;
}
.analysis_block.appointed .check_laboratory .dropdown-selector.professions .form-control.ms-ctn .ms-sel-ctn .ms-sel-item {
  background: none;
  border: 0;
  margin: 0;
  padding: 0 20px 0 5px;
  font-weight: bold;
  color: black;
  font-size: 16px;
  line-height: 30px;
  width: 208px;
  min-width: 80px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
}
.analysis_block.appointed .check_laboratory .dropdown-selector.professions .form-control.ms-ctn .ms-sel-ctn .ms-close-btn {
  background: url('/images/default/clear_field.png') no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 0;
}
.analysis_block.appointed .check_laboratory .dropdown-selector.professions .form-control.ms-ctn .ms-sel-ctn .ms-sel-item + input {
  display: none;
}
.analysis_block.appointed .check_laboratory .dropdown-selector.professions .form-control.ms-ctn .ms-sel-ctn input {
  line-height: 30px;
  font-size: 16px;
  max-width: 200px;
  min-width: 200px;
  padding: 0 0 0 5px;
  background: transparent;
  font-weight: bold;
  color: black;
}
.analysis_block.appointed .check_laboratory .dropdown-selector.professions .form-control.ms-ctn .ms-trigger {
  border-left: 0;
  background: none;
}
.analysis_block.appointed .check_laboratory .dropdown-selector.professions .form-control.ms-ctn .ms-trigger:hover {
  background: none;
}
.analysis_block.appointed .check_laboratory .dropdown-selector.professions .form-control.ms-ctn .ms-trigger .ms-trigger-ico {
  background: url('/images/default/arrows/arrow-micro.png') no-repeat;
  width: 9px;
  height: 6px;
  border: 0;
  vertical-align: middle;
  margin: 15px 0 0 0;
}
.analysis_block.appointed .check_laboratory .dropdown-selector.professions .form-control.ms-ctn .ms-sel-ctn .ms-sel-item + .ms-trigger {
  display: none !important;
  background: none !important;
  z-index: -1;
}
.analysis_block.appointed .check_laboratory .dropdown-selector.professions .form-control.ms-ctn-focus {
  background: #e5f2f4;
  z-index: 10 !important;
}
.analysis_block.appointed .check_laboratory .dropdown-selector.professions .form-control.ms-ctn-focus .ms-trigger {
  margin-right: 5px;
}
.analysis_block.appointed .check_laboratory .dropdown-selector.professions .form-control.ms-ctn-focus .ms-trigger .ms-trigger-ico {
  width: 20px;
  height: 20px;
  background: url('/images/default/search-icon.png') no-repeat !important;
  margin: 5px 0 0 0;
}
.analysis_block.appointed .check_laboratory .dropdown-selector.professions .form-control .ms-res-ctn {
  background-color: white;
  font-size: 16px;
  font-weight: bold;
  padding: 0;
  border: none;
  z-index: 11 !important;
  -webkit-box-shadow: 1px 0 35px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 1px 0 35px 0 rgba(0, 0, 0, 0.15);
  position: absolute;
  line-height: 30px;
  padding: 20px 0;
  overflow: hidden;
  border-radius: 20px 20px 20px 20px;
}
.analysis_block.appointed .check_laboratory .dropdown-selector.professions .form-control .ms-res-ctn:after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 36px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(62%, #ffffff), to(#ffffff));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 62%, #ffffff 100%);
}
.analysis_block.appointed .check_laboratory .dropdown-selector.professions .form-control .ms-res-ctn .container-wrap {
  height: 295px;
  position: relative;
}
.analysis_block.appointed .check_laboratory .dropdown-selector.professions .form-control .ms-res-ctn .container-wrap.ps-container > .ps-scrollbar-y-rail {
  display: block;
  width: 5px;
  opacity: 1;
  z-index: 2000;
  margin: 0 15px 15px;
  border-radius: 10px 10px 10px 10px;
  background: #e5f1f4;
}
.analysis_block.appointed .check_laboratory .dropdown-selector.professions .form-control .ms-res-ctn .container-wrap.ps-container > .ps-scrollbar-y-rail .ps-scrollbar-y {
  width: 5px;
  margin-right: -2px;
  background: #9fc8da;
  border-radius: 10px 10px 10px 10px;
}
.analysis_block.appointed .check_laboratory .dropdown-selector.professions .form-control .ms-res-ctn .container-wrap.ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y,
.analysis_block.appointed .check_laboratory .dropdown-selector.professions .form-control .ms-res-ctn .container-wrap.ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
  width: 5px;
  opacity: 1;
}
.analysis_block.appointed .check_laboratory .dropdown-selector.professions .form-control .ms-res-ctn .ms-res-item {
  cursor: pointer;
  padding: 15px;
  line-height: 1.1;
  position: relative;
  color: black;
}
.analysis_block.appointed .check_laboratory .dropdown-selector.professions .form-control .ms-res-ctn .ms-res-item em {
  background: transparent;
  color: black;
}
.analysis_block.appointed .check_laboratory .dropdown-selector.professions .form-control .ms-res-ctn .ms-res-item:hover {
  background: #f5fafb;
  color: #006672;
}
.analysis_block.appointed .check_laboratory .dropdown-selector.professions .form-control .ms-res-ctn .ms-res-item:hover em {
  color: #006672 !important;
}
.analysis_block.appointed .check_laboratory .dropdown-selector.professions .form-control .ms-res-ctn .ms-res-item.ms-res-item-active {
  background: transparent;
}
.analysis_block.appointed .check_laboratory .dropdown-selector.professions .form-control .ms-res-ctn .ms-res-item.ms-res-item-active em {
  color: black;
}
.analysis_block.appointed .check_laboratory .dropdown-selector.professions .form-control .ms-res-ctn .ms-res-item.ms-res-item-active:hover {
  background: #f5fafb;
  color: #006672;
}
.analysis_block.appointed .check_laboratory .dropdown-selector.professions .form-control .ms-res-ctn .ms-res-item.ms-res-item-active:hover em {
  color: #006672 !important;
}
.analysis_block.appointed .citiess {
  width: 47%;
}
.analysis_block.appointed .citiess .list-label {
  width: 100%;
}
.analysis_block.appointed .citiess .list-label .border-wrap {
  width: inherit;
}
.analysis_block.appointed .citiess .wrapp-prof {
  width: 100%;
}
.analysis_block.appointed button {
  color: white;
  padding: 5px 20px;
  font-size: 20px;
  font-weight: 600;
  border-radius: 24px 24px 24px 24px;
  border: unset;
  margin-bottom: 10px;
  cursor: pointer;
  outline: none;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.analysis_block.appointed button.accept {
  background: #00aabe;
  font-size: 14px;
  width: 126px;
  height: 32px;
  line-height: 21px;
}
.analysis_block.appointed button.accept:hover {
  background: #006672;
}
.analysis_block.appointed button.refuse {
  width: 168px;
  height: 40px;
  line-height: 30px;
  background: #f0505a;
  font-size: 16px;
}
.analysis_block.appointed button.refuse:hover {
  background: #e01320;
}
.analysis_block.appointed .help {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  z-index: 10;
  top: 50%;
  margin-top: -9px;
  height: 27px;
  margin-left: 1px;
}
.analysis_block.appointed .help:before {
  display: inline-block;
  content: "";
  width: 28px;
  height: 29px;
  border: 4px solid transparent;
  background: url('/images/default/working-time.svg') no-repeat;
  border-radius: 50% 50% 50% 50%;
}
.analysis_block.appointed .help:after {
  content: "";
  border: 4px solid transparent;
  width: 28px;
  height: 29px;
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0;
  display: block;
  background: white;
  margin: -18px 0 0 -15px;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  border-radius: 50% 50% 50% 50%;
}
.analysis_block.appointed .help .description {
  display: block;
  position: absolute;
  z-index: -1;
  opacity: 0;
  top: 100%;
  left: 0;
  width: 180px;
  font-weight: normal;
  cursor: default;
  font-size: 13px;
  line-height: 17px;
  margin: -18px 0 0 -1px;
  border-bottom: 0;
  background: white;
  color: #333;
  padding: 16px 8px 8px;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 0 8px 8px 8px;
}
.analysis_block.appointed .help .description:before {
  display: none;
}
.analysis_block.appointed .help:hover {
  overflow: visible;
}
.analysis_block.appointed .help:hover .description {
  opacity: 1;
}
.analysis_block.appointed .help:hover:before {
  z-index: 10;
  background: url('/images/default/working-time-blue.svg') no-repeat;
}
.analysis_block.appointed .help:hover:after {
  opacity: 1;
  z-index: -1;
  border: 4px solid white;
  -webkit-box-shadow: 0px -6px 15px -6px rgba(0, 0, 0, 0.15);
          box-shadow: 0px -6px 15px -6px rgba(0, 0, 0, 0.15);
}
.analysis_block.appointed .yandex-map {
  width: 600px;
  height: 400px;
}
.analysis_block.appointed .yandex-map iframe {
  z-index: -1 !important;
}
.analysis_block.appointed .points-list {
  position: relative;
  margin-top: 10px;
  width: auto;
  height: 500px;
  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
  background: white;
  margin: 16px 0;
  border-radius: 8px 8px 8px 8px;
}
.analysis_block.appointed .points-list .ps__rail-y {
  background-color: transparent !important;
}
.analysis_block.appointed .points-list .ps__rail-y .ps__thumb-y {
  width: 4px !important;
  opacity: 0 !important;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.analysis_block.appointed .points-list .add-esia {
  margin-left: 0;
  width: 136px;
  margin-top: 0;
  padding: 2px 0px 0px 0px;
  font-size: 12px;
  background: #E1F3FE;
  background-position: 50% 6px;
  text-align: center;
}
.analysis_block.appointed .points-list .add-esia button {
  font-weight: normal;
  background: #00aabe;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 12px;
}
.analysis_block.appointed .points-list .add-esia button:hover,
.analysis_block.appointed .points-list .add-esia button:focus {
  outline: none;
  background: #006672;
}
@media only screen and (max-width: 1240px) {
  .analysis_block.appointed .points-list table {
    width: 100%;
  }
}
.analysis_block.appointed .points-list table thead {
  border-bottom: 1px solid #CADADE;
}
@media only screen and (max-width: 1240px) {
  .analysis_block.appointed .points-list table thead {
    display: none;
  }
}
.analysis_block.appointed .points-list table thead tr td {
  padding: 24px 24px 16px 0;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #6D8A9F;
}
.analysis_block.appointed .points-list table thead tr td:first-child {
  width: 258px;
  padding: 24px 24px 16px;
}
.analysis_block.appointed .points-list table thead tr td:nth-child(2) {
  width: 226px;
  position: relative;
}
.analysis_block.appointed .points-list table thead tr td:nth-child(3) {
  width: 88px;
  padding: 24px 0 16px 24px;
}
.analysis_block.appointed .points-list table thead tr td:last-child {
  padding-right: 4px;
}
.analysis_block.appointed .points-list table tbody tr {
  border-bottom: 1px solid #CADADE;
}
@media only screen and (max-width: 767px) {
  .analysis_block.appointed .points-list table tbody tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.analysis_block.appointed .points-list table tbody tr td {
  padding: 16px 24px 19px 0;
  font-size: 14px;
  color: #212127;
}
@media only screen and (max-width: 1240px) {
  .analysis_block.appointed .points-list table tbody tr td {
    padding: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .analysis_block.appointed .points-list table tbody tr td {
    width: 100%;
  }
}
.analysis_block.appointed .points-list table tbody tr td:first-child {
  width: 258px;
  padding: 16px 24px 19px;
}
@media only screen and (max-width: 1240px) {
  .analysis_block.appointed .points-list table tbody tr td:first-child {
    width: 45%;
    padding: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .analysis_block.appointed .points-list table tbody tr td:first-child {
    width: 100%;
  }
}
.analysis_block.appointed .points-list table tbody tr td:nth-child(2) {
  width: 226px;
}
@media only screen and (max-width: 1240px) {
  .analysis_block.appointed .points-list table tbody tr td:nth-child(2) {
    display: none;
  }
}
.analysis_block.appointed .points-list table tbody tr td:nth-child(3) {
  width: 88px;
  padding: 16px 0 19px 24px;
}
@media only screen and (max-width: 1240px) {
  .analysis_block.appointed .points-list table tbody tr td:nth-child(3) {
    width: 45%;
    padding: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .analysis_block.appointed .points-list table tbody tr td:nth-child(3) {
    width: 100%;
  }
}
.analysis_block.appointed .points-list table tbody tr td:last-child {
  padding-right: 0;
}
@media only screen and (max-width: 1240px) {
  .analysis_block.appointed .points-list table tbody tr td:last-child {
    padding-right: 10px;
  }
}
.analysis_block.appointed .points-list table tbody tr td .partner-name {
  display: block;
  font-size: 20px;
  line-height: 24px;
  font-weight: normal;
  margin: 0;
  color: #212127;
}
.analysis_block.appointed .points-list table tbody tr td .address {
  color: #212127;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
}
.analysis_block.appointed .points-list table tbody tr td .address span {
  width: 10px;
  display: inline-block;
  height: 10px;
  margin-right: 5px;
  border-radius: 50% 50% 50% 50%;
}
.analysis_block.appointed .points-list table tbody tr td .address .phone {
  display: block;
  width: auto;
  margin: 0 0 8px;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #212127;
}
.analysis_block.appointed .points-list table tbody tr td a {
  position: relative;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #00aabe;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.analysis_block.appointed .points-list table tbody tr td a:after {
  content: "";
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  background: #00aabe;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.analysis_block.appointed .points-list table tbody tr td a:hover {
  color: #006672;
}
.analysis_block.appointed .points-list table tbody tr td a:hover:after {
  background: #006672;
}
.analysis_block.appointed .points-list table .yes-button {
  margin: 0;
  font-size: 14px;
  width: 126px;
  height: 32px;
  line-height: 21px;
  background: #00aabe;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.analysis_block.appointed .points-list table .yes-button:hover {
  background: #006672;
}
.analysis_block.appointed .points-list:hover .ps__rail-y .ps__thumb-y {
  width: 4px !important;
  opacity: 1 !important;
}
.analysis_block.appointed span.status {
  font-size: 20px;
  font-weight: 600;
  margin: 5px 0px 12px 0;
  display: inline-block;
  width: 100%;
}
.analysis_block.appointed span.status:before {
  content: '';
  margin: 0px 8px 0px 5px;
  width: 20px;
  height: 20px;
  display: inline-block;
}
.analysis_block.appointed span.status.accept {
  color: #358e01;
}
.analysis_block.appointed span.status.accept:before {
  background: url(/images/default/icon_yes.png) no-repeat;
}
.analysis_block.appointed span.status.accept button {
  color: white;
  margin-right: 15px;
  padding: 5px 20px;
  border-radius: 23px 23px 23px 23px;
  border: unset;
  margin-bottom: 10px;
  margin-top: 15px;
  cursor: pointer;
  font-weight: bold;
  outline: none;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.analysis_block.appointed span.status.accept button.accept {
  background: #00aabe;
  font-size: 14px;
  line-height: 16px;
}
.analysis_block.appointed span.status.accept button.accept:hover {
  background: #006672;
}
.analysis_block.appointed span.status.accept button.refuse {
  background: #f0505a;
  font-size: 16px;
  line-height: 18px;
}
.analysis_block.appointed span.status.accept button.refuse:hover {
  background: #e01320;
}
.analysis_block.appointed span.status.accept .yandex-map {
  width: 600px;
  height: 400px;
}
.analysis_block.appointed span.status.accept .yandex-map iframe {
  z-index: -1 !important;
}
.analysis_block.appointed span.status.accept .points-list {
  max-height: 400px;
}
.analysis_block.appointed span.status.accept span.status {
  font-size: 20px;
  font-weight: 600;
  margin: 5px 0px 12px 0;
  display: inline-block;
  width: 100%;
}
.analysis_block.appointed span.status.accept span.status.accept {
  color: #358e01;
}
.analysis_block.appointed span.status.accept span.status.accept:before {
  content: '';
  margin: 0px 8px 0px 5px;
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url('/images/default/icon_yes.png') no-repeat;
}
.analysis_block.appointed span.status.accept span.status.refuse {
  color: #c84747;
}
.analysis_block.appointed span.status.accept span.status.refuse:before {
  margin: 0px 8px 0px 5px;
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url('/images/default/icon_no.png') no-repeat;
}
.analysis_block.appointed span.status.accept span.status.waiting {
  color: black;
}
.analysis_block.appointed span.status.accept span.status.waiting:before {
  margin: 0px 8px 0px 5px;
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url(/images/default/icon_wait.png) no-repeat;
}
.analysis_block.appointed span.status.created {
  width: 550px;
  background: #e5f1f4;
  margin-left: 41px;
}
.analysis_block.appointed span.status.created:before {
  background: url(/images/default/icon_no.png) no-repeat;
}
.analysis_block.appointed span.status.waiting {
  color: black;
}
.analysis_block.appointed span.status.waiting:before {
  background: url(/images/default/icon_wait.png) no-repeat;
}
.analysis_block.created {
  background: #e5f1f4;
}
.analysis_block.created:before {
  position: absolute;
  width: 4px;
  height: 100%;
  content: "";
  background: #9fc8da;
  border-radius: 5px 5px 5px 5px;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 650px) {
  .analysis_block.created:before {
    display: none;
  }
}
.analysis_block.created span.header {
  color: #00728f;
}
.analysis_block .description_wrapp {
  border-bottom: none;
}
.analysis_block.accepted {
  background: #ecf4e5;
  position: relative;
}
.analysis_block.accepted:before {
  position: absolute;
  content: "";
  width: 4px;
  height: 100%;
  border-radius: 5px 5px 5px 5px;
  top: 0;
  left: 0;
  background: #b4da9f;
}
@media only screen and (max-width: 650px) {
  .analysis_block.accepted:before {
    display: none;
  }
}
.analysis_block.accepted span.header {
  color: #358e00;
}
.analysis_block.accepted span.text {
  color: black;
}
.analysis_block.accepted .description_wrapp {
  border-bottom: none;
}
.analysis_block.accepted table tbody tr td:first-child {
  width: 117px;
}
.analysis_block.accepted .schedule {
  height: 116px;
  margin-bottom: 0;
}
.analysis_block.accepted .schedule .day .dow {
  background: rgba(196, 196, 196, 0.2);
}
.analysis_block.accepted .schedule .day .time {
  margin-top: 2px;
}
.analysis_block.accepted .schedule .day.weekend .dow {
  background: rgba(138, 208, 204, 0.2);
}
.analysis_block.accepted .description {
  cursor: pointer;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.analysis_block.accepted .description:hover {
  color: #006672;
}
.analysis_block.accepted .time {
  margin-top: 10px;
}
.analysis_block.expired .description_wrapp {
  border-bottom: none !important;
}
.analysis_block.refused {
  background: #f4e5e5;
}
.analysis_block.refused:before {
  position: absolute;
  width: 4px;
  height: 100%;
  content: "";
  background: #da9f9f;
  border-radius: 5px 5px 5px 5px;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 650px) {
  .analysis_block.refused:before {
    display: none;
  }
}
.analysis_block.refused span.header {
  color: #c84747;
}
.analysis_block.refused span.text {
  margin: 0;
  color: #c84747;
}
.analysis_block.refused span.status.refuse {
  color: #c84747;
}
.analysis_block.refused span.status.refuse:before {
  margin: 0px 8px 0px 5px;
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url('/images/default/icon_no.png') no-repeat;
}
.analysis_block.refused .description_wrapp {
  border-bottom: none;
}
.analysis_block.refused .description {
  font-size: 14px;
  color: #c84747;
  margin-top: 12px;
  margin-left: 21px;
  border-bottom: 1px dotted #c84747;
  display: table;
  position: relative;
  cursor: pointer;
}
.analysis_block.refused .description:before {
  position: absolute;
  margin-left: -21px;
  width: 14px;
  height: 14px;
  content: "";
  left: 0;
  top: 3px;
  background: url('/images/default/show-analys-red.svg') no-repeat;
}
.analysis_block.refused .description:hover {
  color: #e01320;
}
.chat-anket-wrapper {
  height: 400px;
  padding: 0;
  overflow: hidden;
}
.chat-anket-wrapper #chat-anket {
  width: 100%;
  background: white;
  z-index: 10;
  position: relative;
  height: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.chat-anket-wrapper #chat-anket .title-index,
.chat-anket-wrapper #chat-anket strong {
  font-weight: bold;
  font-size: 30px;
  color: black;
  margin: 0 30px;
  display: block;
}
@media only screen and (max-width: 650px) {
  .chat-anket-wrapper #chat-anket .title-index,
  .chat-anket-wrapper #chat-anket strong {
    font-size: 20px;
  }
}
.chat-anket-wrapper #chat-anket .title-attach {
  font-weight: normal;
  font-size: 20px;
  color: #8c8c8c;
}
.chat-anket-wrapper #chat-anket .title-index {
  margin-top: 30px;
  display: inline-block;
}
.chat-anket-wrapper #chat-anket .text {
  font-weight: normal;
  margin: 30px 0 50px;
  font-size: 20px;
  color: #666666;
  text-align: center;
}
@media only screen and (max-width: 650px) {
  .chat-anket-wrapper #chat-anket .text br {
    display: none;
  }
}
@media only screen and (max-width: 650px) {
  .chat-anket-wrapper #chat-anket .text {
    font-size: 18px;
    padding: 0 10px;
    margin: 10px 0;
  }
}
.chat-anket-wrapper #chat-anket button.back {
  border: none;
  margin-top: 20px;
  background: transparent;
  position: relative;
  color: #9fd1da;
  font-weight: normal;
  font-size: 20px;
  margin-right: 30px;
  padding: 5px 0 5px 15px;
  -webkit-transition: color 0.2s ease-in-out 0s;
  transition: color 0.2s ease-in-out 0s;
}
.chat-anket-wrapper #chat-anket button.back span {
  position: absolute;
  width: 8px;
  height: 11px;
  left: 0;
  top: 50%;
  margin-top: -5px;
  background: url('/images/default/prev-anket.png');
}
.chat-anket-wrapper #chat-anket button.back:hover,
.chat-anket-wrapper #chat-anket button.back:focus,
.chat-anket-wrapper #chat-anket button.back:active {
  outline: none;
  color: #00aabe;
}
.chat-anket-wrapper #chat-anket button.back:hover span,
.chat-anket-wrapper #chat-anket button.back:focus span,
.chat-anket-wrapper #chat-anket button.back:active span {
  background-position: -8px 0;
}
.chat-anket-wrapper #chat-anket button.begin,
.chat-anket-wrapper #chat-anket button.next {
  padding: 5px 25px;
  background: #00aabe;
  border: none;
  font-weight: normal;
  display: inline-block;
  font-size: 20px;
  color: white;
  border-radius: 20px 20px 20px 20px;
  -webkit-transition: background 0.2s ease-in-out 0s;
  transition: background 0.2s ease-in-out 0s;
}
.chat-anket-wrapper #chat-anket button.begin:hover,
.chat-anket-wrapper #chat-anket button.next:hover,
.chat-anket-wrapper #chat-anket button.begin:focus,
.chat-anket-wrapper #chat-anket button.next:focus,
.chat-anket-wrapper #chat-anket button.begin:active,
.chat-anket-wrapper #chat-anket button.next:active {
  outline: none;
  background: #006672;
}
.chat-anket-wrapper #chat-anket button.cancel {
  border: none;
  margin-top: 20px;
  background: transparent;
  position: relative;
  color: #9fd1da;
  font-weight: normal;
  font-size: 20px;
  padding: 5px 0 5px 15px;
  -webkit-transition: color 0.2s ease-in-out 0s;
  transition: color 0.2s ease-in-out 0s;
}
.chat-anket-wrapper #chat-anket button.cancel span {
  position: absolute;
  width: 11px;
  height: 11px;
  left: 0;
  top: 50%;
  margin-top: -5px;
  background: url('/images/default/cancel-anket.png');
}
.chat-anket-wrapper #chat-anket button.cancel:hover,
.chat-anket-wrapper #chat-anket button.cancel:focus,
.chat-anket-wrapper #chat-anket button.cancel:active {
  outline: none;
  color: #00aabe;
}
.chat-anket-wrapper #chat-anket button.cancel:hover span,
.chat-anket-wrapper #chat-anket button.cancel:focus span,
.chat-anket-wrapper #chat-anket button.cancel:active span {
  background-position: -11px 0;
}
.chat-anket-wrapper #chat-anket .step {
  font-weight: bold;
  font-size: 24px;
  color: #e9e9e9;
  margin-bottom: 15px;
  margin-top: 15px;
}
.chat-anket-wrapper #chat-anket form input[type="text"] {
  display: block;
  width: 550px;
  margin: 30px auto;
  padding: 10px 20px;
  background: #f5fafb;
  border: none;
  font-weight: normal;
  font-size: 20px;
  color: black;
  border-radius: 30px 30px 30px 30px;
}
@media only screen and (max-width: 767px) {
  .chat-anket-wrapper #chat-anket form input[type="text"] {
    width: 100%;
  }
}
.chat-anket-wrapper #chat-anket form input[type="text"]:focus,
.chat-anket-wrapper #chat-anket form input[type="text"]:hover,
.chat-anket-wrapper #chat-anket form input[type="text"]:active {
  outline: none;
}
.chat-anket-wrapper #chat-anket form .help {
  width: 550px;
  font-weight: normal;
  font-size: 16px;
  color: #c7c7c7;
  margin: 20px auto;
  border-radius: 10px 10px 10px 10px;
  text-align: center;
  border: 3px solid #fbf5f5;
  position: relative;
}
.chat-anket-wrapper #chat-anket form .help:before {
  position: absolute;
  content: "";
  width: 17px;
  height: 14px;
  background: url('/images/default/arrow-help-anket.png');
  top: -14px;
  left: 14px;
}
.chat-anket-wrapper #chat-anket form .help div {
  font-weight: bold;
  font-size: 16px;
  color: #f0505a;
}
@media only screen and (max-width: 767px) {
  .chat-anket-wrapper #chat-anket .question-answers-container-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.chat-anket-wrapper #chat-anket .question-answers-container-2 button {
  width: 100px;
  height: 120px;
  border: 1px solid #e9e9e9;
  font-weight: bold;
  font-size: 18px;
  margin-right: 20px;
  color: black;
  padding: 70px 0 0 0;
  background: transparent url('/images/default/chat-anket.png') 50% 30% no-repeat;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  border-radius: 5px 5px 5px 5px;
}
@media only screen and (max-width: 767px) {
  .chat-anket-wrapper #chat-anket .question-answers-container-2 button {
    width: 80px;
  }
}
.chat-anket-wrapper #chat-anket .question-answers-container-2 button:hover {
  border: 1px solid transparent;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}
.chat-anket-wrapper #chat-anket .question-answers-container-2 button:focus,
.chat-anket-wrapper #chat-anket .question-answers-container-2 button:active {
  outline: none;
}
.chat-anket-wrapper #chat-anket .question-answers-container-2 button:first-child {
  background: transparent url('/images/default/video-anket.png') 50% 30% no-repeat;
  margin-right: 20px;
}
.chat-anket-wrapper #chat-anket .question-answers-container-2 button:last-child {
  background: transparent url('/images/default/mobilet-anket.png') 50% 30% no-repeat;
  margin-right: 20px;
}
.chat-anket-wrapper #chat-anket .js-choices .js-aoutocomplete-block {
  position: relative;
  width: 550px;
  margin: 15px auto;
  font-weight: normal;
  font-size: 20px;
  color: black;
  text-align: left;
  background: #fbf5f5;
  padding: 10px 10px 10px 25px;
}
.chat-anket-wrapper #chat-anket .js-choices .js-aoutocomplete-block:before {
  position: absolute;
  content: "";
  left: 0;
  height: 100%;
  width: 4px;
  border-radius: 2px 2px 2px 2px;
  background: #f0505a;
  top: 0;
}
.chat-anket-wrapper #chat-anket .js-choices .js-aoutocomplete-block a {
  position: absolute;
  color: #c7c7c7;
  right: 10px;
  cursor: pointer;
}
.chat-anket-wrapper #chat-anket .js-choices .js-aoutocomplete-block a:hover {
  color: #f26870;
}
.chat-anket-wrapper #chat-anket button.present,
.chat-anket-wrapper #chat-anket button.absent,
.chat-anket-wrapper #chat-anket button.unknown {
  font-weight: bold;
  font-size: 20px;
  color: white;
  width: 120px;
  border: none;
  padding: 5px 0;
  margin: 50px 20px 0 0;
  -webkit-transition: background 0.2s ease-in-out 0s;
  transition: background 0.2s ease-in-out 0s;
  border-radius: 30px 30px 30px 30px;
}
.chat-anket-wrapper #chat-anket button.present {
  background: #00aabe;
}
.chat-anket-wrapper #chat-anket button.present:hover,
.chat-anket-wrapper #chat-anket button.present:focus,
.chat-anket-wrapper #chat-anket button.present:active {
  outline: none;
  background: #006672;
}
.chat-anket-wrapper #chat-anket button.absent {
  background: #f0505a;
}
.chat-anket-wrapper #chat-anket button.absent:hover,
.chat-anket-wrapper #chat-anket button.absent:focus,
.chat-anket-wrapper #chat-anket button.absent:active {
  outline: none;
  background: #e01320;
}
.chat-anket-wrapper #chat-anket button.unknown {
  border: 3px solid #e5f2f4;
  color: #00aabe;
  background: white;
  margin-right: 0;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.chat-anket-wrapper #chat-anket button.unknown:hover,
.chat-anket-wrapper #chat-anket button.unknown:focus,
.chat-anket-wrapper #chat-anket button.unknown:active {
  outline: none;
  border-color: #00aabe;
}
.chat-anket-wrapper #chat-anket .radio-block {
  position: relative;
  text-align: center;
}
.chat-anket-wrapper #chat-anket .js-radio-block {
  display: inline-block;
  margin: 20px 20px 10px 0;
  vertical-align: top;
}
.chat-anket-wrapper #chat-anket .js-radio-block p {
  padding: 5px 20px 5px 25px;
  background: #f5fafb;
  border-radius: 30px 30px 30px 30px;
  cursor: pointer;
}
.chat-anket-wrapper #chat-anket .js-radio-block input[type=radio] {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
}
.chat-anket-wrapper #chat-anket .js-radio-block input[type=radio]:focus,
.chat-anket-wrapper #chat-anket .js-radio-block input[type=radio]:active {
  outline: none;
}
.chat-anket-wrapper #chat-anket .js-radio-block p {
  font-weight: normal;
  font-size: 20px;
  position: relative;
  margin-bottom: 0;
  color: black;
}
.chat-anket-wrapper #chat-anket .js-radio-block p:focus,
.chat-anket-wrapper #chat-anket .js-radio-block p:active {
  outline: none;
}
.chat-anket-wrapper #chat-anket .js-radio-block p:before {
  content: "";
  position: absolute;
  left: 7px;
  top: 50%;
  margin: -5px 0 0 0;
  width: 10px;
  height: 10px;
  border-radius: 50% 50% 50% 50%;
  border: 1px solid #00aabe;
  z-index: 2;
}
.chat-anket-wrapper #chat-anket .js-radio-block.checked p {
  color: black;
  background: #e5f2f4;
}
.chat-anket-wrapper #chat-anket .js-radio-block.checked p:focus,
.chat-anket-wrapper #chat-anket .js-radio-block.checked p:active {
  outline: none;
}
.chat-anket-wrapper #chat-anket .js-radio-block.checked p:before {
  background-color: #00aabe;
}
.chat-anket-wrapper #chat-anket .skip {
  border: none;
  margin-top: 20px;
  background: transparent;
  position: relative;
  color: #9fd1da;
  font-weight: normal;
  font-size: 20px;
  margin-right: 30px;
  padding: 5px 0 5px 15px;
  -webkit-transition: color 0.2s ease-in-out 0s;
  transition: color 0.2s ease-in-out 0s;
}
.chat-anket-wrapper #chat-anket .skip:hover {
  outline: none;
  color: #00aabe;
}
.chat-anket-wrapper #chat-anket .question-answers-container-3 {
  margin: 45px 0;
}
.chat-anket-wrapper #chat-anket .question-answers-container-3 button.answer-button-male,
.chat-anket-wrapper #chat-anket .question-answers-container-3 button.answer-button-female {
  border: none;
  background: #e5f2f4 url('/images/default/anket-male.png') 50% 50% no-repeat;
  width: 130px;
  height: 130px;
  border-radius: 50% 50% 50% 50%;
  font-size: 0;
  line-height: 0;
}
.chat-anket-wrapper #chat-anket .question-answers-container-3 button.answer-button-male:focus,
.chat-anket-wrapper #chat-anket .question-answers-container-3 button.answer-button-female:focus,
.chat-anket-wrapper #chat-anket .question-answers-container-3 button.answer-button-male:active,
.chat-anket-wrapper #chat-anket .question-answers-container-3 button.answer-button-female:active {
  outline: none;
}
.chat-anket-wrapper #chat-anket .question-answers-container-3 button.answer-button-female {
  margin-left: 40px;
  background: #fdf1f1 url('/images/default/anket-female.png') 50% 50% no-repeat;
}
.chat-anket-wrapper #chat-anket .text-end {
  font-size: 20px;
  font-weight: normal;
  color: #8c8c8c;
}
.chat-anket-wrapper #chat-anket .text-end:last-child {
  margin-bottom: 30px;
}
.chat-anket-wrapper #chat-anket .down {
  position: relative;
}
.chat-anket-wrapper #chat-anket .down:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  margin-bottom: -168px;
  width: 300px;
  height: 166px;
  margin-left: 86px;
  background: url('/images/default/anket-arrow-down.png');
  background-size: contain;
}
@media only screen and (max-width: 767px) {
  .chat-anket-wrapper #chat-anket .down:after {
    display: none;
  }
}
.chat-anket-wrapper #chat-anket .checkbox-wrapp {
  margin: 30px 0 30px;
}
.chat-anket-wrapper #chat-anket .checkbox-wrapp .js-checkbox-block {
  display: inline-block;
  font-weight: normal;
  font-size: 20px;
  color: black;
  padding: 5px 15px;
  border-radius: 30px 30px 30px 30px;
  margin-right: 10px;
  cursor: pointer;
  margin-bottom: 10px;
  border: 1px solid #9fd1da;
  -webkit-transition: background 0.2s ease-in-out 0s;
  transition: background 0.2s ease-in-out 0s;
}
.chat-anket-wrapper #chat-anket .checkbox-wrapp .js-checkbox-block label {
  font-weight: normal;
  margin-bottom: 0;
  cursor: pointer;
}
.chat-anket-wrapper #chat-anket .checkbox-wrapp .js-checkbox-block:hover {
  background: #e5f1f4;
}
.chat-anket-wrapper #chat-anket .checkbox-wrapp .js-checkbox-block.js-selected {
  background: #e5f1f4;
}
.chat-anket-wrapper #chat-anket .js-timer-block p {
  font-size: 20px;
  font-weight: normal;
  color: #8c8c8c;
}
.chat-anket-wrapper #chat-anket .attach-file-wrapp {
  margin: 20px auto;
  background: #f5fafb;
  padding: 20px;
  width: 630px;
  text-align: left;
  border-radius: 10px 10px 10px 10px;
}
@media only screen and (max-width: 767px) {
  .chat-anket-wrapper #chat-anket .attach-file-wrapp {
    width: 100%;
  }
}
.chat-anket-wrapper #chat-anket .attach-file-wrapp .rel-block {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.chat-anket-wrapper #chat-anket .attach-file-wrapp .rel-block.opened-menu {
  display: block;
  width: 100%;
}
.chat-anket-wrapper #chat-anket .attach-file-wrapp .add-attachment {
  display: inline-block;
  vertical-align: top;
  width: 60px;
  height: 60px;
  border: 4px solid #e2eef3;
  background: url('/images/default/add-anket.png') no-repeat 50% 50%;
  margin: 0 20px 20px 0;
  border-radius: 10px 10px 10px 10px;
}
.chat-anket-wrapper #chat-anket .attach-file-wrapp .dropdown-list {
  display: none;
  text-align: center;
}
.chat-anket-wrapper #chat-anket .attach-file-wrapp .dropdown-list.non-files {
  display: block;
  width: 260px;
  margin: 0 auto;
}
.chat-anket-wrapper #chat-anket .attach-file-wrapp .dropdown-list .open-file {
  padding: 5px 20px;
  background: #00aabe;
  border: none;
  margin-bottom: 20px;
  font-weight: normal;
  display: inline-block;
  font-size: 20px;
  color: white;
  border-radius: 20px 20px 20px 20px;
  cursor: pointer;
  -webkit-transition: background 0.2s ease-in-out 0s;
  transition: background 0.2s ease-in-out 0s;
}
.chat-anket-wrapper #chat-anket .attach-file-wrapp .dropdown-list .open-file:hover,
.chat-anket-wrapper #chat-anket .attach-file-wrapp .dropdown-list .open-file:focus,
.chat-anket-wrapper #chat-anket .attach-file-wrapp .dropdown-list .open-file:active {
  outline: none;
  background: #006672;
}
.chat-anket-wrapper #chat-anket .attach-file-wrapp .dropdown-list .open-documents {
  font-weight: normal;
  font-size: 16px;
  color: #00aabe;
  cursor: pointer;
}
.chat-anket-wrapper #chat-anket .attach-file-wrapp .dropdown-list .open-documents:hover {
  color: #006672;
}
.chat-anket-wrapper #chat-anket .attach-file-wrapp .dropdown-list.opened {
  display: inline-block;
  position: absolute;
  width: 200px;
  background: white;
  text-align: left;
  padding: 10px;
  bottom: 50%;
  left: 0;
  margin-bottom: -100px;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  border-radius: 10px 10px 10px 10px;
}
@media only screen and (max-width: 767px) {
  .chat-anket-wrapper #chat-anket .attach-file-wrapp .dropdown-list.opened {
    width: 150px;
  }
}
.chat-anket-wrapper #chat-anket .attach-file-wrapp .dropdown-list.opened .open-file {
  font-weight: normal;
  font-size: 16px;
  color: black;
  background: transparent;
  text-align: left;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .chat-anket-wrapper #chat-anket .attach-file-wrapp .dropdown-list.opened .open-file {
    font-size: 12px;
  }
}
.chat-anket-wrapper #chat-anket .attach-file-wrapp .dropdown-list.opened .open-documents {
  font-weight: normal;
  font-size: 16px;
  color: black;
}
@media only screen and (max-width: 767px) {
  .chat-anket-wrapper #chat-anket .attach-file-wrapp .dropdown-list.opened .open-documents {
    font-size: 12px;
  }
}
.chat-anket-wrapper #chat-anket .attach-file-wrapp .js-file-blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: left;
}
.chat-anket-wrapper #chat-anket .attach-file-wrapp .js-file-blocks .js-file-inner-block {
  position: relative;
  margin-right: 20px;
  margin-bottom: 20px;
  display: inline-block;
  text-align: left;
}
.chat-anket-wrapper #chat-anket .attach-file-wrapp .js-file-blocks .js-file-inner-block img {
  width: 60px;
  height: 60px;
  border-radius: 5px 5px 5px 5px;
  overflow: hidden;
}
.chat-anket-wrapper #chat-anket .attach-file-wrapp .js-file-blocks .js-file-inner-block a {
  position: absolute;
  top: 0;
  text-align: center;
  right: 0;
  line-height: 0.5;
  color: #cf260b;
  font-weight: bold;
  font-size: 16px;
  z-index: 10;
  height: 12px;
  width: 12px;
  margin: -5px -5px 0 0;
  border-radius: 30px 30px 30px 30px;
  background: white;
  text-decoration: none;
  cursor: pointer;
}
.chat-anket-wrapper #chat-anket #loading-wrapper {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 640px;
  border-radius: 20px 20px 20px 20px;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 999999;
}
.chat-anket-wrapper #chat-anket #loading-wrapper .loader-lines {
  width: 50px;
  height: 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -25px 0 0 -25px;
  text-align: center;
}
.chat-anket-wrapper #chat-anket #loading-wrapper .loader-lines div {
  background-color: #08c0de;
  height: 100%;
  width: 6px;
  border-radius: 3px 3px 3px 3px;
  display: inline-block;
  -webkit-animation: loader 1.2s infinite ease-in-out;
  animation: loader 1.2s infinite ease-in-out;
}
.chat-anket-wrapper #chat-anket #loading-wrapper .loader-lines div.item-2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.chat-anket-wrapper #chat-anket #loading-wrapper .loader-lines div.item-3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.chat-anket-wrapper #chat-anket #loading-wrapper .loader-lines div.item-4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.chat-anket-wrapper #chat-anket #loading-wrapper .loader-lines div.item-5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
#ap_result {
  text-align: left;
  position: relative;
  padding-top: 22px;
}
#ap_result:before {
  width: 111px;
  height: 6px;
  background: #F6D877;
  content: "";
  position: absolute !important;
  top: 0;
  left: 0;
  border-radius: 3px 3px 3px 3px;
}
#ap_result .title,
#ap_result .title1 {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: black;
  display: block;
  position: relative;
  padding: 0 0 16px;
}
#ap_result ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#ap_result ul li {
  padding: 26px 0 14px;
  border-bottom: 1px solid #E1E1E5;
}
#ap_result ul li .ap-result-list__item-name {
  font-weight: bold;
  font-size: 18px;
  line-height: 20px;
  color: black;
  cursor: default;
  display: block;
}
#ap_result ul li .ap-result-list__item-tooltip {
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #8B8B9A;
}
#ap_result ul li .ap-result-list__item-tooltip.dosage {
  color: black;
  font-size: 16px;
  line-height: 18px;
}
#ap_result ul li input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 20px;
  width: 20px;
}
#ap_result ul li .checkbox--icon {
  display: block;
  background: url('/images/default/medcard-checkbox-default.svg') no-repeat;
  width: 20px;
  height: 20px;
  background-size: cover;
}
#ap_result ul li input:checked + .checkbox--icon {
  background: url('/images/default/medcard-checkbox-active.svg') no-repeat;
}
#ap_result ul li input:not(:checked) + .checkbox--icon {
  background-position: 0 0;
}
#ap_result ul li:first-child {
  border-top: 1px solid #E1E1E5;
}
#ap_result_controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
  margin: 24px 0;
}
#ap_result_controls .ap-result__shop {
  font-weight: bold;
  font-size: 18px;
  line-height: 20px;
  padding: 0 25px;
  height: 46px;
  color: white;
  border: 0;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  border-radius: 24px 24px 24px 24px;
}
#ap_result_controls .ap-result__shop-enable {
  background: #00aabe;
}
#ap_result_controls .ap-result__shop-enable:hover {
  background: #006672;
}
#ap_result_controls .ap-result__shop-disable {
  cursor: not-allowed;
  background: #959595;
}
#ap_result_controls .ap-result__shop-disable:hover {
  background: #959595;
}
#ap_result_controls .ap-result__download {
  float: left;
  font-weight: normal;
  font-size: 18px;
  line-height: 25px;
  color: #00aabe;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  position: relative;
  padding: 0 0 0 34px;
}
#ap_result_controls .ap-result__download:before {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  background: url('/images/default/file-text.png') no-repeat;
  left: 0;
  top: 50%;
  margin-top: -12px;
}
#ap_result_controls .ap-result__download:hover {
  color: #006672;
}
#ap_result_controls .ap-result__format {
  clear: both;
  padding-left: 34px;
  text-transform: uppercase;
}
#ap_result_controls .ap-result__size {
  margin-left: 4px;
}
#ap_result_controls .ap-result__size,
#ap_result_controls .ap-result__format {
  float: left;
  color: #8B8B9A;
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
}
#ap_result_controls .ap_result_info {
  width: 100%;
  display: block;
  margin-top: 31px;
  font-size: 14px;
  line-height: 16px;
  color: #8B8B9A;
}
#consultationWindow .modal-dialog .modal-content .modal-header.no-wide .wrapper-in-call.hidden-no-bootstrap {
  display: none;
}
#consultationWindow .modal-dialog .modal-content .modal-header .video-element-show-handler {
  background: #00aabe;
  width: 100%;
  height: 32px;
  color: white;
  font-weight: bold;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  margin: 8px 0 10px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 24px 24px 24px 24px;
}
#consultationWindow .modal-dialog .modal-content .modal-header .video-element-show-handler:hover {
  background: #006672;
}
#consultationWindow .modal-dialog .modal-content .modal-header .video-element-show-handler.not-active {
  display: none;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .open_for_doc {
  display: none;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .incoming-call-wrapper {
  display: none;
  padding: 20px 0;
  text-align: center;
  background: #1b3b54;
  border-radius: 20px 20px 20px 20px;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .incoming-call-wrapper {
    background: #F6FAFB;
    border-radius: 8px 8px 8px 8px;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .incoming-call-wrapper .call-title {
  display: block;
  margin: 0 auto;
  text-align: center;
  font-size: 22px;
  color: #666666;
  line-height: 50px;
  white-space: nowrap;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .incoming-call-wrapper .call-title .text {
  font-size: 25px;
  font-weight: bold;
  color: #29db00;
  line-height: 1.1;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .incoming-call-wrapper .call-title .text {
    color: #00aabe;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .incoming-call-wrapper .call-title .avatar-person {
  width: 120px;
  height: 120px;
  margin: 0 auto;
  border-radius: 50% 50% 50% 50%;
  border: 15px solid #324f65;
  background: url('/images/default/test-img.png') no-repeat center;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .incoming-call-wrapper .call-title .avatar-person {
    border: 2px solid rgba(224, 227, 229, 0.5);
    width: 64px;
    height: 64px;
    background-size: cover;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .incoming-call-wrapper .call-title .name-opponent {
  font-size: 25px;
  font-weight: bold;
  color: white;
  line-height: 1.1;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .incoming-call-wrapper .call-title .source {
  font-size: 16px;
  font-weight: bold;
  color: white;
  line-height: 1.1;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .incoming-call-wrapper .call-title .source {
    color: #212127;
    font-size: 14px;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .incoming-call-wrapper .incoming-buttons-wrapper {
  width: 220px;
  margin: 0 auto;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .incoming-call-wrapper .incoming-buttons-wrapper ul {
  cursor: not-allowed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .incoming-call-wrapper .incoming-buttons-wrapper ul li {
  margin-right: 16px;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .incoming-call-wrapper .incoming-buttons-wrapper ul li .call-action-button {
  width: 48px;
  height: 48px;
  margin: 0 auto;
  cursor: pointer;
  border-radius: 50% 50% 50% 50%;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .incoming-call-wrapper .incoming-buttons-wrapper ul li .call-action-button.video {
  background: url('/images/default/user_calling-camera.png') no-repeat;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .incoming-call-wrapper .incoming-buttons-wrapper ul li .call-action-button.audio {
  background: url('/images/default/user_calling-mic.png') no-repeat;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .incoming-call-wrapper .incoming-buttons-wrapper ul li .text {
  display: block;
  font-size: 16px;
  color: #959595;
  margin-top: 10px;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .incoming-call-wrapper .incoming-buttons-wrapper li:last-child {
  cursor: pointer;
  margin-right: 0;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .incoming-call-wrapper .incoming-buttons-wrapper li:last-child .drop {
  width: 48px;
  height: 48px;
  display: block;
  background: url('/images/default/Close-call.png');
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-all-calling {
  background: #f5fafb;
  border-radius: 20px 20px 20px 20px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-all-calling {
    position: fixed;
    width: 80%;
    left: 50%;
    margin-left: -40%;
    z-index: 101;
    top: 0;
    margin-top: 0;
    -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
    border-radius: 8px 8px 8px 8px;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .outgoing-call-wrapper {
  display: none;
  position: relative;
  height: 100%;
  width: 550px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .outgoing-call-wrapper {
    position: fixed;
    width: 80%;
    text-align: center;
    left: 50%;
    height: 250px;
    margin-left: -40%;
    padding: 20px 0;
    z-index: 1;
    border-radius: 8px 8px 8px 8px;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .outgoing-call-wrapper.video-on {
  margin-top: 0;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .outgoing-call-wrapper img {
  width: 58px;
  height: 58px;
  border-radius: 50% 50% 50% 50%;
  top: 50%;
  margin-top: -29px;
  position: absolute;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .outgoing-call-wrapper img {
    width: 64px;
    height: 64px;
    top: 82px;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .outgoing-call-wrapper img.docUserpic {
  left: 40px;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .outgoing-call-wrapper img.userUserpic {
  right: 40px;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .outgoing-call-wrapper .callingTitle {
  display: block;
  padding-top: 95px;
  text-align: center;
  line-height: 1.1;
  font-size: 20px;
  font-weight: bold;
  color: black;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .outgoing-call-wrapper .callingTitle {
    padding-top: 0;
    font-size: 25px;
    font-weight: bold;
    line-height: 1.1;
    color: #00aabe;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .outgoing-call-wrapper .bg-slider {
  width: 300px;
  margin: 50px auto;
  height: 6px;
  position: relative;
  background: #e5f1f4;
  border-radius: 20px 20px 20px 20px;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .outgoing-call-wrapper .bg-slider {
    width: 50px;
    margin: 35px auto 100px;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .outgoing-call-wrapper .bg-slider .slider {
  position: absolute;
  width: 110px;
  left: 0;
  height: 6px;
  border-radius: 20px 20px 20px 20px;
  background: #9fc8da;
  -webkit-animation-name: slider;
          animation-name: slider;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: easeInOutQuad;
          animation-timing-function: easeInOutQuad;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .outgoing-call-wrapper .bg-slider .slider {
    width: 10px;
    -webkit-animation-name: slider2;
            animation-name: slider2;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .outgoing-call-wrapper .drop-call {
  background: transparent;
  width: 58px;
  margin: 0 auto;
  height: 58px;
  cursor: pointer;
  -webkit-transition: background-color 0.2s ease-in-out 0s;
  transition: background-color 0.2s ease-in-out 0s;
  border-radius: 50% 50% 50% 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .outgoing-call-wrapper .drop-call {
    position: absolute;
    left: 50%;
    margin-left: -29px;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .outgoing-call-wrapper .drop-call .drop-calling {
  width: 26px;
  height: 26px;
  display: block;
  background: url('/images/default/drop-call-button-new.png') 0 -26px;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .outgoing-call-wrapper .drop-call:hover {
  background: #f0505a;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .outgoing-call-wrapper .drop-call:hover .drop-calling {
  background-position: 0 0;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .outgoing-call-wrapper .drop-call.active {
  visibility: visible;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .outgoing-call-wrapper .drop-call.sending {
  background: #E1E1E5;
  cursor: not-allowed;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .outgoing-call-wrapper .self-video-wrapper {
  width: 100px;
  position: absolute;
  height: 100px;
  border: none;
  bottom: 15px;
  left: 15px;
  border-radius: 10px 10px 10px 10px;
  text-align: center;
  overflow: hidden;
  display: block;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .outgoing-call-wrapper .self-video-wrapper {
    display: none;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .outgoing-call-wrapper .self-video-wrapper.active {
  display: block;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .outgoing-call-wrapper .self-video-wrapper.active {
    display: none;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .outgoing-call-wrapper .self-video-wrapper video {
  height: 100%;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call {
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call {
    position: fixed;
    width: 200px;
    margin: 0 0 4vh -100px;
    bottom: 0;
    left: 50%;
    text-align: center;
    z-index: 101;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper[data-type-connect='sip'] .in-call-button.send-call {
  display: none;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper[data-type-connect='chat'] .in-call-button.send-call {
  display: none;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper[data-type-connect='chat'] .in-call-button.send-call-sip {
  display: none;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper[data-type-connect='chat'] .only-chat {
  margin-top: 30px;
  margin-left: -15px;
  display: block;
  font-size: 15px;
  line-height: 22px;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper ul {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper ul li {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
@media only screen and (max-width: 850px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper ul li .in-call-button {
    margin-bottom: 0;
    margin-right: 0;
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper ul li:last-child .in-call-button {
    margin-bottom: 16px;
    margin-right: 0;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper ul li.call-port,
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper ul lifirst-child {
  padding-left: 2px;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper ul li.call-port,
  #consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper ul lifirst-child {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper ul li.call-port .in-call-button,
  #consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper ul lifirst-child .in-call-button {
    margin-right: 0;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper ul .share-video,
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper ul .send-call {
  margin-right: 5px;
}
@media only screen and (max-width: 1240px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper ul .share-video,
  #consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper ul .send-call {
    margin-right: 0;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper ul .drop-call {
  margin-left: 0;
}
@media only screen and (max-width: 1240px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper ul .drop-call {
    margin-left: 0;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper ul .video-element-hide-handler {
  width: 48px;
  height: 48px;
  background: url('/images/default/Novideo.png');
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper ul .video-element-hide-handler {
    margin-right: 0;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper .only-chat {
  display: none;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper .in-call-button {
  background: url('/images/default/call-image-new.png') no-repeat;
  width: 58px;
  height: 58px;
  cursor: pointer;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper .in-call-button.share-video {
  background-position: 0 -176px;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper .in-call-button.share-video {
    width: 48px;
    height: 48px;
    background: url('/images/default/share-video.png') 0 0;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper .in-call-button.share-video.disabled {
  background-position: -70px -176px;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper .in-call-button.share-video.disabled {
    background: url('/images/default/unshare-video.png') 0 0;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper .in-call-button.share-audio {
  background-position: 0 -88px;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper .in-call-button.share-audio {
    width: 48px;
    height: 48px;
    background: url('/images/default/share-voice.png') 0 0;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper .in-call-button.share-audio.disabled {
  background-position: -68px -88px;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper .in-call-button.share-audio.disabled {
    background: url('/images/default/Mute-voice.png') 0 0;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper .in-call-button.call-button {
  background-position: -68px -200px;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper .in-call-button.call-button.send-call {
  background-position: -3px 0;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper .in-call-button.call-button.send-call-sip {
  background-position: 0 -266px;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper .in-call-button.call-button.drop-call,
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper .in-call-button.call-button.in-call {
  background-position: -68px 0;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper .in-call-button.call-button.drop-call,
  #consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper .in-call-button.call-button.in-call {
    width: 48px;
    height: 48px;
    background: url('/images/default/Close.png') 0 0;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper .in-call-button.call-button.send-call-sip.no-phone {
  display: none;
  margin-left: 0;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper .in-call-button.call-button .call-button-description {
  position: absolute;
  color: white;
  display: block;
  font-weight: bold;
  font-size: 10px;
  right: 0;
  bottom: 0;
  height: 100%;
  margin: 0 25px -6px 0;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper .in-call-button.call-button.drop-call .call-button-description {
  display: none;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper .in-call-button.call-button.disabled,
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper .in-call-button.call-button.no-phone {
  cursor: not-allowed;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper .in-call-button.not-active {
  cursor: not-allowed;
  display: none;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper .vip-codeword {
  display: none;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper .vip-codeword .bage-vip-request {
  background: #e49f46;
  position: absolute;
  top: 13px;
  right: 0;
  font-size: 17px;
  line-height: normal;
  border-radius: 25px 25px 25px 25px;
  width: 50px;
  height: 50px;
  padding: 13px;
  color: white;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .time-wrapper {
  position: absolute;
  bottom: 50%;
  right: 0;
}
@media only screen and (max-width: 850px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .time-wrapper {
    right: 58px;
  }
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .time-wrapper {
    display: none;
  }
}
@media only screen and (max-width: 650px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .time-wrapper {
    bottom: auto;
    top: 0;
    margin-top: -12px;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .time-wrapper .time-counter {
  text-align: right;
  color: black;
  font-size: 20px;
  font-weight: bold;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .time-wrapper .time-counter.attention {
  font-weight: bold;
  color: #e8503e;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .time-wrapper .time-counter.disabled {
  display: none;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .delete-history-wrapper {
  position: absolute;
  left: 20px;
  bottom: 114px;
}
#consultationWindow .modal-dialog .modal-content .modal-header .actions-wrapper .delete-history-wrapper .delete-history-button {
  background-size: 22px;
  background: url("/images/default/delete-history.png") no-repeat center;
  width: 50px;
  height: 50px;
  border-radius: 50% 50% 50% 50%;
  border: 1px solid #959595;
  display: inline-block;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-header.incomingCall .wrapper-in-call {
    z-index: 100;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-header.incomingCall .wrapper-all-calling:before,
#consultationWindow .modal-dialog .modal-content .modal-header.incomingCall .video-wrapper:before {
  content: "";
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 50%;
  z-index: -1;
  margin-left: -50vw;
  margin-top: -66px;
  background: rgba(0, 0, 0, 0.15);
  display: none;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-header.incomingCall .wrapper-all-calling:before,
  #consultationWindow .modal-dialog .modal-content .modal-header.incomingCall .video-wrapper:before {
    display: block;
  }
}
@media only screen and (max-width: 850px) {
  #consultationWindow .modal-dialog .modal-content .modal-header.inCall .wrapper-in-call .in-call-wrapper .in-call-buttons-wrapper ul li .in-call-button {
    margin-bottom: 16px;
    margin-right: 17px;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
#consultationWindow .modal-dialog .modal-content .modal-header.inCall .wrapper-in-call.hidden-no-bootstrap {
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-header.inCall .video-wrapper {
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 50%;
    z-index: 14;
    margin-left: -50vw;
    margin-top: -66px;
    border: none;
    border-radius: 0 0 0 0;
  }
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-header.video-element-hide .video-wrapper.visible {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-header.video-element-hide .wrapper-in-call {
    display: none;
  }
}
#chat_scroll_btn {
  position: fixed;
  right: 38px;
  bottom: 114px;
  width: 48px;
  height: 48px;
  background: #00aabe;
  border: none;
  z-index: 100;
  cursor: pointer;
  -webkit-animation-name: showButton;
          animation-name: showButton;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-radius: 50% 50% 50% 50%;
}
@media only screen and (max-width: 767px) {
  #chat_scroll_btn {
    width: 34px;
    height: 34px;
    right: 22px;
    bottom: 84px;
  }
}
#chat_scroll_btn:before {
  content: "";
  width: 16px;
  height: 10px;
  background: url('/images/default/next.png') no-repeat;
}
#chat_scroll_btn:hover,
#chat_scroll_btn:focus {
  outline: none;
  background: #099BAE;
}
#consultationWindow {
  padding-left: 0;
}
@media only screen and (max-width: 1240px) {
  #consultationWindow.in {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: unset;
        flex-wrap: unset;
    white-space: normal !important;
  }
}
@media only screen and (max-width: 1150px) {
  #consultationWindow.in {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media only screen and (max-width: 1240px) {
  #consultationWindow .modal-dialog {
    margin: 30px 10px;
  }
}
@media only screen and (max-width: 1150px) {
  #consultationWindow .modal-dialog {
    margin: 0 auto;
  }
}
#consultationWindow .modal-dialog.dialog-z {
  z-index: 2;
  max-height: 945px;
  height: 100%;
}
@media only screen and (max-width: 1240px) {
  #consultationWindow .modal-dialog.dialog-z {
    width: 700px;
  }
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog.dialog-z {
    width: 600px;
  }
}
@media only screen and (max-width: 650px) {
  #consultationWindow .modal-dialog.dialog-z {
    width: 500px;
  }
}
@media only screen and (max-width: 505px) {
  #consultationWindow .modal-dialog.dialog-z {
    width: 366px;
  }
}
@media only screen and (max-width: 413px) {
  #consultationWindow .modal-dialog.dialog-z {
    width: 340px;
  }
}
#consultationWindow .modal-dialog .modal-content {
  border-radius: 15px 15px 15px 15px;
}
#consultationWindow .modal-dialog .modal-content .modal-body {
  position: relative;
  padding: 0;
  margin: 0;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper {
  position: relative;
  width: 100%;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper:after {
  content: " ";
  display: block;
  clear: both;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .ps-container > .ps-scrollbar-y-rail {
  display: block;
  width: 5px;
  opacity: 1;
  z-index: 2000;
  margin: 0 15px 15px;
  background: #e5f1f4;
  border-radius: 10px 10px 10px 10px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .ps-container > .ps-scrollbar-y-rail .ps-scrollbar-y {
  width: 5px;
  margin-right: -2px;
  background: #9fc8da;
  border-radius: 10px 10px 10px 10px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
  width: 5px;
  opacity: 1;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .header-wrapper {
  padding: 10px 20px;
  text-align: left;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .header-wrapper .title {
  line-height: 24px;
  font-size: 20px;
  font-weight: normal;
  color: black;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .header-wrapper .button {
  display: none;
  float: right;
  width: 300px;
  height: 40px;
  line-height: 38px;
  font-size: 18px;
  border-radius: 20px 20px 20px 20px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .header-wrapper .button.mini {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 31px;
  font-size: 38px;
  padding: 0;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding: 0 30px;
}
@media only screen and (max-width: 1240px) {
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper {
    padding: 0 16px;
  }
}
@media only screen and (max-width: 650px) {
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper {
    min-height: 20px;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .icon-loading {
  width: 50px;
  height: 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -25px 0 0 -25px;
  text-align: center;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .icon-loading div {
  background-color: #08c0de;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: loader 1.2s infinite ease-in-out;
  animation: loader 1.2s infinite ease-in-out;
  border-radius: 3px 3px 3px 3px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .icon-loading div.item-2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .icon-loading div.item-3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .icon-loading div.item-4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .icon-loading div.item-5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages {
  margin: 10px 0;
  overflow: hidden;
  position: relative;
  padding-right: 15px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .avatar-cont,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .avatar-cont {
  float: left;
  width: 30px;
  height: 30px;
  border-radius: 50% 50% 50% 50%;
  overflow: hidden;
  margin: 0 5px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .avatar-cont img,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .avatar-cont img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification {
  margin: 0 0 30px 0;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification .textblock,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification .textblock {
  margin-left: 15px;
  padding: 0;
  border-radius: 5px 8px 8px 5px;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification .textblock,
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification .textblock {
    margin-left: 8px;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification .textblock i,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification .textblock i {
  display: none;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification .textblock .cont,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification .textblock .cont {
  margin-left: 44px;
  font-size: 14px;
  color: #666666;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification .textblock .cont .text,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification .textblock .cont .text {
  font-size: 20px;
  font-weight: bold;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification .textblock .cont .datetime,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification .textblock .cont .datetime {
  display: block;
  font-size: 16px;
  font-weight: normal;
  color: black;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification .textblock .cont .datetime .date,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification .textblock .cont .datetime .date {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  color: #666666;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification .textblock .cont .datetime .seen-status,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification .textblock .cont .datetime .seen-status {
  float: none;
  margin: 0 0 0 5px;
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
  background: url('/images/default/icon-message-seen-status.png') no-repeat 0 -14px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification .textblock .cont .play-record,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification .textblock .cont .play-record {
  border: medium none;
  font-size: 26px;
  height: 72px;
  text-align: center;
  width: 100px;
  line-height: 40px;
  cursor: pointer;
  display: block;
  color: white;
  outline: none;
  background: url('/images/default/play.png') no-repeat;
  margin-top: 10px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.req-created .textblock,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.req-created .textblock {
  margin-left: 20px;
  background: #ecf4e5;
  position: relative;
  padding: 10px 15px 15px;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.req-created .textblock,
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.req-created .textblock {
    margin-left: 14px;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.req-created .textblock .cont,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.req-created .textblock .cont {
  margin: 0;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.req-created .textblock .cont .text,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.req-created .textblock .cont .text {
  color: #358e00;
  font-size: 20px;
  font-weight: bold;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.req-created .textblock:before,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.req-created .textblock:before {
  position: absolute;
  content: "";
  width: 4px;
  height: 100%;
  border-radius: 5px 5px 5px 5px;
  top: 0;
  left: 0;
  background: #b4da9f;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.req-created .textblock i,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.req-created .textblock i {
  background-position: 0 0;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.req-solved .avatar-cont,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.req-solved .avatar-cont {
  display: none;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.req-solved .textblock,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.req-solved .textblock {
  margin-left: 62px;
  background: #eee;
  position: relative;
  padding: 10px 15px 15px;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.req-solved .textblock,
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.req-solved .textblock {
    margin-left: 54px;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.req-solved .textblock .cont,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.req-solved .textblock .cont {
  margin: 0;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.req-solved .textblock .cont .text,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.req-solved .textblock .cont .text {
  color: #666666;
  font-size: 20px;
  font-weight: bold;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.req-solved .textblock:before,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.req-solved .textblock:before {
  position: absolute;
  content: "";
  width: 4px;
  height: 100%;
  border-radius: 5px 5px 5px 5px;
  top: 0;
  left: 0;
  background: #666666;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.req-solved .textblock i,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.req-solved .textblock i {
  background-position: 0 0;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-initiated .avatar-cont,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-initiated .avatar-cont {
  display: none;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-initiated .textblock,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-initiated .textblock {
  width: 250px;
  padding: 10px 15px 15px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-initiated .textblock .cont,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-initiated .textblock .cont {
  margin-left: 0;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-initiated .textblock,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-initiated .textblock {
  margin-left: 62px;
  background: #ecf4e5;
  position: relative;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-initiated .textblock,
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-initiated .textblock {
    margin-left: 54px;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-initiated .textblock:before,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-initiated .textblock:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 100%;
  top: 0;
  left: 0;
  background: #b4da9f;
  border-radius: 5px 5px 5px 5px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-initiated .textblock .text,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-initiated .textblock .text {
  color: #358e00;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-dropped .avatar-cont,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-dropped .avatar-cont {
  display: none;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-dropped .textblock,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-dropped .textblock {
  width: 250px;
  padding: 10px 15px 15px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-dropped .textblock .cont,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-dropped .textblock .cont {
  margin-left: 0;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-dropped .textblock,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-dropped .textblock {
  margin-left: 62px;
  background: #f4e5e5;
  position: relative;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-dropped .textblock,
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-dropped .textblock {
    margin-left: 54px;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-dropped .textblock:before,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-dropped .textblock:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 100%;
  top: 0;
  left: 0;
  background: #da9f9f;
  border-radius: 5px 5px 5px 5px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-dropped .textblock .text,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-dropped .textblock .text {
  color: #c84747;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-missed .avatar-cont,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-missed .avatar-cont {
  display: none;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-missed .textblock,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-missed .textblock {
  width: 250px;
  padding: 10px 15px 15px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-missed .textblock .cont,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-missed .textblock .cont {
  margin-left: 0;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-missed .textblock,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-missed .textblock {
  margin-left: 62px;
  background: #f4e5e5;
  position: relative;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-missed .textblock,
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-missed .textblock {
    margin-left: 54px;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-missed .textblock:before,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-missed .textblock:before {
  content: "";
  position: absolute;
  width: 4px;
  border-radius: 5px 5px 5px 5px;
  height: 100%;
  top: 0;
  left: 0;
  background: #da9f9f;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-missed .textblock .text,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-missed .textblock .text {
  color: #c84747;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-finished .avatar-cont,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-finished .avatar-cont {
  display: none;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-finished .textblock,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-finished .textblock {
  width: 250px;
  padding: 10px 15px 15px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-finished .textblock .cont,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-finished .textblock .cont {
  margin-left: 0;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-finished .textblock,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-finished .textblock {
  margin-left: 62px;
  width: 250px;
  background: #f4e5e5;
  position: relative;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-finished .textblock,
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-finished .textblock {
    margin-left: 54px;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-finished .textblock:before,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-finished .textblock:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 100%;
  top: 0;
  left: 0;
  background: #da9f9f;
  border-radius: 5px 5px 5px 5px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-finished .textblock .text,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-finished .textblock .text {
  color: #c84747;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.conclusion .textblock i,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.conclusion .textblock i {
  background-position: -96px 0;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.conclusion-detailed .avatar-cont,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.conclusion-detailed .avatar-cont {
  display: none;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.conclusion-detailed .textblock i,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.conclusion-detailed .textblock i {
  display: none;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.conclusion-detailed .textblock .cont,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.conclusion-detailed .textblock .cont {
  margin-left: 10px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.conclusion-detailed .textblock .cont .doctor,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.conclusion-detailed .textblock .cont .doctor {
  display: block;
  min-height: 20px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper {
  padding: 10px 20px;
  border-radius: 20px 20px 20px 20px;
}
@media only screen and (max-width: 650px) {
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper,
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper {
    padding: 10px;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-title,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-title {
  color: black;
  font-size: 18px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text {
  margin: 10px 0;
  display: block;
  font-size: 16px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.money-refund .avatar-cont,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.money-refund .avatar-cont {
  display: none;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.money-refund .textblock,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.money-refund .textblock {
  position: relative;
  padding: 10px 15px 15px;
  background: #eeeeee;
  margin-left: 62px;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.money-refund .textblock,
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.money-refund .textblock {
    margin-left: 54px;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.money-refund .textblock .cont,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.money-refund .textblock .cont {
  margin: 0;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.money-refund .textblock:before,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.money-refund .textblock:before {
  position: absolute;
  content: "";
  width: 4px;
  height: 100%;
  background: #666666;
  left: 0;
  top: 0;
  border-radius: 5px 5px 5px 5px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.money-refund .textblock .text,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.money-refund .textblock .text {
  color: #666666;
  font-size: 20px;
  font-weight: bold;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.answer-as-chat .textblock i,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.answer-as-chat .textblock i {
  background-position: 0 -24px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.calendar-red .textblock,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.calendar-red .textblock {
  background: #f4e5e5;
  position: relative;
  margin-left: 20px;
  padding: 10px 15px 15px;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.calendar-red .textblock,
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.calendar-red .textblock {
    margin-left: 8px;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.calendar-red .textblock .cont,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.calendar-red .textblock .cont {
  margin: 0;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.calendar-red .textblock:before,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.calendar-red .textblock:before {
  position: absolute;
  content: "";
  width: 4px;
  height: 100%;
  background: #da9f9f;
  left: 0;
  top: 0;
  border-radius: 5px 5px 5px 5px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.calendar-red .textblock .text,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.calendar-red .textblock .text {
  color: #c84747;
  font-size: 20px;
  font-weight: bold;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.calendar-red .textblock i,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.calendar-red .textblock i {
  background-position: -120px -48px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.calendar-blue .textblock,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.calendar-blue .textblock {
  background: #e5f1f4;
  position: relative;
  margin-left: 22px;
  padding: 10px 15px 15px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.calendar-blue .textblock:before,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.calendar-blue .textblock:before {
  position: absolute;
  content: "";
  width: 4px;
  height: 100%;
  background: #9fc8da;
  left: 0;
  top: 0;
  border-radius: 5px 5px 5px 5px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.calendar-blue .textblock .cont,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.calendar-blue .textblock .cont {
  margin-left: 0;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.unread .textblock,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.unread .textblock {
  border-color: #47d68e;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.unread .textblock .datetime .seen-status,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.unread .textblock .datetime .seen-status {
  background-position: -14px -14px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message {
  margin: 0 0 20px 0;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message .avatar-cont,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message .avatar-cont {
  display: inline-block;
  vertical-align: top;
  width: 36px;
  height: 36px;
  margin-top: 6px;
  border-radius: 50% 50% 50% 50%;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message .avatar-cont img,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message .avatar-cont img {
  max-width: 100%;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message .textblock,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message .textblock {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  vertical-align: top;
  margin-left: 0;
  padding: 0 15px 10px 15px;
  font-size: 16px;
  color: #666666;
  border-radius: 20px 20px 20px 20px;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message .textblock,
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message .textblock {
    padding: 0 15px 10px 10px;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message .textblock .text,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message .textblock .text {
  font-size: 20px;
  line-height: 1.1;
  color: black;
  font-weight: normal;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message .textblock .text,
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message .textblock .text {
    font-size: 16px;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message .textblock .name-opponent,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message .textblock .name-opponent {
  font-size: 20px;
  color: black;
  font-weight: bold;
  vertical-align: middle;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message .textblock .name-opponent,
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message .textblock .name-opponent {
    font-size: 16px;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message .textblock .datetime,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message .textblock .datetime {
  padding-left: 5px;
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message .textblock .datetime,
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message .textblock .datetime {
    display: none;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message .textblock .datetime .date,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message .textblock .datetime .date {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  color: #969696;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message .textblock .datetime a,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message .textblock .datetime a {
  color: white;
  text-decoration: none;
  font-size: 16px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message .textblock .datetime .seen-status,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message .textblock .datetime .seen-status {
  margin-left: 5px;
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
  background: url('/images/default/icon-message-seen-status.png') no-repeat;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.system .avatar-cont,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.system .avatar-cont {
  border-radius: 0 0 0 0;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.system.req-serving .textblock,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.system.req-serving .textblock {
  position: relative;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.system.req-serving .textblock .text .title,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.system.req-serving .textblock .text .title {
  display: block;
  color: #666666;
  font-size: 18px;
  text-align: left;
  line-height: 1.1;
  margin-bottom: 10px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.system.req-serving .textblock .text .datetime,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.system.req-serving .textblock .text .datetime {
  display: none;
  padding-left: 10px;
  font-size: 14px;
  line-height: 1.1;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.system.req-serving .textblock .text .datetime .date,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.system.req-serving .textblock .text .datetime .date {
  color: white;
  display: inline-block;
  margin-top: 3px;
  -webkit-transition: color 0.2s ease-in-out 0s;
  transition: color 0.2s ease-in-out 0s;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.system.req-serving .textblock .text div,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.system.req-serving .textblock .text div {
  clear: left;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.system.req-serving .textblock .text .doctor,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.system.req-serving .textblock .text .doctor {
  line-height: 100px;
  display: inline-block;
  vertical-align: middle;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.system.req-serving .textblock .text .doctor .avatar-cont,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.system.req-serving .textblock .text .doctor .avatar-cont {
  border-radius: 50% 50% 50% 50%;
  width: 100px;
  height: 100px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.system.req-serving .textblock .text .doctor .name,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.system.req-serving .textblock .text .doctor .name {
  display: inline-block;
  vertical-align: middle;
  line-height: 26px;
  margin-left: 20px;
  color: #08c0de;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.system.req-serving:hover .textblock .datetime .date,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.system.req-serving:hover .textblock .datetime .date {
  color: #969696;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.system.type-style .textblock,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.system.type-style .textblock {
  position: relative;
  line-height: 120%;
  margin-left: 15px;
  background: #e5f1f4;
  padding: 10px 15px 15px;
  border-radius: 5px 10px 10px 5px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.system.type-style .textblock::before,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.system.type-style .textblock::before {
  position: absolute;
  height: 100%;
  width: 4px;
  content: "";
  top: 0;
  left: 0;
  background: #9fc8da;
  border-radius: 5px 5px 5px 5px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.system.type-style .textblock .text .datetime,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.system.type-style .textblock .text .datetime {
  display: none;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.app-initiated .textblock,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.app-initiated .textblock {
  margin-left: 15px;
  background: #e5f1f4;
  position: relative;
  padding: 10px 15px 15px;
  border-radius: 5px 10px 10px 5px;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.app-initiated .textblock,
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.app-initiated .textblock {
    margin-left: 8px;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.app-initiated .textblock:before,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.app-initiated .textblock:before {
  position: absolute;
  height: 100%;
  width: 4px;
  content: "";
  top: 0;
  left: 0;
  background: #9fc8da;
  border-radius: 5px 5px 5px 5px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.app-initiated .textblock .text,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.app-initiated .textblock .text {
  font-size: 18px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.app-initiated .textblock .text p,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.app-initiated .textblock .text p {
  color: #00728f;
  font-weight: bold;
  font-size: 20px;
  margin: 0;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.app-initiated .textblock .text a,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.app-initiated .textblock .text a {
  color: #00aabe;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.app-initiated .textblock .text a:hover,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.app-initiated .textblock .text a:hover {
  color: #006672;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.app-initiated .textblock .text span,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.app-initiated .textblock .text span {
  color: black;
  font-weight: bold;
  font-size: 20px;
  display: block;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.app-initiated .textblock .text a.action_request,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.app-initiated .textblock .text a.action_request {
  display: inline-block;
  vertical-align: middle;
  padding: 10px 20px;
  font-weight: bold;
  font-size: 20px;
  color: white;
  margin-top: 20px;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  border-radius: 20px 20px 20px 20px;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.app-initiated .textblock .text a.action_request,
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.app-initiated .textblock .text a.action_request {
    margin-right: 0;
    text-align: center;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.app-initiated .textblock .text #cancelRequest,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.app-initiated .textblock .text #cancelRequest {
  background: #969696;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.app-initiated .textblock .text #cancelRequest,
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.app-initiated .textblock .text #cancelRequest {
    text-align: center;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.app-initiated .textblock .text #cancelRequest:hover,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.app-initiated .textblock .text #cancelRequest:hover {
  background: #7e7e7e;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.app-initiated .textblock .text #postponeRequest,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.app-initiated .textblock .text #postponeRequest {
  margin-right: 20px;
  background: #00aabe;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.app-initiated .textblock .text #postponeRequest,
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.app-initiated .textblock .text #postponeRequest {
    margin-right: 0;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.app-initiated .textblock .text #postponeRequest:hover,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.app-initiated .textblock .text #postponeRequest:hover {
  background: #006672;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.app-initiated .textblock .datetime,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.app-initiated .textblock .datetime {
  display: block;
  font-size: 16px;
  font-weight: normal;
  color: black;
  padding-left: 0;
  margin-top: 5px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.me,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.me {
  overflow: hidden;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.me .textblock,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.me .textblock {
  color: black;
  margin-left: 0;
  text-align: left;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.me .textblock .datetime .date,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.me .textblock .datetime .date {
  color: white;
  -webkit-transition: color 0.2s ease-in-out 0s;
  transition: color 0.2s ease-in-out 0s;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.me .textblock .datetime .seen-status,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.me .textblock .datetime .seen-status {
  background-position: 0 0;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.me .textblock .datetime a,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.me .textblock .datetime a {
  color: white;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.me:hover .textblock .date,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.me:hover .textblock .date {
  color: #969696;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.opponent,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.opponent {
  overflow: hidden;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.opponent .avatar-cont img,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.opponent .avatar-cont img {
  width: 36px;
  height: 36px;
  border-radius: 50% 50% 50% 50%;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.opponent .name-opponent,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.opponent .name-opponent {
  font-size: 20px;
  color: #08c0de;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.opponent .name-opponent,
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.opponent .name-opponent {
    font-size: 16px;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.opponent .textblock,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.opponent .textblock {
  margin: 0;
  text-align: left;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.opponent .textblock .datetime .date,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.opponent .textblock .datetime .date {
  color: white;
  -webkit-transition: color 0.2s ease-in-out 0s;
  transition: color 0.2s ease-in-out 0s;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.opponent .textblock .datetime .seen-status,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.opponent .textblock .datetime .seen-status {
  background-position: 0 -14px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.opponent .textblock .datetime a,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.opponent .textblock .datetime a {
  color: #666666;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.opponent:hover .textblock .date,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.opponent:hover .textblock .date {
  color: #969696;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.attachment .textblock,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.attachment .textblock {
  padding: 0 15px 10px 15px;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.attachment .textblock,
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.attachment .textblock {
    padding: 0 15px 10px 11px;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.attachment .textblock a,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.attachment .textblock a {
  float: left;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.attachment .textblock a .file-link,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.attachment .textblock a .file-link {
  width: 40px;
  margin-left: 0;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.attachment .textblock .datetime,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.attachment .textblock .datetime {
  color: transparent;
  font-size: 16px;
  -webkit-transition: color 0.2s ease-in-out 0s;
  transition: color 0.2s ease-in-out 0s;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.attachment .textblock .datetime a,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.attachment .textblock .datetime a {
  color: black;
  display: block;
  width: 100%;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.attachment .textblock .datetime .seen-status,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.attachment .textblock .datetime .seen-status {
  display: none;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.attachment .textblock.image-attachment,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.attachment .textblock.image-attachment {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 0 0 0 0;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.attachment .textblock.image-attachment .name-opponent,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.attachment .textblock.image-attachment .name-opponent {
  display: inline-block;
  vertical-align: middle;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.attachment .textblock.image-attachment .datetime,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.attachment .textblock.image-attachment .datetime {
  display: inline-block;
  vertical-align: middle;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.attachment .textblock.image-attachment.opponent,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.attachment .textblock.image-attachment.opponent {
  border-color: #08c0de;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.attachment .textblock.image-attachment .text-container,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.attachment .textblock.image-attachment .text-container {
  bottom: 0;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.attachment .textblock.image-attachment .text-container .text,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.attachment .textblock.image-attachment .text-container .text {
  display: block;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.attachment .textblock.image-attachment .text-container .datetime,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.attachment .textblock.image-attachment .text-container .datetime {
  color: transparent;
  font-size: 16px;
  -webkit-transition: color 0.2s ease-in-out 0s;
  transition: color 0.2s ease-in-out 0s;
  vertical-align: middle;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.attachment .textblock.image-attachment .text-container .datetime .seen-status,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.attachment .textblock.image-attachment .text-container .datetime .seen-status {
  display: none;
  background-position: 0 0;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.attachment .textblock.image-attachment img,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.attachment .textblock.image-attachment img {
  width: 150px;
  height: 150px;
  display: block;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center center;
  border-width: 1px;
  border-style: solid;
  border-color: #9fc8da;
  border-radius: 5px 5px 5px 5px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.attachment .textblock.image-attachment:hover .datetime,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.attachment .textblock.image-attachment:hover .datetime {
  color: #969696;
  font-size: 16px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.attachment .textblock:hover .datetime,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.attachment .textblock:hover .datetime {
  color: #969696;
  font-size: 16px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.attachment.unread .textblock.image-attachment .text-container .datetime .seen-status,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.attachment.unread .textblock.image-attachment .text-container .datetime .seen-status {
  background-position: -14px 0;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.tempMessage .textblock .text .datetime .seen-status,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.tempMessage .textblock .text .datetime .seen-status {
  display: none;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.unread.me .textblock .datetime .seen-status,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.unread.me .textblock .datetime .seen-status {
  background-position: -14px 0;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.unread.opponent .textblock .datetime .seen-status,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.unread.opponent .textblock .datetime .seen-status {
  background-position: -14px -14px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.attachment .datetime,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.attachment .datetime {
  vertical-align: bottom;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.sending,
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.sending {
  background: none;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper.loading {
  position: relative;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper.loading .icon-loading {
  opacity: 1;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .new-conclusions-wrapper {
  display: none;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .new-conclusions-wrapper.visible {
  display: block;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .new-conclusions-wrapper .conclusion-form {
  margin: 20px 30px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .new-conclusions-wrapper .conclusion-form textarea {
  height: 270px;
  line-height: 22px;
  outline: none;
  border: none;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  width: 100%;
  font-size: 15px;
  color: #333;
  resize: none;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .new-conclusions-wrapper .conclusion-form .buttons-wrapper {
  padding: 20px 0;
  text-align: center;
  margin: 0;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .new-conclusions-wrapper .conclusion-form .buttons-wrapper .button {
  margin: 0 15px;
  width: 100px;
  padding: 0;
  font-size: 15px;
  height: 40px;
  line-height: 38px;
  border-radius: 20px 20px 20px 20px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .new-conclusions-wrapper .conclusion-form .buttons-wrapper .button.sending {
  background: #e5e5e5;
  cursor: not-allowed;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper.wide {
  width: 100%;
  display: contents;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper#prev-request-chat-wrapper span.title {
  font-size: 20px;
  font-weight: bold;
  margin-left: 15px;
}
@media only screen and (max-width: 650px) {
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper#prev-request-chat-wrapper span.title {
    font-size: 14px;
    margin-left: 0;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper#prev-request-chat-wrapper .doctor-actions {
  width: 100%;
  padding: 0 32px;
  text-align: center;
}
@media only screen and (max-width: 650px) {
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper#prev-request-chat-wrapper .doctor-actions {
    margin-top: 10px;
    padding: 0 14px;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper#prev-request-chat-wrapper .doctor-actions a.show-prev-consultation {
  padding: 10px 39px;
  font-size: 20px;
  border: #e5f2f4 2px solid;
  text-decoration: none;
  color: #00aabe;
  border-radius: 21px 21px 21px 21px;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper#prev-request-chat-wrapper .doctor-actions a.show-prev-consultation {
    font-size: 16px;
    background: white;
    padding: 5px 20px;
    display: block;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper#prev-request-chat-wrapper .header-wrapper .button {
  display: block;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper#prev-request-chat-wrapper .header-wrapper .button.mini {
  display: none;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper#prev-request-chat-wrapper .new-conclusions-wrapper .conclusion-form .buttons-wrapper {
  padding: 20px 30px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper#prev-request-chat-wrapper .new-conclusions-wrapper .conclusion-form .buttons-wrapper .button {
  max-width: 200px;
  min-width: 120px;
  width: 30%;
  font-size: 18px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper.medCardRequest-content {
  height: 450px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper.reschedule-wrapper {
  border-bottom: 0;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper.inactive {
  display: none;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper.safely-hidden {
  display: none;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper#medcard-wrapper {
  margin: 0;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper#medcard-wrapper .existing-conclusions-wrapper {
  position: relative;
}
@media only screen and (max-width: 850px) {
  #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper#medcard-wrapper .existing-conclusions-wrapper .header-wrapper .title {
    font-size: 16px;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container {
  position: relative;
  height: auto;
  z-index: 10;
  bottom: 0;
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .opponent-typing-wrapper {
  display: none;
  text-align: left;
  position: absolute;
  top: 0;
  width: 100%;
  font-weight: normal;
  margin-top: -24px;
  background: white;
  -webkit-box-shadow: 0px -11px 20px 0px white;
          box-shadow: 0px -11px 20px 0px white;
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .opponent-typing-wrapper .opponent-typing-message {
  color: #969696;
  font-size: 16px;
  padding-left: 100px;
  font-weight: normal;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .opponent-typing-wrapper .opponent-typing-message {
    padding-left: 64px;
    font-size: 14px;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .opponent-typing-wrapper .opponent-typing-message i {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50% 50% 50% 50%;
  background: #9fc8da;
  -webkit-animation-name: pulsing;
          animation-name: pulsing;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .opponent-typing-wrapper .opponent-typing-message .typ-1 {
  -webkit-animation-delay: unset;
          animation-delay: unset;
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .opponent-typing-wrapper .opponent-typing-message .typ-2 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .opponent-typing-wrapper .opponent-typing-message .typ-3 {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .opponent-typing-wrapper .opponent-typing-message .opponent-name {
  display: inline-block;
  vertical-align: middle;
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .opponent-typing-wrapper .opponent-typing-message .text {
  display: inline-block;
  vertical-align: middle;
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper {
  background-color: #e5f1f4;
  width: 100%;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper .progress {
  margin-bottom: 0;
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form {
  position: relative;
  padding: 10px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form {
    padding: 10px 10px;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form input[type=text],
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form textarea {
  height: 64px;
  max-height: 128px;
  line-height: 1.1;
  padding: 0 30px;
  outline: none;
  border: 1px solid #f0f0f0;
  resize: none;
  display: block;
  color: black;
  border-radius: 16px 16px 16px 16px;
  font-size: 16px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form textarea {
  border: none;
  max-height: 65px;
  min-height: 65px;
  height: 65px;
  margin: 0 20px;
  padding: 15px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form textarea::-webkit-input-placeholder {
  color: #cacaca;
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form textarea:-moz-placeholder {
  color: #cacaca;
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form textarea:-moz-placeholder {
  color: #cacaca;
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form textarea:-ms-input-placeholder {
  color: #cacaca;
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form textarea.placeholder {
  color: #cacaca;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form textarea {
    max-height: 48px;
    min-height: 48px;
    height: 48px;
    padding: 14px;
    margin: 0 0 0 12px;
    border-radius: 14px 14px 14px 14px;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form .attach-ecp-file {
  position: static;
  width: 32px;
  border: 2px solid #9fc8da;
  background: none;
  color: #00aabe;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-left: 6px;
  border-radius: 4px 4px 4px 4px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form .attach-ecp-file:hover {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form .add-attachment {
  width: 47px;
  height: 28px;
  cursor: pointer;
  border: none;
  background: #e5f1f4 url('/images/default/attachment-icon-new.svg') no-repeat 1px 0;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form .add-attachment {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form .add-attachment[disabled] {
  cursor: default;
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form .add-attachment:hover {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form .add-attachment.sending {
  background-position: -22px 0;
  border: none;
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form .add-attachment.sending:hover {
  background-position: -22px 0;
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form .send-message {
  cursor: pointer;
  width: 50px;
  height: 50px;
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-radius: 50% 50% 50% 50%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form .send-message {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form .send-message span {
  width: 30px;
  height: 30px;
  margin-top: 0;
  margin-left: 4px;
  display: block;
  background: url('/images/default/message-send.png') no-repeat -79px 0;
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form .send-message:hover {
  background: #00aabe;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form .send-message:hover {
    background: transparent;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form .send-message:hover span {
  background-position: -150px 0;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form .send-message:hover span {
    background-position: -79px 0;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form .send-message.not-active {
  cursor: not-allowed;
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form .send-message.not-active span {
  background: url('/images/default/message-send.png') no-repeat 0 0;
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form .send-message.not-active:hover {
  background: transparent;
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form .send-message.not-active:hover span {
  background-position: 0 0;
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form .dropdown-list {
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  margin-top: -55px;
  left: 30px;
  display: none;
  padding: 10px 20px;
  z-index: 10;
  font-size: 18px;
  border-radius: 20px 20px 20px 20px;
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form .dropdown-list.opened {
  display: block;
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form .dropdown-list li {
  cursor: pointer;
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form .dropdown-list li:hover {
  color: #00aabe;
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form.disabled .add-attachment {
  background-position: 1px 0;
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form.disabled .add-attachment:hover {
  background-position: 1px 0;
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form.disabled .send-message {
  cursor: not-allowed;
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form.disabled .send-message span {
  background: url('/images/default/message-send.png') no-repeat 0 0;
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form.disabled .send-message:hover {
  background: transparent;
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form.disabled .send-message:hover span {
  background-position: 0 0;
}
#consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container.chat-wrapper {
  overflow: visible;
}
#consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper.inactive + .send-massage-container {
  display: none;
}
#consultationWindow .modal-dialog .modal-content .modal-body.opponent-typing .send-massage-container .opponent-typing-wrapper {
  display: block;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-body:-webkit-full-screen .doctor-video-wrapper #kurento_video_pub .kcs-video.me {
    display: none;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-body:-webkit-full-screen .doctor-video-wrapper #kurento_video_pub .kcs-video.me:before {
  display: none;
}
#consultationWindow .modal-dialog .modal-content .modal-body:-webkit-full-screen .doctor-video-wrapper #kurento_video_pub .kcs-video.me:after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  width: 194px;
  height: 145px;
  margin: 0;
  background: url('/images/default/doctor-mask.png');
  z-index: 100000;
  opacity: 1;
  background-size: cover;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  border-radius: 12px 12px 12px 12px;
}
#consultationWindow .modal-dialog .modal-content .modal-body:-webkit-full-screen .doctor-video-wrapper #kurento_video_pub .kcs-video.me:hover:after {
  opacity: 0;
}
#consultationWindow .modal-dialog .modal-content.small-window-mode .modal-body .chat-wrapper .messaging-wrapper {
  min-height: 530px;
}
@media only screen and (max-width: 1600px) {
  #consultationWindow .modal-dialog .modal-content.small-window-mode .modal-body .chat-wrapper .messaging-wrapper {
    min-height: 300px;
  }
}
.conclusion .system-notification.conclusion-detailed .textblock {
  background: #F6FAFB;
  width: 100%;
  border-radius: 28px 28px 28px 28px !important;
  margin-left: 0 !important;
}
.conclusion .system-notification.conclusion-detailed .textblock .cont {
  margin-left: 0 !important;
}
.conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .header-conclusion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 64px;
}
@media only screen and (max-width: 1150px) {
  .conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .header-conclusion .block-item {
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
  }
}
.conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .header-conclusion .block-item img {
  max-width: 100%;
}
@media only screen and (max-width: 650px) {
  .conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .header-conclusion .block-item img {
    width: 100px;
  }
}
.conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .header-conclusion .med-agency {
  width: 418px;
  display: block;
  text-align: right;
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  color: black;
}
@media only screen and (max-width: 1150px) {
  .conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .header-conclusion .med-agency {
    width: 100%;
  }
}
@media only screen and (max-width: 650px) {
  .conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .header-conclusion .med-agency {
    font-size: 16px;
  }
}
.conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-title {
  font-weight: bold;
  font-size: 28px;
  line-height: 34px;
  width: 360px;
  text-align: center;
  margin: 0 auto 51px;
}
@media only screen and (max-width: 767px) {
  .conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-title {
    width: 250px;
  }
}
.conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-title span {
  margin-top: 16px;
  width: 100%;
  display: block;
  height: 6px;
  background: #f0505a;
  border-radius: 3px 3px 3px 3px;
}
.conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .conclusion-message .conclusion-wrapper {
  padding: 0 !important;
}
.conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .conclusion-message .head-block {
  padding-bottom: 54px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .conclusion-message .head-block:before {
  width: 111px;
  height: 6px;
  background: #9fc8da;
  content: "";
  position: absolute !important;
  bottom: 0;
  left: 0;
  border-radius: 3px 3px 3px 3px;
}
.conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .conclusion-message .head-block .group-info .icon {
  width: 24px;
  height: 24px;
  background: url('/images/default/User.png') no-repeat;
  display: inline-block;
  margin-right: 12px;
  vertical-align: bottom;
}
@media only screen and (max-width: 650px) {
  .conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .conclusion-message .head-block .group-info .icon {
    margin-right: 8px;
  }
}
.conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .conclusion-message .head-block .group-info:last-child .icon {
  background: url('/images/default/Calendar.png') no-repeat;
}
@media only screen and (max-width: 650px) {
  .conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .conclusion-message .head-block .group-info:last-child .icon {
    margin-right: 12px;
  }
}
.conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .conclusion-message .head-block .group-info .name,
.conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .conclusion-message .head-block .group-info .date {
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
  color: #6D8A9F;
  display: inline-block;
  margin-right: 4px;
}
@media only screen and (max-width: 650px) {
  .conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .conclusion-message .head-block .group-info .name,
  .conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .conclusion-message .head-block .group-info .date {
    font-size: 14px;
  }
}
.conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .conclusion-message .head-block .group-info .patient-name,
.conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .conclusion-message .head-block .group-info .date-consul {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: black;
  display: inline-block;
}
@media only screen and (max-width: 650px) {
  .conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .conclusion-message .head-block .group-info .patient-name,
  .conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .conclusion-message .head-block .group-info .date-consul {
    font-size: 16px;
  }
}
.conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .conclusion-message .head-block .med-logo {
  float: right;
  max-width: 200px;
  overflow: hidden;
  font-weight: 500;
}
.conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .diagnosis .anamnesis-disease {
  margin-bottom: 48px;
}
.conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .diagnosis .anamnesis-disease .title-anamnesis {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: black;
  display: block;
  position: relative;
  padding: 16px 0;
}
.conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .diagnosis .anamnesis-disease .text {
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  color: black;
}
.conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .diagnosis .anamnesis-disease .text p {
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
}
.conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .diagnosis .result {
  position: relative;
  padding-bottom: 54px;
}
.conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .diagnosis .result .title-result {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: black;
  display: block;
  position: relative;
  padding: 16px 0 0;
}
.conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .diagnosis .result:before {
  width: 111px;
  height: 6px;
  background: #f0505a;
  content: "";
  position: absolute !important;
  bottom: 0;
  left: 0;
  border-radius: 3px 3px 3px 3px;
}
.conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .diagnosis .result .text {
  position: relative;
}
.conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .diagnosis .result .text p {
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  color: black;
}
.conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .diagnosis .result .text p.title {
  font-weight: bold;
  font-size: 18px;
  line-height: 20px;
  color: #6D8A9F;
  padding-top: 16px;
}
.conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .diagnosis .result .text .loading-file .file-load {
  display: inline-block;
  margin-right: 15px;
  width: 62px;
  border-radius: 5px 5px 5px 5px;
}
.conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .diagnosis .result .text .loading-file .file-load .file-prev {
  height: 62px;
  border-radius: 5px 5px 5px 5px;
  background: url('/images/default/doc.png');
}
.conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .diagnosis .result .text .loading-file .file-load .img {
  background: url('/images/default/rent.png');
}
.conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .diagnosis .result .text .loading-file .file-load .description {
  font-size: 13px;
  font-weight: normal;
  width: 62px;
  white-space: nowrap;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
.conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .assumption {
  padding: 0 0 72px;
  position: relative;
}
.conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .assumption:before {
  width: 111px;
  height: 6px;
  background: #50AD67;
  content: "";
  position: absolute !important;
  bottom: 0;
  left: 0;
  border-radius: 3px 3px 3px 3px;
}
.conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .assumption .title,
.conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .recommendation .title {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: black;
  display: block;
  position: relative;
  padding: 16px 0;
}
.conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .assumption .text p,
.conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .recommendation .text p {
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  color: black;
}
.conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .recommendation .text {
  padding-bottom: 64px;
}
.conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .recommendation .tiny-text {
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  color: #8B8B9A;
  text-align: center;
  width: 637px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .recommendation .tiny-text {
    width: 100%;
  }
}
.conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .recommendation .secondary-info .attention {
  width: 100%;
  border-radius: 8px 8px 8px 8px;
  background: #FDCED1;
  text-align: left;
  margin-bottom: 48px;
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  color: #f0505a;
  position: relative;
  padding: 12px 34px 12px 82px;
}
@media only screen and (max-width: 767px) {
  .conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .recommendation .secondary-info .attention {
    font-size: 16px;
    line-height: 18px;
    padding-left: 62px;
  }
}
.conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .recommendation .secondary-info .attention span {
  position: absolute;
  width: 42px;
  height: 40px;
  left: 27px;
  top: 50%;
  margin-top: -25px;
  background: url('/images/default/attention.png');
}
@media only screen and (max-width: 1150px) {
  .conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .recommendation .secondary-info .attention span {
    top: 0;
    margin-top: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .recommendation .secondary-info .attention span {
    left: 14px;
  }
}
.conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .recommendation .secondary-info .thanks {
  text-align: center;
  font-weight: bold;
  font-size: 28px;
  line-height: 34px;
  color: black;
  margin-bottom: 40px;
  position: relative;
}
@media only screen and (max-width: 650px) {
  .conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .recommendation .secondary-info .thanks {
    font-size: 18px;
  }
}
.conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .recommendation .secondary-info .thanks span {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  width: 29px;
  height: 32px;
  margin-left: 15px;
  background: url('/images/default/thanks.png');
}
@media only screen and (max-width: 650px) {
  .conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .recommendation .secondary-info .thanks span {
    display: none;
  }
}
.conclusion .download-file {
  display: inline-block;
  margin: 20px 30px 0 62px;
}
@media only screen and (max-width: 767px) {
  .conclusion .download-file {
    margin-left: 54px;
  }
}
.conclusion .download-file .download {
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
  color: #00aabe;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  position: relative;
  padding: 0 0 0 34px;
}
.conclusion .download-file .download span {
  position: absolute;
  width: 24px;
  height: 24px;
  background: url('/images/default/download-file.png') no-repeat;
  left: 0;
  top: 0;
  margin-top: 0;
}
.conclusion .download-file .download:hover {
  color: #006672;
}
.conclusion .download-file .signature {
  font-weight: normal;
  display: block;
  font-size: 18px;
  line-height: 20px;
  color: #00aabe;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  position: relative;
  padding: 0 0 0 34px;
}
.conclusion .download-file .signature span {
  background: url('/images/default/signature.png');
  width: 24px;
  height: 24px;
  left: 0;
  top: 0;
  margin-top: 0;
  position: absolute;
}
.conclusion .download-file .signature .description {
  display: inline-block;
}
.conclusion .download-file .signature .description .letter {
  width: 25px;
  height: 25px;
  border-radius: 50% 50% 50% 50%;
  border: 5px solid white;
  background: #efeadb;
  text-align: center;
  top: 0;
  position: absolute;
  z-index: 10;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .conclusion .download-file .signature .description .letter {
    right: -30px !important;
  }
}
@media only screen and (max-width: 505px) {
  .conclusion .download-file .signature .description .letter {
    right: 0 !important;
  }
}
.conclusion .download-file .signature .description .letter .text {
  display: inline-block;
  font-weight: bold;
  font-size: 12px;
  position: absolute;
  top: 50%;
  margin: -9px 0 0 -3px;
  left: 50%;
  color: #969289;
}
.conclusion .download-file .signature .description .hover {
  position: absolute;
  width: 100%;
  font-weight: normal;
  font-size: 12px;
  color: #424542;
  padding: 12px 10px;
  background: white;
  text-align: left;
  opacity: 0;
  bottom: 50%;
  right: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin: 0 -159px 0 0;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.1);
          box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.1);
  z-index: 9;
  border-radius: 5px 5px 5px 5px;
}
.conclusion .download-file .signature .description:hover .letter {
  background: #0ce5ff;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.1);
          box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.1);
}
.conclusion .download-file .signature .description:hover .letter text {
  color: white;
}
.conclusion .download-file .signature .description:hover .hover {
  opacity: 1;
}
.conclusion .download-file .size {
  margin-left: 34px;
  color: #8B8B9A;
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
}
.eng-onlinedoctor .conclusion .download-file .signature .description {
  display: none !important;
}
.consultation-block {
  padding: 30px 0;
  margin-top: 40px;
  background: #f5fafb;
  text-align: center;
  position: relative;
  border-radius: 20px 20px 20px 20px;
}
.consultation-block:before {
  position: absolute;
  content: "";
  width: 45px;
  height: 44px;
  left: 50%;
  top: 0;
  margin: -22px 0 0 -22.5px;
  background: url('/images/default/clock-consult.png');
}
.consultation-block .title {
  font-size: 24px;
  color: black;
  margin-bottom: 10px;
  font-weight: bold;
}
.consultation-block p {
  font-size: 18px;
  color: #3f3f3f;
  font-weight: normal;
}
.consultation-block p.done {
  position: relative;
  display: none;
  font-size: 20px;
  color: #358e00;
  font-weight: bold;
}
.consultation-block p.done:before {
  position: absolute;
  content: "";
  background: url('/images/default/done.png');
  width: 19px;
  height: 15px;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  margin-left: -110px;
}
.consultation-block .send-application {
  width: 260px;
  font-size: 20px;
  border-radius: 20px 20px 20px 20px;
  padding: 5px 0;
  color: white;
  font-weight: bold;
  border: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin: auto;
}
.consultation-block.sent .send-application {
  display: none;
}
.consultation-block.sent .done {
  display: block;
}
#consultationWindow {
  text-align: center;
  overflow-x: auto;
  white-space: nowrap;
}
#consultationWindow .modal-dialog {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  width: 881px;
}
#consultationWindow .modal-dialog .modal-content {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 20px 20px 20px 20px;
  white-space: normal;
}
#consultationWindow .modal-dialog .modal-content:after {
  content: " ";
  display: block;
  clear: both;
}
#consultationWindow .modal-dialog .modal-content .modal-body {
  height: auto;
  padding: 0;
}
#consultationWindow .modal-dialog .modal-content .modal-body:after {
  content: " ";
  display: block;
  clear: both;
}
#consultationWindow .modal-dialog .modal-content .modal-body.outgoingCall .chat-wrapper.wide .new-conclusions-wrapper .conclusion-form .buttons-wrapper,
#consultationWindow .modal-dialog .modal-content .modal-body.outgoingCall .chat-wrapper.reschedule-wrapper .new-conclusions-wrapper .conclusion-form .buttons-wrapper {
  padding: 20px 0;
}
#consultationWindow .modal-dialog .modal-content .modal-body.outgoingCall .chat-wrapper.wide .new-conclusions-wrapper .conclusion-form .buttons-wrapper .button,
#consultationWindow .modal-dialog .modal-content .modal-body.outgoingCall .chat-wrapper.reschedule-wrapper .new-conclusions-wrapper .conclusion-form .buttons-wrapper .button {
  margin: 0 10px;
}
#consultationWindow .modal-dialog .modal-content .modal-body.no-call-block .actions-wrapper {
  display: none;
}
#consultationWindow .modal-dialog .modal-content .modal-body.no-call-block .chat-wrapper {
  width: 430px;
  padding-left: 10px;
  padding-bottom: 10px;
}
#consultationWindow .modal-dialog .modal-content .modal-body.no-call-block .chat-wrapper.wide {
  width: 960px;
}
#consultationWindow .modal-dialog .modal-content .modal-body.no-sending-block .send-message-wrapper {
  display: none;
}
#consultationWindow .modal-dialog .modal-content .modal-body.playing-record {
  padding-left: 0;
}
#consultationWindow .modal-dialog .modal-content .modal-body.playing-record .video-wrapper {
  display: block;
}
#consultationWindow .modal-dialog .modal-content .modal-body.playing-record .chat-wrapper {
  width: 100%;
}
#consultationWindow .modal-dialog .modal-content .modal-body.playing-record .chat-wrapper.wide {
  width: 100%;
}
#consultationWindow .modal-dialog .modal-content .modal-header {
  border-bottom: 0;
  padding: 0 24px 13px;
  width: 100%;
  position: relative;
  z-index: 5000;
  -webkit-box-shadow: 0 18px 25px -15px white;
          box-shadow: 0 18px 25px -15px white;
}
@media only screen and (max-width: 1240px) {
  #consultationWindow .modal-dialog .modal-content .modal-header {
    padding: 0 25px 10px;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-header:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 25px;
  width: 287px;
  height: 4px;
  background: #e7e5df;
  border-radius: 2px 2px 2px 2px;
}
#consultationWindow .modal-dialog .modal-content .modal-header .modal-title {
  height: auto;
  line-height: 1.1;
}
@media only screen and (max-width: 850px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .modal-title {
    padding: 12px 0 0;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-header .modal-title .participants-wrapper {
  width: 558px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media only screen and (max-width: 1240px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .modal-title .participants-wrapper {
    width: 460px;
  }
}
@media only screen and (max-width: 850px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .modal-title .participants-wrapper {
    width: 100%;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-header .modal-title .participants-wrapper .participant {
  position: relative;
}
@media only screen and (max-width: 850px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .modal-title .participants-wrapper .participant {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-header .modal-title .participants-wrapper .participant .avatar-cont {
  width: 62px;
  height: 62px;
  margin: 24px 0 0;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  border: 2px solid rgba(224, 227, 229, 0.5);
  border-radius: 50% 50% 50% 50%;
}
@media only screen and (max-width: 850px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .modal-title .participants-wrapper .participant .avatar-cont {
    margin-top: 0;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-header .modal-title .participants-wrapper .participant .avatar-cont .avatar {
  width: 100%;
}
@media only screen and (max-width: 850px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .modal-title .participants-wrapper .participant .info-wrapper {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-header .modal-title .participants-wrapper .participant .info-wrapper .info {
  display: inline-block;
  vertical-align: top;
  margin-top: 24px;
  width: 475px;
}
@media only screen and (max-width: 1240px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .modal-title .participants-wrapper .participant .info-wrapper .info {
    width: 375px;
  }
}
@media only screen and (max-width: 850px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .modal-title .participants-wrapper .participant .info-wrapper .info {
    width: 100%;
    margin-top: 0;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-header .modal-title .participants-wrapper .participant .info-wrapper .info .name {
  font-size: 24px;
  font-weight: normal;
  color: #333;
  line-height: 120%;
  display: block;
  margin: 0;
}
@media only screen and (max-width: 850px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .modal-title .participants-wrapper .participant .info-wrapper .info .name {
    font-size: 16px;
    font-weight: bold;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-header .modal-title .participants-wrapper .participant .info-wrapper .info .profession,
#consultationWindow .modal-dialog .modal-content .modal-header .modal-title .participants-wrapper .participant .info-wrapper .info .program-name-wrapper,
#consultationWindow .modal-dialog .modal-content .modal-header .modal-title .participants-wrapper .participant .info-wrapper .info .phone-type-wrapper {
  font-size: 16px;
  font-weight: normal;
  color: #959595;
  line-height: 20px;
  display: block;
  white-space: normal;
}
@media only screen and (max-width: 850px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .modal-title .participants-wrapper .participant .info-wrapper .info .profession,
  #consultationWindow .modal-dialog .modal-content .modal-header .modal-title .participants-wrapper .participant .info-wrapper .info .program-name-wrapper,
  #consultationWindow .modal-dialog .modal-content .modal-header .modal-title .participants-wrapper .participant .info-wrapper .info .phone-type-wrapper {
    font-size: 14px;
    line-height: 120%;
    margin-top: 5px;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-header .modal-title .participants-wrapper .participant .info-wrapper .info .doctor-description {
  color: #08c0de;
}
#consultationWindow .modal-dialog .modal-content .modal-header .modal-title .participants-wrapper .participant .info-wrapper .info .phone-type {
  color: #e8503e;
  font-size: 22px;
}
#consultationWindow .modal-dialog .modal-content .modal-header .modal-title .participants-wrapper .participant .info-wrapper .info .program-name {
  display: inline-block;
}
#consultationWindow .modal-dialog .modal-content .modal-header .modal-title .participants-wrapper .participant .info-wrapper .info .program-name strong {
  font-weight: normal;
  font-size: 18px;
}
@media only screen and (max-width: 850px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .modal-title .participants-wrapper .participant .info-wrapper .info .program-name strong {
    font-size: 12px;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-header .modal-title .participants-wrapper .participant .info-wrapper .info .program-name .fio {
  display: block;
}
#consultationWindow .modal-dialog .modal-content .modal-header .modal-title .participants-wrapper .participant .info-wrapper .info .program-name .programm {
  display: inline-block;
}
#consultationWindow .modal-dialog .modal-content .modal-header .modal-title .participants-wrapper .participant .info-wrapper .info .glyphicon {
  cursor: help;
}
#consultationWindow .modal-dialog .modal-content .modal-header .modal-title .participants-wrapper .participant .info-wrapper .info .glyphicon.phone-consult-glyphicon {
  font-size: 16px;
  color: #959595;
}
#consultationWindow .modal-dialog .modal-content .modal-header .modal-title .participants-wrapper .participant .info-wrapper .info .requestId-wrapp .request-id {
  line-height: 30px;
}
@media only screen and (max-width: 850px) {
  #consultationWindow .modal-dialog .modal-content .modal-header .modal-title .participants-wrapper .participant .info-wrapper .info .requestId-wrapp .request-id {
    font-size: 16px;
    line-height: 18px;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-header .modal-title .participants-wrapper .participant.user .avatar-cont {
  display: inline-block;
  vertical-align: top;
}
#consultationWindow .modal-dialog .modal-content .modal-header .modal-title .participants-wrapper .participant.user .info-wrapper {
  display: inline-block;
  vertical-align: top;
  margin-left: 11px;
}
#consultationWindow .modal-dialog .modal-content .modal-header .modal-title .participants-wrapper .participant.doctor .avatar-cont {
  float: right;
}
#consultationWindow .modal-dialog .modal-content .modal-header .modal-title .participants-wrapper .participant.doctor .info-wrapper {
  float: right;
  margin-right: 25px;
  line-height: 34px;
}
#consultationWindow .modal-dialog .modal-content .modal-header .modal-title .participants-wrapper .participant.doctor .info-wrapper .info {
  padding-right: 0;
}
#consultationWindow .modal-dialog .modal-content .modal-header .modal-title .feedback-button-wrapper {
  position: absolute;
  right: 50px;
  top: 0;
  line-height: 50px;
  font-size: 16px;
  font-weight: normal;
  margin-right: 30px;
  white-space: normal;
}
#consultationWindow .modal-dialog .modal-content .modal-header.no-wide .video-wrapper.visible {
  display: block;
}
#consultationWindow .modal-dialog .modal-content .modal-header.incomingCall .actions-wrapper {
  width: 100%;
}
#consultationWindow .modal-dialog .modal-content .modal-header.incomingCall .actions-wrapper .incoming-call-wrapper {
  display: block;
}
#consultationWindow .modal-dialog .modal-content .modal-header.incomingCall .actions-wrapper .time-wrapper {
  display: none;
}
#consultationWindow .modal-dialog .modal-content .modal-header.incomingCall .actions-wrapper .delete-history-wrapper {
  display: none;
}
#consultationWindow .modal-dialog .modal-content .modal-header.incomingCall .chat-wrapper {
  width: 100%;
}
#consultationWindow .modal-dialog .modal-content .modal-header.outgoingCall.no-wide .wrapper-all-calling {
  height: 350px;
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog .modal-content .modal-header.outgoingCall.no-wide .wrapper-all-calling {
    height: 250px;
  }
}
#consultationWindow .modal-dialog .modal-content .modal-header.outgoingCall.no-wide .actions-wrapper {
  width: 100%;
}
#consultationWindow .modal-dialog .modal-content .modal-header.outgoingCall.no-wide .actions-wrapper .outgoing-call-wrapper {
  display: block;
}
#consultationWindow .modal-dialog .modal-content .modal-header.outgoingCall.no-wide .actions-wrapper .outgoing-call-wrapper .self-video-wrapper.loading {
  -webkit-animation: spin 1.2s ease-in-out infinite;
          animation: spin 1.2s ease-in-out infinite;
  border: 1px solid transparent;
  border-totext-color: #00aabe;
  border-radius: 100% 100% 100% 100%;
  -webkit-filter: drop-shadow(0 0 1px #00aabe);
          filter: drop-shadow(0 0 1px #00aabe);
  height: 40px;
  width: 40px;
  margin: 0 30px;
  position: relative;
}
#consultationWindow .modal-dialog .modal-content .modal-header.outgoingCall.no-wide .actions-wrapper .outgoing-call-wrapper .self-video-wrapper.loading div {
  -webkit-animation: spin 1s ease-in-out infinite;
          animation: spin 1s ease-in-out infinite;
  border: 1px solid transparent;
  bottom: -1px;
  left: -1px;
  position: absolute;
  right: -1px;
  top: -1px;
  border-radius: 100% 100% 100% 100%;
}
#consultationWindow .modal-dialog .modal-content .modal-header.outgoingCall.no-wide .actions-wrapper .outgoing-call-wrapper .self-video-wrapper.loading div:first-child {
  border-totext-color: #00aabe;
  -webkit-transform: rotate(120deg);
          transform: rotate(120deg);
}
#consultationWindow .modal-dialog .modal-content .modal-header.outgoingCall.no-wide .actions-wrapper .outgoing-call-wrapper .self-video-wrapper.loading div:last-child {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  border-totext-color: #00aabe;
  -webkit-transform: rotate(240deg);
          transform: rotate(240deg);
}
#consultationWindow .modal-dialog .modal-content .modal-header.outgoingCall.no-wide .actions-wrapper .in-call-wrapper {
  display: none;
}
#consultationWindow .modal-dialog .modal-content .modal-header.outgoingCall.no-wide .actions-wrapper .time-wrapper {
  display: none;
}
#consultationWindow .modal-dialog .modal-content .modal-header.outgoingCall.no-wide .chat-wrapper {
  width: 100%;
}
#consultationWindow .modal-dialog .modal-content .modal-header.inCall .actions-wrapper .in-call-wrapper {
  display: block;
}
#consultationWindow .modal-dialog .modal-content .modal-header.inCall .actions-wrapper .send-call.disabled {
  display: none;
}
#consultationWindow .modal-dialog .modal-content .modal-header.inCall .actions-wrapper .send-call-sip {
  display: none;
}
#consultationWindow .modal-dialog .modal-content .modal-header.inCall .actions-wrapper .send-call-sip.drop-call {
  display: block;
}
#consultationWindow .modal-dialog .modal-content.small-window-mode .modal-header .modal-title .video-wrapper {
  width: 29%;
  max-height: 150px;
  margin: 20px 0 0 auto;
  -webkit-transition: 0.15s;
  transition: 0.15s;
}
#consultationWindow .modal-dialog .modal-content.small-window-mode .modal-header .modal-title .video-wrapper.doctor-video-wrapper #videos {
  min-height: 150px;
}
.medCardRequest-content {
  max-width: 870px !important;
  overflow: hidden;
}
.medCardRequest-content .medCardRequest-wrapper {
  margin: 20px 0;
  padding: 30px;
}
.medCardRequest-content p {
  margin-bottom: 0;
}
.medCardRequest-content .ps-scrollbar-y-rail {
  opacity: 1;
  width: 5px;
  display: block;
  margin: 15px;
  background: #e5f1f4;
}
.medCardRequest-content .ps-scrollbar-y-rail:hover {
  opacity: 1;
  width: 5px;
  display: block;
  margin: 15px;
  background: #e5f1f4;
}
.medCardRequest-content .ps-scrollbar-y-rail .ps-scrollbar-y {
  opacity: 1;
  width: 5px;
  background: #9fc8da;
  right: 0;
}
.medCardRequest-content .ps-scrollbar-y-rail .ps-scrollbar-y:hover {
  opacity: 1;
  width: 5px;
  background: #9fc8da;
  right: 0;
}
.medCardRequest-content .avatar-cont {
  width: 50px;
  height: 50px;
  overflow: hidden;
  float: left;
  border-radius: 50% 50% 50% 50%;
}
.medCardRequest-content .avatar-cont img {
  max-width: 100%;
}
.medCardRequest-content .desc-doctor {
  margin-left: 60px;
}
.medCardRequest-content .desc-doctor .name {
  font-weight: bold;
  font-size: 20px;
  color: black;
}
.medCardRequest-content .desc-doctor .prof-wrapper {
  font-weight: normal;
  font-size: 16px;
  color: black;
}
.medCardRequest-content .conclusion-message {
  margin-top: 30px;
  background: #f7fbfc;
  padding: 20px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
@media only screen and (max-width: 650px) {
  .medCardRequest-content .conclusion-message {
    padding: 10px;
  }
}
.medCardRequest-content .conclusion-message .conclusion-wrapper .header-conclusion {
  margin-bottom: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 1150px) {
  .medCardRequest-content .conclusion-message .conclusion-wrapper .header-conclusion .block-item {
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
  }
}
.medCardRequest-content .conclusion-message .conclusion-wrapper .header-conclusion .block-item img {
  max-width: 100%;
}
@media only screen and (max-width: 650px) {
  .medCardRequest-content .conclusion-message .conclusion-wrapper .header-conclusion .block-item img {
    width: 100px;
  }
}
.medCardRequest-content .conclusion-message .conclusion-wrapper .header-conclusion .med-agency {
  width: 418px;
  display: block;
  text-align: right;
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  color: black;
}
@media only screen and (max-width: 1150px) {
  .medCardRequest-content .conclusion-message .conclusion-wrapper .header-conclusion .med-agency {
    width: 100%;
  }
}
@media only screen and (max-width: 650px) {
  .medCardRequest-content .conclusion-message .conclusion-wrapper .header-conclusion .med-agency {
    font-size: 16px;
  }
}
.medCardRequest-content .conclusion-message .conclusion-wrapper .conclusion-title {
  font-weight: bold;
  font-size: 28px;
  line-height: 34px;
  width: 360px;
  text-align: center;
  margin: 0 auto 51px;
}
@media only screen and (max-width: 767px) {
  .medCardRequest-content .conclusion-message .conclusion-wrapper .conclusion-title {
    width: 250px;
    font-size: 18px;
  }
}
.medCardRequest-content .conclusion-message .conclusion-wrapper .conclusion-title span {
  margin-top: 16px;
  width: 100%;
  display: block;
  height: 6px;
  background: #f0505a;
  border-radius: 3px 3px 3px 3px;
}
.medCardRequest-content .conclusion-message .head-block {
  padding-bottom: 54px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.medCardRequest-content .conclusion-message .head-block:before {
  width: 111px;
  height: 6px;
  background: #9fc8da;
  content: "";
  position: absolute !important;
  bottom: 0;
  left: 0;
  border-radius: 3px 3px 3px 3px;
}
.medCardRequest-content .conclusion-message .head-block .group-info .icon {
  width: 24px;
  height: 24px;
  background: url('/images/default/User.png') no-repeat;
  display: inline-block;
  margin-right: 12px;
  vertical-align: bottom;
}
@media only screen and (max-width: 650px) {
  .medCardRequest-content .conclusion-message .head-block .group-info .icon {
    margin-right: 8px;
  }
}
.medCardRequest-content .conclusion-message .head-block .group-info:last-child .icon {
  background: url('/images/default/Calendar.png') no-repeat;
}
@media only screen and (max-width: 650px) {
  .medCardRequest-content .conclusion-message .head-block .group-info:last-child .icon {
    margin-right: 12px;
  }
}
.medCardRequest-content .conclusion-message .head-block .group-info .name,
.medCardRequest-content .conclusion-message .head-block .group-info .date {
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
  color: #6D8A9F;
  display: inline-block;
  margin-right: 4px;
}
@media only screen and (max-width: 650px) {
  .medCardRequest-content .conclusion-message .head-block .group-info .name,
  .medCardRequest-content .conclusion-message .head-block .group-info .date {
    font-size: 14px;
  }
}
.medCardRequest-content .conclusion-message .head-block .group-info .patient-name,
.medCardRequest-content .conclusion-message .head-block .group-info .date-consul {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: black;
  display: inline-block;
}
@media only screen and (max-width: 650px) {
  .medCardRequest-content .conclusion-message .head-block .group-info .patient-name,
  .medCardRequest-content .conclusion-message .head-block .group-info .date-consul {
    font-size: 16px;
  }
}
.medCardRequest-content .conclusion-message .head-block .med-logo {
  float: right;
  max-width: 200px;
  overflow: hidden;
  font-weight: 500;
}
.medCardRequest-content .diagnosis .anamnesis-disease {
  margin-bottom: 48px;
}
.medCardRequest-content .diagnosis .anamnesis-disease .title-anamnesis {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: black;
  display: block;
  position: relative;
  padding: 16px 0;
}
.medCardRequest-content .diagnosis .anamnesis-disease .text {
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  color: black;
}
.medCardRequest-content .diagnosis .anamnesis-disease .text p {
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
}
.medCardRequest-content .diagnosis .result {
  position: relative;
  padding-bottom: 54px;
}
.medCardRequest-content .diagnosis .result .title-result {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: black;
  display: block;
  position: relative;
  padding: 16px 0 0;
}
.medCardRequest-content .diagnosis .result:before {
  width: 111px;
  height: 6px;
  background: #f0505a;
  content: "";
  position: absolute !important;
  bottom: 0;
  left: 0;
  border-radius: 3px 3px 3px 3px;
}
.medCardRequest-content .diagnosis .result .text {
  position: relative;
}
.medCardRequest-content .diagnosis .result .text p {
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  color: black;
}
.medCardRequest-content .diagnosis .result .text p.title {
  font-weight: bold;
  font-size: 18px;
  line-height: 20px;
  color: #6D8A9F;
  padding-top: 16px;
}
.medCardRequest-content .diagnosis .result .text .loading-file .file-load {
  display: inline-block;
  margin-right: 15px;
  width: 62px;
  border-radius: 5px 5px 5px 5px;
}
.medCardRequest-content .diagnosis .result .text .loading-file .file-load .file-prev {
  height: 62px;
  background: url('/images/default/doc.png');
  border-radius: 5px 5px 5px 5px;
}
.medCardRequest-content .diagnosis .result .text .loading-file .file-load .img {
  background: url('/images/default/rent.png');
}
.medCardRequest-content .diagnosis .result .text .loading-file .file-load .description {
  font-size: 13px;
  font-weight: normal;
  width: 62px;
  white-space: nowrap;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
.medCardRequest-content .assumption {
  padding: 0 0 72px;
  position: relative;
}
.medCardRequest-content .assumption:before {
  width: 111px;
  height: 6px;
  background: #50AD67;
  content: "";
  position: absolute !important;
  bottom: 0;
  left: 0;
  border-radius: 3px 3px 3px 3px;
}
.medCardRequest-content .assumption .title,
.medCardRequest-content .recommendation .title {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: black;
  display: block;
  position: relative;
  padding: 16px 0;
}
.medCardRequest-content .assumption .text p,
.medCardRequest-content .recommendation .text p {
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  color: black;
}
.medCardRequest-content .recommendation .text {
  padding-bottom: 64px;
}
.medCardRequest-content .recommendation .tiny-text {
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  color: #8B8B9A;
  text-align: center;
  width: 637px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .medCardRequest-content .recommendation .tiny-text {
    width: 100%;
  }
}
.medCardRequest-content .recommendation .secondary-info .attention {
  width: 100%;
  border-radius: 8px 8px 8px 8px;
  background: #FDCED1;
  text-align: left;
  margin-bottom: 48px;
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  color: #f0505a;
  position: relative;
  padding: 12px 34px 12px 82px;
}
@media only screen and (max-width: 767px) {
  .medCardRequest-content .recommendation .secondary-info .attention {
    font-size: 16px;
    line-height: 18px;
    padding-left: 62px;
  }
}
.medCardRequest-content .recommendation .secondary-info .attention span {
  position: absolute;
  width: 42px;
  height: 40px;
  left: 27px;
  top: 50%;
  margin-top: -25px;
  background: url('/images/default/attention.png');
}
@media only screen and (max-width: 1150px) {
  .medCardRequest-content .recommendation .secondary-info .attention span {
    top: 0;
    margin-top: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .medCardRequest-content .recommendation .secondary-info .attention span {
    left: 14px;
  }
}
.medCardRequest-content .recommendation .secondary-info .thanks {
  text-align: center;
  font-weight: bold;
  font-size: 28px;
  line-height: 34px;
  color: black;
  margin-bottom: 40px;
  position: relative;
}
@media only screen and (max-width: 650px) {
  .medCardRequest-content .recommendation .secondary-info .thanks {
    font-size: 18px;
  }
}
.medCardRequest-content .recommendation .secondary-info .thanks span {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  width: 29px;
  height: 32px;
  margin-left: 15px;
  background: url('/images/default/thanks.png');
}
@media only screen and (max-width: 650px) {
  .medCardRequest-content .recommendation .secondary-info .thanks span {
    display: none;
  }
}
.medCardRequest-content .toggle-conclusions-state {
  margin-top: 20px !important;
  font-size: 18px;
  font-weight: bold;
  color: #00aabe;
}
@media only screen and (max-width: 767px) {
  .medCardRequest-content .toggle-conclusions-state {
    width: 100%;
  }
}
.medCardRequest-content.ps-container > .ps-scrollbar-y-rail {
  opacity: 1;
  width: 5px;
  display: block;
  margin: 15px;
  background: #e5f1f4;
}
.medCardRequest-content.ps-container > .ps-scrollbar-y-rail:hover {
  opacity: 1;
  width: 5px;
  display: block;
  margin: 15px;
  background: #e5f1f4;
}
.medCardRequest-content.ps-container > .ps-scrollbar-y-rail:hover .ps-scrollbar-y {
  opacity: 1;
  width: 5px;
  background: #9fc8da;
  right: 0;
}
.medCardRequest-content.ps-container > .ps-scrollbar-y-rail .ps-scrollbar-y {
  opacity: 1;
  width: 5px;
  background: #9fc8da;
  right: 0;
}
.medCardRequest-content.ps-container > .ps-scrollbar-y-rail .ps-scrollbar-y:hover {
  opacity: 1;
  width: 5px;
  background: #9fc8da;
  right: 0;
}
.medInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.medInfo .medcomplex-item {
  width: 360px;
  padding: 20px;
  margin-bottom: 20px;
  background: #f5fafb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-radius: 10px 10px 10px 10px;
}
@media only screen and (max-width: 850px) {
  .medInfo .medcomplex-item {
    width: 100%;
  }
}
.medInfo .medcomplex-item .medcomplex-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.medInfo .medcomplex-item .medcomplex-head .name {
  margin: 0;
  font-size: 18px;
  color: black;
  font-weight: bold;
  display: inline-block;
}
.medInfo .medcomplex-item .medcomplex-head .date {
  display: inline-block;
  text-align: right;
}
.medInfo .medcomplex-item .medcomplex-head .date span {
  font-weight: normal;
  font-size: 16px;
  color: #969696;
  display: block;
}
.medInfo .medcomplex-item .medcomplex-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.medInfo .medcomplex-item .medcomplex-cont .title-result {
  color: #212127;
  margin-right: 16px;
}
.medInfo .medcomplex-item .medcomplex-cont .title-result strong {
  margin-left: 8px;
  color: #212127;
}
.medInfo .medcomplex-item a {
  position: relative;
  font-size: 16px;
  display: inline-block;
  height: 24px;
  line-height: 26px;
  padding-left: 30px;
  color: #00aabe;
  text-decoration: none;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  background: url('/images/default/pdf.svg') 0 50% no-repeat;
}
.medInfo .medcomplex-item a:hover {
  color: #006672;
}
#options-wrapper-consult {
  background: rgba(0, 118, 169, 0.6);
}
#options-wrapper-consult .modal-dialog {
  width: 530px;
}
@media only screen and (max-width: 650px) {
  #options-wrapper-consult .modal-dialog {
    width: 350px;
  }
}
#options-wrapper-consult .modal-dialog .modal-content {
  height: 220px;
  padding: 0 15px 15px;
}
#options-wrapper-consult .modal-dialog .modal-content .close {
  position: absolute;
  background: url('/images/default/modal-close.png') no-repeat;
  right: 11px;
  top: 11px;
  height: 14px;
  width: 14px;
}
#options-wrapper-consult .modal-dialog .options-wrapper {
  padding-top: 15px;
}
#options-wrapper-consult .modal-dialog .options-wrapper .heading-wrapper {
  text-align: left;
}
#options-wrapper-consult .modal-dialog .options-wrapper .heading-wrapper .options-menu-wrapper {
  display: inline-block;
  vertical-align: middle;
}
#options-wrapper-consult .modal-dialog .options-wrapper .heading-wrapper .options-menu-wrapper li {
  float: left;
  padding: 5px 10px;
  cursor: pointer;
  border-radius: 20px 20px 20px 20px;
}
@media only screen and (max-width: 650px) {
  #options-wrapper-consult .modal-dialog .options-wrapper .heading-wrapper .options-menu-wrapper li {
    padding: 5px;
    border-radius: 8px 8px 8px 8px;
  }
}
#options-wrapper-consult .modal-dialog .options-wrapper .heading-wrapper .options-menu-wrapper li .name {
  font-weight: normal;
  font-size: 20px;
  color: #00aabe;
}
@media only screen and (max-width: 650px) {
  #options-wrapper-consult .modal-dialog .options-wrapper .heading-wrapper .options-menu-wrapper li .name {
    font-size: 16px;
  }
}
#options-wrapper-consult .modal-dialog .options-wrapper .heading-wrapper .options-menu-wrapper li.active {
  background: #e5f6f8;
}
#options-wrapper-consult .modal-dialog .options-wrapper .heading-wrapper .options-menu-wrapper li.active .name {
  color: black;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body {
  margin: 20px 0 15px;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block {
  display: none;
  padding: 0 0 0 13px;
  position: relative;
  overflow: hidden;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block .index-title {
  margin-left: 30px;
  text-align: left;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block .index-title .block-title .title {
  font-weight: bold;
  font-size: 20px;
  color: black;
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (max-width: 650px) {
  #options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block .index-title .block-title .title {
    font-size: 16px;
  }
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block .index-title .block-main {
  display: none;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block .index-title .block-main .info {
  font-weight: normal;
  font-size: 18px;
  line-height: 1.1;
  margin-bottom: 5px;
  display: inline-block;
  color: black;
}
@media only screen and (max-width: 650px) {
  #options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block .index-title .block-main .info {
    font-size: 16px;
  }
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block .test-state-wrapper {
  float: left;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block .test-state-wrapper .test-state {
  width: 20px;
  height: 16px;
  margin-top: 8px;
  background: url('/images/default/options-yes-no.png') no-repeat;
  display: block;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block .test-state-wrapper .test-in-progress {
  display: none;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block .test-state-wrapper #load {
  -webkit-animation: spin 1.2s ease-in-out infinite;
          animation: spin 1.2s ease-in-out infinite;
  border: 1px solid transparent;
  height: 20px;
  width: 20px;
  margin: 0 auto;
  position: relative;
  border-radius: 100% 100% 100% 100%;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block .test-state-wrapper #load div {
  -webkit-animation: spin 1s ease-in-out infinite;
          animation: spin 1s ease-in-out infinite;
  border: 1px solid transparent;
  bottom: -1px;
  left: -1px;
  position: absolute;
  right: -1px;
  top: -1px;
  border-radius: 100% 100% 100% 100%;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block .test-state-wrapper #load div:first-child {
  -webkit-transform: rotate(120deg);
          transform: rotate(120deg);
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block .test-state-wrapper #load div:last-child {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-transform: rotate(240deg);
          transform: rotate(240deg);
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block .block-actions {
  display: block;
  margin: 5px 0;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block .block-actions .test-help {
  display: none;
  margin-top: 10px;
  font-weight: bold;
  font-size: 18px;
  color: #00aabe;
  line-height: 1.1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 20px 20px 20px 20px;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block .block-actions .test-help:hover {
  color: #05a6c0;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block .block-actions .test-launch {
  display: none;
  margin-top: 10px;
  font-weight: bold;
  font-size: 18px;
  color: #00aabe;
  line-height: 1.1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 20px 20px 20px 20px;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block .block-actions .test-launch:hover {
  color: #05a6c0;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block .block-actions .test-relaunch {
  margin-top: 10px;
  font-weight: bold;
  font-size: 18px;
  color: #00aabe;
  line-height: 1.1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 20px 20px 20px 20px;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block .block-actions .test-relaunch:hover {
  color: #05a6c0;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block .confirm {
  min-width: 88px;
  height: 32px;
  line-height: 32px;
  margin-top: 10px;
  margin-right: 10px;
  position: relative;
  background: #f0505a;
  color: white;
  border: none;
  font-size: 20px;
  font-weight: bold;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 16px 16px 16px 16px;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block .confirm:hover {
  background: #e01320;
}
@media only screen and (max-width: 650px) {
  #options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block .confirm {
    min-width: 78px;
    font-size: 16px;
  }
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block .disclaim {
  min-width: 88px;
  height: 32px;
  line-height: 32px;
  margin-top: 10px;
  margin-right: 10px;
  position: relative;
  background: #00aabe;
  color: white;
  border: none;
  font-size: 20px;
  font-weight: bold;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 16px 16px 16px 16px;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block .disclaim:hover {
  background: #006672;
}
@media only screen and (max-width: 650px) {
  #options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block .disclaim {
    min-width: 78px;
    font-size: 16px;
  }
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block.ok .test-state-wrapper {
  display: block;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block.ok .test-state-wrapper .test-state {
  background-position: 0 0;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block.ok .block-main .test-help {
  display: none;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block.ok .block-error {
  display: none;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block.ok .block-ok {
  display: block;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block.ok .block-ok .info {
  font-weight: normal;
  font-size: 18px;
  line-height: 1.1;
  margin-bottom: 5px;
  display: inline-block;
  color: black;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block.ok .test-relaunch {
  margin-top: 10px;
  font-weight: bold;
  font-size: 18px;
  color: #00aabe;
  line-height: 1.1;
  border-radius: 20px 20px 20px 20px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block.ok .test-relaunch:hover {
  color: #05a6c0;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block.error .test-help {
  display: inline-block;
  font-weight: normal;
  position: relative;
  font-size: 18px;
  line-height: 1.1;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block.error .test-help:hover {
  color: #05a6c0;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block.error .test-help:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background: #08c0de;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block.error .block-error {
  display: block;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block.error .block-error .info {
  font-weight: normal;
  font-size: 18px;
  line-height: 1.1;
  margin-bottom: 5px;
  display: inline-block;
  color: #000;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block.error .block-error .test-help {
  display: inline-block;
  font-weight: normal;
  position: relative;
  font-size: 18px;
  line-height: 1.1;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block.error .block-error .test-help:hover {
  color: #05a6c0;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block.error .block-error .test-help:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background: #08c0de;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block.error .block-actions .test-relaunch {
  background: #00aabe;
  padding: 5px 10px;
  color: white;
  line-height: 1.4;
  display: inline-block;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block.error .block-ok {
  display: none;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block.error .test-state-wrapper {
  display: block;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block.error .test-state-wrapper .test-state {
  width: 15px;
  height: 15px;
  background-position: -20px -1px;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block.unknown .block-actions .test-launch {
  display: inline-block;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block.unknown .block-actions .test-help {
  display: none;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block.unknown .block-actions .test-relaunch {
  display: none;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block.testing .block-actions {
  display: none;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block.testing .block-main {
  display: block;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block.testing .test-state-wrapper .test-state {
  display: none;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block.testing .test-state-wrapper .test-in-progress {
  display: block;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body .test-block.active {
  display: block;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestConnection .block-main {
  display: block;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestCamera {
  overflow: visible;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestCamera.active .test-state-wrapper .test-state {
  width: 42px;
  height: 27px;
  margin-right: 20px;
  background: url('/images/default/camera.png') no-repeat;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestCamera.active .block-ok {
  display: none;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestCamera.active .block-error {
  display: none;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestCamera.active.ok .test-state-wrapper .test-state {
  width: 20px;
  height: 16px;
  margin-right: 0;
  background: url('/images/default/options-yes-no.png') no-repeat 0 0;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestCamera.active.ok .block-ok {
  display: block;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestCamera.active.ok .block-error {
  display: none;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestCamera.active.error .test-state-wrapper .test-state {
  width: 15px;
  height: 15px;
  margin-right: 0;
  background: url('/images/default/options-yes-no.png') no-repeat -20px -1px;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestCamera.active.error .block-ok {
  display: none;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestCamera.active.error .block-error {
  display: block;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestCamera.active.testing {
  overflow: visible;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestCamera.active.testing .index-title {
  margin-left: 120px;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestCamera.active.testing .buttons-wrapper {
  position: absolute;
  top: 60px;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestCamera.active.testing .videoCont {
  width: 105px;
  height: 105px;
  position: absolute;
  border-radius: 50% 50% 50% 50%;
  top: 0;
  left: 13px;
  background: url('/images/default/camera-bg.png') no-repeat;
  overflow: hidden;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestCamera.active.testing .videoCont video {
  height: 105px;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestCamera.active.testing .block-error {
  display: none;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestCamera.active.testing .block-ok {
  display: none;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestMicrophone {
  overflow: visible;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestMicrophone .audioText {
  font-size: 22px;
  color: #666666;
  margin: 0;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestMicrophone .audioCont {
  position: absolute;
  left: 13px;
  top: 0;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestMicrophone .audioCont #indicator .volume-cont {
  width: 105px;
  height: 105px;
  background: url('/images/default/microphone-option.png') no-repeat 49% 43%;
  border-radius: 50% 50% 50% 50%;
  position: relative;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestMicrophone .audioCont #indicator .volume-cont .volume {
  height: 20px;
  width: 5px;
  display: block;
  border-radius: 2.5px 2.5px 2.5px 2.5px;
  left: 50%;
  position: absolute;
  background: url('/images/default/volume-img.png') repeat-x;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestMicrophone .audioCont #indicator .volume-cont .volume:first-child {
  background-position: 0 0;
  bottom: 3px;
  width: 26px;
  margin-left: -23px;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestMicrophone .audioCont #indicator .volume-cont .volume:first-child.green {
  background-position: 0 -26px;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestMicrophone .audioCont #indicator .volume-cont .volume:nth-child(2) {
  background-position: -32px 0;
  bottom: 14px;
  width: 19px;
  height: 23px;
  margin-left: -44px;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestMicrophone .audioCont #indicator .volume-cont .volume:nth-child(2).green {
  background-position: -32px -26px;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestMicrophone .audioCont #indicator .volume-cont .volume:nth-child(3) {
  background-position: -56px 0;
  bottom: 39px;
  width: 19px;
  height: 24px;
  margin-left: -58px;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestMicrophone .audioCont #indicator .volume-cont .volume:nth-child(3).green {
  background-position: -56px -26px;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestMicrophone .audioCont #indicator .volume-cont .volume:nth-child(4) {
  background-position: -82px 0;
  bottom: 67px;
  width: 19px;
  height: 24px;
  margin-left: -54px;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestMicrophone .audioCont #indicator .volume-cont .volume:nth-child(4).green {
  background-position: -82px -25px;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestMicrophone .audioCont #indicator .volume-cont .volume:nth-child(5) {
  background-position: -105px 0;
  bottom: 91px;
  width: 27px;
  height: 19px;
  margin-left: -36px;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestMicrophone .audioCont #indicator .volume-cont .volume:nth-child(5).green {
  background-position: -105px -27px;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestMicrophone .audioCont #indicator .volume-cont .volume:nth-child(6) {
  background-position: -134px 0;
  bottom: 97px;
  width: 27px;
  height: 17px;
  margin-left: -5px;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestMicrophone .audioCont #indicator .volume-cont .volume:nth-child(6).green {
  background-position: -134px -27px;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestMicrophone .audioCont #indicator .volume-cont .volume:nth-child(7) {
  background-position: -160px 0;
  bottom: 75px;
  width: 27px;
  height: 25px;
  margin-left: 19px;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestMicrophone .audioCont #indicator .volume-cont .volume:nth-child(7).green {
  background-position: -160px -26px;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestMicrophone .audioCont #indicator .volume-cont .volume:nth-child(8) {
  background-position: -184px 0;
  bottom: 50px;
  width: 27px;
  height: 25px;
  margin-left: 30px;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestMicrophone .audioCont #indicator .volume-cont .volume:nth-child(8).green {
  background-position: -186px -25px;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestMicrophone .audioCont #indicator .volume-cont .volume:nth-child(9) {
  background-position: -210px 0;
  bottom: 21px;
  width: 27px;
  height: 25px;
  margin-left: 26px;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestMicrophone .audioCont #indicator .volume-cont .volume:nth-child(9).green {
  background-position: -212px -26px;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestMicrophone .audioCont #indicator .volume-cont .volume:nth-child(10) {
  background-position: -238px 0;
  bottom: 1px;
  width: 27px;
  height: 25px;
  margin-left: 4px;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestMicrophone .audioCont #indicator .volume-cont .volume:nth-child(10).green {
  background-position: -238px -24px;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestMicrophone.active .test-state-wrapper .test-state {
  width: 29px;
  height: 41px;
  margin-right: 20px;
  background: url('/images/default/microphone.png') no-repeat;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestMicrophone.active .block-ok {
  display: none;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestMicrophone.active .block-error {
  display: none;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestMicrophone.active.ok .test-state-wrapper .test-state {
  width: 20px;
  height: 16px;
  margin-right: 0;
  background: url('/images/default/options-yes-no.png') no-repeat 0 0;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestMicrophone.active.ok .block-ok {
  display: block;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestMicrophone.active.ok .block-error {
  display: none;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestMicrophone.active.error .test-state-wrapper .test-state {
  width: 15px;
  height: 15px;
  margin-right: 0;
  background: url('/images/default/options-yes-no.png') no-repeat -20px -1px;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestMicrophone.active.error .block-ok {
  display: none;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestMicrophone.active.error .block-error {
  display: block;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestMicrophone.active.testing .index-title {
  margin-left: 115px;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestMicrophone.active.testing .block-ok {
  display: none;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestMicrophone.active.testing .block-error {
  display: none;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestSpeakers {
  overflow: visible;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestSpeakers .soundCont {
  position: absolute;
  left: 13px;
  top: 0;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestSpeakers .soundCont i.play-button {
  display: inline-block;
  line-height: 32px;
  vertical-align: middle;
  width: 100px;
  height: 100px;
  margin-left: 0;
  background: url('/images/default/play-speakers.png') no-repeat;
  cursor: pointer;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestSpeakers .soundCont i.play-button.play {
  background-position: 0 -100px;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestSpeakers .soundCont .seek-cont {
  width: 320px;
  margin: 0 auto;
  display: none;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestSpeakers .soundCont .seek-cont input[type="range"] {
  width: 100%;
  -webkit-appearance: none;
  border: 1px solid black;
  display: block;
  height: 15px;
  background-color: #242323;
  -webkit-box-shadow: inset 0 4px 4px rgba(black 0.6);
          box-shadow: inset 0 4px 4px rgba(black 0.6);
  border-radius: 20px 20px 20px 20px;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestSpeakers .audioDescr {
  display: inline-block;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestSpeakers.active .test-state-wrapper .test-state {
  width: 42px;
  height: 34px;
  margin-right: 20px;
  background: url('/images/default/speakers.png') no-repeat;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestSpeakers.active .block-ok {
  display: none;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestSpeakers.active .block-error {
  display: none;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestSpeakers.active.ok .test-state-wrapper .test-state {
  width: 20px;
  height: 16px;
  margin-right: 0;
  background: url('/images/default/options-yes-no.png') no-repeat 0 0;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestSpeakers.active.ok .block-ok {
  display: block;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestSpeakers.active.ok .block-error {
  display: none;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestSpeakers.active.error .test-state-wrapper .test-state {
  width: 15px;
  height: 15px;
  margin-right: 0;
  background: url('/images/default/options-yes-no.png') no-repeat -20px -1px;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestSpeakers.active.error .block-ok {
  display: none;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestSpeakers.active.error .block-error {
  display: block;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestSpeakers.active.testing .index-title {
  margin-left: 115px;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestSpeakers.active.testing .block-ok {
  display: none;
}
#options-wrapper-consult .modal-dialog .options-wrapper .options-body #optionsTestSpeakers.active.testing .block-error {
  display: none;
}
.modal-body #prev-consultation-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 650px) {
  .modal-body #prev-consultation-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.modal-body #prev-consultation-container.loading .prev-consultation .prev-consultation-block {
  background: white;
}
.modal-body #prev-consultation-container .prev-consultation-block {
  width: 360px;
  height: 130px;
  padding: 20px;
  margin-bottom: 20px;
  background: #f5fafb;
  overflow: hidden;
  float: left;
  margin-right: 10px;
  border-radius: 10px 10px 10px 10px;
}
@media only screen and (max-width: 650px) {
  .modal-body #prev-consultation-container .prev-consultation-block {
    width: 100%;
    height: auto;
    margin-right: 0;
  }
}
.modal-body #prev-consultation-container .prev-consultation-block .name-wrapper {
  width: 180px;
  display: inline-block;
  position: relative;
  padding: 10px 0 15px;
}
.modal-body #prev-consultation-container .prev-consultation-block .name-wrapper:before {
  position: absolute;
  content: "";
  width: 37px;
  height: 4px;
  border-radius: 2px 2px 2px 2px;
  background: #f0505a;
  bottom: 0;
  left: 0;
}
.modal-body #prev-consultation-container .prev-consultation-block .name-wrapper .name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  font-weight: normal;
  color: black;
  line-height: 1.1;
}
.modal-body #prev-consultation-container .prev-consultation-block .name-wrapper .name span {
  color: #666666;
  display: inline-block;
}
.modal-body #prev-consultation-container .prev-consultation-block .name-wrapper .name a {
  color: #0ce5ff;
  position: relative;
  text-decoration: none;
  display: inline-block;
  padding-bottom: 2px;
}
.modal-body #prev-consultation-container .prev-consultation-block .name-wrapper .name a:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #0ce5ff;
}
.modal-body #prev-consultation-container .prev-consultation-block .date-wrapper {
  width: 125px;
  display: inline-block;
  text-align: right;
  vertical-align: top;
  margin: 6px 0;
}
.modal-body #prev-consultation-container .prev-consultation-block .date-wrapper .date {
  font-weight: normal;
  font-size: 16px;
  color: #969696;
  line-height: 1.1;
}
.modal-body #prev-consultation-container .doctor-actions {
  clear: both;
  margin-top: 20px;
}
.modal-body #prev-consultation-container .doctor-actions .action {
  font-size: 16px;
  border-radius: 0 0 0 0;
  line-height: 1.1;
  font-weight: bold;
  color: #00aabe;
  border: none;
  margin: 0;
  background: white;
  display: block;
  padding: 0 0 0 25px;
  height: 18px;
  text-align: left;
  background: url('/images/default/medcart-icon-1.png') 0 50% no-repeat;
}
.modal-body .video-wrapper {
  display: none;
}
.modal-body.playing-record {
  display: block;
}
.modal-body.playing-record .chat-wrapper {
  width: 100%;
}
.modal-body.playing-record .chat-wrapper.wide {
  width: 100%;
}
.modal-body.playing-record .video-wrapper {
  margin: 30px;
  height: 350px;
  width: 745px;
}
.modal-body.playing-record .video-wrapper #videos-to-watch {
  position: relative;
  width: 100%;
  margin: 0 auto;
  height: 350px;
  text-align: center;
}
.modal-body.playing-record .video-wrapper #videos-to-watch .loading-circle {
  display: none;
}
.modal-body.playing-record .video-wrapper #videos-to-watch video {
  height: 350px;
  margin: 0 auto;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.modal-body.playing-record .video-wrapper #videos-to-watch .close-button-wrapper {
  position: absolute;
  top: 10px;
  right: 20px;
  cursor: pointer;
}
.modal-body.playing-record .video-wrapper #videos-to-watch .close-button-wrapper .close-video {
  background: url('/images/default/close-button-new.png') no-repeat;
  width: 20px;
  height: 20px;
  background-size: cover;
}
.modal-body.playing-record .video-wrapper .doctor-actions {
  position: absolute;
}
.video-wrapper {
  display: none;
  width: 100%;
  height: 100%;
  margin: 20px 0;
  border-radius: 15px 15px 15px 15px;
  overflow: hidden;
  border-right: 1px solid #f0f0f0;
  background-color: black;
}
.video-wrapper .doctor-name {
  display: none;
}
@media only screen and (max-width: 767px) {
  .video-wrapper .doctor-name {
    display: block;
    position: absolute;
    z-index: 1;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    color: white;
    width: 100%;
    padding: 16px 0;
    background: rgba(0, 0, 0, 0.5);
  }
}
@media only screen and (max-width: 767px) {
  .video-wrapper {
    position: fixed;
    width: 400px;
    left: 50%;
    margin: 0 0 0 -200px;
    z-index: 100;
    top: 85px;
    -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
    border-radius: 8px 8px 8px 8px;
  }
}
@media only screen and (max-width: 650px) {
  .video-wrapper {
    width: 298px;
    left: 50%;
    margin-left: -149px;
    height: 328px;
  }
}
.video-wrapper .OT_publisher.OT_mirrored .OT_video-element {
  -webkit-transform: scale(1, 1) !important;
          transform: scale(1, 1) !important;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (max-width: 767px) {
  .video-wrapper .OT_publisher.OT_mirrored .OT_video-element {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.video-wrapper .OT_fit-mode-cover .OT_video-element {
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
}
.video-wrapper #videos {
  width: 100%;
  min-height: 350px;
  height: 100%;
  position: relative;
  background-color: black;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 40%;
  opacity: 1;
  border-radius: 20px 20px 20px 20px;
}
.video-wrapper #videos .in-call-button {
  background: url('/images/default/fullscreen-new.png') no-repeat;
  width: 31px;
  height: 31px;
  position: absolute;
  z-index: 1000;
  bottom: 20px;
  right: 20px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .video-wrapper #videos .in-call-button {
    display: none;
  }
}
.video-wrapper #videos .in-call-button:hover {
  transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
}
.video-wrapper #videos .small-call-window {
  background: url('/images/default/small-window.png') no-repeat;
  width: 36px;
  height: 31px;
  z-index: 1000;
  position: absolute;
  bottom: 20px;
  right: 65px;
  display: block;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .video-wrapper #videos .small-call-window {
    display: none;
  }
}
.video-wrapper #videos .small-call-window:hover {
  transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
}
.video-wrapper #videos .fscr {
  width: 60px;
  height: 60px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1100;
  cursor: pointer;
  background: url('/images/default/fullscreen.png') no-repeat 0 0;
}
.video-wrapper #videos:hover .fscr {
  background-color: rgba(255, 255, 255, 0.7);
}
.video-wrapper #videos #video_pub,
.video-wrapper #videos #audio_pub {
  left: 0;
  bottom: 10px;
  margin-right: 0;
  margin-left: 10px;
  width: 180px !important;
  height: 95px !important;
  top: initial !important;
  border: 3px solid white;
  border-radius: 10px 10px 10px 10px !important;
  border-radius: 15px 15px 15px 15px;
}
@media only screen and (max-width: 767px) {
  .video-wrapper #videos #video_pub,
  .video-wrapper #videos #audio_pub {
    display: inline-block;
    position: absolute;
    margin-right: 30px;
    width: 88px !important;
    height: 108px !important;
    top: 60px !important;
    bottom: initial;
    left: auto;
    right: 0;
    border: 2px solid rgba(255, 255, 255, 0.2) !important;
  }
}
.video-wrapper #videos #video_pub .OT_video-poster,
.video-wrapper #videos #audio_pub .OT_video-poster {
  background-position: 50% 50%;
  background-size: contain;
}
.video-wrapper #videos #video_pub .OT_video-loading,
.video-wrapper #videos #audio_pub .OT_video-loading {
  background: url('/images/default/loaders/loading-circle.gif') no-repeat;
  background-size: 100%;
}
.video-wrapper #videos #video_sub {
  width: 100% !important;
  height: 100% !important;
}
.video-wrapper #videos #video_sub .OT_video-poster {
  background-position: 95% 95%;
  background-image: none;
  background-size: contain;
}
.video-wrapper #videos #video_sub .OT_edge-bar-item {
  display: none !important;
}
.video-wrapper #videos #video_sub .OT_audio-level-meter {
  left: 0;
  top: initial;
  bottom: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.video-wrapper #videos #video_sub .OT_audio-level-meter .OT_audio-level-meter__audio-only-img {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  display: none;
}
.video-wrapper #videos #video_sub .OT_widget-container {
  border-radius: 20px 20px 20px 20px !important;
}
@media only screen and (max-width: 767px) {
  .video-wrapper #videos #video_sub .OT_widget-container {
    border-radius: 0 0 0 0 !important;
  }
}
.video-wrapper #videos #video_sub.OT_audio-only .OT_widget-container {
  border-radius: 20px 20px 20px 20px !important;
  background-color: initial;
}
@media only screen and (max-width: 767px) {
  .video-wrapper #videos #video_sub.OT_audio-only .OT_widget-container {
    border-radius: 0 0 0 0 !important;
  }
}
.video-wrapper #videos #video_sub.OT_audio-only .OT_widget-container .OT_video-poster {
  display: none !important;
  background-size: contain;
}
.video-wrapper #videos #video_sub.OT_audio-only .OT_widget-container video {
  display: none;
}
.video-wrapper #videos #kurento_video_pub {
  display: inline-block;
  position: absolute;
  margin-left: 30px;
  width: 180px;
  height: 95px;
  top: initial;
  bottom: 20px;
  left: 0;
}
@media only screen and (max-width: 767px) {
  .video-wrapper #videos #kurento_video_pub {
    display: inline-block;
    position: absolute;
    margin-right: 30px;
    width: 88px;
    height: 108px;
    top: 60px;
    bottom: initial;
    left: auto;
    right: 0;
  }
}
.video-wrapper #videos #kurento_video_sub {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
}
.video-wrapper #videos .close-button-wrapper {
  position: absolute;
  outline: none;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.8);
  right: 0;
  top: 0;
  padding: 20px;
  border-bottom-left-radius: 50%;
}
.video-wrapper #videos .close-button-wrapper .close-video {
  background: url('/images/default/modal-close.png') no-repeat -14px 0;
  height: 14px;
  width: 14px;
}
.video-wrapper #videos .close-button-wrapper:hover {
  background-color: white;
}
.video-wrapper #videos #conversation_video {
  width: 100%;
  height: 100%;
}
.video-wrapper #videos .loading-circle {
  display: none;
}
.video-wrapper #videos .voximplant-video .video-wrap {
  background: black;
}
.video-wrapper.doctor-video-wrapper #video_pub.OT_fit-mode-cover:after {
  display: none;
}
.video-wrapper.doctor-video-wrapper #video_pub.OT_fit-mode-cover:before {
  position: absolute;
  display: block;
  content: "";
  width: 180px;
  height: 90px;
  border-radius: 12px 12px 12px 12px;
  margin: 0;
  background: url('/images/default/doctor-mask1.png') no-repeat;
  z-index: 100000;
  opacity: 1;
  background-size: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.video-wrapper.doctor-video-wrapper #video_pub.OT_fit-mode-cover:hover:before {
  opacity: 0;
}
.video-wrapper.doctor-video-wrapper #video_pub.OT_mini:before {
  display: none;
}
.video-wrapper.doctor-video-wrapper #video_pub.OT_mini:after {
  position: absolute;
  content: "";
  display: block;
  width: 180px;
  height: 90px;
  border-radius: 12px 12px 12px 12px;
  margin: 0;
  background: url('/images/default/doctor-mask1.png') no-repeat;
  z-index: 100000;
  opacity: 1;
  background-size: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .video-wrapper.doctor-video-wrapper #video_pub.OT_mini:after {
    display: none;
  }
}
.video-wrapper.doctor-video-wrapper #video_pub.OT_mini:hover:after {
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .video-wrapper.doctor-video-wrapper #videos #kurento_video_pub {
    display: none;
  }
}
.video-wrapper.doctor-video-wrapper #videos #kurento_video_pub .voximplant-video.me {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .video-wrapper.doctor-video-wrapper #videos #kurento_video_pub .voximplant-video.me {
    display: none;
  }
}
.video-wrapper.doctor-video-wrapper #videos #kurento_video_pub .voximplant-video.me:after {
  display: none;
}
.video-wrapper.doctor-video-wrapper #videos #kurento_video_pub .voximplant-video.me:before {
  position: absolute;
  display: block;
  content: "";
  width: 180px;
  height: 90px;
  border-radius: 12px 12px 12px 12px;
  margin: 0;
  background: url('/images/default/doctor-mask1.png') no-repeat;
  z-index: 100000;
  opacity: 1;
  background-size: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.video-wrapper.doctor-video-wrapper #videos #kurento_video_pub .voximplant-video.me:hover:before {
  opacity: 0;
}
.video-wrapper.doctor-video-wrapper #videos #kurento_video_pub .voximplant-video.me #voximplant-remote-video-id {
  -o-object-fit: contain;
     object-fit: contain;
}
.video-wrapper.doctor-video-wrapper #videos #kurento_video_pub .voximplant-video.me #voximplant-remote-video-id.video-wrap {
  background: black;
}
@media only screen and (max-width: 767px) {
  .video-wrapper.doctor-video-wrapper #videos #kurento_video_pub .kcs-video.me {
    display: none;
  }
}
.video-wrapper.doctor-video-wrapper #videos #kurento_video_pub .kcs-video.me:after {
  display: none;
}
.video-wrapper.doctor-video-wrapper #videos #kurento_video_pub .kcs-video.me:before {
  position: absolute;
  content: "";
  display: block;
  width: 180px;
  height: 90px;
  border-radius: 12px 12px 12px 12px;
  margin: 0;
  background: url('/images/default/doctor-mask1.png') no-repeat;
  z-index: 100000;
  opacity: 1;
  background-size: cover;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.video-wrapper.doctor-video-wrapper #videos #kurento_video_pub .kcs-video.me:hover:before {
  opacity: 0;
}
.modal-content.small-window-mode .modal-header .modal-title .video-wrapper {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.modal-content.small-window-mode .modal-header .modal-title .video-wrapper #videos {
  min-height: 150px;
}
.modal-content.small-window-mode .modal-header .modal-title .video-wrapper #videos #kurento_video_pub {
  margin-left: 20px;
  width: 80px;
  height: 50px;
  bottom: 17px;
}
.modal-content.small-window-mode .modal-header .modal-title .video-wrapper #videos #kurento_video_pub .voximplant-video.me {
  border: 3px solid #ffffff;
}
.modal-content.small-window-mode .modal-header .modal-title .video-wrapper #videos #kurento_video_pub .voximplant-video.me:before {
  width: 80px;
}
.modal-content.small-window-mode .modal-header .modal-title .video-wrapper #videos #video_pub {
  width: 80px !important;
  height: 50px !important;
}
.modal-header:-webkit-full-screen {
  width: 100%;
  height: 100%;
}
.modal-header:-webkit-full-screen .time-wrapper {
  position: static;
  margin-bottom: 14px;
}
.modal-header:-webkit-full-screen .time-wrapper .time-counter {
  color: white;
}
.modal-header:-webkit-full-screen .actions-wrapper {
  z-index: 99;
  position: absolute;
  top: 100px;
  left: -100px;
  width: 110px;
  height: initial;
  padding-left: 20px;
  border: none;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 20px 20px 20px 20px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.modal-header:-webkit-full-screen .actions-wrapper .incoming-call-wrapper {
  display: block;
}
.modal-header:-webkit-full-screen .actions-wrapper .in-call-wrapper .in-call-buttons-wrapper .in-call-button.fullscreen {
  background-color: #4bc588;
  background-position: -100px -210px;
}
.modal-header:-webkit-full-screen .actions-wrapper .outgoing-call-wrapper {
  display: block;
}
.modal-header:-webkit-full-screen .actions-wrapper:hover {
  left: -20px;
}
.modal-header:-webkit-full-screen .actions-wrapper .delete-history-wrapper {
  position: static;
  text-align: center;
  margin-bottom: 15px;
}
.modal-header:-webkit-full-screen .video-wrapper {
  width: 100%;
  position: absolute;
  height: 350px;
  border: 0;
}
.modal-header:-webkit-full-screen .video-wrapper #videos {
  width: 100%;
  height: 100%;
}
.modal-header:-webkit-full-screen .video-wrapper #videos #video_sub {
  width: 100%;
  height: 100%;
}
.modal-header:-webkit-full-screen .video-wrapper #videos #video_pub {
  width: 200px;
  height: 150px;
}
.modal-header:-webkit-full-screen .video-wrapper #kurento_video_pub {
  width: 200px;
  height: 150px;
}
.modal-header:-webkit-full-screen .video-wrapper #kurento_video_sub {
  width: 100%;
  height: 100%;
}
.modal-header:-webkit-full-screen .chat-wrapper {
  display: none;
}
.modal-header:-webkit-full-screen .options-wrapper {
  display: none;
}
.modal-header:-moz-full-screen {
  width: 100%;
  height: 100%;
}
.modal-header:-moz-full-screen .time-wrapper {
  position: static;
  margin-bottom: 14px;
}
.modal-header:-moz-full-screen .time-wrapper .time-counter {
  color: white;
}
.modal-header:-moz-full-screen .actions-wrapper {
  z-index: 99;
  position: absolute;
  top: 100px;
  left: -100px;
  width: 110px;
  height: initial;
  padding-left: 20px;
  border: none;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 20px 20px 20px 20px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.modal-header:-moz-full-screen .actions-wrapper .incoming-call-wrapper {
  display: block;
}
.modal-header:-moz-full-screen .actions-wrapper .in-call-wrapper .in-call-buttons-wrapper .in-call-button.fullscreen {
  background-color: #4bc588;
  background-position: -100px -210px;
}
.modal-header:-moz-full-screen .actions-wrapper .outgoing-call-wrapper {
  display: block;
}
.modal-header:-moz-full-screen .actions-wrapper:hover {
  left: -20px;
}
.modal-header:-moz-full-screen .actions-wrapper .delete-history-wrapper {
  position: static;
  text-align: center;
  margin-bottom: 15px;
}
.modal-header:-moz-full-screen .video-wrapper {
  width: 100%;
  position: absolute;
  height: 350px;
  border: 0;
}
.modal-header:-moz-full-screen .video-wrapper #videos {
  width: 100%;
  height: 100%;
}
.modal-header:-moz-full-screen .video-wrapper #videos #video_sub {
  width: 100%;
  height: 100%;
}
.modal-header:-moz-full-screen .video-wrapper #videos #video_pub {
  width: 200px;
  height: 150px;
}
.modal-header:-moz-full-screen .video-wrapper #kurento_video_pub {
  width: 200px;
  height: 150px;
}
.modal-header:-moz-full-screen .video-wrapper #kurento_video_sub {
  width: 100%;
  height: 100%;
}
.modal-header:-moz-full-screen .chat-wrapper {
  display: none;
}
.modal-header:-moz-full-screen .options-wrapper {
  display: none;
}
.modal-header:-ms-fullscreen {
  width: 100%;
  height: 100%;
}
.modal-header:-ms-fullscreen .time-wrapper {
  position: static;
  margin-bottom: 14px;
}
.modal-header:-ms-fullscreen .time-wrapper .time-counter {
  color: white;
}
.modal-header:-ms-fullscreen .actions-wrapper {
  z-index: 99;
  position: absolute;
  top: 100px;
  left: -100px;
  width: 110px;
  height: initial;
  padding-left: 20px;
  border: none;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 20px 20px 20px 20px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.modal-header:-ms-fullscreen .actions-wrapper .incoming-call-wrapper {
  display: block;
}
.modal-header:-ms-fullscreen .actions-wrapper .in-call-wrapper .in-call-buttons-wrapper .in-call-button.fullscreen {
  background-color: #4bc588;
  background-position: -100px -210px;
}
.modal-header:-ms-fullscreen .actions-wrapper .outgoing-call-wrapper {
  display: block;
}
.modal-header:-ms-fullscreen .actions-wrapper:hover {
  left: -20px;
}
.modal-header:-ms-fullscreen .actions-wrapper .delete-history-wrapper {
  position: static;
  text-align: center;
  margin-bottom: 15px;
}
.modal-header:-ms-fullscreen .video-wrapper {
  width: 100%;
  position: absolute;
  height: 350px;
  border: 0;
}
.modal-header:-ms-fullscreen .video-wrapper #videos {
  width: 100%;
  height: 100%;
}
.modal-header:-ms-fullscreen .video-wrapper #videos #video_sub {
  width: 100%;
  height: 100%;
}
.modal-header:-ms-fullscreen .video-wrapper #videos #video_pub {
  width: 200px;
  height: 150px;
}
.modal-header:-ms-fullscreen .video-wrapper #kurento_video_pub {
  width: 200px;
  height: 150px;
}
.modal-header:-ms-fullscreen .video-wrapper #kurento_video_sub {
  width: 100%;
  height: 100%;
}
.modal-header:-ms-fullscreen .chat-wrapper {
  display: none;
}
.modal-header:-ms-fullscreen .options-wrapper {
  display: none;
}
.modal-header:-webkit-full-screen {
  width: 100%;
  height: 100%;
}
.modal-header:-moz-full-screen {
  width: 100%;
  height: 100%;
}
.modal-header:-ms-fullscreen {
  width: 100%;
  height: 100%;
}
.modal-header:fullscreen {
  width: 100%;
  height: 100%;
}
.modal-header:-webkit-full-screen .time-wrapper {
  position: static;
  margin-bottom: 14px;
}
.modal-header:-moz-full-screen .time-wrapper {
  position: static;
  margin-bottom: 14px;
}
.modal-header:-ms-fullscreen .time-wrapper {
  position: static;
  margin-bottom: 14px;
}
.modal-header:fullscreen .time-wrapper {
  position: static;
  margin-bottom: 14px;
}
.modal-header:-webkit-full-screen .time-wrapper .time-counter {
  color: white;
}
.modal-header:-moz-full-screen .time-wrapper .time-counter {
  color: white;
}
.modal-header:-ms-fullscreen .time-wrapper .time-counter {
  color: white;
}
.modal-header:fullscreen .time-wrapper .time-counter {
  color: white;
}
.modal-header:-webkit-full-screen .actions-wrapper {
  z-index: 99;
  position: absolute;
  top: 100px;
  left: -100px;
  width: 110px;
  height: initial;
  padding-left: 20px;
  border: none;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 20px 20px 20px 20px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.modal-header:-moz-full-screen .actions-wrapper {
  z-index: 99;
  position: absolute;
  top: 100px;
  left: -100px;
  width: 110px;
  height: initial;
  padding-left: 20px;
  border: none;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 20px 20px 20px 20px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.modal-header:-ms-fullscreen .actions-wrapper {
  z-index: 99;
  position: absolute;
  top: 100px;
  left: -100px;
  width: 110px;
  height: initial;
  padding-left: 20px;
  border: none;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 20px 20px 20px 20px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.modal-header:fullscreen .actions-wrapper {
  z-index: 99;
  position: absolute;
  top: 100px;
  left: -100px;
  width: 110px;
  height: initial;
  padding-left: 20px;
  border: none;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 20px 20px 20px 20px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.modal-header:-webkit-full-screen .actions-wrapper .incoming-call-wrapper {
  display: block;
}
.modal-header:-moz-full-screen .actions-wrapper .incoming-call-wrapper {
  display: block;
}
.modal-header:-ms-fullscreen .actions-wrapper .incoming-call-wrapper {
  display: block;
}
.modal-header:fullscreen .actions-wrapper .incoming-call-wrapper {
  display: block;
}
.modal-header:-webkit-full-screen .actions-wrapper .in-call-wrapper .in-call-buttons-wrapper .in-call-button.fullscreen {
  background-color: #4bc588;
  background-position: -100px -210px;
}
.modal-header:-moz-full-screen .actions-wrapper .in-call-wrapper .in-call-buttons-wrapper .in-call-button.fullscreen {
  background-color: #4bc588;
  background-position: -100px -210px;
}
.modal-header:-ms-fullscreen .actions-wrapper .in-call-wrapper .in-call-buttons-wrapper .in-call-button.fullscreen {
  background-color: #4bc588;
  background-position: -100px -210px;
}
.modal-header:fullscreen .actions-wrapper .in-call-wrapper .in-call-buttons-wrapper .in-call-button.fullscreen {
  background-color: #4bc588;
  background-position: -100px -210px;
}
.modal-header:-webkit-full-screen .actions-wrapper .outgoing-call-wrapper {
  display: block;
}
.modal-header:-moz-full-screen .actions-wrapper .outgoing-call-wrapper {
  display: block;
}
.modal-header:-ms-fullscreen .actions-wrapper .outgoing-call-wrapper {
  display: block;
}
.modal-header:fullscreen .actions-wrapper .outgoing-call-wrapper {
  display: block;
}
.modal-header:-webkit-full-screen .actions-wrapper:hover {
  left: -20px;
}
.modal-header:-moz-full-screen .actions-wrapper:hover {
  left: -20px;
}
.modal-header:-ms-fullscreen .actions-wrapper:hover {
  left: -20px;
}
.modal-header:fullscreen .actions-wrapper:hover {
  left: -20px;
}
.modal-header:-webkit-full-screen .actions-wrapper .delete-history-wrapper {
  position: static;
  text-align: center;
  margin-bottom: 15px;
}
.modal-header:-moz-full-screen .actions-wrapper .delete-history-wrapper {
  position: static;
  text-align: center;
  margin-bottom: 15px;
}
.modal-header:-ms-fullscreen .actions-wrapper .delete-history-wrapper {
  position: static;
  text-align: center;
  margin-bottom: 15px;
}
.modal-header:fullscreen .actions-wrapper .delete-history-wrapper {
  position: static;
  text-align: center;
  margin-bottom: 15px;
}
.modal-header:-webkit-full-screen .video-wrapper {
  width: 100%;
  position: absolute;
  height: 350px;
  border: 0;
}
.modal-header:-moz-full-screen .video-wrapper {
  width: 100%;
  position: absolute;
  height: 350px;
  border: 0;
}
.modal-header:-ms-fullscreen .video-wrapper {
  width: 100%;
  position: absolute;
  height: 350px;
  border: 0;
}
.modal-header:fullscreen .video-wrapper {
  width: 100%;
  position: absolute;
  height: 350px;
  border: 0;
}
.modal-header:-webkit-full-screen .video-wrapper #videos {
  width: 100%;
  height: 100%;
}
.modal-header:-moz-full-screen .video-wrapper #videos {
  width: 100%;
  height: 100%;
}
.modal-header:-ms-fullscreen .video-wrapper #videos {
  width: 100%;
  height: 100%;
}
.modal-header:fullscreen .video-wrapper #videos {
  width: 100%;
  height: 100%;
}
.modal-header:-webkit-full-screen .video-wrapper #videos #video_sub {
  width: 100%;
  height: 100%;
}
.modal-header:-moz-full-screen .video-wrapper #videos #video_sub {
  width: 100%;
  height: 100%;
}
.modal-header:-ms-fullscreen .video-wrapper #videos #video_sub {
  width: 100%;
  height: 100%;
}
.modal-header:fullscreen .video-wrapper #videos #video_sub {
  width: 100%;
  height: 100%;
}
.modal-header:-webkit-full-screen .video-wrapper #videos #video_pub {
  width: 200px;
  height: 150px;
}
.modal-header:-moz-full-screen .video-wrapper #videos #video_pub {
  width: 200px;
  height: 150px;
}
.modal-header:-ms-fullscreen .video-wrapper #videos #video_pub {
  width: 200px;
  height: 150px;
}
.modal-header:fullscreen .video-wrapper #videos #video_pub {
  width: 200px;
  height: 150px;
}
.modal-header:-webkit-full-screen .video-wrapper #kurento_video_pub {
  width: 200px;
  height: 150px;
}
.modal-header:-moz-full-screen .video-wrapper #kurento_video_pub {
  width: 200px;
  height: 150px;
}
.modal-header:-ms-fullscreen .video-wrapper #kurento_video_pub {
  width: 200px;
  height: 150px;
}
.modal-header:fullscreen .video-wrapper #kurento_video_pub {
  width: 200px;
  height: 150px;
}
.modal-header:-webkit-full-screen .video-wrapper #kurento_video_sub {
  width: 100%;
  height: 100%;
}
.modal-header:-moz-full-screen .video-wrapper #kurento_video_sub {
  width: 100%;
  height: 100%;
}
.modal-header:-ms-fullscreen .video-wrapper #kurento_video_sub {
  width: 100%;
  height: 100%;
}
.modal-header:fullscreen .video-wrapper #kurento_video_sub {
  width: 100%;
  height: 100%;
}
.modal-header:-webkit-full-screen .chat-wrapper {
  display: none;
}
.modal-header:-moz-full-screen .chat-wrapper {
  display: none;
}
.modal-header:-ms-fullscreen .chat-wrapper {
  display: none;
}
.modal-header:fullscreen .chat-wrapper {
  display: none;
}
.modal-header:-webkit-full-screen .options-wrapper {
  display: none;
}
.modal-header:-moz-full-screen .options-wrapper {
  display: none;
}
.modal-header:-ms-fullscreen .options-wrapper {
  display: none;
}
.modal-header:fullscreen .options-wrapper {
  display: none;
}
.popover {
  max-width: 480px;
}
@media only screen and (max-width: 767px) {
  .popover {
    width: 300px !important;
    left: 50% !important;
    margin-left: -150px !important;
  }
}
@media only screen and (max-width: 767px) {
  .popover .arrow {
    display: none !important;
  }
}
.popover-title {
  font-size: 12px;
  font-weight: 700;
}
.popover-content {
  font-size: 12px;
}
.hidden-no-bootstrap {
  display: none;
}
.floatLeft {
  float: left;
}
.floatRight {
  float: right;
}
.text-italic {
  font-style: italic;
}
.text-underline {
  text-decoration: underline;
}
.text-strikethrough {
  text-decoration: line-through;
}
.rubl {
  font-family: 'CirceRounded';
  display: inline-block;
  vertical-align: middle;
}
.rubl.s19 {
  font-size: 19px;
}
.rubl.s21 {
  font-size: 21px;
}
.rubl.s23 {
  font-size: 23px;
}
.navigation {
  line-height: 70px;
  height: 70px;
}
.navigation ul {
  list-style: none;
}
.navigation ul li {
  float: left;
  padding: 0 15px;
}
.navigation ul li a {
  color: #08c0de;
  font-size: 18px;
  display: inline-block;
}
.navigation ul li a i.settings-ico {
  vertical-align: middle;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  background: url('/images/default/dashboard-icons.png') no-repeat -24px -24px;
}
.navigation ul li a:hover {
  text-decoration: none;
  color: #08c0de;
}
.navigation ul li.active {
  border-bottom: 2px solid #333;
}
.navigation ul li.active a {
  color: #333;
}
.navigation ul li.active a i.settings-ico {
  background-position: -24px 0;
}
.navigation ul li.active a:hover {
  color: #333;
}
.navigation .iphone-app {
  float: right;
}
.navigation .iphone-app .text {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  color: #666666;
}
.navigation .iphone-app .text .apple-ico {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: baseline;
  margin: 0 5px;
  background: url('/images/default/apple-icon-grey.png') no-repeat center center;
}
.navigation .teaser-wrapper {
  float: right;
  line-height: 66px;
}
.navigation .teaser-wrapper .teaser {
  display: inline-block;
  vertical-align: middle;
}
.navigation .nav-history-wrapper {
  float: right;
}
.navigation .nav-history-wrapper .nav-history {
  display: inline-block;
  vertical-align: middle;
  color: #08c0de;
}
.navigation .nav-history-wrapper .nav-history .watch-ico {
  position: relative;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
  background: url('/images/default/dashboard-icons.png') no-repeat -48px -24px;
}
.navigation .nav-history-wrapper .nav-history .text {
  display: inline-block;
  vertical-align: middle;
  line-height: 24px;
  font-size: 18px;
}
.navigation .nav-history-wrapper .nav-history.empty {
  color: #959595;
}
.navigation .nav-history-wrapper .nav-history.empty .watch-ico {
  background-position: -48px -48px;
}
.navigation .nav-history-wrapper.active {
  border-bottom: 2px solid #333;
}
.navigation .nav-history-wrapper.active .nav-history {
  color: #333;
}
.navigation .nav-history-wrapper.active .nav-history .watch-ico {
  background-position: -48px 0;
}
.navigation .nav-history-wrapper.active .nav-history.empty {
  color: #333;
}
.navigation .nav-history-wrapper.active .nav-history.empty .watch-ico {
  background-position: -48px 0;
}
.rub {
  display: inline-block;
  text-indent: -4px;
  font-weight: normal;
}
.content {
  width: 1164px;
  margin: auto;
}
@media only screen and (max-width: 1204px) {
  .content {
    width: 100%;
    min-width: 320px;
  }
}
.content.wide {
  padding: 0 20px;
}
.content.relative {
  position: relative;
}
.indent-4 {
  text-indent: -2px;
}
.line-styled {
  background: #f0505a;
  width: 100px;
  height: 3px;
  border-radius: 3px 3px 3px 3px;
}
.pagination ul li {
  display: inline-block;
  vertical-align: middle;
  width: 38px;
  height: 38px;
  text-align: center;
  line-height: 2;
}
.pagination ul li.page-nav {
  background: url('/images/onlinedoctor/arrows/blue-arrow.png');
  background-size: 40px 37px;
  width: 20px;
  height: 37px;
  opacity: 0.3;
  cursor: pointer;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.pagination ul li.page-nav:hover {
  opacity: 1;
}
.pagination ul li.page-nav.prev {
  margin-right: 10px;
}
.pagination ul li.page-nav.next {
  background-position: -20px 0;
  margin-left: 10px;
}
.pagination ul li.page-nav.disabled {
  cursor: not-allowed;
}
.pagination ul li.page-nav a {
  display: block;
  width: 100%;
  height: 100%;
  background: none;
  border: 0;
  margin: 0;
}
.pagination ul li.active {
  background: #00aabe;
  border-radius: 50% 50% 50% 50%;
}
.pagination ul li.active span {
  color: white;
  background: none;
  border: 0;
}
.pagination ul li a,
.pagination ul li span {
  font-size: 24px;
  padding: 0;
  border: 0;
  color: black;
  float: none;
  vertical-align: top;
  margin-top: 10px;
}
.inner {
  max-width: 1164px;
  min-width: 320px;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (max-width: 1240px) {
  .inner {
    padding-left: 45px;
    padding-right: 45px;
  }
}
@media only screen and (max-width: 1150px) {
  .inner {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .inner {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (max-width: 1240px) {
  .inner {
    width: 100%;
  }
}
.inner.wide {
  width: 1184px;
  min-width: 320px;
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (max-width: 1240px) {
  .inner.wide {
    padding-left: 45px;
    padding-right: 45px;
  }
}
@media only screen and (max-width: 1150px) {
  .inner.wide {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .inner.wide {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (max-width: 1240px) {
  .inner.wide {
    width: 100%;
  }
}
.inner.od-modify {
  padding: 0;
  width: 100%;
}
.inner-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.slick-dots {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.slick-dots li {
  margin-right: 8px;
  width: 10px;
  height: 10px;
  background: transparent;
  border: 1px solid #cacaca;
  border-radius: 50% 50% 50% 50%;
}
.slick-dots li:last-child {
  margin-right: 0;
}
.slick-dots li button {
  display: none;
}
.slick-dots li.slick-active {
  background: #00aabe;
}
iframe {
  z-index: 1100 !important;
}
@media (max-width: 1165px) {
  #call-us-cont {
    display: none;
  }
}
.badge.pink {
  background-color: #e8503e;
  font-style: normal;
  font-size: 10px;
  position: absolute;
  min-width: 15px;
  height: 15px;
  line-height: 15px;
  padding: 0 2px;
  text-align: center;
  top: -5px;
  left: -8px;
  border-radius: 50% 50% 50% 50%;
}
.rating-wrapper {
  display: inline-block;
  vertical-align: middle;
  line-height: 40px;
}
.rating-wrapper ul.rating li.rating-star {
  width: 60px;
  height: 40px;
  float: left;
  background: url('/images/default/rate-star.png') no-repeat;
  background-position: 0 0;
  background-size: 100%;
  cursor: pointer;
}
.rating-wrapper ul.rating li.rating-star:hover {
  background-position: 0 -40px;
}
.rating-wrapper ul.rating li.rating-star.hovered {
  background-position: 0 -40px;
}
.rating-wrapper ul.rating li.rating-star.active {
  background-position: 0 -80px;
}
.subtitle-wrapper {
  line-height: 46px;
}
.subtitle-wrapper .title {
  line-height: 30px;
  font-size: 22px;
  color: #333;
}
.title-wrapper {
  padding-top: 20px;
  line-height: 72px;
}
.title-wrapper .title {
  display: inline-block;
  line-height: 46px;
  font-size: 32px;
  color: #333;
  margin: 0;
}
.right-sidebar {
  float: right;
  width: 300px;
}
.linkified {
  color: #08c0de;
  text-decoration: none;
}
.linkified:hover {
  text-decoration: underline;
  color: #00aabe;
}
.pac-container {
  z-index: 9999;
}
.ps-container > .ps-scrollbar-y-rail {
  width: 10px;
}
.ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y,
.ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
  width: 6px;
}
.viewer-container .viewer-toolbar > li {
  float: none;
  display: inline-block;
}
.viewer-container .viewer-toolbar > li.viewer-invisible {
  display: none;
}
/* parts of site */
.panel-group {
  border-bottom: 1px solid #E1E1E5;
  margin-bottom: 0;
}
.panel-group .panel {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-top: 0;
}
.panel-group .panel-default {
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #E1E1E5;
  border-radius: 0 0 0 0;
}
.panel-group .panel-default .panel-heading {
  padding: 0;
  background: white;
}
.panel-group .panel-default .panel-heading .panel-title a {
  display: block;
  padding: 26px 26px 26px 0;
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  color: #212127;
  position: relative;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
@media only screen and (max-width: 1240px) {
  .panel-group .panel-default .panel-heading .panel-title a {
    font-size: 20px;
    line-height: 24px;
    padding: 16px 32px 16px 0;
  }
}
@media only screen and (max-width: 1240px) {
  .panel-group .panel-default .panel-heading .panel-title a {
    font-size: 18px;
    line-height: 20px;
  }
}
.panel-group .panel-default .panel-heading .panel-title a:before {
  position: absolute;
  content: "";
  width: 15px;
  height: 9px;
  right: 0;
  top: 50%;
  margin-top: -4.5px;
  background-position: 0 0;
  background: url('/images/default/accordion-arrow.png') no-repeat;
}
.panel-group .panel-default .panel-heading .panel-title a.collapsed {
  color: #212127;
}
.panel-group .panel-default .panel-heading .panel-title a.collapsed:before {
  background-position: 0 -9px;
}
.panel-group .panel-default .panel-heading .panel-title a.collapsed:hover:before {
  background-position: 0 -19px;
}
@media only screen and (max-width: 1150px) {
  .panel-group .panel-default .panel-heading .panel-title a.collapsed:hover:before {
    background-position: 0 -9px;
  }
}
.panel-group .panel-default .panel-heading .panel-title a:hover {
  color: #00aabe;
}
@media only screen and (max-width: 1150px) {
  .panel-group .panel-default .panel-heading .panel-title a:hover {
    color: #212127;
  }
}
.panel-group .panel-default .panel-heading .panel-title a:hover:before {
  background-position: 0 -19px;
}
@media only screen and (max-width: 1150px) {
  .panel-group .panel-default .panel-heading .panel-title a:hover:before {
    background-position: 0 -9px;
  }
}
.panel-group .panel-default .panel-heading .panel-title a[aria-expanded="true"] {
  color: #00aabe;
}
.panel-group .panel-default .panel-heading .panel-title a[aria-expanded="true"]:before {
  background-position: 0 -19px;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.panel-group .panel-default .panel-collapse .panel-body {
  border: none;
  padding: 0 0 28px;
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
  color: #212127;
}
@media only screen and (max-width: 767px) {
  .panel-group .panel-default .panel-collapse .panel-body {
    font-size: 16px;
    line-height: 18px;
  }
}
#attach_by_code {
  padding-bottom: 32px;
}
#attach_by_code label[for="code"] {
  font-weight: normal;
  font-size: 32px;
  line-height: 32px;
  color: black;
  display: block;
  position: relative;
  margin: 48px 0 24px;
}
@media only screen and (max-width: 1240px) {
  #attach_by_code label[for="code"] {
    color: #00aabe;
  }
}
@media only screen and (max-width: 767px) {
  #attach_by_code label[for="code"] {
    font-size: 28px;
    line-height: 28px;
  }
}
#attach_by_code .item-input {
  position: relative;
  display: inline-block;
  width: 412px;
}
@media only screen and (max-width: 767px) {
  #attach_by_code .item-input {
    width: 100%;
    margin-bottom: 44px;
  }
}
#attach_by_code .item-input .text-error {
  position: absolute;
  display: none;
}
#attach_by_code .item-input .input-attach {
  background: white;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  width: 100%;
  padding: 16px;
  height: 48px;
  border-radius: 8px 8px 8px 8px;
  border: 1px solid #E1E1E5;
  color: black;
}
#attach_by_code .item-input .input-attach:focus,
#attach_by_code .item-input .input-attach:hover,
#attach_by_code .item-input .input-attach:active {
  outline: none;
}
#attach_by_code .item-input .input-attach::-webkit-input-placeholder {
  color: #717181;
}
#attach_by_code .item-input .input-attach::-moz-placeholder {
  color: #717181;
}
#attach_by_code .item-input .input-attach:-moz-placeholder {
  color: #717181;
}
#attach_by_code .item-input .input-attach:-ms-input-placeholder {
  color: #717181;
}
#attach_by_code .item-input .clear-field {
  position: absolute;
  display: none;
  background: url("/images/default/clear_field.png") no-repeat;
  width: 19px;
  height: 19px;
  right: 0;
  top: 50%;
  margin: -8px 10px 0 0;
}
#attach_by_code .item-input .input-attach.dirty + .clear-field {
  display: block;
  cursor: pointer;
}
#attach_by_code button[type="submit"] {
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
  color: white;
  height: 46px;
  width: 168px;
  border-radius: 24px 24px 24px 24px;
  background: #97a2a6;
  margin-left: 16px;
  border: none;
  padding: 0 24px;
}
#attach_by_code button[type="submit"]:focus,
#attach_by_code button[type="submit"]:hover,
#attach_by_code button[type="submit"]:active {
  outline: none;
}
@media only screen and (max-width: 767px) {
  #attach_by_code button[type="submit"] {
    width: 100%;
    margin-left: 0;
  }
}
#attach_by_code button[type="submit"][disabled] {
  background: #9BCAD0;
}
#attach_by_code .item-input.error .input-attach {
  border-color: #f0505a;
}
#attach_by_code .item-input.error .text-error {
  display: block;
  position: absolute;
  left: 0;
  margin-top: 4px;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: #f0505a;
}
.on-doc #attach_by_code {
  margin-top: 0;
}
.all_doc #attach_by_code {
  margin-top: 140px;
}
#consolidated-filter .datepicker-days .dow,
#consolidated-filter .datepicker-days .day {
  display: none;
}
footer {
  width: 100%;
  height: 142px;
  min-width: 1204px;
}
@media only screen and (max-width: 1204px) {
  footer {
    width: 100%;
    min-width: 100%;
    height: auto;
    padding-bottom: 25px;
  }
}
footer .footer-wrap {
  width: 100%;
  padding-bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 1204px) {
  footer .footer-wrap {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  footer .footer-wrap .inner {
    padding-top: 0;
  }
}
footer .footer-wrap:before {
  margin: 0 auto 28px;
  content: "";
  display: block;
  background: #E1E1E5;
  width: 100%;
  height: 1px;
  border-radius: 0.5px 0.5px 0.5px 0.5px;
}
footer .left-side {
  font-size: 13px;
  font-weight: normal;
  width: 636px;
}
@media only screen and (max-width: 1204px) {
  footer .left-side {
    width: 484px;
  }
}
@media only screen and (max-width: 1150px) {
  footer .left-side {
    width: 100%;
    padding-bottom: 21px;
    border-bottom: 1px solid #E1E1E5;
  }
}
footer .left-side .partner_logo {
  margin: 0 15px 0 0;
}
@media only screen and (max-width: 413px) {
  footer .left-side .partner_logo {
    margin-bottom: 10px;
  }
}
footer .left-side .company {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #8B8B9A;
  font-size: 12px;
}
footer .left-side .company .description-company {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
footer .left-side .company .copy {
  margin-bottom: 10px;
}
footer .left-side .company a {
  text-decoration: underline;
  color: #8B8B9A;
}
footer .left-side .company a:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 413px) {
  footer .left-side .company {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
footer .left-side .footer-menu {
  list-style: none;
  color: #00aabe;
}
footer .left-side .footer-menu li {
  display: inline-block;
  vertical-align: middle;
  line-height: 18px;
  font-size: 16px;
  margin: 0 24px 28px 0;
  color: inherit;
}
@media only screen and (max-width: 767px) {
  footer .left-side .footer-menu li {
    margin: 0 10px 23px 0;
  }
}
footer .left-side .footer-menu li:last-child {
  margin-right: 0;
}
footer .left-side .footer-menu li a {
  display: block;
  color: inherit;
}
@media only screen and (max-width: 1150px) {
  footer .middle-side {
    padding-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  footer .middle-side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
footer .apps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 1150px) {
  footer .apps {
    padding-top: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  footer .apps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
footer .apps .ios {
  background: url('/images/default/appstore-download-ru.svg') no-repeat;
  background-size: contain;
  background-position: center;
  width: 166px;
  height: 48px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 1150px) {
  footer .apps .ios {
    margin-right: 8px;
    margin-bottom: 0;
    width: 124px;
    height: 36px;
  }
}
@media only screen and (max-width: 767px) {
  footer .apps .ios {
    margin-right: 0;
  }
}
footer .apps .android {
  background: url('/images/default/googleplay-download-ru.svg') no-repeat;
  background-size: contain;
  background-position: center;
  width: 166px;
  height: 48px;
}
@media only screen and (max-width: 1150px) {
  footer .apps .android {
    width: 124px;
    height: 36px;
  }
}
footer .apps a {
  display: block;
}
footer .support {
  font-weight: normal;
  margin-bottom: 24px;
  cursor: default;
}
@media only screen and (max-width: 1150px) {
  footer .support {
    margin-bottom: 0;
    margin-right: 50px;
  }
}
footer .support .social-menu {
  display: none;
  padding: 0;
  text-align: right;
}
footer .support .social-menu span {
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
  color: #8B8B9A;
}
footer .support .social-menu .tel {
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  color: #212127;
  border-bottom: 0;
  margin-bottom: 0;
}
footer .social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 1150px) {
  footer .social {
    margin: 8px 0 0 50px;
  }
}
@media only screen and (max-width: 767px) {
  footer .social {
    margin: 15px 0 0 0;
    text-align: center;
  }
}
footer .social > div {
  display: inline-block;
  vertical-align: middle;
  width: 36px;
  height: 36px;
  cursor: pointer;
  background: url("/images/default/Sprite-contacts.png") no-repeat;
  margin-left: 16px;
  background-position: -72px 0;
  opacity: 0.9;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
footer .social > div.whatsapp {
  background: url("/images/default/whatsapp_footer.png") no-repeat;
}
footer .social > div:first-child {
  margin-left: 0;
}
footer .social > div.mail {
  background-position: -108px 0;
}
footer .social > div a {
  display: block;
  width: 100%;
  height: 100%;
}
footer .social > div:hover {
  opacity: 1;
}
footer .support {
  margin-right: 0;
}
footer .tiny-text {
  font-size: 12px;
  line-height: 14px;
  font-weight: normal;
  color: #8B8B9A;
}
@media only screen and (max-width: 1150px) {
  footer .tiny-text {
    width: 618px;
  }
}
@media only screen and (max-width: 767px) {
  footer .tiny-text {
    width: 100%;
    clear: both;
  }
}
footer .cookie-notice {
  position: fixed;
  bottom: 20px;
  left: 20px;
  padding: 12px 16px 12px;
  line-height: 1.1;
  background: #F9F9F9;
  border-radius: 15px 15px 15px 15px;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0 0 17px 9px rgba(34, 60, 80, 0.13);
  box-shadow: 0 0 17px 9px rgba(34, 60, 80, 0.13);
  z-index: 99999;
}
@media only screen and (max-width: 767px) {
  footer .cookie-notice {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    bottom: 20px;
    left: 0;
    margin: 10px;
  }
}
footer .cookie-notice_text {
  max-width: 500px;
}
footer .cookie-notice_btn {
  display: inline-block;
  padding: 0 10px;
  height: 32px;
  border: 0;
  background: #EBF4F6;
  border-radius: 3px 3px 3px 3px;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  color: #00aabe;
  margin: 0 0 0 30px;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 767px) {
  footer .cookie-notice_btn {
    margin: 10px 0 0 0;
  }
}
header {
  min-width: 1204px;
  background: white;
  width: 100%;
  min-width: 960px;
  font-weight: normal;
  text-align: center;
  position: fixed;
  top: 0;
  z-index: 1010;
  -webkit-transition: -webkit-box-shadow 0.1s ease-out;
  transition: -webkit-box-shadow 0.1s ease-out;
  transition: box-shadow 0.1s ease-out;
  transition: box-shadow 0.1s ease-out, -webkit-box-shadow 0.1s ease-out;
}
header.has-shadow {
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 1204px) {
  header {
    min-width: 320px;
    width: 100%;
  }
}
header .wide {
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
header .wide .left-side {
  padding-top: 4px;
}
@media only screen and (max-width: 1150px) {
  header .wide .left-side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  header .wide .left-side {
    width: 90%;
    padding-top: 0;
  }
}
header .wide .left-side > div,
header .wide .left-side > ul {
  display: inline-block;
  vertical-align: middle;
}
header .wide .left-side #logo {
  display: inline-block;
  margin-right: 30px;
  cursor: pointer;
}
@media only screen and (max-width: 1150px) {
  header .wide .left-side #logo {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media only screen and (max-width: 767px) {
  header .wide .left-side #logo {
    text-align: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 90%;
    margin-right: 0;
  }
}
header .wide .left-side #logo > a {
  display: block;
  width: 100%;
  height: 100%;
}
header .wide .left-side .menu-mobile {
  width: 24px;
  height: 24px;
  background: url('/images/default/Menu.svg');
  display: none;
}
@media only screen and (max-width: 1150px) {
  header .wide .left-side .menu-mobile {
    display: block;
    margin-right: 30px;
  }
}
header .wide .left-side .top-menu {
  list-style: none;
  font-size: 18px;
}
@media only screen and (max-width: 1150px) {
  header .wide .left-side .top-menu {
    display: none;
  }
}
header .wide .left-side .top-menu > li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
  color: #333;
  position: relative;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
@media only screen and (max-width: 1150px) {
  header .wide .left-side .top-menu > li {
    display: block;
    padding: 12px 24px;
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    color: #00aabe;
  }
}
header .wide .left-side .top-menu > li:first-child {
  padding-top: 0;
}
header .wide .left-side .top-menu > li.active,
header .wide .left-side .top-menu > li:hover {
  color: #00aabe;
}
header .wide .left-side .top-menu > li.active-menu ul.dropmenu-top {
  display: block;
}
header .wide .left-side .top-menu > li.active-menu .services-button:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
header .wide .left-side .top-menu > li .services-button {
  background: transparent;
  border: 0;
  padding: 0 32px 0 10px;
  position: relative;
}
header .wide .left-side .top-menu > li .services-button:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 12px;
  height: 7px;
  margin-top: -3.5px;
  background: url('/images/default/dropdown.svg') no-repeat;
}
header .wide .left-side .top-menu > li a,
header .wide .left-side .top-menu > li .services-button {
  font-weight: normal;
  color: inherit;
  position: relative;
}
header .wide .left-side .top-menu > li a .icon-care,
header .wide .left-side .top-menu > li .services-button .icon-care {
  position: absolute;
  width: 20px;
  height: 20px;
  font-size: 12px;
  text-align: center;
  line-height: 23px;
  margin: -8px -15px 0 0;
  color: white;
  right: 0;
  top: 0;
  display: inline-block;
  background: url('/images/default/heart.svg') no-repeat;
  background-size: cover;
  border-radius: 3px 3px 3px 3px;
}
@media only screen and (max-width: 1150px) {
  header .wide .left-side .top-menu > li a .icon-care,
  header .wide .left-side .top-menu > li .services-button .icon-care {
    margin-right: -20px;
  }
}
header .wide .left-side .top-menu > li ul.dropmenu-top {
  min-width: 205px;
  display: none;
  z-index: 10;
  position: absolute;
  padding: 30px 20px;
  background: white;
  -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
          box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
  right: 0;
  top: 100%;
  margin-top: 12px;
  border-radius: 8px 8px 8px 8px;
}
header .wide .left-side .top-menu > li ul.dropmenu-top li {
  text-align: left;
}
header .wide .left-side .top-menu > li ul.dropmenu-top li a {
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  color: #212127;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
header .wide .left-side .top-menu > li ul.dropmenu-top li a:hover {
  color: #00aabe;
}
header .block-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 1240px) {
  header .block-header .support {
    margin-right: 0;
  }
}
@media only screen and (max-width: 1150px) {
  header .block-header .support {
    margin-right: 40px;
  }
}
@media only screen and (max-width: 767px) {
  header .block-header .support {
    margin-right: 0;
  }
}
header .block-header .support .social-menu {
  display: none;
}
@media only screen and (max-width: 767px) {
  header .block-header .support .social-menu {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  header .block-header .support span {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  header .block-header .support a.tel {
    text-indent: -9999px;
    width: 24px;
    height: 24px;
    margin-top: 12px;
    border-bottom: 0;
    background: url('/images/default/Phone.svg') no-repeat;
  }
}
@media only screen and (max-width: 767px) {
  header .block-header .support .all-support {
    display: none;
  }
}
header .block-header .phone-block {
  margin: 5px 25px 0 0;
}
header .block-header .phone-block p {
  line-height: 1.1;
  font-size: 24px;
  font-weight: bold;
  color: black;
  margin-bottom: 0;
}
header .block-header .phone-block span {
  display: block;
  line-height: 1.1;
  font-size: 16px;
  font-weight: normal;
  color: #b7b9bb;
}
header .login-form {
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  header .login-form {
    display: none;
  }
}
header .login-form .login {
  display: inline-block;
  vertical-align: middle;
  color: inherit;
  cursor: pointer;
  position: relative;
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
}
header .login-form .login:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background: url('/images/onlinedoctor/enter_icon.svg') no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  margin-right: 4px;
  margin-top: -5px;
}
header .login-form > div {
  display: inline-block;
  vertical-align: middle;
}
header .top-menu > li {
  color: black;
}
header .top-menu > li.active,
header .top-menu > li:hover {
  color: #08c0de;
}
header .top-menu > li a {
  font-weight: bold;
  position: relative;
}
header .top-menu > li a .icon-care {
  position: absolute;
  width: 20px;
  height: 20px;
  font-size: 12px;
  text-align: center;
  line-height: 23px;
  border-radius: 3px 3px 3px 3px;
  margin: -8px -15px 0 0;
  color: white;
  right: 0;
  top: 0;
  display: inline-block;
  background: url('/images/default/heart.svg') no-repeat;
  background-size: cover;
}
header .user-profile {
  position: relative;
  background: #EEEEEF;
  border-radius: 8px 8px 8px 8px;
  padding: 12px 16px;
}
@media only screen and (max-width: 767px) {
  header .user-profile {
    display: none;
  }
}
header .user-profile > div {
  display: inline-block;
  vertical-align: middle;
}
header .user-profile ul {
  background: white;
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15);
  padding: 15px;
  display: none;
  position: absolute;
  z-index: 100;
  top: 40px;
  right: 0;
  list-style: none;
  border-radius: 15px 15px 15px 15px;
}
header .user-profile ul li {
  font-size: 18px;
  font-weight: normal;
  color: black;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  max-width: 300px;
}
header .user-profile ul li:hover {
  color: #006672;
}
header .user-profile ul li a {
  color: inherit;
  display: block;
}
header .user-profile .username-wrapper {
  cursor: pointer;
}
header .user-profile .username-wrapper.opened + ul {
  display: block;
  text-align: left;
}
header .user-profile .username-wrapper .username {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  color: #717181;
  font-size: 18px;
  font-weight: normal;
  border-bottom: none;
}
header .user-profile .user-profile-avatar {
  width: 24px;
  height: 24px;
  border: 0;
  margin-right: 8px;
  background: url('/images/default/profile-ava.svg') no-repeat;
}
header .logged-navigation {
  background: none;
  height: 44px;
  margin: 0;
  overflow: hidden;
  text-align: left;
  border-top: 1px solid #EFEFF0;
}
@media only screen and (max-width: 1150px) {
  header .logged-navigation {
    display: none;
  }
}
header .logged-navigation .nav-menu {
  list-style: none;
  vertical-align: top;
}
header .logged-navigation .nav-menu li {
  display: inline-block;
  color: #333;
  font-size: 16px;
  font-weight: normal;
  line-height: 39px;
  margin-right: 40px;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
header .logged-navigation .nav-menu li a {
  color: inherit;
  line-height: 30px;
}
header .logged-navigation .nav-menu li.active,
header .logged-navigation .nav-menu li:hover {
  color: #00aabe;
}
header .logged-navigation .nav-menu li.history {
  position: relative;
  text-align: right;
}
header .logged-navigation .nav-menu li.history span {
  background: #e8503e !important;
  color: white;
  border-radius: 10px 10px 10px 10px;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  line-height: 13px;
  padding: 2px 5px;
  position: absolute;
  top: 1px;
}
header .logged-navigation .nav-menu li.history span:empty {
  display: none;
}
header .logged-navigation .user-balance-wrapper {
  padding: 0 15px;
  width: 190px;
  height: 39px;
}
@media only screen and (max-width: 1150px) {
  header .logged-navigation .user-balance-wrapper {
    display: none;
  }
}
header .logged-navigation .user-balance-wrapper .balance-value {
  display: block;
  height: 100%;
  font-size: 22px;
  color: white;
  line-height: 1.1;
}
header .logged-navigation .user-balance-wrapper .balance-value:before {
  content: "";
  background: url('/images/onlinedoctor/moneybag.png') no-repeat;
  width: 24px;
  height: 21px;
  margin-right: 10px;
  margin-bottom: 8px;
  display: inline-block;
  vertical-align: middle;
}
header.mobile-ver {
  position: absolute;
}
.menu-mobile_list {
  display: none;
}
@media only screen and (max-width: 1150px) {
  .menu-mobile_list {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    position: fixed;
    top: 0;
    display: block;
    left: 0;
    overflow-y: scroll;
    width: 236px;
    z-index: 1050;
    min-height: 100vh;
    height: 100%;
    background: white;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform: translateX(-236px);
            transform: translateX(-236px);
  }
}
.menu-mobile_list .logout-button {
  padding: 24px;
  font-weight: bold;
  margin-bottom: 100px;
  font-size: 16px;
  line-height: 18px;
  color: #f0505a;
  width: 100%;
  display: block;
}
.menu-mobile_list .logged-navigation {
  padding: 32px 0;
  max-height: 100%;
  border-top: 1px solid #E1E1E5;
}
.menu-mobile_list .logged-navigation .nav-menu {
  list-style: none;
  vertical-align: top;
  background: none;
}
.menu-mobile_list .logged-navigation .nav-menu li {
  display: block;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  padding: 12px 24px;
  margin: 0;
  text-align: left;
  color: #8B8B9A;
}
.menu-mobile_list .logged-navigation .nav-menu li:first-child {
  padding-top: 0;
}
.menu-mobile_list .logged-navigation .nav-menu li a {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: inherit;
}
.menu-mobile_list .logged-navigation .nav-menu li.history {
  position: relative;
}
.menu-mobile_list .logged-navigation .nav-menu li.history span {
  background: #e8503e !important;
  color: white;
  border-radius: 10px 10px 10px 10px;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  line-height: 13px;
  padding: 2px 5px;
  position: absolute;
  top: 4px;
}
.menu-mobile_list .logged-navigation .nav-menu li.history span:empty {
  display: none;
}
@media only screen and (max-width: 1150px) {
  .menu-mobile_list .logged-navigation .nav-menu li.active a {
    font-weight: bold;
  }
}
.menu-mobile_list .user-profile {
  display: none;
}
@media only screen and (max-width: 767px) {
  .menu-mobile_list .user-profile {
    margin: 0;
    width: 100%;
    max-width: 100%;
    background: white;
    padding: 20px 16px 20px 22px;
    border-bottom: 1px solid #E1E1E5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border-radius: 0 0 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .menu-mobile_list .user-profile ul {
    display: none;
  }
}
.menu-mobile_list .user-profile .username-wrapper {
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
  color: #717181;
}
.menu-mobile_list .user-profile .user-profile-avatar {
  width: 24px;
  height: 24px;
  border: 0;
  margin-right: 8px;
  background: url('/images/default/profile-ava.svg') no-repeat;
}
.menu-mobile_list .login-form {
  display: none;
}
@media only screen and (max-width: 767px) {
  .menu-mobile_list .login-form {
    display: block;
    padding: 20px 16px;
    border-bottom: 1px solid #E1E1E5;
  }
}
.menu-mobile_list .login-form .login {
  display: inline-block;
  vertical-align: middle;
  color: inherit;
  cursor: pointer;
  position: relative;
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
}
.menu-mobile_list .login-form .login:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background: url('/images/onlinedoctor/enter_icon.svg') no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  margin-right: 4px;
  margin-top: -5px;
}
.menu-mobile_list .top-menu {
  list-style: none;
  font-size: 18px;
}
@media only screen and (max-width: 1150px) {
  .menu-mobile_list .top-menu {
    padding: 32px 0;
    border-bottom: 1px solid #E1E1E5;
  }
}
.menu-mobile_list .top-menu > li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
  color: #333;
  position: relative;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
@media only screen and (max-width: 1150px) {
  .menu-mobile_list .top-menu > li {
    display: block;
    padding: 0;
    font-weight: bold;
    font-size: 18px;
    margin-right: 0;
    line-height: 20px;
    color: #00aabe;
  }
}
.menu-mobile_list .top-menu > li:first-child {
  padding-top: 0;
}
.menu-mobile_list .top-menu > li.active,
.menu-mobile_list .top-menu > li:hover {
  color: #00aabe;
}
@media only screen and (max-width: 1150px) {
  .menu-mobile_list .top-menu > li.active a,
  .menu-mobile_list .top-menu > li:hover a {
    font-weight: inherit;
  }
}
.menu-mobile_list .top-menu > li.active-menu .services-button:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.menu-mobile_list .top-menu > li .services-button {
  background: transparent;
  border: 0;
  padding: 0 32px 0 0;
}
@media only screen and (max-width: 1150px) {
  .menu-mobile_list .top-menu > li .services-button {
    padding: 0;
    width: 100%;
    text-align: left;
  }
}
.menu-mobile_list .top-menu > li .services-button:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 12px;
  height: 7px;
  margin-top: -3.5px;
  background: url('/images/default/dropdown.svg') no-repeat;
}
.menu-mobile_list .top-menu > li a,
.menu-mobile_list .top-menu > li .services-button {
  font-weight: normal;
  color: inherit;
  position: relative;
}
.menu-mobile_list .top-menu > li a .icon-care,
.menu-mobile_list .top-menu > li .services-button .icon-care {
  position: absolute;
  width: 20px;
  height: 20px;
  font-size: 12px;
  text-align: center;
  line-height: 23px;
  border-radius: 3px 3px 3px 3px;
  margin: -8px -15px 0 0;
  color: white;
  right: 0;
  top: 0;
  display: inline-block;
  background: url('/images/default/heart.svg') no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 1150px) {
  .menu-mobile_list .top-menu > li a .icon-care,
  .menu-mobile_list .top-menu > li .services-button .icon-care {
    margin-right: -34px;
    right: 50%;
    margin-top: 4px;
  }
}
@media only screen and (max-width: 1150px) {
  .menu-mobile_list .top-menu > li a,
  .menu-mobile_list .top-menu > li .services-button {
    padding: 12px 24px;
    width: 100%;
    display: block;
  }
}
.menu-mobile_list .top-menu > li ul.dropmenu-top {
  min-width: 205px;
  display: none;
  z-index: 10;
  position: absolute;
  padding: 16px 20px;
  background: white;
  -webkit-box-shadow: 0px 6px 15px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0px 6px 15px 0 rgba(0, 0, 0, 0.15);
  right: 0;
  top: 100%;
  margin-top: 28px;
  border-radius: 8px 8px 8px 8px;
}
@media only screen and (max-width: 1150px) {
  .menu-mobile_list .top-menu > li ul.dropmenu-top {
    width: 100%;
    min-width: 100%;
    text-align: left;
    position: static;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    margin-top: 0;
    padding: 0;
    overflow: hidden;
    background: #E1E1E5;
    border-radius: 0 0 0 0;
  }
}
.menu-mobile_list .top-menu > li ul.dropmenu-top li a {
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  color: #212127;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.menu-mobile_list .top-menu > li ul.dropmenu-top li a:hover {
  color: #00aabe;
}
.headroom {
  will-change: transform;
  -webkit-transition: -webkit-transform 200ms linear;
  transition: -webkit-transform 200ms linear;
  transition: transform 200ms linear;
  transition: transform 200ms linear, -webkit-transform 200ms linear;
}
.headroom--pinned {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}
.headroom--unpinned {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.concierge {
  position: fixed;
  bottom: 30px;
  right: 42px;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 1150px) {
  .concierge {
    bottom: 8px;
    right: 8px;
    z-index: 100;
  }
}
.concierge .options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.concierge .options .button {
  width: 112px;
  height: 133px;
  text-align: center;
  position: relative;
  cursor: pointer;
  background: transparent;
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#privacy-content .privacy-wrapper .privacy-item {
  padding: 30px 0;
  border-bottom: 1px solid #f0f0f0;
}
#privacy-content .privacy-wrapper .privacy-item .title {
  margin: 0 0 20px 0;
}
#privacy-content .privacy-wrapper .privacy-item .title .read-privacy-page {
  font-size: 22px;
  color: #333;
}
#privacy-content .privacy-wrapper .privacy-item .title .read-privacy-page i {
  display: inline-block;
  width: 10px;
  height: 20px;
  margin-left: 10px;
  vertical-align: middle;
  background: url('/images/default/arrows/arrow-lt-sign.png') no-repeat center center;
}
#privacy-content .privacy-wrapper .privacy-item .title .description {
  color: #666666;
}
#privacy-content .privacy-wrapper .privacy-item:last-child {
  border-bottom: none;
}
#privacy-content p {
  color: #666666;
  line-height: 30px;
  margin: 0 0 15px;
}
#privacy-content ul {
  display: table;
  padding-left: 10px;
}
#privacy-content ul li {
  color: #666666;
  display: table-row;
  line-height: 30px;
}
#privacy-content ul li:before {
  content: '\0336 ';
  color: #ed7365;
  padding-right: 20px;
  display: table-cell;
  text-align: right;
}
#requestAgreements {
  margin: 12px 0 0;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #717181;
}
#requestAgreements a {
  color: #00aabe;
}
#requestAgreements input[type="checkbox"] {
  display: none;
}
#requestAgreements label {
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
}
#requestAgreements label:before {
  content: '';
  width: 16px;
  height: 16px;
  background: url('/images/default/checkboxes-od.png') no-repeat;
  display: inline-block;
  vertical-align: middle;
  background-size: 100%;
  margin-right: 6px;
}
#requestAgreements input[type="checkbox"]:checked + label:before {
  background-position: 0 -32px;
  cursor: not-allowed;
  opacity: 0.8;
}
.right {
  margin: 0;
  padding: 0;
  overflow: hidden;
  vertical-align: top;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  display: block;
  width: 100%;
}
.right > div {
  white-space: normal;
}
.right .fullWidth {
  position: relative;
}
.right .title {
  font-size: 34px;
  color: #08c0de;
  line-height: 100px;
  text-align: center;
}
.right .title.wide {
  margin-left: -30px;
  padding: 0 30px;
  border-bottom: 1px solid #f0f0f0;
}
.right .consultation-block {
  border-bottom: 2px solid #ededed;
  padding: 30px;
  margin-left: -30px;
  margin-right: -30px;
}
.right .consultation-block .images {
  display: inline-block;
  position: relative;
}
.right .consultation-block .images .request-unread-count {
  top: 5px;
  right: 5px;
  font-size: 20px;
}
.right .consultation-block .images .img-holder {
  display: inline-block;
  width: 100px;
  height: 100px;
  overflow: hidden;
}
.right .consultation-block .images .img-holder img {
  max-width: 100%;
  border-radius: 50%;
  border: 4px solid #ededed;
  background-color: #ededed;
}
.right .consultation-block .info {
  display: inline-block;
  margin-top: 15px;
  margin-left: 25px;
  vertical-align: top;
  width: 270px;
}
.right .consultation-block .info.notification {
  width: 340px;
}
.right .consultation-block .info span {
  display: block;
  line-height: 30px;
  font-size: 18px;
}
.right .consultation-block .info span.date {
  color: #08c0de;
  font-size: 26px;
}
.right .consultation-block .info span.doctor,
.right .consultation-block .info span.child {
  color: #959595;
  font-size: 32px;
}
.right .consultation-block .info span.request-serving {
  color: #47d68e;
}
.right .consultation-block .info span.request-solved {
  color: #ededed;
}
.right .consultation-block .info span.request-canceled {
  color: #ededed;
}
.right .consultation-block .more {
  vertical-align: middle;
  float: right;
  line-height: 100px;
  padding: 30px 20px 25px 0;
}
.right .consultation-block .more a {
  background-image: url("/images/default/arrows/left-nav.png");
  background-repeat: no-repeat;
  display: inline-block;
  height: 43px;
  text-indent: -9999px;
  width: 28px;
  float: right;
}
.right .consultation-block .more a:hover {
  background-position: 0 -63px;
}
.right .consultation-block.history {
  padding-bottom: 50px;
  padding-top: 28px;
  width: inherit;
}
.right .consultation-block.history .no-history {
  margin: 0 auto;
  line-height: 40px;
  font-size: 34px;
  color: #08c0de;
}
.right .consultation-block.history a:hover,
.right .consultation-block.history a:active {
  text-decoration: none;
}
.right .consultation-block.history .info {
  margin-top: 9px;
  margin-left: 35px;
}
.right .consultation-block.history .info .date {
  text-transform: uppercase;
}
.right .consultation-block.history .more {
  margin-top: 28px;
  width: 140px;
}
.right.balance .title {
  font-size: 34px;
  color: #666666;
  position: relative;
  text-align: center;
  padding-right: 65px;
}
.right.balance .title .down-arrow {
  width: 62px;
  height: 22px;
  position: absolute;
  background: url('/images/default/arrows/title-down-arrow.png') no-repeat;
  bottom: -22px;
  left: 435px;
  display: none;
}
.right.balance .charges .charge {
  height: 100px;
  line-height: 100px;
  text-align: center;
  border-bottom: 1px solid #f0f0f0;
}
.right.balance .charges .charge a {
  font-size: 36px;
  color: #08c0de;
  text-decoration: none;
  width: 265px;
  text-align: left;
  display: inline-block;
}
.right.balance .charges .charge a .sum {
  font-size: 52px;
}
.right.balance .charges .charge a i {
  background: url('/images/default/btn_pay.png') no-repeat 0 0;
  width: 40px;
  height: 40px;
  margin-right: 20px;
  display: inline-block;
}
.right.balance .charges .charge a:hover {
  color: #f196ce;
  text-decoration: none;
}
.right.balance .charges .charge a:hover i {
  background-position: 0 -40px;
}
.right .on-duty {
  padding: 0 30px;
  background-color: #C5C5CC;
}
.right.user {
  width: 695px;
  display: inline-block;
  border-left: 2px solid #C0C6CB;
}
.right.change-password {
  width: 695px;
  display: inline-block;
  border-left: 2px solid #C0C6CB;
}
.right.change-password #form-change-password {
  text-align: center;
}
.right.change-password #form-change-password .fldset input {
  width: 320px;
}
.right.expanded {
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  border-left-width: 0;
  border-bottom-left-radius: 20px;
  min-height: inherit;
  width: 100%;
}
.support {
  margin-right: 40px;
  position: relative;
}
.support .social-menu {
  display: none;
  cursor: pointer;
  padding: 5px 10px 8px;
  overflow: hidden;
}
.support .social-menu:after {
  position: absolute;
  content: "";
  height: 10px;
  background: white;
  left: 0;
  bottom: 0;
  margin: 0 0 -1px -6px;
  z-index: 3;
  display: none;
  width: 200px;
}
.support .social-menu .tel {
  line-height: 1.1;
  font-size: 24px;
  font-weight: bold;
  color: #00aabe;
  position: relative;
  z-index: 10;
  margin-bottom: 0;
  border-bottom: 1px dashed #00aabe;
  display: inline-block;
}
.support .social-menu span {
  display: block;
  line-height: 1.1;
  font-size: 16px;
  font-weight: normal;
  color: #b7b9bb;
  position: relative;
  z-index: 10;
}
.support .social-menu:hover {
  background: white;
  position: relative;
  z-index: 10;
  overflow: visible;
}
.support .social-menu:hover .tel {
  border-bottom: 1px dashed transparent;
  color: black;
}
.support .social-menu:hover .all-support {
  opacity: 1;
  visibility: visible;
}
.support .all-support {
  opacity: 0;
  position: absolute;
  top: 0;
  padding: 76px 24px 26px;
  width: 216px;
  left: 50%;
  margin: -20px 0 0 -108px;
  text-align: center;
  visibility: hidden;
  background: white;
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15);
  border-radius: 8px 8px 8px 8px;
}
.support .all-support p {
  padding: 16px 0 8px;
  border-top: 1px solid #ededed;
  font-size: 16px;
  margin-bottom: 0;
}
.support .all-support .social > div {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  cursor: pointer;
  margin-left: 16px;
  background: url("/images/default/Sprite-contacts-top.png") no-repeat;
  position: relative;
}
.support .all-support .social > div.whatsapp {
  background: url("/images/default/whatsapp_header.png") no-repeat;
}
.support .all-support .social > div.mail {
  background-position: -80px 0;
}
.support .all-support .social > div a {
  display: block;
  width: 100%;
  height: 100%;
}
.support .all-support .social > div:first-child {
  margin-left: 0;
}
.support .all-support .social > div:hover {
  opacity: 0.9;
}
#orderChosenWrapper .tab-filter {
  font-size: 16px;
  border-bottom: 1px solid #E1E1E5;
  position: relative;
  margin-top: 40px;
}
#orderChosenWrapper .tab-filter li {
  display: inline-block;
  vertical-align: bottom;
  margin-right: -4px;
  background: none;
  color: #717181;
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
  padding: 10px 0;
  text-align: left;
  z-index: 2;
  margin-right: 24px;
  position: relative;
  cursor: pointer;
  -webkit-transition: color 0.3s ease-in-out ease-in-out;
  transition: color 0.3s ease-in-out ease-in-out;
}
#orderChosenWrapper .tab-filter li:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: #00aabe;
  bottom: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
#orderChosenWrapper .tab-filter li.selected {
  color: #00aabe;
}
#orderChosenWrapper .tab-filter li.selected::before {
  opacity: 1;
}
.image-content {
  position: relative;
}
.image-content .covid_icon {
  position: absolute;
  bottom: 0;
  right: 0;
  background: white url('/images/default/covid.svg') no-repeat 50% 50%;
  width: 40px;
  height: 40px;
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
  border-radius: 50% 50% 50% 50%;
}
@media only screen and (max-width: 1240px) {
  .image-content .covid_icon {
    width: 32px;
    height: 32px;
    background: white url('/images/default/covid1024.svg') no-repeat 50% 50%;
  }
}
@media only screen and (max-width: 767px) {
  .image-content .covid_icon {
    display: none;
  }
}
.covid__desc {
  margin: 8px 0 15px 178px;
  padding: 12px 16px;
  background: #F6FAFB;
  font-size: 16px;
  line-height: 18px;
  color: #212127;
  font-weight: bold;
  border-radius: 8px 8px 8px 8px;
}
@media only screen and (max-width: 1240px) {
  .covid__desc {
    font-size: 14px;
    line-height: 16px;
    padding: 12px;
    margin-left: 152px;
  }
}
@media only screen and (max-width: 1150px) {
  .covid__desc {
    clear: both;
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .covid__desc {
    background: transparent;
    font-size: 12px;
    line-height: 14px;
    display: none;
  }
  .covid__desc:before {
    content: "";
    position: absolute;
    background: white url('/images/default/covid1024.svg') no-repeat 50% 50%;
    width: 32px;
    height: 32px;
    left: 0;
    top: 50%;
    margin-top: -16px;
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
    border-radius: 50% 50% 50% 50%;
  }
}
.covid__desc strong {
  color: #00aabe;
  font-weight: bold;
}
.covid__m {
  display: none;
}
@media only screen and (max-width: 767px) {
  .covid__m {
    display: block;
    position: relative;
    padding: 12px 0 0 44px;
  }
}
#doctorProfilePage .covid__desc {
  margin-left: 0;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .covid__desc {
    display: none;
  }
}
#doctorProfilePage .covid__m {
  display: none;
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .covid__m {
    display: block;
    position: relative;
    padding: 12px 0 0 44px;
  }
}
/* chat parts for pacient */
#consultationWindow .modal-dialog.patient-panel {
  border-radius: 0 0 0 0;
  overflow: hidden;
  width: 200px;
  z-index: 1;
}
@media only screen and (max-width: 1150px) {
  #consultationWindow .modal-dialog.patient-panel {
    width: 700px;
    margin: 0 auto;
    overflow: visible;
    padding: 8px 0;
  }
}
@media only screen and (max-width: 767px) {
  #consultationWindow .modal-dialog.patient-panel {
    width: 600px;
  }
}
@media only screen and (max-width: 650px) {
  #consultationWindow .modal-dialog.patient-panel {
    width: 500px;
  }
}
@media only screen and (max-width: 505px) {
  #consultationWindow .modal-dialog.patient-panel {
    width: 366px;
  }
}
@media only screen and (max-width: 413px) {
  #consultationWindow .modal-dialog.patient-panel {
    width: 340px;
  }
}
#consultationWindow .modal-dialog.patient-panel .modal-body {
  height: inherit;
}
#consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper {
  border-radius: 15px 15px 15px 15px;
  overflow: hidden;
}
@media only screen and (max-width: 1150px) {
  #consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper {
    height: 42px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper ul.patient-actions {
  padding: 15px 0;
}
@media only screen and (max-width: 1150px) {
  #consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper ul.patient-actions {
    padding: 0;
    height: 42px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper ul.patient-actions #left-line {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 4px;
  height: 4px;
  -webkit-transition: all 1s;
  transition: all 1s;
  background: #9fc8da;
}
@media only screen and (max-width: 1150px) {
  #consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper ul.patient-actions #left-line {
    display: none;
  }
}
#consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper ul.patient-actions li {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media only screen and (max-width: 1150px) {
  #consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper ul.patient-actions li {
    height: 42px;
  }
}
#consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper ul.patient-actions li.separator {
  margin: 0 35px;
}
@media only screen and (max-width: 1150px) {
  #consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper ul.patient-actions li.separator {
    display: none;
  }
}
#consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper ul.patient-actions li.separator hr {
  background: #f0f0f0;
  border-radius: 5px 5px 5px 5px;
  height: 3px;
}
@media only screen and (max-width: 1150px) {
  #consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper ul.patient-actions li.separator hr {
    height: 32px;
    width: 4px;
    border-radius: 2px 2px 2px 2px;
  }
}
#consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper ul.patient-actions li.slide-left-line {
  display: block;
  cursor: pointer;
  position: relative;
}
#consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper ul.patient-actions li.slide-left-line .parent {
  margin: 0;
  padding: 10px 15px;
}
@media only screen and (max-width: 1150px) {
  #consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper ul.patient-actions li.slide-left-line .parent {
    padding: 8px 12px;
    height: 42px;
  }
}
#consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper ul.patient-actions li.slide-left-line .parent i {
  display: inline-block;
  vertical-align: middle;
  width: 21px;
  height: 21px;
  background: url('/images/default/chat-actions-doctor1.png') no-repeat;
}
@media only screen and (max-width: 1150px) {
  #consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper ul.patient-actions li.slide-left-line .parent i {
    text-align: center;
    display: block;
  }
}
#consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper ul.patient-actions li.slide-left-line .parent .text {
  display: inline-block;
  vertical-align: middle;
  color: black;
  width: 120px;
  line-height: 16px;
  padding-left: 5px;
  font-size: 20px;
  font-weight: bold;
}
@media only screen and (max-width: 1150px) {
  #consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper ul.patient-actions li.slide-left-line .parent .text {
    font-size: 0;
    width: auto;
    padding-left: 0;
  }
}
@media only screen and (max-width: 1150px) {
  #consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper ul.patient-actions li.slide-left-line.close-request {
    position: absolute;
    right: 0;
    top: 0;
  }
}
#consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper ul.patient-actions li.slide-left-line.close-request i {
  background-position: -100px 0;
}
@media only screen and (max-width: 1150px) {
  #consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper ul.patient-actions li.slide-left-line.show-chat {
    display: none;
  }
}
#consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper ul.patient-actions li.slide-left-line.show-chat i {
  height: 23px;
  width: 24px;
  background-position: 0 0;
}
#consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper ul.patient-actions li.slide-left-line.delete i {
  background-position: -119px 0;
  height: 27px;
  width: 23px;
}
#consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper ul.patient-actions li.slide-left-line.show-option {
  cursor: pointer;
}
#consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper ul.patient-actions li.slide-left-line.show-option i {
  background-position: -142px 0;
  width: 28px;
  height: 31px;
}
#consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper ul.patient-actions li.slide-left-line.active .text {
  color: black;
}
#consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper ul.patient-actions li.slide-left-line.active #left-line {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 4px;
  height: 4px;
  -webkit-transition: all 1s;
  transition: all 1s;
  background: #9fc8da;
}
#consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper ul.patient-actions li.slide-left-line:hover {
  background: #e5f1f4;
}
#consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper ul.patient-actions li.slide-left-line:hover .text {
  color: #006672;
}
#consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper .feedback-button-wrapper {
  padding: 10px 23px 15px;
  cursor: pointer;
  margin: 15px 0 0;
  position: relative;
  white-space: normal;
  background: #ecf4e5;
}
@media only screen and (max-width: 1150px) {
  #consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper .feedback-button-wrapper {
    margin-top: 0;
    padding: 8px 12px;
  }
}
#consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper .feedback-button-wrapper i {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  color: #358e00;
  font-style: normal;
  width: 21px;
  height: 21px;
}
@media only screen and (max-width: 1150px) {
  #consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper .feedback-button-wrapper i {
    text-align: center;
    vertical-align: top;
  }
}
#consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper .feedback-button-wrapper .text {
  display: inline-block;
  vertical-align: middle;
  color: #358e00;
  width: 120px;
  line-height: 16px;
  padding-left: 5px;
  font-size: 20px;
  font-weight: bold;
}
@media only screen and (max-width: 1150px) {
  #consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper .feedback-button-wrapper .text {
    width: auto;
    font-size: 0;
    padding-left: 0;
  }
}
.clndr .calendar-months {
  margin: 30px 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.clndr .calendar-months .arrow .previous-button,
.clndr .calendar-months .arrow .next-button {
  opacity: 0.3;
  background: url("/images/onlinedoctor/arrows/blue-arrow.png") no-repeat;
  left: 30px;
  display: block;
  background-size: cover;
  width: 16px;
  height: 30px;
  float: left;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.clndr .calendar-months .arrow .previous-button:hover,
.clndr .calendar-months .arrow .next-button:hover {
  background-position: 0 0;
  opacity: 1;
}
.clndr .calendar-months .arrow .next-button {
  background-position: -16px 0;
  top: 0;
  float: right;
  right: 30px;
}
.clndr .calendar-months .arrow .next-button:hover {
  background-position: -16px 0;
  opacity: 1;
}
.clndr .calendar-months .month {
  font-size: 35px;
  font-weight: normal;
  color: black;
}
.clndr .calendar-body .consolidated_calendar table {
  border-top: 1px dotted #00aabe;
  border-collapse: inherit;
  position: relative;
}
.clndr .calendar-body .consolidated_calendar table:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  top: 55px;
  left: 0;
  border-bottom: 1px dotted #00aabe;
}
.clndr .calendar-body .consolidated_calendar table thead tr th {
  width: 78px;
  height: 60px;
  font-weight: normal;
  font-size: 19px;
  text-transform: uppercase;
  color: black;
  text-align: center;
}
.clndr .calendar-body .consolidated_calendar table tbody tr td {
  position: relative;
  width: 55px;
  height: 53px;
  text-align: center;
  border: 2px solid transparent;
}
.clndr .calendar-body .consolidated_calendar table tbody tr td:before {
  content: "";
  width: 40px;
  height: 40px;
  position: absolute;
  background: white;
  left: 50%;
  top: 50%;
  display: none;
  margin: -20px 0 0 -20px;
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.17);
          box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.17);
  border-radius: 0 0 50% 50%;
}
.clndr .calendar-body .consolidated_calendar table tbody tr td span {
  font-weight: normal;
  display: inline-block;
  font-size: 22px;
  width: 40px;
  text-transform: uppercase;
  color: black;
  position: relative;
}
.clndr .calendar-body .consolidated_calendar table tbody tr td.past {
  cursor: not-allowed;
}
.clndr .calendar-body .consolidated_calendar table tbody tr td.past span {
  color: #959595;
}
.clndr .calendar-body .consolidated_calendar table tbody tr td.state-active {
  border: 2px solid #00aabe;
}
.clndr .calendar-body .consolidated_calendar table tbody tr td.active {
  cursor: pointer;
}
.clndr .calendar-body .consolidated_calendar table tbody tr td.active span {
  color: #00aabe;
}
.clndr .calendar-body .consolidated_calendar table tbody tr td.next-month,
.clndr .calendar-body .consolidated_calendar table tbody tr td.last-month {
  cursor: not-allowed;
}
.clndr .calendar-body .consolidated_calendar table tbody tr td.next-month span,
.clndr .calendar-body .consolidated_calendar table tbody tr td.last-month span {
  color: #959595;
}
.clndr .calendar-body .consolidated_calendar table tbody tr td.inactive {
  cursor: not-allowed;
}
.clndr .calendar-body .consolidated_calendar table tbody tr td .dropdown-consult {
  position: absolute;
  text-align: left;
  width: 135px;
  height: 90px;
  background: white;
  top: 0;
  left: 50%;
  margin-left: -20px;
  margin-top: -75px;
  display: none;
  font-weight: normal;
  font-size: 15px;
  padding: 15px 10px;
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.17);
          box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.17);
  border-radius: 10px 10px 10px 0;
}
.clndr .calendar-body .consolidated_calendar table tbody tr td .dropdown-consult a {
  width: auto;
  height: auto;
  display: block;
  line-height: 1.1;
  font-weight: normal;
  font-size: 16px;
  color: #00aabe;
  text-decoration: none;
}
.clndr .calendar-body .consolidated_calendar table tbody tr td .dropdown-consult a:hover {
  text-decoration: underline;
}
.clndr .calendar-body .consolidated_calendar table tbody tr td:hover.active {
  z-index: 11;
}
.clndr .calendar-body .consolidated_calendar table tbody tr td:hover.active:before {
  z-index: -1;
  display: block;
}
.clndr .calendar-body .consolidated_calendar table tbody tr td:hover.active span {
  z-index: 12;
  background: white;
  width: 40px;
  border-radius: 0 0 50% 50%;
}
.clndr .calendar-body .consolidated_calendar table tbody tr td:hover.active .dropdown-consult {
  display: block;
  z-index: 11;
}
.clndr .calendar-body .consolidated_calendar table tbody tr td:hover.inactive:before,
.clndr .calendar-body .consolidated_calendar table tbody tr td:hover.state-active:before {
  display: none;
}
.clndr .calendar-body .consolidated_calendar table tbody tr td:hover.inactive .dropdown-consult,
.clndr .calendar-body .consolidated_calendar table tbody tr td:hover.state-active .dropdown-consult {
  display: none;
}
@media only screen and (max-width: 505px) {
  .wrapp-prof .calendar {
    padding: 0;
  }
}
.wrapp-prof .clndr .calendar-months {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.wrapp-prof .clndr .calendar-months .month {
  font-size: 18px;
  color: black;
  cursor: pointer;
  position: relative;
  margin-right: 20px !important;
}
.wrapp-prof .clndr .calendar-months .month:before {
  position: absolute !important;
  content: "";
  width: 100%;
  height: 2px;
  background: #e5f2f4;
  bottom: 7px;
  border-radius: 1px 1px 1px 1px;
}
.wrapp-prof .clndr .calendar-months .month.active {
  color: #00aabe;
}
.wrapp-prof .clndr .calendar-months .month.active:before {
  display: none;
}
.wrapp-prof .clndr .calendar-months .month:last-child {
  margin-right: 0 !important;
}
.wrapp-prof .clndr .calendar-body {
  padding: 0;
}
.wrapp-prof .clndr .calendar-body table {
  border-top: 0;
}
.wrapp-prof .clndr .calendar-body table:before {
  display: none;
}
.wrapp-prof .clndr .calendar-body table thead tr th {
  font-size: 18px;
  color: #9fc8da;
  text-transform: lowercase;
  height: 40px;
}
.wrapp-prof .clndr .calendar-body table tbody tr td {
  position: relative;
}
.wrapp-prof .clndr .calendar-body table tbody tr td.day span {
  font-weight: normal;
  display: inline-block;
  font-size: 18px;
  width: 40px;
  text-transform: uppercase;
  color: black;
  position: relative;
}
@media only screen and (max-width: 505px) {
  .wrapp-prof .clndr .calendar-body table tbody tr td.day span {
    width: auto;
    font-size: 16px;
  }
}
.wrapp-prof .clndr .calendar-body table tbody tr td.day:hover:before {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.wrapp-prof .clndr .calendar-body table tbody tr td.day.today:before {
  content: "";
  display: block;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #c8c8c8;
  position: absolute;
  margin-top: -22px;
  background: #f5fafb;
  border-radius: 50% 50% 50% 50%;
}
@media only screen and (max-width: 505px) {
  .wrapp-prof .clndr .calendar-body table tbody tr td.day.today:before {
    width: 30px;
    height: 30px;
    margin-top: -18px;
    margin-left: -15px;
  }
}
.wrapp-prof .clndr .calendar-body table tbody tr td.day.past span {
  color: #cfcfcf;
}
.wrapp-prof .clndr .calendar-body table tbody tr td.day.next-month {
  cursor: not-allowed;
}
.wrapp-prof .clndr .calendar-body table tbody tr td.day.next-month span {
  color: #cfcfcf;
}
.wrapp-prof .clndr .calendar-body table tbody tr td.day.last-month span {
  color: #909090;
}
.wrapp-prof .clndr .calendar-body table tbody tr td.day.active:before {
  content: "";
  display: block;
  -webkit-box-shadow: none;
          box-shadow: none;
  position: absolute;
  margin-top: -22px;
  background: #f5fafb;
  border-radius: 50% 50% 50% 50%;
}
@media only screen and (max-width: 505px) {
  .wrapp-prof .clndr .calendar-body table tbody tr td.day.active:before {
    width: 30px;
    height: 30px;
    margin-top: -18px;
    margin-left: -15px;
  }
}
.wrapp-prof .clndr .calendar-body table tbody tr td.day.selectable {
  cursor: pointer;
}
.wrapp-prof .clndr .calendar-body table tbody tr td.day.selectable span {
  color: #00aabe;
}
.calendar-body {
  float: left;
}
.calendar-body .ui-datepicker {
  border: 1px solid #f0f0f0;
  vertical-align: middle;
  width: 463px;
}
.calendar-body .ui-datepicker a {
  text-decoration: none;
}
.calendar-body .ui-datepicker .ui-datepicker-header {
  color: #333;
  font-size: 26px;
  font-weight: normal;
  line-height: 60px;
  position: relative;
  height: 60px;
}
.calendar-body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.calendar-body .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  background-image: url("/images/default/arrows/slider-arrows.png");
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 30px;
  line-height: 595%;
  overflow: hidden;
  text-align: center;
  margin: 15px 0;
}
.calendar-body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  background-position: 0 0;
  float: left;
  left: 20px;
  position: relative;
}
.calendar-body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover {
  background-position: 0 -30px;
}
.calendar-body .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  background-position: -16px 0;
  float: right;
  position: absolute;
  top: 0;
  right: 30px;
}
.calendar-body .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover {
  background-position: -15px -30px;
}
.calendar-body .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  text-align: center;
}
.calendar-body .ui-datepicker .ui-datepicker-calendar {
  width: 100%;
}
.calendar-body .ui-datepicker .ui-datepicker-calendar thead {
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}
.calendar-body .ui-datepicker .ui-datepicker-calendar thead th {
  color: #959595;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  line-height: 24px;
  padding-top: 6px;
}
.calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr {
  border-bottom: 1px solid #f0f0f0;
}
.calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr td {
  padding: 0;
  border-right: 1px solid #f0f0f0;
}
.calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr td.highlight a {
  background: #E1E1E5;
  color: #f196ce;
}
.calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr td span,
.calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr td a {
  color: #333;
  display: inline-block;
  font-size: 20px;
  font-weight: normal;
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 65px;
  position: relative;
}
.calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr td .hasScheduled {
  display: none;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 20px;
  height: 20px;
  background: url('/images/default/state-sign-icons.png') no-repeat;
}
@media only screen and (max-width: 850px) {
  .calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr td .hasScheduled {
    width: 10px;
    height: 10px;
    background-size: contain;
  }
}
.calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr td.user-has-consult .hasScheduled {
  display: block;
}
.calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr td.passed-day .hasScheduled {
  display: none;
}
.calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr td:last-child {
  border-right: 0px;
}
.calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr:last-child {
  border-bottom: 0px;
}
.calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr:last-child .ui-state-active {
  margin-bottom: 0;
  background: #08c0de;
}
.calendar-body .ui-datepicker .ui-datepicker-calendar tbody td:first-child .ui-state-active {
  margin-left: 0;
}
.calendar-body .ui-datepicker .ui-datepicker-calendar tbody .ui-state-active {
  color: #333;
  position: relative;
  text-shadow: none;
}
.calendar-body .ui-datepicker .ui-datepicker-calendar tbody td:last-child .ui-state-active {
  margin-right: 0;
}
.calendar-body .ui-datepicker .ui-datepicker-calendar tbody .ui-state-default {
  color: #47d68e;
}
.calendar-body .ui-datepicker .ui-datepicker-calendar tbody .ui-datepicker-unselectable .ui-state-default {
  background: none repeat scroll 0 0 white;
  color: #E1E1E5;
  font-weight: normal;
}
.calendar-body .ui-datepicker .ui-datepicker-calendar td {
  position: relative;
}
.calendar-body .ui-datepicker .ui-datepicker-calendar td a {
  background-color: transparent !important;
}
.calendar-body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today {
  border-bottom: 1px solid #08c0de !important;
}
.calendar-body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a {
  border-bottom: 2px solid #08c0de !important;
}
.calendar-body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-unselectable a.ui-state-hover,
.calendar-body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-unselectable span.ui-state-hover {
  border: none;
}
.calendar-body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month a.ui-state-default,
.calendar-body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month span.ui-state-default {
  border: none;
  background-color: #E1E1E5;
  color: #cccccc;
  font-weight: normal;
}
.calendar-body .ui-datepicker .ui-datepicker-calendar td.not-working-day a {
  color: #333 !important;
  cursor: not-allowed !important;
}
.calendar-body .ui-datepicker .ui-datepicker-calendar td.not-working-day.passed-day a {
  color: #333 !important;
}
.calendar-body .ui-datepicker .ui-datepicker-calendar td.not-this-month-day a {
  color: #8B8B9A !important;
  cursor: not-allowed !important;
}
.calendar-body .ui-datepicker .ui-datepicker-calendar td.user-has-consult a.ui-state-default {
  color: #47d68e;
}
.calendar-body .ui-datepicker .ui-datepicker-calendar td.user-has-consult.passed-day a.ui-state-default {
  border: none;
}
.calendar-body .ui-datepicker .ui-datepicker-calendar td.all-slots-busy a.ui-state-default {
  color: #e8503e;
}
.calendar-body .ui-datepicker .ui-datepicker-calendar td a.ui-state-hover {
  font-size: 20px;
}
.calendar-body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active {
  border: 1px solid #08c0de;
  font-size: 20px;
}
.calendar-body .ui-datepicker .ui-datepicker-calendar td .schedules-count {
  position: absolute;
  top: 2px;
  right: 2px;
  line-height: 15px;
  height: 15px;
  width: 15px;
  text-align: center;
  background-color: red;
  border-radius: 50% 50% 50% 50%;
  display: none;
  color: white;
}
.calendar-body .ui-datepicker .ui-datepicker-calendar td .schedules-count.visible {
  display: block;
}
.calendar-body .show-all {
  width: 250px;
  text-align: center;
  margin: 10px auto;
  background-color: #f0f0f0;
  border: 1px solid #08c0de;
  border-radius: 20px 20px 20px 20px;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  color: #08c0de;
  cursor: pointer;
}
.calendar-body .show-all:hover {
  background-color: #E1E1E5;
}
/* docktor-list style */
.doctor-calendar .left-block,
.doctor-calendar .right-block {
  width: 550px;
  display: inline-block;
  vertical-align: top;
}
.doctor-calendar .left-block {
  width: 450px;
  margin-right: 70px;
}
.doctor-calendar .right-block {
  position: relative;
}
.doctor-calendar .right-block:before {
  content: "";
  width: 100%;
  height: 20px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffffff));
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
.doctor-calendar .doctor-list {
  position: relative;
  height: 330px;
  padding-right: 30px;
}
.doctor-calendar .doctor-list .items-doctor {
  border-top: 1px dotted #00aabe;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.doctor-calendar .doctor-list .items-doctor .item-doctor {
  margin-top: 5px;
}
.doctor-calendar .header-date {
  font-weight: normal;
  font-size: 35px;
  color: black;
  padding: 30px 0 15px;
  text-align: center;
}
.doctor-calendar .time small {
  margin-top: 15px;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.1;
}
.doctor-calendar .time p {
  padding-top: 5px;
}
.doctor-calendar p {
  margin-bottom: 0;
  line-height: 1.1;
}
.doctor-calendar p .lead {
  margin-top: 15px;
  margin-bottom: 0;
  display: block;
  font-size: 22px;
  font-weight: normal;
  line-height: 1.1;
}
.doctor-calendar p small {
  margin-bottom: 15px;
  display: block;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.1;
}
.doctor-calendar .appoint-request u {
  color: black;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 18px;
  font-weight: normal;
  margin-top: 18px;
  text-decoration: none;
  position: relative;
  display: inline-block;
}
.doctor-calendar .appoint-request u:before {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 1px;
  background: black;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.doctor-calendar .appoint-request u:hover {
  color: #00aabe;
}
.doctor-calendar .appoint-request u:hover:before {
  background: #00aabe;
}
.calendar #calendar-cont,
.calendar-wrapper #calendar-cont {
  padding-top: 30px;
}
.calendar .calendar-body,
.calendar-wrapper .calendar-body {
  float: none;
  vertical-align: top;
}
.calendar .calendar-body .ui-datepicker,
.calendar-wrapper .calendar-body .ui-datepicker {
  border: 0;
  vertical-align: middle;
  width: 556px;
}
.calendar .calendar-body .ui-datepicker.consolidated_calendar,
.calendar-wrapper .calendar-body .ui-datepicker.consolidated_calendar {
  width: 100%;
}
.calendar .calendar-body .ui-datepicker a,
.calendar-wrapper .calendar-body .ui-datepicker a {
  text-decoration: none;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-header,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-header {
  color: black;
  font-size: 34px;
  font-weight: normal;
  line-height: 60px;
  position: relative;
  height: 60px;
  padding: 0 5px;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.calendar .calendar-body .ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  background-image: url("/images/onlinedoctor/arrows/blue-arrow.png");
  background-repeat: no-repeat;
  background-size: 32px 30px;
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 30px;
  line-height: 595%;
  overflow: hidden;
  text-align: center;
  margin: 15px 0;
  opacity: 0.3;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  float: left;
  left: 30px;
  position: relative;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover {
  background-position: 0 0;
  opacity: 1;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  background-position: -16px 0;
  float: right;
  position: absolute;
  top: 0;
  right: 30px;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover {
  background-position: -16px 0;
  opacity: 1;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-header .ui-datepicker-title,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  text-align: center;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar {
  width: 100%;
  border-top: 1px dotted #00aabe;
  border-collapse: separate;
  position: relative;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar::before,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar::before {
  content: "";
  width: 100%;
  border-top: 1px dotted #00aabe;
  position: absolute;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar thead,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar thead {
  border: 0;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar thead th,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar thead th {
  color: black;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  line-height: 52px;
  padding-top: 0;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr:first-child td,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr:first-child td {
  padding-top: 12px;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr:first-child td .hasScheduled,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr:first-child td .hasScheduled {
  top: 16px;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr {
  border-bottom: 0;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr td,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr td {
  padding: 0;
  border-right: 0;
  text-align: center;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr td.highlight a,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr td.highlight a {
  background: #E1E1E5;
  color: #f196ce;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr td span,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr td span,
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr td a,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr td a {
  color: black;
  display: inline-block;
  font-size: 24px;
  font-weight: normal;
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 78px;
  position: relative;
}
@media only screen and (max-width: 413px) {
  .calendar .calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr td span,
  .calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr td span,
  .calendar .calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr td a,
  .calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr td a {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .calendar .calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr td span,
  .calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr td span,
  .calendar .calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr td a,
  .calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr td a {
    width: 40px;
  }
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr td a.width-60,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr td a.width-60 {
  width: 78px !important;
}
@media only screen and (max-width: 767px) {
  .calendar .calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr td a.width-60,
  .calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr td a.width-60 {
    width: 40px !important;
  }
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr td .hasScheduled,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr td .hasScheduled {
  display: none;
  position: absolute;
  top: 4px;
  right: 5px;
  width: 20px;
  height: 20px;
  background: url('/images/default/state-sign-icons.png') no-repeat;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr td.user-has-consult .hasScheduled,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr td.user-has-consult .hasScheduled {
  display: block;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr td.passed-day .hasScheduled,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr td.passed-day .hasScheduled {
  display: none;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr td:last-child,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr td:last-child {
  border-right: 0px;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr:last-child,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr:last-child {
  border-bottom: 0px;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr:last-child .ui-state-active,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar tbody tr:last-child .ui-state-active {
  margin-bottom: 0;
  background: #08c0de;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar tbody td:first-child .ui-state-active,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar tbody td:first-child .ui-state-active {
  width: 29px;
  margin-left: 0;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar tbody .ui-state-active,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar tbody .ui-state-active {
  color: #333;
  position: relative;
  text-shadow: none;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar tbody td:last-child .ui-state-active,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar tbody td:last-child .ui-state-active {
  width: 29px;
  margin-right: 0;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar tbody .ui-state-default,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar tbody .ui-state-default {
  font-size: 20px;
  color: #00aabe;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar tbody .ui-state-default.width-60,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar tbody .ui-state-default.width-60 {
  width: 60px;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar tbody .ui-datepicker-unselectable .ui-state-default,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar tbody .ui-datepicker-unselectable .ui-state-default {
  background: none repeat scroll 0 0 white;
  color: black;
  font-weight: normal;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar td,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar td {
  position: relative;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active {
  background-color: transparent !important;
  position: relative;
  background: transparent;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active:before,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active:before {
  content: "";
  width: 40px;
  height: 40px;
  border-radius: 0 0 50% 50%;
  position: absolute;
  background: white;
  left: 50%;
  top: 50%;
  border: 0 !important;
  margin: -20px 0 0 -20px;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar td .dropdown-consult,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar td .dropdown-consult {
  position: absolute;
  text-align: left;
  width: 135px;
  height: 90px;
  background: white;
  top: 0;
  left: 50%;
  margin-left: -23px;
  margin-top: -75px;
  display: none;
  -webkit-box-shadow: 0 -8px 22px -4px rgba(0, 0, 0, 0.3);
          box-shadow: 0 -8px 22px -4px rgba(0, 0, 0, 0.3);
  font-weight: normal;
  font-size: 15px;
  padding: 15px 10px;
  border-radius: 10px 10px 10px 0;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar td .dropdown-consult a,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar td .dropdown-consult a {
  width: auto;
  height: auto;
  line-height: 1.1;
  font-weight: normal;
  font-size: 19px;
  color: #00aabe;
  text-decoration: none;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar td .dropdown-consult a:hover,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar td .dropdown-consult a:hover {
  text-decoration: underline;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar td:hover .active,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar td:hover .active {
  z-index: 11;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar td:hover .active:before,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar td:hover .active:before {
  z-index: -1;
  display: block;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar td:hover .dropdown-consult,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar td:hover .dropdown-consult {
  display: block;
  z-index: 11;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar td:hover .ui-state-active + .dropdown-consult,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar td:hover .ui-state-active + .dropdown-consult {
  display: none;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar td:hover .inactive:before,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar td:hover .inactive:before {
  display: none;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar td:hover .inactive + .dropdown-consult,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar td:hover .inactive + .dropdown-consult {
  display: none;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar td .ui-state-active:hover .dropdown-consult,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar td .ui-state-active:hover .dropdown-consult {
  display: none;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar td .ui-state-active:hover .dropdown-consult:before,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar td .ui-state-active:hover .dropdown-consult:before {
  display: none;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar td:first-child .ui-state-active,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar td:first-child .ui-state-active {
  width: 100% !important;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar td:last-child .ui-state-active,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar td:last-child .ui-state-active {
  width: 78px !important;
}
@media only screen and (max-width: 767px) {
  .calendar .calendar-body .ui-datepicker .ui-datepicker-calendar td:last-child .ui-state-active,
  .calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar td:last-child .ui-state-active {
    width: 40px !important;
  }
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today {
  border-bottom: none !important;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a {
  font-weight: normal;
  border-bottom: none !important;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-unselectable a.ui-state-hover,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-unselectable a.ui-state-hover,
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-unselectable span.ui-state-hover,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-unselectable span.ui-state-hover {
  border: none;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month a.ui-state-default,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month a.ui-state-default,
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month span.ui-state-default,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month span.ui-state-default {
  border: none;
  background-color: white;
  color: #8B8B9A;
  font-weight: normal;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar td.not-working-day a,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar td.not-working-day a {
  color: black !important;
  cursor: not-allowed !important;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar td.not-working-day.passed-day a,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar td.not-working-day.passed-day a {
  background-color: #E1E1E5 !important;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar td.user-has-consult a.ui-state-default,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar td.user-has-consult a.ui-state-default {
  color: #47d68e;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar td.user-has-consult.passed-day a.ui-state-default,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar td.user-has-consult.passed-day a.ui-state-default {
  border: none;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar td.all-slots-busy a.ui-state-default,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar td.all-slots-busy a.ui-state-default {
  color: #e8503e;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar td a.ui-state-hover,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar td a.ui-state-hover {
  font-size: 20px;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active {
  border: 2px solid #00aabe !important;
  font-size: 20px;
  line-height: 46px;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar td .schedules-count,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar td .schedules-count {
  position: absolute;
  top: 2px;
  right: 2px;
  line-height: 15px;
  height: 15px;
  width: 15px;
  text-align: center;
  background-color: red;
  border-radius: 50% 50% 50% 50%;
  display: none;
  color: white;
}
.calendar .calendar-body .ui-datepicker .ui-datepicker-calendar td .schedules-count.visible,
.calendar-wrapper .calendar-body .ui-datepicker .ui-datepicker-calendar td .schedules-count.visible {
  display: block;
}
.calendar .calendar-body .show-all,
.calendar-wrapper .calendar-body .show-all {
  width: 250px;
  text-align: center;
  margin: 10px auto;
  background-color: #f0f0f0;
  border: 1px solid #08c0de;
  border-radius: 20px 20px 20px 20px;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  color: #08c0de;
  cursor: pointer;
}
.calendar .calendar-body .show-all:hover,
.calendar-wrapper .calendar-body .show-all:hover {
  background-color: #E1E1E5;
}
.dayDetailed {
  width: 470px;
  height: auto;
  display: none !important;
  vertical-align: top;
  border: 0;
  margin-top: 1px;
  margin-left: 0;
}
.dayDetailed .header {
  font-size: 34px;
  font-weight: normal;
  border-bottom: 1px dotted #00aabe;
}
.dayDetailed .hoursDiv {
  padding: 0;
}
.dayDetailed .hoursDiv [class|="column"] {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
}
.dayDetailed .hoursDiv [class|="column"]:empty {
  display: none;
}
.dayDetailed .hoursDiv [class|="column"]:first-child {
  margin-right: 34px;
}
.dayDetailed .hoursDiv .period {
  border-bottom: 1px dotted #00aabe;
  height: 53px;
  line-height: 54px;
  padding: 0 10px;
}
.dayDetailed .hoursDiv .period > * {
  display: inline-block;
  vertical-align: middle;
}
.dayDetailed .hoursDiv .period .time-wrapper {
  width: 100px;
}
.dayDetailed .hoursDiv .period .time {
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  color: black;
  float: none;
  padding-left: 0;
}
.dayDetailed .hoursDiv .period .actions {
  font-size: 18px;
  font-weight: bold;
  width: 85px;
  float: none;
  padding-right: 0;
  margin-right: 0;
}
.dayDetailed .hoursDiv .period .actions:hover {
  text-decoration: none;
}
.dayDetailed .hoursDiv .period .actions .tick {
  display: block;
  text-decoration: underline;
  color: black;
}
.dayDetailed .hoursDiv .period .actions .tick:hover {
  color: #00aabe;
}
.dayDetailed .hoursDiv .period .infoCont {
  float: none;
  height: 22px;
  line-height: 0;
  display: none;
}
.dayDetailed .hoursDiv .period .infoCont .ico {
  margin: 0;
  display: block;
}
.dayDetailed .hoursDiv .period.hasConsult .tick {
  text-decoration: none;
  color: #47d68e;
  opacity: 0.5 !important;
}
.dayDetailed .hoursDiv .period.hasConsult .tick:hover {
  color: #47d68e;
}
.dayDetailed .hoursDiv .period.hasConsult.doctBusy .tick {
  color: #47d68e;
  opacity: 0.5 !important;
}
.dayDetailed .hoursDiv .period.hasConsult.doctBusy .tick:hover {
  color: #47d68e;
}
.dayDetailed .hoursDiv .period.hasConsultUser .tick {
  color: #8B8B9A;
  cursor: default;
  text-decoration: none;
}
.dayDetailed .hoursDiv .period.hasConsultUser .tick:hover {
  color: #8B8B9A;
}
.dayDetailed .hoursDiv .period.doctBusy .tick {
  color: #8B8B9A;
  text-decoration: none;
  opacity: 0.5 !important;
}
.dayDetailed .hoursDiv .period.doctBusy .tick:hover {
  color: #8B8B9A;
}
.dayDetailed .hoursDiv .period.justify::after {
  display: inline-block;
}
.dayDetailed .hoursDiv .no-periods {
  font-size: 18px;
  line-height: 54px;
}
.dayDetailed .hoursDiv .clearFloat {
  display: none;
}
#doctorCalendar {
  float: none;
  width: 100%;
  padding: 0 20px 20px;
}
@media only screen and (max-width: 767px) {
  #doctorCalendar {
    padding: 0 0 20px;
  }
}
#doctorCalendar .ui-datepicker {
  width: 100%;
  border: none;
}
#doctorCalendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
}
#doctorCalendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
  font-weight: bold;
  font-size: 20px;
  color: black;
}
#doctorCalendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
  color: #5e5e5e;
  font-weight: normal;
  font-size: 20px;
}
#doctorCalendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  background: url('/images/default/anket-arrow.png') no-repeat;
  width: 17px;
  display: inline-block;
  vertical-align: middle;
  height: 11px;
  position: static;
  float: none;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  line-height: 1.1;
  text-indent: -9999px;
}
#doctorCalendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  background: url('/images/default/anket-arrow.png') no-repeat;
  width: 17px;
  display: inline-block;
  vertical-align: middle;
  height: 11px;
  position: static;
  float: none;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  line-height: 1.1;
  text-indent: -9999px;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar thead {
  border: none;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar thead tr th {
  padding: 0;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar thead tr th span {
  font-weight: normal;
  font-size: 20px;
  color: #9fc8da;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody {
  border: transparent;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr {
  border: transparent;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td {
  border: transparent;
  position: relative;
  height: 50px;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] {
  position: absolute;
  width: 300px;
  min-height: 100px;
  top: 100%;
  display: none;
  left: 50%;
  margin-left: -20px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
  overflow: hidden;
  z-index: 20;
  background: white;
  padding: 20px 10px;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header {
  position: relative;
  z-index: 40;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header:before {
  content: "Выберите время:";
  font-size: 20px;
  font-weight: bold;
  color: black;
  text-align: left !important;
  width: 100%;
  display: block;
  margin-bottom: 10px;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header span.date {
  display: none;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .name {
  display: none;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .time-zone {
  margin-bottom: 20px;
  display: inline-block;
  text-align: left !important;
  width: 275px !important;
  height: auto !important;
}
@media only screen and (max-width: 1150px) {
  #doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .time-zone {
    width: 100% !important;
  }
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .time-zone span {
  width: auto !important;
  text-align: left !important;
  font-size: 16px;
  height: auto !important;
  font-weight: normal;
  color: #e4515b;
  line-height: 1.1;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .time-zone span a {
  height: auto !important;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .time-zone span a.choose-region {
  width: auto !important;
  color: #00aabe;
  position: relative;
  height: auto !important;
  border: 0 !important;
  font-weight: normal !important;
  font-size: 16px !important;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  line-height: 1.1 !important;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .time-zone span a.choose-region:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed #00aabe;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .time-zone span a.choose-region:hover {
  color: #006672;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .time-zone span a.choose-region:hover:after {
  border-color: #006672;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .time-zone span .timezone-name {
  text-transform: capitalize;
}
@media only screen and (max-width: 1150px) {
  #doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .time-zone span .timezone-name {
    margin-right: 14px;
  }
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .time-zone {
  margin-bottom: 20px;
  display: inline-block;
  text-align: left !important;
  width: 275px !important;
  height: auto !important;
}
@media only screen and (max-width: 1150px) {
  #doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .time-zone {
    width: 100% !important;
  }
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .time-zone span {
  width: auto !important;
  text-align: left !important;
  font-size: 16px;
  height: auto !important;
  font-weight: normal;
  color: #e4515b;
  line-height: 1.1;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .time-zone span a {
  height: auto !important;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .time-zone span a.choose-region {
  width: auto !important;
  color: #00aabe;
  position: relative;
  height: auto !important;
  border: 0 !important;
  font-weight: normal !important;
  font-size: 16px !important;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  line-height: 1.1 !important;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .time-zone span a.choose-region:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed #00aabe;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .time-zone span a.choose-region:hover {
  color: #006672;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .time-zone span a.choose-region:hover:after {
  border-color: #006672;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .time-zone span .timezone-name {
  text-transform: capitalize;
}
@media only screen and (max-width: 1150px) {
  #doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .time-zone span .timezone-name {
    margin-right: 14px;
  }
}
@media only screen and (max-width: 505px) {
  #doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .time-zone span .timezone-name {
    font-size: 14px !important;
  }
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header-bottom-border {
  display: none;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -ms-flex-item-align: auto;
      align-self: auto;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-1,
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-1 .period,
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-2 .period {
  border-radius: 20px 20px 20px 20px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-1 .period .time-wrapper span,
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-2 .period .time-wrapper span {
  font-weight: normal;
  font-size: 16px;
  height: auto !important;
  color: black;
  line-height: 1.1;
  width: 70px;
  padding: 5px 10px;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-1 .period .time-wrapper .time.start,
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-2 .period .time-wrapper .time.start {
  color: #00aabe;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-1 .period .time-wrapper .time.start:hover,
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-2 .period .time-wrapper .time.start:hover {
  color: black;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-1 .period .time-wrapper .time.dash,
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-2 .period .time-wrapper .time.dash {
  display: none;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-1 .period .time-wrapper .time.finish,
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-2 .period .time-wrapper .time.finish {
  display: none;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-1 .period .actions,
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-2 .period .actions {
  display: none;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-1 .period:hover,
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-2 .period:hover {
  background: #e5f2f4;
}
@media only screen and (max-width: 767px) {
  #doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-1 .period:hover,
  #doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-2 .period:hover {
    background: transparent !important;
  }
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-1 .period.selected,
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-2 .period.selected {
  background: #9fd1da;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-1 .period.selected .time-wrapper span,
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-2 .period.selected .time-wrapper span {
  font-weight: normal;
  font-size: 16px;
  height: auto !important;
  color: white;
  line-height: 1.1;
  width: 70px;
  padding: 5px 10px;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-1 .period.selected .time-wrapper .time,
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-2 .period.selected .time-wrapper .time {
  color: black;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-1 .period.selected .time-wrapper .time.start,
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-2 .period.selected .time-wrapper .time.start {
  color: #00aabe;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-1 .period.selected .time-wrapper .time.start:hover,
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-2 .period.selected .time-wrapper .time.start:hover {
  color: black;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-1 .period.selected .time-wrapper .time.dash,
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-2 .period.selected .time-wrapper .time.dash {
  display: none;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-1 .period.selected .time-wrapper .time.finish,
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-2 .period.selected .time-wrapper .time.finish {
  display: none;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .no-periods {
  display: none;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .actions {
  width: 100%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-item-align: baseline;
      align-self: baseline;
  margin-top: 10px;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .actions .tick {
  text-align: center;
  width: 135px;
  margin: 0 auto;
  cursor: pointer;
  padding: 5px 10px;
  color: white;
  font-weight: normal;
  font-size: 20px;
  line-height: 1.1;
  background: #00aabe;
  border-radius: 20px 20px 20px 20px;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .actions .tick.disabled {
  background: #c7c7c7;
  cursor: not-allowed;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-other-month .ui-state-default {
  background-color: transparent;
  font-weight: normal;
  font-size: 24px;
  color: #ccc;
}
@media only screen and (max-width: 767px) {
  #doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-other-month .ui-state-default {
    font-size: 20px;
  }
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable.not-working-day .ui-state-default {
  font-weight: normal;
  font-size: 20px;
  color: #666666;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable.not-working-day .ui-state-default:before {
  display: none;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable.not-working-day.passed-day .ui-state-default {
  background-color: transparent !important;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable.not-working-day.passed-day .ui-state-default:before {
  display: none;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default {
  color: #00aabe;
  font-weight: normal;
  position: relative;
  z-index: 2;
  font-size: 20px;
  line-height: 50px;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default:before {
  position: absolute;
  content: "";
  width: 40px;
  height: 40px;
  z-index: -1;
  border-radius: 50% 50% 50% 50%;
  background: #F6FAFB;
  top: 50%;
  left: 50%;
  display: none;
  margin: -20px 0 0 -20px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 413px) {
  #doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default:before {
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;
  }
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default.ui-state-active {
  border: none !important;
  font-size: 20px;
}
@media only screen and (max-width: 413px) {
  #doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default.ui-state-active {
    font-size: 20px;
  }
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default.ui-state-hover:before {
  background: #e5f2f4;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-today .ui-state-default:before {
  display: block !important;
  border: 1px solid #c8c8c8;
  -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-today {
  border: none !important;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-today a.ui-state-default {
  border: none !important;
  color: black !important;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-today a.ui-state-default.ui-state-active {
  border: none !important;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-today a.ui-state-default.ui-state-active:before {
  display: block !important;
  border: 1px solid #c8c8c8;
  -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-today.not-working-day {
  border: none !important;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-today.not-working-day a.ui-state-default {
  position: relative;
  border: none !important;
  z-index: 2;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-today.not-working-day a.ui-state-default:before {
  content: "";
  display: block;
  background: transparent;
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: -1;
  border-radius: 50% 50% 50% 50%;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -20px;
}
@media only screen and (max-width: 413px) {
  #doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-today.not-working-day a.ui-state-default:before {
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;
  }
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td.js-selected-date {
  background-color: transparent;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td.js-selected-date a.ui-state-default {
  z-index: 100;
  background-color: transparent !important;
  color: black;
}
@media only screen and (max-width: 767px) {
  #doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td.js-selected-date a.ui-state-default {
    z-index: 15 !important;
  }
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td.js-selected-date a.ui-state-default:before {
  display: block !important;
  background: white;
  -webkit-box-shadow: 0px -2px 9px rgba(0, 0, 0, 0.15);
          box-shadow: 0px -2px 9px rgba(0, 0, 0, 0.15);
  border-color: white !important;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td.js-selected-date a.ui-state-default:after {
  position: absolute;
  content: "";
  z-index: -1;
  bottom: 0;
  margin-bottom: 3px;
  left: 50%;
  background: white;
  width: 53px;
  margin-left: -20px;
  height: 18px;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td.js-selected-date .open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  top: 53%;
}
#doctorCalendar .ui-datepicker .ui-datepicker-calendar tbody tr td.user-has-consult .hasScheduled {
  z-index: 10;
  width: 15px;
  height: 15px;
  top: 6px;
  right: 13px;
  background-size: cover;
}
body.admin #postponeModal .modal-body .close {
  display: none;
}
body.admin #postponeModal .modal-body .sr-only {
  display: none;
}
body.admin #postponeModal .m-calendar__modal {
  width: 100%;
}
body.admin #postponeModal .m-calendar__body .header {
  display: none;
}
body.admin #postponeModal tbody tr td.js-selected-date .open {
  left: 50%;
  margin-left: -25px;
}
body.admin #postponeModal .m-modal-footer {
  display: none;
}
body.admin #postponeModal .modal-body .close {
  display: none;
}
body.admin #postponeModal .modal-body .sr-only {
  display: none;
}
body.admin #postponeModal .m-calendar__modal {
  width: 100%;
}
body.admin #postponeModal .m-calendar__body .header {
  display: none;
}
body.admin #postponeModal tbody tr td.js-selected-date .open {
  left: 50%;
  margin-left: -25px;
}
body.admin #postponeModal .m-modal-footer {
  display: none;
}
.cards_list_modal {
  position: relative;
  width: 100%;
  min-height: 40px;
  margin: 10px 0 12px;
}
.cards_list_modal.onload .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  margin-top: -20px;
  margin-left: -20px;
}
.cards_list_modal .loading {
  display: none;
}
.cards_list_modal .checkbox-saved .saveCard-label {
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #717181;
  cursor: pointer;
  margin-top: 30px;
}
.cards_list_modal .checkbox-saved .saveCard-label input {
  display: none;
}
.cards_list_modal .checkbox-saved .saveCard-label .icon {
  background: url('/images/default/checkboxes-od.png');
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 100%;
  background-position: 0 0;
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.cards_list_modal .checkbox-saved .saveCard-label.active-check .icon {
  background-position: 0 -32px;
}
.cards_list_modal .card-wrapper label {
  font-weight: normal;
  font-size: 15px;
  color: #212127;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .cards_list_modal .card-wrapper label {
    width: 100%;
  }
}
.cards_list_modal .card-wrapper label input[type="radio"] {
  display: none;
}
.cards_list_modal .card-wrapper label .icon:before {
  width: 10px;
  height: 8px;
  background: url('/images/default/check-gray.png') no-repeat;
}
.cards_list_modal .card-wrapper label input[type="radio"]:checked + .icon {
  background: #F9F9F9;
}
.cards_list_modal .card-wrapper label input[type="radio"]:checked + .icon:before {
  background: url('/images/default/check-blue.png') no-repeat;
}
.cards_list_modal .card-wrapper .icon,
.cards_list_modal .card-wrapper .addCard {
  width: 100%;
  height: 44px;
  padding: 0 27px 0 16px;
  background: white;
  font-weight: normal;
  font-size: 15px;
  line-height: 42px;
  text-align: left;
  cursor: pointer;
  color: #212127;
}
@media only screen and (max-width: 767px) {
  .cards_list_modal .card-wrapper .icon,
  .cards_list_modal .card-wrapper .addCard {
    width: 100%;
    margin-right: 0;
  }
}
.cards_list_modal .card-wrapper .addCard {
  -webkit-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
}
.cards_list_modal .card-wrapper .addCard:hover {
  border: 1px solid #00aabe;
}
.cards_list_modal .card-wrapper .addCard:hover span:before {
  background: url('/images/default/check-blue.png') no-repeat;
}
.cards_list_modal .card-wrapper span,
.cards_list_modal .card-wrapper .icon {
  font-weight: normal;
  font-size: 15px;
  color: #212127;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.cards_list_modal .card-wrapper span:before,
.cards_list_modal .card-wrapper .icon:before {
  width: 10px;
  height: 8px;
  content: "";
  background: url('/images/default/check-gray.png') no-repeat;
}
.cards_list_modal .main-card {
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  color: #717181;
  margin-bottom: 6px;
}
@media only screen and (max-width: 1240px) {
  .cards_list_modal .main-card {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .cards_list_modal .main-card {
    margin-top: 16px;
  }
}
.cards_list_modal .new-card,
.cards_list_modal .selected-card {
  cursor: pointer;
  width: 100%;
  height: 52px;
  border-radius: 8px 8px 8px 8px;
  border: 1px solid #EFEFF0;
  font-weight: normal;
  font-size: 15px;
  line-height: 50px;
  color: #212127;
  background: #F9F9F9;
  padding: 0 16px;
}
.cards_list_modal .selected-card {
  position: relative;
}
.cards_list_modal .selected-card:before {
  content: "";
  position: absolute;
  background: url('/images/default/arrow-select.svg') no-repeat;
  background-size: contain;
  width: 12px;
  height: 6px;
  top: 50%;
  right: 20px;
  margin-top: -3px;
}
.cards_list_modal .card-wrapper {
  width: 100%;
}
.cards_list_modal .card-wrapper .card-selector {
  position: relative;
}
.cards_list_modal .card-wrapper .card-selector .list-container {
  display: none;
  position: absolute;
  width: 100%;
  z-index: 10;
  background: white;
  border-radius: 0 0 8px 8px;
  -webkit-box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.15);
}
.cards_list_modal .card-wrapper .card-selector.opened .list-container {
  display: block;
}
.cards_list_modal .card-wrapper .card-selector.opened .selected-card:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#picModal .modal-body,
#picModalAdditional .modal-body,
#ivcModal .modal-body {
  padding-top: 0;
  padding-bottom: 20px;
}
#picModal .ajax-upload-dragdrop,
#picModalAdditional .ajax-upload-dragdrop,
#ivcModal .ajax-upload-dragdrop {
  border: 2px dotted #C5C5CC;
  color: #AFB7BA;
  text-align: center;
  vertical-align: middle;
  padding: 0 10px 0 10px;
  background: url('/images/default/drag-drop.png') no-repeat 50% 50%;
  background-size: 40%;
  height: 360px;
  width: 360px;
  margin-top: 40px;
}
#picModal .ajax-upload-dragdrop.uploaded,
#picModalAdditional .ajax-upload-dragdrop.uploaded,
#ivcModal .ajax-upload-dragdrop.uploaded {
  background-size: 75%;
}
#picModal .ajax-upload-dragdrop.uploadedUser,
#picModalAdditional .ajax-upload-dragdrop.uploadedUser,
#ivcModal .ajax-upload-dragdrop.uploadedUser {
  background-size: 65%;
}
#picModal .ajax-upload-dragdrop .dragDropText,
#picModalAdditional .ajax-upload-dragdrop .dragDropText,
#ivcModal .ajax-upload-dragdrop .dragDropText {
  position: absolute;
  top: 0;
  margin-top: -6%;
  width: 100%;
  left: 0;
  color: black;
}
#picModal .ajax-upload-dragdrop .ajax-file-upload,
#picModalAdditional .ajax-upload-dragdrop .ajax-file-upload,
#ivcModal .ajax-upload-dragdrop .ajax-file-upload {
  text-decoration: none;
  padding: 6px 10px 4px 10px;
  border: none;
  position: absolute;
  top: 430px;
  left: 60px;
  font-size: 26px;
  height: 40px;
  text-align: center;
  width: 280px;
  margin: 0 auto;
  margin-bottom: 30px;
  background-color: #00aabe;
  color: white;
  line-height: 30px;
  cursor: pointer;
  margin-left: 20px;
  display: none;
  border-radius: 30px 30px 30px 30px;
}
#picModal .ajax-file-upload-statusbar,
#picModalAdditional .ajax-file-upload-statusbar,
#ivcModal .ajax-file-upload-statusbar {
  margin: 5px 20px;
  padding: 5px 5px 5px 5px;
  position: absolute;
  top: 290px;
  width: 350px !important;
  left: 50%;
  margin-left: -175px;
  border: none;
  border-radius: 4px 4px 4px 4px;
}
#picModal .ajax-file-upload-statusbar .ajax-file-upload-filename,
#picModalAdditional .ajax-file-upload-statusbar .ajax-file-upload-filename,
#ivcModal .ajax-file-upload-statusbar .ajax-file-upload-filename {
  width: 100%;
  height: auto;
  margin: 0 5px 5px 10px;
  color: #807579;
  display: none;
}
#picModal .ajax-file-upload-statusbar .ajax-file-upload-progress,
#picModalAdditional .ajax-file-upload-statusbar .ajax-file-upload-progress,
#ivcModal .ajax-file-upload-statusbar .ajax-file-upload-progress {
  margin: 0 auto;
  position: relative;
  width: 320px;
  border: 1px solid #ddd;
  padding: 1px;
  display: block;
  border-radius: 3px 3px 3px 3px;
}
#picModal .ajax-file-upload-statusbar .ajax-file-upload-progress .ajax-file-upload-bar,
#picModalAdditional .ajax-file-upload-statusbar .ajax-file-upload-progress .ajax-file-upload-bar,
#ivcModal .ajax-file-upload-statusbar .ajax-file-upload-progress .ajax-file-upload-bar {
  background-color: #00aabe;
  width: 0;
  height: 10px;
  border-radius: 3px 3px 3px 3px;
}
#picModal .ajax-file-upload-statusbar .ajax-file-upload-progress .ajax-file-upload-red,
#picModalAdditional .ajax-file-upload-statusbar .ajax-file-upload-progress .ajax-file-upload-red,
#ivcModal .ajax-file-upload-statusbar .ajax-file-upload-progress .ajax-file-upload-red {
  -webkit-box-shadow: inset 0 39px 0 -24px #e67a73;
          box-shadow: inset 0 39px 0 -24px #e67a73;
  background-color: #e4685d;
  display: inline-block;
  color: white;
  font-size: 13px;
  font-weight: normal;
  padding: 4px 15px;
  text-decoration: none;
  text-shadow: 0 1px 0 #b23e35;
  cursor: pointer;
  vertical-align: top;
  border-radius: 4px 4px 4px 4px;
}
#picModal .ajax-file-upload-statusbar .ajax-file-upload-progress .ajax-file-upload-green,
#picModalAdditional .ajax-file-upload-statusbar .ajax-file-upload-progress .ajax-file-upload-green,
#ivcModal .ajax-file-upload-statusbar .ajax-file-upload-progress .ajax-file-upload-green {
  background-color: #77b55a;
  border-radius: 4px 4px 4px 4px;
  margin: 0;
  display: inline-block;
  color: white;
  font-size: 13px;
  font-weight: normal;
  padding: 4px 15px;
  text-decoration: none;
  cursor: pointer;
  text-shadow: 0 1px 0 #5b8a3c;
  vertical-align: top;
}
#picModal .ajax-file-upload-percent,
#picModalAdditional .ajax-file-upload-percent,
#ivcModal .ajax-file-upload-percent {
  position: absolute;
  display: inline-block;
  top: 3px;
  left: 48%;
}
#picModal .ajax-file-upload-buttons,
#picModalAdditional .ajax-file-upload-buttons,
#ivcModal .ajax-file-upload-buttons {
  text-align: center;
  margin: 10px 0;
}
#picModal .ajax-file-upload-buttons .pic-modal-upload,
#picModalAdditional .ajax-file-upload-buttons .pic-modal-upload,
#ivcModal .ajax-file-upload-buttons .pic-modal-upload {
  width: 170px;
  height: 30px;
  line-height: 30px;
  border-radius: 15px 15px 15px 15px;
}
@media only screen and (max-width: 650px) {
  #picModal .ajax-file-upload-buttons .pic-modal-upload,
  #picModalAdditional .ajax-file-upload-buttons .pic-modal-upload,
  #ivcModal .ajax-file-upload-buttons .pic-modal-upload {
    margin-bottom: 10px;
    width: 100%;
  }
}
#picModal .ajax-file-upload-buttons .pic-modal-upload-close,
#picModalAdditional .ajax-file-upload-buttons .pic-modal-upload-close,
#ivcModal .ajax-file-upload-buttons .pic-modal-upload-close {
  width: 170px;
  height: 30px;
  line-height: 30px;
  border-radius: 15px 15px 15px 15px;
}
@media only screen and (max-width: 650px) {
  #picModal .ajax-file-upload-buttons .pic-modal-upload-close,
  #picModalAdditional .ajax-file-upload-buttons .pic-modal-upload-close,
  #ivcModal .ajax-file-upload-buttons .pic-modal-upload-close {
    width: 100%;
  }
}
#add-address-after-esia-auth .modal-body {
  margin-top: 32px;
  text-align: left;
}
#add-address-after-esia-auth .modal-body .add-address-after-esia-auth-input {
  border: 1px solid #C5C5CC;
  width: 100%;
  padding: 5px;
  border-radius: 8px 8px 8px 8px;
  font-size: 18px;
}
#add-address-after-esia-auth .modal-body .buttons-wrapper {
  text-align: center;
}
#add-address-after-esia-auth .modal-body .buttons-wrapper .submit {
  width: 100%;
}
#add-address-after-esia-auth .modal-body .warning__data {
  margin: 0 0 20px;
}
#attach_by_code_second_step .modal-header {
  text-align: center;
}
#attach_by_code_second_step .modal-header .modal-title {
  text-align: center;
}
#attach_by_code_second_step .modal-header .text-code {
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
}
#attach_by_code_second_step .modal-body {
  padding-bottom: 16px;
}
#attach_by_code_second_step .modal-body .ext-input {
  border: none;
  padding-bottom: 30px;
}
#attach_by_code_second_step .modal-body .ext-input input {
  font-size: 18px;
  line-height: 20px;
  color: #212127;
  font-weight: normal;
  padding: 8px 0;
  border-bottom: 1px solid #C5C5CC;
  -webkit-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
}
#attach_by_code_second_step .modal-body .ext-input input::-webkit-input-placeholder {
  color: #8B8B9A;
}
#attach_by_code_second_step .modal-body .ext-input input:-moz-placeholder {
  color: #8B8B9A;
}
#attach_by_code_second_step .modal-body .ext-input input:-moz-placeholder {
  color: #8B8B9A;
}
#attach_by_code_second_step .modal-body .ext-input input:-ms-input-placeholder {
  color: #8B8B9A;
}
#attach_by_code_second_step .modal-body .ext-input input.placeholder {
  color: #8B8B9A;
}
#attach_by_code_second_step .modal-body .ext-input input:focus {
  border-color: #00aabe;
}
#attach_by_code_second_step .modal-body .ext-input .label-wrapper {
  top: -12px;
}
#attach_by_code_second_step .modal-body .ext-input .label-wrapper .label-text {
  font-size: 14px;
  line-height: 16px;
  font-weight: normal;
  color: #8B8B9A;
}
#attach_by_code_second_step .modal-body .ext-input .error-wrapper {
  position: absolute;
  left: 0;
  bottom: 0;
  margin-bottom: 10px;
}
#attach_by_code_second_step .modal-body .ext-input .error-wrapper .error-text {
  background-color: transparent;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: #f0505a;
  padding: 0;
}
#attach_by_code_second_step .modal-body .ext-input.error input {
  border-color: #f0505a;
}
#attach_by_code_second_step .modal-body .buttons-wrapper {
  padding: 16px 0 24px;
  margin: 0;
}
#attach_by_code_second_step .modal-body .buttons-wrapper button {
  width: 100%;
  height: 48px;
  color: white;
  font-size: 18px;
  line-height: 46px;
  font-weight: normal;
  padding: 0;
  text-align: center;
  background: #00aabe;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  border-radius: 24px 24px 24px 24px;
}
#attach_by_code_second_step .modal-body .buttons-wrapper button:hover {
  background: #006672;
}
.modal .modal-dialog.unsubscriptionModal .modal-body {
  padding: 20px 20px 0;
}
.modal .modal-dialog.unsubscriptionModal .modal-body .reset,
.modal .modal-dialog.unsubscriptionModal .modal-body .submit {
  width: 190px;
  height: 30px;
  line-height: 28px;
  margin: 0 5px;
}
.modal .modal-dialog.unsubscriptionModal .modal-body .reset {
  margin-top: 10px;
}
.modal .modal-dialog.unsubscriptionModal .modal-body .organization-attach-form-unsubscribe {
  margin-top: 10px;
}
#attachmentDocument .modal-body,
[aria-labelledby="attachmentDocumentModal"] .modal-body {
  padding: 0 25px 0 40px;
}
@media only screen and (max-width: 650px) {
  #attachmentDocument [aria-labelledby="attachmentDocumentModal"] .modal-footer .button-modal-send,
  [aria-labelledby="attachmentDocumentModal"] [aria-labelledby="attachmentDocumentModal"] .modal-footer .button-modal-send {
    margin-right: 0 !important;
    margin-bottom: 16px !important;
  }
}
#attachmentDocument .select-document-modal-window .modal-body,
[aria-labelledby="attachmentDocumentModal"] .select-document-modal-window .modal-body {
  padding: 0 25px 0 40px;
}
#attachmentDocument .modal-footer,
[aria-labelledby="attachmentDocumentModal"] .modal-footer {
  text-align: center;
}
#attachmentDocument .modal-footer .button-modal-send,
[aria-labelledby="attachmentDocumentModal"] .modal-footer .button-modal-send {
  margin-right: 20px;
}
@media only screen and (max-width: 767px) {
  #attachmentDocument .modal-footer .button-modal-send,
  [aria-labelledby="attachmentDocumentModal"] .modal-footer .button-modal-send {
    margin-right: 0;
    margin-bottom: 12px;
  }
}
#attachmentDocument .my-documents,
[aria-labelledby="attachmentDocumentModal"] .my-documents {
  margin: 20px 0;
  text-align: center;
  overflow: hidden;
  height: 452px;
  padding: 0 10px 0 0;
  position: relative;
}
#attachmentDocument .my-documents .document-icon,
[aria-labelledby="attachmentDocumentModal"] .my-documents .document-icon {
  width: 100px;
  height: 107px;
  background: url('/images/default/empty-docs.png') no-repeat;
  background-size: contain;
  margin: auto auto 40px;
}
#attachmentDocument .my-documents .text,
[aria-labelledby="attachmentDocumentModal"] .my-documents .text {
  font-size: 24px;
  font-weight: normal;
  line-height: 40px;
}
#attachmentDocument .my-documents #upload-document-link,
[aria-labelledby="attachmentDocumentModal"] .my-documents #upload-document-link {
  font-size: 24px;
  font-weight: normal;
  text-decoration: underline;
}
#attachmentDocument .my-documents .no-documents,
[aria-labelledby="attachmentDocumentModal"] .my-documents .no-documents {
  margin-top: 60px;
}
#attachmentDocument .my-documents .loader,
[aria-labelledby="attachmentDocumentModal"] .my-documents .loader {
  background: url("/images/default/loaders/loading.gif") no-repeat;
  display: none;
  height: 32px;
  width: 32px;
  position: fixed;
  margin-left: -16px;
  margin-top: -16px;
  top: 50%;
  left: 50%;
}
#attachmentDocument .my-documents .documents-wrapper,
[aria-labelledby="attachmentDocumentModal"] .my-documents .documents-wrapper {
  text-align: left;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
@media only screen and (max-width: 1150px) {
  #attachmentDocument .my-documents .documents-wrapper,
  [aria-labelledby="attachmentDocumentModal"] .my-documents .documents-wrapper {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  #attachmentDocument .my-documents .documents-wrapper,
  [aria-labelledby="attachmentDocumentModal"] .my-documents .documents-wrapper {
    text-align: left;
  }
}
@media only screen and (max-width: 650px) {
  #attachmentDocument .my-documents .documents-wrapper,
  [aria-labelledby="attachmentDocumentModal"] .my-documents .documents-wrapper {
    text-align: center;
  }
}
#attachmentDocument .my-documents .documents-wrapper.fade,
[aria-labelledby="attachmentDocumentModal"] .my-documents .documents-wrapper.fade {
  opacity: 0.5;
}
#attachmentDocument .my-documents .document-item,
[aria-labelledby="attachmentDocumentModal"] .my-documents .document-item {
  width: 240px;
  display: inline-block;
  vertical-align: top;
  margin-right: 50px;
  margin-bottom: 20px;
  cursor: pointer;
  font-size: 14px;
}
@media only screen and (max-width: 1240px) {
  #attachmentDocument .my-documents .document-item,
  [aria-labelledby="attachmentDocumentModal"] .my-documents .document-item {
    width: 240px;
  }
}
@media only screen and (max-width: 767px) {
  #attachmentDocument .my-documents .document-item,
  [aria-labelledby="attachmentDocumentModal"] .my-documents .document-item {
    margin-right: 0;
  }
}
@media only screen and (max-width: 650px) {
  #attachmentDocument .my-documents .document-item,
  [aria-labelledby="attachmentDocumentModal"] .my-documents .document-item {
    width: 100%;
  }
}
#attachmentDocument .my-documents .document-item:nth-child(3n+3),
[aria-labelledby="attachmentDocumentModal"] .my-documents .document-item:nth-child(3n+3) {
  margin-right: 0;
}
@media only screen and (max-width: 1150px) {
  #attachmentDocument .my-documents .document-item:nth-child(3n+3),
  [aria-labelledby="attachmentDocumentModal"] .my-documents .document-item:nth-child(3n+3) {
    margin-right: 50px;
  }
}
@media only screen and (max-width: 767px) {
  #attachmentDocument .my-documents .document-item:nth-child(3n+3),
  [aria-labelledby="attachmentDocumentModal"] .my-documents .document-item:nth-child(3n+3) {
    margin-right: 0;
  }
}
#attachmentDocument .my-documents .document-item:hover .thumb-wrapper:after,
[aria-labelledby="attachmentDocumentModal"] .my-documents .document-item:hover .thumb-wrapper:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 170, 190, 0.5);
}
#attachmentDocument .my-documents .document-item.selected .thumb-wrapper::after,
[aria-labelledby="attachmentDocumentModal"] .my-documents .document-item.selected .thumb-wrapper::after {
  content: "";
  display: block;
  position: absolute;
  background: rgba(0, 170, 190, 0.5);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#attachmentDocument .my-documents .document-item.selected .thumb-wrapper .attach-document,
[aria-labelledby="attachmentDocumentModal"] .my-documents .document-item.selected .thumb-wrapper .attach-document,
#attachmentDocument .my-documents .document-item.selected .thumb-wrapper .unselect,
[aria-labelledby="attachmentDocumentModal"] .my-documents .document-item.selected .thumb-wrapper .unselect {
  display: block;
}
#attachmentDocument .my-documents .document-item .thumb-wrapper,
[aria-labelledby="attachmentDocumentModal"] .my-documents .document-item .thumb-wrapper {
  border: 1px solid #ededed;
  height: 220px;
  margin-bottom: 5px;
  position: relative;
  height: 240px;
}
@media only screen and (max-width: 1240px) {
  #attachmentDocument .my-documents .document-item .thumb-wrapper,
  [aria-labelledby="attachmentDocumentModal"] .my-documents .document-item .thumb-wrapper {
    height: 240px;
  }
}
@media only screen and (max-width: 650px) {
  #attachmentDocument .my-documents .document-item .thumb-wrapper,
  [aria-labelledby="attachmentDocumentModal"] .my-documents .document-item .thumb-wrapper {
    float: left;
    height: 100px;
    width: 100px;
    margin-right: 10px;
  }
}
#attachmentDocument .my-documents .document-item .thumb-wrapper.not-image,
[aria-labelledby="attachmentDocumentModal"] .my-documents .document-item .thumb-wrapper.not-image {
  text-align: center;
}
#attachmentDocument .my-documents .document-item .thumb-wrapper.not-image::before,
[aria-labelledby="attachmentDocumentModal"] .my-documents .document-item .thumb-wrapper.not-image::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
#attachmentDocument .my-documents .document-item .thumb-wrapper.not-image img,
[aria-labelledby="attachmentDocumentModal"] .my-documents .document-item .thumb-wrapper.not-image img {
  width: auto;
}
#attachmentDocument .my-documents .document-item .thumb-wrapper .attach-document,
[aria-labelledby="attachmentDocumentModal"] .my-documents .document-item .thumb-wrapper .attach-document {
  width: 130px;
  position: absolute;
  left: 50%;
  bottom: 20px;
  margin-left: -65px;
  text-align: center;
  z-index: 100;
  display: none;
}
#attachmentDocument .my-documents .document-item .thumb-wrapper .unselect,
[aria-labelledby="attachmentDocumentModal"] .my-documents .document-item .thumb-wrapper .unselect {
  background: url('/images/default/modal-close.png') no-repeat;
  background-position: -28px 0;
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 10;
  width: 14px;
  height: 14px;
  display: none;
}
#attachmentDocument .my-documents .document-item .thumb-wrapper img,
[aria-labelledby="attachmentDocumentModal"] .my-documents .document-item .thumb-wrapper img {
  border: 1px solid #ededed;
  width: 100%;
}
#attachmentDocument .my-documents .document-item .filename,
[aria-labelledby="attachmentDocumentModal"] .my-documents .document-item .filename {
  text-align: left;
  word-break: break-all;
}
#attachmentDocument .my-documents .document-item .upload-date,
[aria-labelledby="attachmentDocumentModal"] .my-documents .document-item .upload-date {
  text-align: left;
}
#deleteProgramm .modal-dialog .modal-content .modal-header,
#deleteCard .modal-dialog .modal-content .modal-header,
#deleteSubscription .modal-dialog .modal-content .modal-header {
  padding: 44px 48px 24px;
}
#deleteProgramm .modal-dialog .modal-content .modal-header .modal-title,
#deleteCard .modal-dialog .modal-content .modal-header .modal-title,
#deleteSubscription .modal-dialog .modal-content .modal-header .modal-title {
  font-weight: normal !important;
  font-size: 28px;
  line-height: 34px !important;
  height: auto;
  color: black;
  border-bottom: 0 !important;
}
@media only screen and (max-width: 1150px) {
  #deleteProgramm .modal-dialog .modal-content .modal-header .modal-title,
  #deleteCard .modal-dialog .modal-content .modal-header .modal-title,
  #deleteSubscription .modal-dialog .modal-content .modal-header .modal-title {
    padding: 0;
  }
}
@media only screen and (max-width: 1150px) {
  #deleteProgramm .modal-dialog .modal-content .modal-header,
  #deleteCard .modal-dialog .modal-content .modal-header,
  #deleteSubscription .modal-dialog .modal-content .modal-header {
    padding: 24px;
  }
}
#deleteProgramm .modal-dialog .modal-content .modal-body,
#deleteCard .modal-dialog .modal-content .modal-body,
#deleteSubscription .modal-dialog .modal-content .modal-body {
  padding: 31px 48px 56px !important;
  text-align: left;
}
@media only screen and (max-width: 1150px) {
  #deleteProgramm .modal-dialog .modal-content .modal-body,
  #deleteCard .modal-dialog .modal-content .modal-body,
  #deleteSubscription .modal-dialog .modal-content .modal-body {
    padding: 24px !important;
  }
}
#deleteProgramm .modal-dialog .modal-content .modal-body p,
#deleteCard .modal-dialog .modal-content .modal-body p,
#deleteSubscription .modal-dialog .modal-content .modal-body p {
  margin: 0;
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
  color: #212127;
}
#deleteProgramm .modal-dialog .modal-content .modal-footer,
#deleteCard .modal-dialog .modal-content .modal-footer,
#deleteSubscription .modal-dialog .modal-content .modal-footer {
  border-top: 0 !important;
  padding: 0 48px 32px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 1150px) {
  #deleteProgramm .modal-dialog .modal-content .modal-footer,
  #deleteCard .modal-dialog .modal-content .modal-footer,
  #deleteSubscription .modal-dialog .modal-content .modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#deleteProgramm .modal-dialog .modal-content .modal-footer button,
#deleteCard .modal-dialog .modal-content .modal-footer button,
#deleteSubscription .modal-dialog .modal-content .modal-footer button {
  border: none;
  font-size: 18px;
  line-height: 20px;
  height: 48px;
  line-height: 46px;
}
#deleteProgramm .modal-dialog .modal-content .modal-footer button:focus,
#deleteCard .modal-dialog .modal-content .modal-footer button:focus,
#deleteSubscription .modal-dialog .modal-content .modal-footer button:focus {
  outline: none;
}
#deleteProgramm .modal-dialog .modal-content .modal-footer button[data-dismiss="modal"],
#deleteCard .modal-dialog .modal-content .modal-footer button[data-dismiss="modal"],
#deleteSubscription .modal-dialog .modal-content .modal-footer button[data-dismiss="modal"] {
  width: 116px;
  margin-right: 8px;
  color: #00aabe;
  background: transparent;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
#deleteProgramm .modal-dialog .modal-content .modal-footer button[data-dismiss="modal"]:hover,
#deleteCard .modal-dialog .modal-content .modal-footer button[data-dismiss="modal"]:hover,
#deleteSubscription .modal-dialog .modal-content .modal-footer button[data-dismiss="modal"]:hover {
  color: #006672;
}
#deleteProgramm .modal-dialog .modal-content .modal-footer button.removeCard,
#deleteCard .modal-dialog .modal-content .modal-footer button.removeCard,
#deleteSubscription .modal-dialog .modal-content .modal-footer button.removeCard,
#deleteProgramm .modal-dialog .modal-content .modal-footer button.removeProgramm,
#deleteCard .modal-dialog .modal-content .modal-footer button.removeProgramm,
#deleteSubscription .modal-dialog .modal-content .modal-footer button.removeProgramm {
  min-width: 144px;
  padding: 0 10px;
  color: white;
  font-weight: normal;
  border-radius: 24px 24px 24px 24px;
  background: #f0505a;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
#deleteProgramm .modal-dialog .modal-content .modal-footer button.removeCard:hover,
#deleteCard .modal-dialog .modal-content .modal-footer button.removeCard:hover,
#deleteSubscription .modal-dialog .modal-content .modal-footer button.removeCard:hover,
#deleteProgramm .modal-dialog .modal-content .modal-footer button.removeProgramm:hover,
#deleteCard .modal-dialog .modal-content .modal-footer button.removeProgramm:hover,
#deleteSubscription .modal-dialog .modal-content .modal-footer button.removeProgramm:hover {
  background: #e01320;
}
#esiaBindAccount .close {
  width: 25px;
  height: 25px;
  background: url('/images/default/close-new.png') no-repeat 0 0;
  right: 0;
  top: 0;
  margin: -5px -40px 0 0;
}
#esiaBindAccount #formBindAccount p {
  font-weight: normal;
  font-size: 18px;
  color: black;
  margin: 20px;
  line-height: 1.1;
}
#esiaBindAccount #formBindAccount p strong {
  font-weight: bold;
}
#feedbackMessageModal #feedbackMessageForm {
  margin: 20px 0 10px 0;
}
#feedbackMessageModal #feedbackMessageForm .mail__block {
  text-align: left;
  margin: 24px 0;
}
#feedbackMessageModal #feedbackMessageForm .mail__block label {
  display: block;
  font-weight: normal;
  color: #666666;
}
#feedbackMessageModal #feedbackMessageForm .mail__block input {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #f0f0f0;
  width: 100%;
  padding: 5px 0;
  -webkit-transition: border-color 0.3s ease-in;
  transition: border-color 0.3s ease-in;
}
#feedbackMessageModal #feedbackMessageForm .mail__block input:hover,
#feedbackMessageModal #feedbackMessageForm .mail__block input:focus {
  border-color: #00aabe;
}
#feedbackMessageModal #feedbackMessageForm .description-wrapper {
  line-height: 50px;
}
#feedbackMessageModal #feedbackMessageForm .description-wrapper .description {
  line-height: 24px;
  text-align: left;
  color: #666666;
  font-size: 16px;
  display: inline-block;
}
#feedbackMessageModal #feedbackMessageForm .message-wrapper #feedbackMessage {
  height: 220px;
  line-height: 22px;
  padding: 10px 20px;
  outline: none;
  border: none;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  width: 100%;
  font-size: 15px;
  color: #333;
  resize: none;
}
#feedbackMessageModal #feedbackMessageForm .buttons-wrapper {
  padding: 20px 0;
  text-align: center;
  margin: 0;
}
#feedbackMessageModal #feedbackMessageForm .buttons-wrapper .button {
  margin: 0 15px;
  width: 200px;
}
@media only screen and (max-width: 650px) {
  #feedbackMessageModal #feedbackMessageForm .buttons-wrapper .button {
    width: 100%;
    margin: 0 0 10px;
  }
}
@media only screen and (max-width: 650px) {
  #feedbackMessageModal #feedbackMessageForm .buttons-wrapper .button:last-child {
    margin: 0;
  }
}
#gosuslugi_offer_detail .modal-body {
  padding-bottom: 16px;
}
#gosuslugi_offer_detail .modal-body .title-block {
  font-size: 20px;
  color: #212127;
  margin: 16px 0 0;
}
#gosuslugi_offer_detail .modal-body .btn-group {
  margin-bottom: 16px;
}
#gosuslugi_offer_detail .modal-body .info-pacient .item-block .title {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  color: #212127;
  font-weight: bold;
}
#gosuslugi_offer_detail .modal-body .info-pacient .item-block .value {
  display: inline;
  vertical-align: top;
  font-size: 18px;
  color: #717181;
}
#gosuslugi_offer_detail #gosuslugi_offer_decline,
#gosuslugi_offer_detail #gosuslugi_offer_create_request {
  border-radius: 4px 4px 4px 4px;
  font-weight: normal;
  font-size: 16px;
  text-align: center;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  border-radius: 5px 5px 5px 5px;
  text-decoration: none;
}
#gosuslugi_offer_detail #gosuslugi_offer_decline {
  color: #212127;
  border: 1px solid #E1E1E5;
  background-color: white;
}
#gosuslugi_offer_detail #gosuslugi_offer_decline:hover {
  background-color: #ededed;
}
#gosuslugi_offer_detail #gosuslugi_offer_create_request {
  color: white;
  background-color: #0063b0;
}
#gosuslugi_offer_detail #gosuslugi_offer_create_request:hover {
  background-color: #023e83;
}
.inputPromoModal .modal-header .creation-title {
  text-align: left;
}
.inputPromoModal .modal-body .set-promo-invitation-container .set-promo-invitation {
  margin: 0;
  display: block;
  font-weight: bold;
  font-size: 20px;
  color: #333;
}
.inputPromoModal .modal-body .error-wrapper {
  position: absolute;
  bottom: 0;
}
.inputPromoModal .modal-body .error-wrapper .error-text {
  background-color: transparent;
  color: #f0505a;
  padding: 0;
}
.inputPromoModal .modal-body .promokodInputContainer {
  margin: 0 auto;
  position: relative;
  padding-bottom: 26px;
  border: 0;
}
.inputPromoModal .modal-body .promokodInputContainer .input-wrapper {
  border-bottom: 1px solid #C5C5CC;
  -webkit-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
}
.inputPromoModal .modal-body .promokodInputContainer.error .input-wrapper {
  border-color: #f0505a;
}
.inputPromoModal .modal-body .notice-wrapper .notice {
  font-size: 16px;
  color: black;
}
.inputPromoModal .modal-footer {
  border: 0;
}
.inputPromoModal .modal-footer .buttons-wrapper .button-style {
  width: 100%;
  height: 38px;
  line-height: 36px;
  padding: 0 10px;
  border: 0;
  margin-bottom: 16px;
  color: white;
  position: relative;
  text-align: center;
  border-radius: 20px 20px 20px 20px;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.inputPromoModal .modal-footer .buttons-wrapper .button-style:last-child {
  margin-bottom: 0;
}
.inputPromoModal .modal-footer .buttons-wrapper .button-style.btn-5,
.inputPromoModal .modal-footer .buttons-wrapper .button-style.btn-4 {
  background-color: #00aabe;
}
.inputPromoModal .modal-footer .buttons-wrapper .button-style.btn-5:hover,
.inputPromoModal .modal-footer .buttons-wrapper .button-style.btn-4:hover {
  background-color: #006672;
}
.inputPromoModal .modal-footer .buttons-wrapper .button-style.btn-5.inactive,
.inputPromoModal .modal-footer .buttons-wrapper .button-style.btn-4.inactive {
  background-color: #959595;
}
.inputPromoModal .modal-footer .buttons-wrapper .button-style.btn-2 {
  background-color: #f0505a;
}
.inputPromoModal .modal-footer .buttons-wrapper .button-style.btn-2:hover {
  background-color: #e01320;
}
#instructions-page .instructions {
  margin: 40px 0 60px;
}
#instructions-page .instructions ul li span {
  display: block;
  margin: 20px 0;
  font-size: 20px;
  line-height: 1.1;
}
#instructions-page .instructions ul li img {
  max-width: 100%;
  margin-bottom: 20px;
}
#loginFormModalNew .modal-header,
#registFormModalNew .modal-header,
#promoFormModalNew .modal-header,
#privacy-modal .modal-header {
  border-bottom: 1px solid #E1E1E5;
  padding: 44px 48px 24px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #loginFormModalNew .modal-header,
  #registFormModalNew .modal-header,
  #promoFormModalNew .modal-header,
  #privacy-modal .modal-header {
    padding: 48px 46px 32px;
  }
}
@media only screen and (max-width: 370px) {
  #loginFormModalNew .modal-header,
  #registFormModalNew .modal-header,
  #promoFormModalNew .modal-header,
  #privacy-modal .modal-header {
    padding: 24px 24px;
  }
}
#loginFormModalNew .modal-header .prev,
#registFormModalNew .modal-header .prev,
#promoFormModalNew .modal-header .prev,
#privacy-modal .modal-header .prev {
  position: absolute;
  width: 20px;
  height: 20px;
  left: 30px;
  top: 30px;
  cursor: pointer;
  background: url('/images/default/prev.svg') 50% 50% no-repeat;
}
@media only screen and (max-width: 767px) {
  #loginFormModalNew .modal-header .prev,
  #registFormModalNew .modal-header .prev,
  #promoFormModalNew .modal-header .prev,
  #privacy-modal .modal-header .prev {
    left: 24px;
    top: 24px;
  }
}
@media only screen and (max-width: 370px) {
  #loginFormModalNew .modal-header .prev,
  #registFormModalNew .modal-header .prev,
  #promoFormModalNew .modal-header .prev,
  #privacy-modal .modal-header .prev {
    left: 12px;
    top: 12px;
  }
}
#loginFormModalNew .modal-header .modal-title,
#registFormModalNew .modal-header .modal-title,
#promoFormModalNew .modal-header .modal-title,
#privacy-modal .modal-header .modal-title {
  text-align: center;
  font-size: 28px;
}
@media only screen and (max-width: 370px) {
  #loginFormModalNew .modal-header .modal-title,
  #registFormModalNew .modal-header .modal-title,
  #promoFormModalNew .modal-header .modal-title,
  #privacy-modal .modal-header .modal-title {
    font-size: 24px;
  }
}
#loginFormModalNew .ps__rail-y,
#registFormModalNew .ps__rail-y,
#promoFormModalNew .ps__rail-y,
#privacy-modal .ps__rail-y {
  height: 100%;
  display: block !important;
}
#loginFormModalNew .ps__rail-y .ps__thumb-y,
#registFormModalNew .ps__rail-y .ps__thumb-y,
#promoFormModalNew .ps__rail-y .ps__thumb-y,
#privacy-modal .ps__rail-y .ps__thumb-y {
  height: 20px !important;
  display: block !important;
}
#loginFormModalNew .modal-body,
#registFormModalNew .modal-body,
#promoFormModalNew .modal-body,
#privacy-modal .modal-body {
  position: relative;
  padding: 32px 48px 48px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #loginFormModalNew .modal-body,
  #registFormModalNew .modal-body,
  #promoFormModalNew .modal-body,
  #privacy-modal .modal-body {
    padding: 24px 22px;
  }
}
#loginFormModalNew .modal-body hr,
#registFormModalNew .modal-body hr,
#promoFormModalNew .modal-body hr,
#privacy-modal .modal-body hr {
  display: none;
}
#loginFormModalNew .modal-body .text,
#registFormModalNew .modal-body .text,
#promoFormModalNew .modal-body .text,
#privacy-modal .modal-body .text {
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 60px;
}
#loginFormModalNew .modal-body .auth-support-button,
#registFormModalNew .modal-body .auth-support-button,
#promoFormModalNew .modal-body .auth-support-button,
#privacy-modal .modal-body .auth-support-button {
  cursor: pointer;
  color: #00aabe;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#loginFormModalNew .modal-body p.agreement,
#registFormModalNew .modal-body p.agreement,
#promoFormModalNew .modal-body p.agreement,
#privacy-modal .modal-body p.agreement {
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
  color: black;
  text-align: left;
  margin-bottom: 0;
}
#loginFormModalNew .modal-body p.agreement a,
#registFormModalNew .modal-body p.agreement a,
#promoFormModalNew .modal-body p.agreement a,
#privacy-modal .modal-body p.agreement a {
  color: #00aabe;
  text-decoration: none;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
#loginFormModalNew .modal-body p.agreement a:hover,
#registFormModalNew .modal-body p.agreement a:hover,
#promoFormModalNew .modal-body p.agreement a:hover,
#privacy-modal .modal-body p.agreement a:hover {
  color: #006672;
}
#loginFormModalNew .modal-body .text_description,
#registFormModalNew .modal-body .text_description,
#promoFormModalNew .modal-body .text_description,
#privacy-modal .modal-body .text_description {
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  margin-top: 32px;
  color: #8B8B9A;
}
#loginFormModalNew .modal-body .text_description a,
#registFormModalNew .modal-body .text_description a,
#promoFormModalNew .modal-body .text_description a,
#privacy-modal .modal-body .text_description a {
  color: #8B8B9A;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  text-decoration: none;
}
#loginFormModalNew .modal-body .text_description a.auth-support-button,
#registFormModalNew .modal-body .text_description a.auth-support-button,
#promoFormModalNew .modal-body .text_description a.auth-support-button,
#privacy-modal .modal-body .text_description a.auth-support-button {
  color: #00aabe;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#loginFormModalNew .modal-body .text_description a.auth-support-button:hover,
#registFormModalNew .modal-body .text_description a.auth-support-button:hover,
#promoFormModalNew .modal-body .text_description a.auth-support-button:hover,
#privacy-modal .modal-body .text_description a.auth-support-button:hover {
  color: #006672;
}
#loginFormModalNew .modal-body .doctor_enter,
#registFormModalNew .modal-body .doctor_enter,
#promoFormModalNew .modal-body .doctor_enter,
#privacy-modal .modal-body .doctor_enter {
  display: inline-block;
  text-align: center;
  margin: 36px 0 0;
  font-size: 18px;
  line-height: 20px;
  color: #00aabe;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#loginFormModalNew .modal-body .doctor_enter:hover,
#registFormModalNew .modal-body .doctor_enter:hover,
#promoFormModalNew .modal-body .doctor_enter:hover,
#privacy-modal .modal-body .doctor_enter:hover {
  color: #006672;
}
#loginFormModalNew .modal-body .auth-send-promo-input-wrapper .ext-input,
#registFormModalNew .modal-body .auth-send-promo-input-wrapper .ext-input,
#promoFormModalNew .modal-body .auth-send-promo-input-wrapper .ext-input,
#privacy-modal .modal-body .auth-send-promo-input-wrapper .ext-input {
  margin-bottom: 51px;
}
#loginFormModalNew .modal-body .auth-send-promo-input-wrapper .ext-input input,
#registFormModalNew .modal-body .auth-send-promo-input-wrapper .ext-input input,
#promoFormModalNew .modal-body .auth-send-promo-input-wrapper .ext-input input,
#privacy-modal .modal-body .auth-send-promo-input-wrapper .ext-input input {
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-animation-name: showInput;
          animation-name: showInput;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}
#loginFormModalNew .modal-body .auth-send-promo-input-wrapper .ext-input:first-child input,
#registFormModalNew .modal-body .auth-send-promo-input-wrapper .ext-input:first-child input,
#promoFormModalNew .modal-body .auth-send-promo-input-wrapper .ext-input:first-child input,
#privacy-modal .modal-body .auth-send-promo-input-wrapper .ext-input:first-child input {
  -webkit-animation-duration: 0.25s;
          animation-duration: 0.25s;
}
#loginFormModalNew .modal-body .auth-send-promo-input-wrapper .ext-input:nth-child(2) input,
#registFormModalNew .modal-body .auth-send-promo-input-wrapper .ext-input:nth-child(2) input,
#promoFormModalNew .modal-body .auth-send-promo-input-wrapper .ext-input:nth-child(2) input,
#privacy-modal .modal-body .auth-send-promo-input-wrapper .ext-input:nth-child(2) input {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
#loginFormModalNew .modal-body .auth-send-promo-input-wrapper .ext-input:nth-child(3) input,
#registFormModalNew .modal-body .auth-send-promo-input-wrapper .ext-input:nth-child(3) input,
#promoFormModalNew .modal-body .auth-send-promo-input-wrapper .ext-input:nth-child(3) input,
#privacy-modal .modal-body .auth-send-promo-input-wrapper .ext-input:nth-child(3) input {
  -webkit-animation-duration: 0.75s;
          animation-duration: 0.75s;
}
#loginFormModalNew .modal-body .auth-send-promo-input-wrapper .ext-input:nth-child(4) input,
#registFormModalNew .modal-body .auth-send-promo-input-wrapper .ext-input:nth-child(4) input,
#promoFormModalNew .modal-body .auth-send-promo-input-wrapper .ext-input:nth-child(4) input,
#privacy-modal .modal-body .auth-send-promo-input-wrapper .ext-input:nth-child(4) input {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}
#loginFormModalNew .modal-body .auth-send-promo-input-wrapper .ext-input:nth-child(5) input,
#registFormModalNew .modal-body .auth-send-promo-input-wrapper .ext-input:nth-child(5) input,
#promoFormModalNew .modal-body .auth-send-promo-input-wrapper .ext-input:nth-child(5) input,
#privacy-modal .modal-body .auth-send-promo-input-wrapper .ext-input:nth-child(5) input {
  -webkit-animation-duration: 1.25s;
          animation-duration: 1.25s;
}
#loginFormModalNew .modal-body .auth-send-promo-input-wrapper .ext-input:last-child,
#registFormModalNew .modal-body .auth-send-promo-input-wrapper .ext-input:last-child,
#promoFormModalNew .modal-body .auth-send-promo-input-wrapper .ext-input:last-child,
#privacy-modal .modal-body .auth-send-promo-input-wrapper .ext-input:last-child {
  margin-bottom: 0;
}
#loginFormModalNew .modal-body .ext-input,
#registFormModalNew .modal-body .ext-input,
#promoFormModalNew .modal-body .ext-input,
#privacy-modal .modal-body .ext-input {
  border-bottom: 0;
  position: relative;
  margin-bottom: 20px;
}
#loginFormModalNew .modal-body .ext-input .label-wrapper,
#registFormModalNew .modal-body .ext-input .label-wrapper,
#promoFormModalNew .modal-body .ext-input .label-wrapper,
#privacy-modal .modal-body .ext-input .label-wrapper {
  top: auto;
  margin-top: -16px;
}
#loginFormModalNew .modal-body .ext-input .label-wrapper .label-text,
#registFormModalNew .modal-body .ext-input .label-wrapper .label-text,
#promoFormModalNew .modal-body .ext-input .label-wrapper .label-text,
#privacy-modal .modal-body .ext-input .label-wrapper .label-text {
  font-size: 14px;
  line-height: 16px;
  font-weight: normal;
  color: #8B8B9A;
}
#loginFormModalNew .modal-body .ext-input#loginPasswordContainer,
#registFormModalNew .modal-body .ext-input#loginPasswordContainer,
#promoFormModalNew .modal-body .ext-input#loginPasswordContainer,
#privacy-modal .modal-body .ext-input#loginPasswordContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin-bottom: 63px;
}
#loginFormModalNew .modal-body .ext-input#loginPasswordContainer .input-wrapper,
#registFormModalNew .modal-body .ext-input#loginPasswordContainer .input-wrapper,
#promoFormModalNew .modal-body .ext-input#loginPasswordContainer .input-wrapper,
#privacy-modal .modal-body .ext-input#loginPasswordContainer .input-wrapper {
  width: 100%;
  margin-bottom: 10px;
}
#loginFormModalNew .modal-body .ext-input .input-wrapper input,
#registFormModalNew .modal-body .ext-input .input-wrapper input,
#promoFormModalNew .modal-body .ext-input .input-wrapper input,
#privacy-modal .modal-body .ext-input .input-wrapper input {
  width: 100%;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #C5C5CC;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: black;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#loginFormModalNew .modal-body .ext-input .input-wrapper input:hover,
#registFormModalNew .modal-body .ext-input .input-wrapper input:hover,
#promoFormModalNew .modal-body .ext-input .input-wrapper input:hover,
#privacy-modal .modal-body .ext-input .input-wrapper input:hover,
#loginFormModalNew .modal-body .ext-input .input-wrapper input:focus,
#registFormModalNew .modal-body .ext-input .input-wrapper input:focus,
#promoFormModalNew .modal-body .ext-input .input-wrapper input:focus,
#privacy-modal .modal-body .ext-input .input-wrapper input:focus {
  border-color: #00aabe;
}
#loginFormModalNew .modal-body .ext-input .error-wrapper,
#registFormModalNew .modal-body .ext-input .error-wrapper,
#promoFormModalNew .modal-body .ext-input .error-wrapper,
#privacy-modal .modal-body .ext-input .error-wrapper {
  position: absolute;
  font-weight: normal;
  font-size: 12px;
  color: #f0505a;
  text-align: center;
  width: 100%;
  left: 0;
  display: none;
}
#loginFormModalNew .modal-body .ext-input .error-wrapper.phone-input-error,
#registFormModalNew .modal-body .ext-input .error-wrapper.phone-input-error,
#promoFormModalNew .modal-body .ext-input .error-wrapper.phone-input-error,
#privacy-modal .modal-body .ext-input .error-wrapper.phone-input-error {
  text-align: left;
  width: 90%;
}
#loginFormModalNew .modal-body .ext-input .error-wrapper.error-left,
#registFormModalNew .modal-body .ext-input .error-wrapper.error-left,
#promoFormModalNew .modal-body .ext-input .error-wrapper.error-left,
#privacy-modal .modal-body .ext-input .error-wrapper.error-left {
  text-align: left;
}
#loginFormModalNew .modal-body .ext-input .input-container.number_container div,
#registFormModalNew .modal-body .ext-input .input-container.number_container div,
#promoFormModalNew .modal-body .ext-input .input-container.number_container div,
#privacy-modal .modal-body .ext-input .input-container.number_container div {
  position: relative;
  display: inline-block;
  width: 42px;
  margin-left: 18px;
}
@media only screen and (max-width: 370px) {
  #loginFormModalNew .modal-body .ext-input .input-container.number_container div,
  #registFormModalNew .modal-body .ext-input .input-container.number_container div,
  #promoFormModalNew .modal-body .ext-input .input-container.number_container div,
  #privacy-modal .modal-body .ext-input .input-container.number_container div {
    width: 30px;
  }
}
#loginFormModalNew .modal-body .ext-input .input-container.number_container div:first-child,
#registFormModalNew .modal-body .ext-input .input-container.number_container div:first-child,
#promoFormModalNew .modal-body .ext-input .input-container.number_container div:first-child,
#privacy-modal .modal-body .ext-input .input-container.number_container div:first-child {
  margin-left: 0;
}
#loginFormModalNew .modal-body .ext-input .input-container input,
#registFormModalNew .modal-body .ext-input .input-container input,
#promoFormModalNew .modal-body .ext-input .input-container input,
#privacy-modal .modal-body .ext-input .input-container input {
  display: inline-block;
  width: 42px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #C5C5CC;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-align: center;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: black;
}
@media only screen and (max-width: 370px) {
  #loginFormModalNew .modal-body .ext-input .input-container input,
  #registFormModalNew .modal-body .ext-input .input-container input,
  #promoFormModalNew .modal-body .ext-input .input-container input,
  #privacy-modal .modal-body .ext-input .input-container input {
    width: 35px;
  }
}
#loginFormModalNew .modal-body .ext-input .input-container input:hover,
#registFormModalNew .modal-body .ext-input .input-container input:hover,
#promoFormModalNew .modal-body .ext-input .input-container input:hover,
#privacy-modal .modal-body .ext-input .input-container input:hover,
#loginFormModalNew .modal-body .ext-input .input-container input:focus,
#registFormModalNew .modal-body .ext-input .input-container input:focus,
#promoFormModalNew .modal-body .ext-input .input-container input:focus,
#privacy-modal .modal-body .ext-input .input-container input:focus {
  border-color: #00aabe;
}
#loginFormModalNew .modal-body .ext-input .input-wrapper input[type="email"],
#registFormModalNew .modal-body .ext-input .input-wrapper input[type="email"],
#promoFormModalNew .modal-body .ext-input .input-wrapper input[type="email"],
#privacy-modal .modal-body .ext-input .input-wrapper input[type="email"],
#loginFormModalNew .modal-body .ext-input .input-wrapper input[name="promo"],
#registFormModalNew .modal-body .ext-input .input-wrapper input[name="promo"],
#promoFormModalNew .modal-body .ext-input .input-wrapper input[name="promo"],
#privacy-modal .modal-body .ext-input .input-wrapper input[name="promo"] {
  width: 100%;
  padding: 6px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #C5C5CC;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#loginFormModalNew .modal-body .ext-input .input-wrapper input[type="email"]:hover,
#registFormModalNew .modal-body .ext-input .input-wrapper input[type="email"]:hover,
#promoFormModalNew .modal-body .ext-input .input-wrapper input[type="email"]:hover,
#privacy-modal .modal-body .ext-input .input-wrapper input[type="email"]:hover,
#loginFormModalNew .modal-body .ext-input .input-wrapper input[name="promo"]:hover,
#registFormModalNew .modal-body .ext-input .input-wrapper input[name="promo"]:hover,
#promoFormModalNew .modal-body .ext-input .input-wrapper input[name="promo"]:hover,
#privacy-modal .modal-body .ext-input .input-wrapper input[name="promo"]:hover,
#loginFormModalNew .modal-body .ext-input .input-wrapper input[type="email"]:focus,
#registFormModalNew .modal-body .ext-input .input-wrapper input[type="email"]:focus,
#promoFormModalNew .modal-body .ext-input .input-wrapper input[type="email"]:focus,
#privacy-modal .modal-body .ext-input .input-wrapper input[type="email"]:focus,
#loginFormModalNew .modal-body .ext-input .input-wrapper input[name="promo"]:focus,
#registFormModalNew .modal-body .ext-input .input-wrapper input[name="promo"]:focus,
#promoFormModalNew .modal-body .ext-input .input-wrapper input[name="promo"]:focus,
#privacy-modal .modal-body .ext-input .input-wrapper input[name="promo"]:focus {
  border-color: #00aabe;
}
#loginFormModalNew .modal-body .ext-input.error .error-wrapper,
#registFormModalNew .modal-body .ext-input.error .error-wrapper,
#promoFormModalNew .modal-body .ext-input.error .error-wrapper,
#privacy-modal .modal-body .ext-input.error .error-wrapper {
  position: initial;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
}
#loginFormModalNew .modal-body .ext-input.error .error-wrapper.phone-input-error,
#registFormModalNew .modal-body .ext-input.error .error-wrapper.phone-input-error,
#promoFormModalNew .modal-body .ext-input.error .error-wrapper.phone-input-error,
#privacy-modal .modal-body .ext-input.error .error-wrapper.phone-input-error {
  text-align: left;
  width: 90%;
}
#loginFormModalNew .modal-body .ext-input.error .error-wrapper.error-left,
#registFormModalNew .modal-body .ext-input.error .error-wrapper.error-left,
#promoFormModalNew .modal-body .ext-input.error .error-wrapper.error-left,
#privacy-modal .modal-body .ext-input.error .error-wrapper.error-left {
  text-align: left;
}
#loginFormModalNew .modal-body .ext-input.error .input-wrapper input,
#registFormModalNew .modal-body .ext-input.error .input-wrapper input,
#promoFormModalNew .modal-body .ext-input.error .input-wrapper input,
#privacy-modal .modal-body .ext-input.error .input-wrapper input,
#loginFormModalNew .modal-body .ext-input.error .input-container input,
#registFormModalNew .modal-body .ext-input.error .input-container input,
#promoFormModalNew .modal-body .ext-input.error .input-container input,
#privacy-modal .modal-body .ext-input.error .input-container input {
  border-color: #f0505a;
}
#loginFormModalNew .modal-body .ext-input.error .input-wrapper input[type="email"],
#registFormModalNew .modal-body .ext-input.error .input-wrapper input[type="email"],
#promoFormModalNew .modal-body .ext-input.error .input-wrapper input[type="email"],
#privacy-modal .modal-body .ext-input.error .input-wrapper input[type="email"],
#loginFormModalNew .modal-body .ext-input.error .input-container input[type="email"],
#registFormModalNew .modal-body .ext-input.error .input-container input[type="email"],
#promoFormModalNew .modal-body .ext-input.error .input-container input[type="email"],
#privacy-modal .modal-body .ext-input.error .input-container input[type="email"],
#loginFormModalNew .modal-body .ext-input.error .input-wrapper input[name="promo"],
#registFormModalNew .modal-body .ext-input.error .input-wrapper input[name="promo"],
#promoFormModalNew .modal-body .ext-input.error .input-wrapper input[name="promo"],
#privacy-modal .modal-body .ext-input.error .input-wrapper input[name="promo"],
#loginFormModalNew .modal-body .ext-input.error .input-container input[name="promo"],
#registFormModalNew .modal-body .ext-input.error .input-container input[name="promo"],
#promoFormModalNew .modal-body .ext-input.error .input-container input[name="promo"],
#privacy-modal .modal-body .ext-input.error .input-container input[name="promo"] {
  border-color: #f0505a;
}
#loginFormModalNew .modal-body .ext-input.error .input-wrapper .tmp-phone,
#registFormModalNew .modal-body .ext-input.error .input-wrapper .tmp-phone,
#promoFormModalNew .modal-body .ext-input.error .input-wrapper .tmp-phone,
#privacy-modal .modal-body .ext-input.error .input-wrapper .tmp-phone,
#loginFormModalNew .modal-body .ext-input.error .input-container .tmp-phone,
#registFormModalNew .modal-body .ext-input.error .input-container .tmp-phone,
#promoFormModalNew .modal-body .ext-input.error .input-container .tmp-phone,
#privacy-modal .modal-body .ext-input.error .input-container .tmp-phone {
  border-bottom: 1px solid #f0505a;
}
#loginFormModalNew .modal-body .ext-input.auth-input-sms-code-input .error-wrapper,
#registFormModalNew .modal-body .ext-input.auth-input-sms-code-input .error-wrapper,
#promoFormModalNew .modal-body .ext-input.auth-input-sms-code-input .error-wrapper,
#privacy-modal .modal-body .ext-input.auth-input-sms-code-input .error-wrapper {
  display: block;
  position: absolute;
  font-weight: normal;
  font-size: 12px;
  color: #f0505a;
  text-align: center;
  width: 100%;
  bottom: -30px;
  left: 0;
}
#loginFormModalNew .modal-body .sms-limit-error,
#registFormModalNew .modal-body .sms-limit-error,
#promoFormModalNew .modal-body .sms-limit-error,
#privacy-modal .modal-body .sms-limit-error {
  display: none;
}
#loginFormModalNew .modal-body .sms-limit-error p,
#registFormModalNew .modal-body .sms-limit-error p,
#promoFormModalNew .modal-body .sms-limit-error p,
#privacy-modal .modal-body .sms-limit-error p {
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 60px;
}
#loginFormModalNew .modal-body .forgot-wrapper #forgotPasswordButton,
#registFormModalNew .modal-body .forgot-wrapper #forgotPasswordButton,
#promoFormModalNew .modal-body .forgot-wrapper #forgotPasswordButton,
#privacy-modal .modal-body .forgot-wrapper #forgotPasswordButton {
  font-weight: normal;
  font-size: 18px;
  line-height: 120%;
  color: #00aabe;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#loginFormModalNew .modal-body .forgot-wrapper #forgotPasswordButton:hover,
#registFormModalNew .modal-body .forgot-wrapper #forgotPasswordButton:hover,
#promoFormModalNew .modal-body .forgot-wrapper #forgotPasswordButton:hover,
#privacy-modal .modal-body .forgot-wrapper #forgotPasswordButton:hover {
  color: #006672;
}
#loginFormModalNew .modal-body #phoneContainer,
#registFormModalNew .modal-body #phoneContainer,
#promoFormModalNew .modal-body #phoneContainer,
#privacy-modal .modal-body #phoneContainer {
  border-bottom: none;
  padding-bottom: 15px;
}
#loginFormModalNew .modal-body #phoneContainer .code-container,
#registFormModalNew .modal-body #phoneContainer .code-container,
#promoFormModalNew .modal-body #phoneContainer .code-container,
#privacy-modal .modal-body #phoneContainer .code-container {
  border-right: none;
  border-bottom: 1px solid #C5C5CC;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#loginFormModalNew .modal-body #phoneContainer .code-container .code,
#registFormModalNew .modal-body #phoneContainer .code-container .code,
#promoFormModalNew .modal-body #phoneContainer .code-container .code,
#privacy-modal .modal-body #phoneContainer .code-container .code {
  font-size: 18px;
}
#loginFormModalNew .modal-body #phoneContainer .code-container .arrow-down,
#registFormModalNew .modal-body #phoneContainer .code-container .arrow-down,
#promoFormModalNew .modal-body #phoneContainer .code-container .arrow-down,
#privacy-modal .modal-body #phoneContainer .code-container .arrow-down {
  width: 12px;
  height: 8px;
  background: url('/images/default/next.svg') no-repeat;
}
#loginFormModalNew .modal-body #phoneContainer .code-container:hover,
#registFormModalNew .modal-body #phoneContainer .code-container:hover,
#promoFormModalNew .modal-body #phoneContainer .code-container:hover,
#privacy-modal .modal-body #phoneContainer .code-container:hover,
#loginFormModalNew .modal-body #phoneContainer .code-container:focus,
#registFormModalNew .modal-body #phoneContainer .code-container:focus,
#promoFormModalNew .modal-body #phoneContainer .code-container:focus,
#privacy-modal .modal-body #phoneContainer .code-container:focus {
  border-bottom: 1px solid #00aabe;
}
#loginFormModalNew .modal-body #phoneContainer .tmp-phone,
#registFormModalNew .modal-body #phoneContainer .tmp-phone,
#promoFormModalNew .modal-body #phoneContainer .tmp-phone,
#privacy-modal .modal-body #phoneContainer .tmp-phone {
  width: 265px;
  float: none;
  margin-left: 18px;
  border-bottom: 1px solid #C5C5CC;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 767px) {
  #loginFormModalNew .modal-body #phoneContainer .tmp-phone,
  #registFormModalNew .modal-body #phoneContainer .tmp-phone,
  #promoFormModalNew .modal-body #phoneContainer .tmp-phone,
  #privacy-modal .modal-body #phoneContainer .tmp-phone {
    width: 204px;
  }
}
@media only screen and (max-width: 650px) {
  #loginFormModalNew .modal-body #phoneContainer .tmp-phone,
  #registFormModalNew .modal-body #phoneContainer .tmp-phone,
  #promoFormModalNew .modal-body #phoneContainer .tmp-phone,
  #privacy-modal .modal-body #phoneContainer .tmp-phone {
    width: 200px;
  }
}
@media only screen and (max-width: 370px) {
  #loginFormModalNew .modal-body #phoneContainer .tmp-phone,
  #registFormModalNew .modal-body #phoneContainer .tmp-phone,
  #promoFormModalNew .modal-body #phoneContainer .tmp-phone,
  #privacy-modal .modal-body #phoneContainer .tmp-phone {
    width: 138px;
  }
}
#loginFormModalNew .modal-body #phoneContainer .tmp-phone:hover,
#registFormModalNew .modal-body #phoneContainer .tmp-phone:hover,
#promoFormModalNew .modal-body #phoneContainer .tmp-phone:hover,
#privacy-modal .modal-body #phoneContainer .tmp-phone:hover,
#loginFormModalNew .modal-body #phoneContainer .tmp-phone:focus,
#registFormModalNew .modal-body #phoneContainer .tmp-phone:focus,
#promoFormModalNew .modal-body #phoneContainer .tmp-phone:focus,
#privacy-modal .modal-body #phoneContainer .tmp-phone:focus {
  border-bottom: 1px solid #00aabe;
}
#loginFormModalNew .modal-body #phoneContainer.error .input-wrapper .code-container,
#registFormModalNew .modal-body #phoneContainer.error .input-wrapper .code-container,
#promoFormModalNew .modal-body #phoneContainer.error .input-wrapper .code-container,
#privacy-modal .modal-body #phoneContainer.error .input-wrapper .code-container {
  border-bottom: 1px solid #f0505a;
}
#loginFormModalNew .modal-body #phoneContainer.error .input-wrapper .tmp-phone,
#registFormModalNew .modal-body #phoneContainer.error .input-wrapper .tmp-phone,
#promoFormModalNew .modal-body #phoneContainer.error .input-wrapper .tmp-phone,
#privacy-modal .modal-body #phoneContainer.error .input-wrapper .tmp-phone {
  border-bottom: 1px solid #f0505a;
}
#loginFormModalNew .modal-body .number-supp,
#registFormModalNew .modal-body .number-supp,
#promoFormModalNew .modal-body .number-supp,
#privacy-modal .modal-body .number-supp {
  font-weight: bold;
  font-size: 30px;
  line-height: 48px;
  display: block;
  color: black;
  text-decoration: none;
  margin-bottom: 40px;
}
#loginFormModalNew .modal-body .social,
#registFormModalNew .modal-body .social,
#promoFormModalNew .modal-body .social,
#privacy-modal .modal-body .social {
  padding: 0;
  margin: 40px 0 16px 0;
}
#loginFormModalNew .modal-body .social li,
#registFormModalNew .modal-body .social li,
#promoFormModalNew .modal-body .social li,
#privacy-modal .modal-body .social li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 24px;
}
#loginFormModalNew .modal-body .social li:last-child,
#registFormModalNew .modal-body .social li:last-child,
#promoFormModalNew .modal-body .social li:last-child,
#privacy-modal .modal-body .social li:last-child {
  margin-right: 0;
}
#loginFormModalNew .modal-body .social li a,
#registFormModalNew .modal-body .social li a,
#promoFormModalNew .modal-body .social li a,
#privacy-modal .modal-body .social li a {
  width: 40px;
  height: 40px;
  display: block;
  background: url('/images/default/support_icons.svg');
}
#loginFormModalNew .modal-body .social li a.facebook,
#registFormModalNew .modal-body .social li a.facebook,
#promoFormModalNew .modal-body .social li a.facebook,
#privacy-modal .modal-body .social li a.facebook {
  background-position: 168px 0;
}
#loginFormModalNew .modal-body .social li a.whatsApp,
#registFormModalNew .modal-body .social li a.whatsApp,
#promoFormModalNew .modal-body .social li a.whatsApp,
#privacy-modal .modal-body .social li a.whatsApp {
  background-position: 104px 0;
}
#loginFormModalNew .modal-body .social li a.mail,
#registFormModalNew .modal-body .social li a.mail,
#promoFormModalNew .modal-body .social li a.mail,
#privacy-modal .modal-body .social li a.mail {
  background-position: 40px 0;
}
#loginFormModalNew .modal-body .auth-send-phone,
#registFormModalNew .modal-body .auth-send-phone,
#promoFormModalNew .modal-body .auth-send-phone,
#privacy-modal .modal-body .auth-send-phone {
  font-weight: bold;
  font-size: 18px;
  line-height: 20px;
  height: 46px;
  border-radius: 30px 30px 30px 30px;
}
#loginFormModalNew .modal-body .auth-login-by-password-button,
#registFormModalNew .modal-body .auth-login-by-password-button,
#promoFormModalNew .modal-body .auth-login-by-password-button,
#privacy-modal .modal-body .auth-login-by-password-button,
#loginFormModalNew .modal-body .auth-login-by-esia-button,
#registFormModalNew .modal-body .auth-login-by-esia-button,
#promoFormModalNew .modal-body .auth-login-by-esia-button,
#privacy-modal .modal-body .auth-login-by-esia-button {
  font-size: 18px;
  line-height: 20px;
  margin: 10px 0 0;
  color: #00aabe;
  cursor: pointer;
  display: block;
  font-weight: normal;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#loginFormModalNew .modal-body .auth-login-by-password-button:hover,
#registFormModalNew .modal-body .auth-login-by-password-button:hover,
#promoFormModalNew .modal-body .auth-login-by-password-button:hover,
#privacy-modal .modal-body .auth-login-by-password-button:hover,
#loginFormModalNew .modal-body .auth-login-by-esia-button:hover,
#registFormModalNew .modal-body .auth-login-by-esia-button:hover,
#promoFormModalNew .modal-body .auth-login-by-esia-button:hover,
#privacy-modal .modal-body .auth-login-by-esia-button:hover {
  color: #006672;
}
#loginFormModalNew .modal-body .buttons-wrapper,
#registFormModalNew .modal-body .buttons-wrapper,
#promoFormModalNew .modal-body .buttons-wrapper,
#privacy-modal .modal-body .buttons-wrapper {
  margin: 40px 0 0;
}
#loginFormModalNew .modal-body .buttons-wrapper .auth-resend-code-button,
#registFormModalNew .modal-body .buttons-wrapper .auth-resend-code-button,
#promoFormModalNew .modal-body .buttons-wrapper .auth-resend-code-button,
#privacy-modal .modal-body .buttons-wrapper .auth-resend-code-button,
#loginFormModalNew .modal-body .buttons-wrapper .auth-send-password-button,
#registFormModalNew .modal-body .buttons-wrapper .auth-send-password-button,
#promoFormModalNew .modal-body .buttons-wrapper .auth-send-password-button,
#privacy-modal .modal-body .buttons-wrapper .auth-send-password-button,
#loginFormModalNew .modal-body .buttons-wrapper .auth-reg-skip-button,
#registFormModalNew .modal-body .buttons-wrapper .auth-reg-skip-button,
#promoFormModalNew .modal-body .buttons-wrapper .auth-reg-skip-button,
#privacy-modal .modal-body .buttons-wrapper .auth-reg-skip-button,
#loginFormModalNew .modal-body .buttons-wrapper .auth-send-promo-button,
#registFormModalNew .modal-body .buttons-wrapper .auth-send-promo-button,
#promoFormModalNew .modal-body .buttons-wrapper .auth-send-promo-button,
#privacy-modal .modal-body .buttons-wrapper .auth-send-promo-button,
#loginFormModalNew .modal-body .buttons-wrapper .policy-send-button,
#registFormModalNew .modal-body .buttons-wrapper .policy-send-button,
#promoFormModalNew .modal-body .buttons-wrapper .policy-send-button,
#privacy-modal .modal-body .buttons-wrapper .policy-send-button {
  font-weight: bold;
  font-size: 18px;
  line-height: 20px;
  height: 48px;
  border-radius: 30px 30px 30px 30px;
  margin-top: 63px;
  background-color: #f0505a;
}
#loginFormModalNew .modal-body .buttons-wrapper .auth-resend-code-button:hover,
#registFormModalNew .modal-body .buttons-wrapper .auth-resend-code-button:hover,
#promoFormModalNew .modal-body .buttons-wrapper .auth-resend-code-button:hover,
#privacy-modal .modal-body .buttons-wrapper .auth-resend-code-button:hover,
#loginFormModalNew .modal-body .buttons-wrapper .auth-send-password-button:hover,
#registFormModalNew .modal-body .buttons-wrapper .auth-send-password-button:hover,
#promoFormModalNew .modal-body .buttons-wrapper .auth-send-password-button:hover,
#privacy-modal .modal-body .buttons-wrapper .auth-send-password-button:hover,
#loginFormModalNew .modal-body .buttons-wrapper .auth-reg-skip-button:hover,
#registFormModalNew .modal-body .buttons-wrapper .auth-reg-skip-button:hover,
#promoFormModalNew .modal-body .buttons-wrapper .auth-reg-skip-button:hover,
#privacy-modal .modal-body .buttons-wrapper .auth-reg-skip-button:hover,
#loginFormModalNew .modal-body .buttons-wrapper .auth-send-promo-button:hover,
#registFormModalNew .modal-body .buttons-wrapper .auth-send-promo-button:hover,
#promoFormModalNew .modal-body .buttons-wrapper .auth-send-promo-button:hover,
#privacy-modal .modal-body .buttons-wrapper .auth-send-promo-button:hover,
#loginFormModalNew .modal-body .buttons-wrapper .policy-send-button:hover,
#registFormModalNew .modal-body .buttons-wrapper .policy-send-button:hover,
#promoFormModalNew .modal-body .buttons-wrapper .policy-send-button:hover,
#privacy-modal .modal-body .buttons-wrapper .policy-send-button:hover {
  background-color: #e01320;
}
#loginFormModalNew .modal-body .buttons-wrapper .auth-resend-code-button .auth-text-timer-on-seconds,
#registFormModalNew .modal-body .buttons-wrapper .auth-resend-code-button .auth-text-timer-on-seconds,
#promoFormModalNew .modal-body .buttons-wrapper .auth-resend-code-button .auth-text-timer-on-seconds,
#privacy-modal .modal-body .buttons-wrapper .auth-resend-code-button .auth-text-timer-on-seconds,
#loginFormModalNew .modal-body .buttons-wrapper .auth-send-password-button .auth-text-timer-on-seconds,
#registFormModalNew .modal-body .buttons-wrapper .auth-send-password-button .auth-text-timer-on-seconds,
#promoFormModalNew .modal-body .buttons-wrapper .auth-send-password-button .auth-text-timer-on-seconds,
#privacy-modal .modal-body .buttons-wrapper .auth-send-password-button .auth-text-timer-on-seconds,
#loginFormModalNew .modal-body .buttons-wrapper .auth-reg-skip-button .auth-text-timer-on-seconds,
#registFormModalNew .modal-body .buttons-wrapper .auth-reg-skip-button .auth-text-timer-on-seconds,
#promoFormModalNew .modal-body .buttons-wrapper .auth-reg-skip-button .auth-text-timer-on-seconds,
#privacy-modal .modal-body .buttons-wrapper .auth-reg-skip-button .auth-text-timer-on-seconds,
#loginFormModalNew .modal-body .buttons-wrapper .auth-send-promo-button .auth-text-timer-on-seconds,
#registFormModalNew .modal-body .buttons-wrapper .auth-send-promo-button .auth-text-timer-on-seconds,
#promoFormModalNew .modal-body .buttons-wrapper .auth-send-promo-button .auth-text-timer-on-seconds,
#privacy-modal .modal-body .buttons-wrapper .auth-send-promo-button .auth-text-timer-on-seconds,
#loginFormModalNew .modal-body .buttons-wrapper .policy-send-button .auth-text-timer-on-seconds,
#registFormModalNew .modal-body .buttons-wrapper .policy-send-button .auth-text-timer-on-seconds,
#promoFormModalNew .modal-body .buttons-wrapper .policy-send-button .auth-text-timer-on-seconds,
#privacy-modal .modal-body .buttons-wrapper .policy-send-button .auth-text-timer-on-seconds {
  margin-left: 5px;
}
#loginFormModalNew .modal-body .buttons-wrapper .auth-resend-code-button.inactive,
#registFormModalNew .modal-body .buttons-wrapper .auth-resend-code-button.inactive,
#promoFormModalNew .modal-body .buttons-wrapper .auth-resend-code-button.inactive,
#privacy-modal .modal-body .buttons-wrapper .auth-resend-code-button.inactive,
#loginFormModalNew .modal-body .buttons-wrapper .auth-send-password-button.inactive,
#registFormModalNew .modal-body .buttons-wrapper .auth-send-password-button.inactive,
#promoFormModalNew .modal-body .buttons-wrapper .auth-send-password-button.inactive,
#privacy-modal .modal-body .buttons-wrapper .auth-send-password-button.inactive,
#loginFormModalNew .modal-body .buttons-wrapper .auth-reg-skip-button.inactive,
#registFormModalNew .modal-body .buttons-wrapper .auth-reg-skip-button.inactive,
#promoFormModalNew .modal-body .buttons-wrapper .auth-reg-skip-button.inactive,
#privacy-modal .modal-body .buttons-wrapper .auth-reg-skip-button.inactive,
#loginFormModalNew .modal-body .buttons-wrapper .auth-send-promo-button.inactive,
#registFormModalNew .modal-body .buttons-wrapper .auth-send-promo-button.inactive,
#promoFormModalNew .modal-body .buttons-wrapper .auth-send-promo-button.inactive,
#privacy-modal .modal-body .buttons-wrapper .auth-send-promo-button.inactive,
#loginFormModalNew .modal-body .buttons-wrapper .policy-send-button.inactive,
#registFormModalNew .modal-body .buttons-wrapper .policy-send-button.inactive,
#promoFormModalNew .modal-body .buttons-wrapper .policy-send-button.inactive,
#privacy-modal .modal-body .buttons-wrapper .policy-send-button.inactive {
  background: #F5A3A8;
}
#loginFormModalNew .modal-body .buttons-wrapper .auth-send-promo-button,
#registFormModalNew .modal-body .buttons-wrapper .auth-send-promo-button,
#promoFormModalNew .modal-body .buttons-wrapper .auth-send-promo-button,
#privacy-modal .modal-body .buttons-wrapper .auth-send-promo-button {
  margin-top: 71px;
}
#loginFormModalNew .modal-body .buttons-wrapper .auth-send-password-button,
#registFormModalNew .modal-body .buttons-wrapper .auth-send-password-button,
#promoFormModalNew .modal-body .buttons-wrapper .auth-send-password-button,
#privacy-modal .modal-body .buttons-wrapper .auth-send-password-button,
#loginFormModalNew .modal-body .buttons-wrapper .auth-reg-skip-button,
#registFormModalNew .modal-body .buttons-wrapper .auth-reg-skip-button,
#promoFormModalNew .modal-body .buttons-wrapper .auth-reg-skip-button,
#privacy-modal .modal-body .buttons-wrapper .auth-reg-skip-button,
#loginFormModalNew .modal-body .buttons-wrapper .auth-promo-skip-button,
#registFormModalNew .modal-body .buttons-wrapper .auth-promo-skip-button,
#promoFormModalNew .modal-body .buttons-wrapper .auth-promo-skip-button,
#privacy-modal .modal-body .buttons-wrapper .auth-promo-skip-button {
  margin-bottom: 18px;
  margin-top: 0;
}
#loginFormModalNew .modal-body .buttons-wrapper .policy-send-button,
#registFormModalNew .modal-body .buttons-wrapper .policy-send-button,
#promoFormModalNew .modal-body .buttons-wrapper .policy-send-button,
#privacy-modal .modal-body .buttons-wrapper .policy-send-button {
  margin-top: 24px;
}
#loginFormModalNew .modal-body .buttons-wrapper .auth-send-email-button,
#registFormModalNew .modal-body .buttons-wrapper .auth-send-email-button,
#promoFormModalNew .modal-body .buttons-wrapper .auth-send-email-button,
#privacy-modal .modal-body .buttons-wrapper .auth-send-email-button {
  margin-top: 42px;
}
#loginFormModalNew .modal-body .auth-phone-esia-button,
#registFormModalNew .modal-body .auth-phone-esia-button,
#promoFormModalNew .modal-body .auth-phone-esia-button,
#privacy-modal .modal-body .auth-phone-esia-button {
  border: none;
  margin-top: 15px;
  font-size: 18px;
  color: #00aabe;
  cursor: pointer;
  line-height: 22px;
  background: transparent;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
#loginFormModalNew .modal-body .auth-phone-esia-button:hover,
#registFormModalNew .modal-body .auth-phone-esia-button:hover,
#promoFormModalNew .modal-body .auth-phone-esia-button:hover,
#privacy-modal .modal-body .auth-phone-esia-button:hover {
  color: #006672;
}
#loginFormModalNew .modal-body .title-button-block h3,
#registFormModalNew .modal-body .title-button-block h3,
#promoFormModalNew .modal-body .title-button-block h3,
#privacy-modal .modal-body .title-button-block h3 {
  font-size: 30px;
  font-weight: 500;
  color: #e17981;
}
#loginFormModalNew .modal-body .title-button-block img,
#registFormModalNew .modal-body .title-button-block img,
#promoFormModalNew .modal-body .title-button-block img,
#privacy-modal .modal-body .title-button-block img {
  width: 250px;
  max-width: 100%;
}
#loginFormModalNew .modal-body .additional-login-options,
#registFormModalNew .modal-body .additional-login-options,
#promoFormModalNew .modal-body .additional-login-options,
#privacy-modal .modal-body .additional-login-options {
  margin-top: 80px;
}
#loginFormModalNew .auth-login-by-sms-code-button,
#registFormModalNew .auth-login-by-sms-code-button,
#promoFormModalNew .auth-login-by-sms-code-button,
#privacy-modal .auth-login-by-sms-code-button,
#loginFormModalNew .auth-reg-skip-button,
#registFormModalNew .auth-reg-skip-button,
#promoFormModalNew .auth-reg-skip-button,
#privacy-modal .auth-reg-skip-button,
#loginFormModalNew .auth-promo-skip-button,
#registFormModalNew .auth-promo-skip-button,
#promoFormModalNew .auth-promo-skip-button,
#privacy-modal .auth-promo-skip-button,
#loginFormModalNew .reject-policy-button,
#registFormModalNew .reject-policy-button,
#promoFormModalNew .reject-policy-button,
#privacy-modal .reject-policy-button {
  font-weight: normal;
  font-size: 18px;
  color: #00aabe;
  line-height: 120%;
  display: inline-block;
  cursor: pointer;
  border: none;
  background: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#loginFormModalNew .auth-login-by-sms-code-button:hover,
#registFormModalNew .auth-login-by-sms-code-button:hover,
#promoFormModalNew .auth-login-by-sms-code-button:hover,
#privacy-modal .auth-login-by-sms-code-button:hover,
#loginFormModalNew .auth-reg-skip-button:hover,
#registFormModalNew .auth-reg-skip-button:hover,
#promoFormModalNew .auth-reg-skip-button:hover,
#privacy-modal .auth-reg-skip-button:hover,
#loginFormModalNew .auth-promo-skip-button:hover,
#registFormModalNew .auth-promo-skip-button:hover,
#promoFormModalNew .auth-promo-skip-button:hover,
#privacy-modal .auth-promo-skip-button:hover,
#loginFormModalNew .reject-policy-button:hover,
#registFormModalNew .reject-policy-button:hover,
#promoFormModalNew .reject-policy-button:hover,
#privacy-modal .reject-policy-button:hover {
  color: #006672;
}
#loginFormModalNew .actions,
#registFormModalNew .actions,
#promoFormModalNew .actions,
#privacy-modal .actions {
  width: 120px;
  text-align: right;
}
#loginFormModalNew .actions .remember-wrapper,
#registFormModalNew .actions .remember-wrapper,
#promoFormModalNew .actions .remember-wrapper,
#privacy-modal .actions .remember-wrapper {
  display: none;
  line-height: 40px;
  height: 40px;
}
#loginFormModalNew .actions .remember-wrapper .remember-me,
#registFormModalNew .actions .remember-wrapper .remember-me,
#promoFormModalNew .actions .remember-wrapper .remember-me,
#privacy-modal .actions .remember-wrapper .remember-me {
  text-align: right;
  cursor: pointer;
}
#loginFormModalNew .actions .remember-wrapper .remember-me .checkboxDiv,
#registFormModalNew .actions .remember-wrapper .remember-me .checkboxDiv,
#promoFormModalNew .actions .remember-wrapper .remember-me .checkboxDiv,
#privacy-modal .actions .remember-wrapper .remember-me .checkboxDiv {
  margin-right: 10px;
  line-height: 30px;
  background: url('/images/default/checkout-bg-new.png') 0 0;
  width: 26px;
  height: 26px;
  display: inline-block;
  vertical-align: middle;
}
#loginFormModalNew .actions .remember-wrapper .remember-me .remember-text,
#registFormModalNew .actions .remember-wrapper .remember-me .remember-text,
#promoFormModalNew .actions .remember-wrapper .remember-me .remember-text,
#privacy-modal .actions .remember-wrapper .remember-me .remember-text {
  vertical-align: middle;
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  display: inline-block;
  margin: 0;
  color: black;
}
#loginFormModalNew .actions .remember-wrapper .remember-me.selected:hover .checkboxDiv,
#registFormModalNew .actions .remember-wrapper .remember-me.selected:hover .checkboxDiv,
#promoFormModalNew .actions .remember-wrapper .remember-me.selected:hover .checkboxDiv,
#privacy-modal .actions .remember-wrapper .remember-me.selected:hover .checkboxDiv {
  opacity: 0.5;
}
#loginFormModalNew .actions .remember-wrapper .remember-me.selected .checkboxDiv,
#registFormModalNew .actions .remember-wrapper .remember-me.selected .checkboxDiv,
#promoFormModalNew .actions .remember-wrapper .remember-me.selected .checkboxDiv,
#privacy-modal .actions .remember-wrapper .remember-me.selected .checkboxDiv {
  background-position: -26px 0;
}
#loginFormModalNew .actions .remember-wrapper.visible,
#registFormModalNew .actions .remember-wrapper.visible,
#promoFormModalNew .actions .remember-wrapper.visible,
#privacy-modal .actions .remember-wrapper.visible {
  display: block;
}
#loginFormModalNew .actions .forgot-wrapper,
#registFormModalNew .actions .forgot-wrapper,
#promoFormModalNew .actions .forgot-wrapper,
#privacy-modal .actions .forgot-wrapper {
  text-align: left;
  display: none;
  line-height: 40px;
  height: 40px;
  font-size: 13px;
}
#loginFormModalNew .actions .forgot-wrapper a,
#registFormModalNew .actions .forgot-wrapper a,
#promoFormModalNew .actions .forgot-wrapper a,
#privacy-modal .actions .forgot-wrapper a {
  color: #058094;
}
#loginFormModalNew .actions .forgot-wrapper.visible,
#registFormModalNew .actions .forgot-wrapper.visible,
#promoFormModalNew .actions .forgot-wrapper.visible,
#privacy-modal .actions .forgot-wrapper.visible {
  display: block;
}
#loginFormModalNew #stayLogged,
#registFormModalNew #stayLogged,
#promoFormModalNew #stayLogged,
#privacy-modal #stayLogged {
  display: none !important;
}
#promoFormModalNew form {
  position: relative;
}
#promoFormModalNew form .error-wrapper {
  position: absolute;
  font-size: 12px;
  text-align: left;
  margin-top: 8px;
  color: #f0505a;
}
#success-modal-for-not-working-doctor .modal-content {
  border-radius: 15px 15px 15px 15px;
}
#success-modal-for-not-working-doctor .modal-header {
  height: 72px;
}
@media only screen and (max-width: 650px) {
  #success-modal-for-not-working-doctor .modal-header {
    height: 46px;
  }
}
#success-modal-for-not-working-doctor .modal-header .close {
  right: 30px;
  top: 30px;
}
#success-modal-for-not-working-doctor .modal-body {
  color: #212127;
  text-align: left;
  padding-bottom: 48px;
}
#success-modal-for-not-working-doctor .modal-body .title {
  font-weight: normal;
  font-size: 28px;
  line-height: 34px;
  margin-bottom: 16px;
  display: block;
}
#success-modal-for-not-working-doctor .modal-body .text {
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  display: block;
}
#transactionsHistoryModal .modal-dialog.dialog960 {
  max-width: 800px;
  width: 100%;
}
#transactionsHistoryModal .modal-header {
  text-align: center;
  border-bottom: none;
}
#transactionsHistoryModal .modal-header .modal-title {
  font-weight: bold;
}
#transactionsHistoryModal .modal-body {
  padding: 0 40px 0;
}
#transactionsHistoryModal .transactions-wrapper {
  text-align: left;
}
@media only screen and (max-width: 767px) {
  #transactionsHistoryModal .transactions-wrapper .transactions-header {
    display: none;
  }
}
#transactionsHistoryModal .transactions-wrapper .transactions-header .top-area,
#transactionsHistoryModal .transactions-wrapper .transactions .top-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#transactionsHistoryModal .transactions-wrapper .transactions-header .top-area .shield,
#transactionsHistoryModal .transactions-wrapper .transactions .top-area .shield {
  max-width: 200px;
  width: 100%;
  text-align: center;
  background-color: rgba(0, 179, 187, 0.3);
  border-radius: 10px;
  padding: 4px 5px;
}
@media only screen and (max-width: 650px) {
  #transactionsHistoryModal .transactions-wrapper .transactions-header .top-area .shield,
  #transactionsHistoryModal .transactions-wrapper .transactions .top-area .shield {
    font-size: 18px;
    padding: 2px 5px;
    max-width: 160px;
    border-radius: 5px;
  }
}
#transactionsHistoryModal .transactions-wrapper .transactions-header .bottom-area,
#transactionsHistoryModal .transactions-wrapper .transactions .bottom-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#transactionsHistoryModal .transactions-wrapper .transactions-header .bottom-area .description-transaction,
#transactionsHistoryModal .transactions-wrapper .transactions .bottom-area .description-transaction {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#transactionsHistoryModal .transactions-wrapper .transactions-header .bottom-area .description-transaction .col-xs-1,
#transactionsHistoryModal .transactions-wrapper .transactions .bottom-area .description-transaction .col-xs-1 {
  width: auto;
  float: none;
  padding: 0;
}
#transactionsHistoryModal .transactions-wrapper .transactions-header .bottom-area .description-transaction .col-xs-1 .icon-transaction,
#transactionsHistoryModal .transactions-wrapper .transactions .bottom-area .description-transaction .col-xs-1 .icon-transaction {
  margin: 0;
}
#transactionsHistoryModal .transactions-wrapper .transactions-header .transaction,
#transactionsHistoryModal .transactions-wrapper .transactions .transaction {
  min-height: 50px;
  padding: 20px 0;
  line-height: 120%;
  font-size: 20px;
  border-bottom: 1px solid #212127;
}
#transactionsHistoryModal .transactions-wrapper .transactions-header .transaction .cell-date,
#transactionsHistoryModal .transactions-wrapper .transactions .transaction .cell-date {
  text-align: left;
  float: none;
  width: auto;
}
@media only screen and (max-width: 650px) {
  #transactionsHistoryModal .transactions-wrapper .transactions-header .transaction .cell-date.text-nowrap,
  #transactionsHistoryModal .transactions-wrapper .transactions .transaction .cell-date.text-nowrap {
    width: auto;
    font-size: 18px;
  }
}
#transactionsHistoryModal .transactions-wrapper .transactions-header .transaction .cell-amount,
#transactionsHistoryModal .transactions-wrapper .transactions .transaction .cell-amount {
  text-align: right;
  width: auto;
  font-weight: bold;
}
@media only screen and (max-width: 650px) {
  #transactionsHistoryModal .transactions-wrapper .transactions-header .transaction .cell-amount,
  #transactionsHistoryModal .transactions-wrapper .transactions .transaction .cell-amount {
    font-size: 18px;
  }
}
@media only screen and (max-width: 650px) {
  #transactionsHistoryModal .transactions-wrapper .transactions-header .transaction .cell-icon,
  #transactionsHistoryModal .transactions-wrapper .transactions .transaction .cell-icon {
    width: 15%;
  }
}
#transactionsHistoryModal .transactions-wrapper .transactions-header .transaction .cell-description,
#transactionsHistoryModal .transactions-wrapper .transactions .transaction .cell-description {
  text-align: left;
  font-weight: bold;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  #transactionsHistoryModal .transactions-wrapper .transactions-header .transaction .cell-description,
  #transactionsHistoryModal .transactions-wrapper .transactions .transaction .cell-description {
    width: 100%;
    font-size: 18px;
  }
}
#transactionsHistoryModal .transactions-wrapper .transactions-header .transaction i.icon-transaction,
#transactionsHistoryModal .transactions-wrapper .transactions .transaction i.icon-transaction {
  width: 40px;
  height: 33px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#transactionsHistoryModal .transactions-wrapper .transactions-header .transaction.outgoing i.icon-transaction,
#transactionsHistoryModal .transactions-wrapper .transactions .transaction.outgoing i.icon-transaction {
  background: url('/images/default/icon-transaction-outgoing.png') no-repeat;
}
#transactionsHistoryModal .transactions-wrapper .transactions-header .transaction.incoming i.icon-transaction,
#transactionsHistoryModal .transactions-wrapper .transactions .transaction.incoming i.icon-transaction {
  background: url('/images/default/icon-transaction-incoming.png') no-repeat;
}
#transactionsHistoryModal .transactions-wrapper .transactions-header .transaction.incoming .top-area .shield,
#transactionsHistoryModal .transactions-wrapper .transactions .transaction.incoming .top-area .shield {
  background-color: rgba(244, 97, 100, 0.3);
}
#transactionsHistoryModal .transactions-wrapper .transactions-header .transaction.refund i.icon-transaction,
#transactionsHistoryModal .transactions-wrapper .transactions .transaction.refund i.icon-transaction {
  background-position: 0 -96px;
}
#transactionsHistoryModal .transactions-wrapper .transactions-header .transaction:last-child,
#transactionsHistoryModal .transactions-wrapper .transactions .transaction:last-child {
  border-bottom: 1px solid #f0f0f0;
}
@media only screen and (max-width: 767px) {
  #calendarDoctorProfile .m-calendar__modal .m-modal-body.m-calendar__body {
    height: calc(100vh - 159px);
    overflow-y: scroll;
  }
}
@media only screen and (max-width: 767px) {
  #calendarDoctorProfile .modal-dialog {
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  #calendarDoctorProfile .modal-dialog .modal-content {
    height: 100vh;
    border-radius: 0 0 0 0;
  }
}
#calendarDoctorProfile .doctor-calendar .calendar-months {
  display: block;
  margin: 10px 40px;
}
#calendarDoctorProfile .doctor-calendar .calendar-months a.month {
  display: inline-block;
  line-height: 1.1;
  font-weight: bold;
  font-size: 20px;
  color: #00a8bc;
  position: relative;
  padding-bottom: 10px;
  margin-right: 30px;
  cursor: pointer;
  text-decoration: none;
}
#calendarDoctorProfile .doctor-calendar .calendar-months a.month.active {
  font-weight: bold;
  cursor: default;
  font-size: 20px;
  color: black;
}
#calendarDoctorProfile .doctor-calendar .calendar-months a.month.active:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 3px;
  border-radius: 1.5px 1.5px 1.5px 1.5px;
  background: #e5f2f4;
}
#calendarDoctorProfile .doctor-calendar .calendar {
  float: none;
  width: 100%;
  padding: 0 20px;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker {
  width: 100%;
  border: none;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-header {
  display: none;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
  font-weight: bold;
  font-size: 20px;
  color: black;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
  color: #5e5e5e;
  font-weight: normal;
  font-size: 20px;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  background: url('/images/default/anket-arrow.png') no-repeat;
  width: 17px;
  display: inline-block;
  vertical-align: middle;
  height: 11px;
  position: static;
  float: none;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  line-height: 1.1;
  text-indent: -9999px;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  background: url('/images/default/anket-arrow.png') no-repeat;
  width: 17px;
  display: inline-block;
  vertical-align: middle;
  height: 11px;
  position: static;
  float: none;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  line-height: 1.1;
  text-indent: -9999px;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar thead {
  border: none;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar thead tr th {
  padding: 0 0 25px 0;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar thead tr th span {
  font-weight: normal;
  font-size: 20px;
  color: #9fc8da;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody {
  border: transparent;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr {
  border: transparent;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td {
  border: transparent;
  position: relative;
  height: 50px;
}
@media only screen and (max-width: 767px) {
  #calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td {
    width: 32px;
    height: 32px;
    line-height: 32px;
  }
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] {
  position: absolute;
  width: 300px;
  min-height: 100px;
  top: 100%;
  display: none;
  left: 50%;
  margin-left: -20px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
  overflow: hidden;
  z-index: 20;
  background: white;
  padding: 15px 10px;
}
@media only screen and (max-width: 850px) {
  #calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] {
    position: fixed;
    left: 0;
    margin-left: 0;
    width: 100%;
    border-radius: 15px 15px 15px 15px;
  }
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .name {
  display: none;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .date {
  text-align: left;
  font-weight: normal;
  font-size: 20px;
  color: #666666;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .time-zone {
  margin: 10px 0;
  display: inline-block;
  text-align: left !important;
  width: 275px !important;
  height: auto !important;
}
@media only screen and (max-width: 850px) {
  #calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .time-zone {
    width: 100% !important;
  }
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .time-zone span {
  width: auto !important;
  text-align: left !important;
  font-size: 16px;
  height: auto !important;
  font-weight: normal;
  color: #e4515b;
  line-height: 1.1;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .time-zone span .timezone-name {
  text-transform: capitalize;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .time-zone span a {
  height: auto !important;
  font-weight: normal;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .time-zone span a.choose-region {
  width: auto !important;
  color: #00aabe;
  position: relative;
  border: 0 !important;
  height: auto !important;
  font-weight: normal !important;
  font-size: 16px !important;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  line-height: 1.1 !important;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .time-zone span a.choose-region:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed #00aabe;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .time-zone span a.choose-region:hover {
  color: #006672;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .time-zone span a.choose-region:hover:after {
  border-color: #006672;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .time-zone span a:hover {
  font-weight: normal !important;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header-bottom-border {
  display: none;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -ms-flex-item-align: auto;
      align-self: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-1,
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-2 {
  min-height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-1 .period,
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-2 .period {
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 20px 20px 20px 20px;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-1 .period .time-wrapper span,
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-2 .period .time-wrapper span {
  font-weight: normal;
  font-size: 16px;
  height: auto !important;
  color: black;
  line-height: 1.1;
  width: 70px;
  padding: 5px 10px;
}
@media only screen and (max-width: 850px) {
  #calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-1 .period .time-wrapper span,
  #calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-2 .period .time-wrapper span {
    width: 64px;
    padding: 5px;
  }
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-1 .period:hover,
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-2 .period:hover {
  background: #00aabe;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-1 .period.selected,
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-2 .period.selected {
  background: #00aabe;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-1 .period.selected .time-wrapper span,
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-2 .period.selected .time-wrapper span {
  font-weight: normal;
  font-size: 16px;
  height: auto !important;
  color: white;
  line-height: 1.1;
  width: 70px;
  padding: 5px 10px;
}
@media only screen and (max-width: 850px) {
  #calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-1 .period.selected .time-wrapper span,
  #calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-2 .period.selected .time-wrapper span {
    width: 64px;
    padding: 5px;
  }
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .no-periods {
  display: none;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .actions {
  width: 100%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-item-align: baseline;
      align-self: baseline;
  margin-top: 10px;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .actions .tick {
  text-align: center;
  width: 135px;
  margin: 0 auto;
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 20px 20px 20px 20px;
  color: white;
  font-weight: normal;
  font-size: 20px;
  line-height: 1.1;
  background: #00aabe;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .actions .tick.disabled {
  background: #c7c7c7;
  cursor: not-allowed;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-other-month .ui-state-default {
  background-color: transparent;
  font-weight: normal;
  font-size: 20px;
  color: #ccc;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable.not-working-day .ui-state-default {
  font-weight: normal;
  font-size: 20px;
  color: #666666;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable.not-working-day .ui-state-default:before {
  display: none;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable.not-working-day.passed-day .ui-state-default {
  background-color: transparent !important;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable.not-working-day.passed-day .ui-state-default:before {
  display: none;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default {
  color: #00aabe;
  font-weight: normal;
  position: relative;
  z-index: 2;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default:before {
  position: absolute;
  content: "";
  width: 40px;
  height: 40px;
  z-index: -1;
  border-radius: 50% 50% 50% 50%;
  background: #F6FAFB;
  display: none;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -20px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default.ui-state-active {
  border: none !important;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default.ui-state-hover:before {
  background: #e5f2f4;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-today {
  border: none !important;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-today a.ui-state-default {
  border: none !important;
  color: black !important;
  position: relative;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-today a.ui-state-default:before {
  position: absolute;
  content: "";
  width: 40px;
  height: 40px;
  z-index: -1;
  background: #F6FAFB;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -20px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: block;
  border-radius: 50% 50% 50% 50%;
  -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-today a.ui-state-default.ui-state-active {
  border: none !important;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-today.not-working-day {
  border: none !important;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-today.not-working-day a.ui-state-default {
  position: relative;
  border: none !important;
  z-index: 2;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-today.not-working-day a.ui-state-default:before {
  content: "";
  display: block;
  background: transparent;
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: -1;
  border-radius: 50% 50% 50% 50%;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -20px;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.js-selected-date {
  background-color: transparent;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.js-selected-date a.ui-state-default {
  z-index: 30;
  background-color: transparent !important;
  color: black;
}
@media only screen and (max-width: 767px) {
  #calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.js-selected-date a.ui-state-default {
    z-index: 15;
  }
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.js-selected-date a.ui-state-default:before {
  display: block;
  background: white;
  border-color: white !important;
  -webkit-box-shadow: 0px -2px 9px rgba(0, 0, 0, 0.15) !important;
          box-shadow: 0px -2px 9px rgba(0, 0, 0, 0.15) !important;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.js-selected-date a.ui-state-default:after {
  position: absolute;
  content: "";
  z-index: -1;
  bottom: 0;
  margin-bottom: -7px;
  left: 50%;
  background: white;
  width: 53px;
  margin-left: -20px;
  height: 24px;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.js-selected-date .open {
  top: 53%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media only screen and (max-width: 850px) {
  #calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.js-selected-date .open {
    bottom: 0;
    top: auto;
    z-index: 10010;
  }
}
@media only screen and (max-width: 850px) {
  #calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.js-selected-date .m-calendar__modal {
    width: 100%;
  }
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.user-has-consult .hasScheduled {
  z-index: 10;
}
#calendarDoctorProfile .doctor-calendar .dayDetailed {
  display: none !important;
}
#calendarDoctorProfile .doctor-calendar .time-zone {
  margin-bottom: 20px;
  display: inline-block;
  text-align: left !important;
  width: 275px !important;
  height: auto !important;
}
@media only screen and (max-width: 1150px) {
  #calendarDoctorProfile .doctor-calendar .time-zone {
    width: 100% !important;
  }
}
#calendarDoctorProfile .doctor-calendar .time-zone span {
  width: auto !important;
  text-align: left !important;
  font-size: 16px;
  height: auto !important;
  font-weight: normal;
  color: #e4515b;
  line-height: 1.1;
}
#calendarDoctorProfile .doctor-calendar .time-zone span a {
  height: auto !important;
}
#calendarDoctorProfile .doctor-calendar .time-zone span a.choose-region {
  width: auto !important;
  color: #00aabe;
  position: relative;
  height: auto !important;
  border: 0 !important;
  font-weight: normal !important;
  font-size: 16px !important;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  line-height: 1.1 !important;
}
#calendarDoctorProfile .doctor-calendar .time-zone span a.choose-region:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed #00aabe;
}
#calendarDoctorProfile .doctor-calendar .time-zone span a.choose-region:hover {
  color: #006672;
}
#calendarDoctorProfile .doctor-calendar .time-zone span a.choose-region:hover:after {
  border-color: #006672;
}
#calendarDoctorProfile .doctor-calendar .time-zone span .timezone-name {
  text-transform: capitalize;
}
@media only screen and (max-width: 1150px) {
  #calendarDoctorProfile .doctor-calendar .time-zone span .timezone-name {
    margin-right: 14px;
  }
}
#calendarDoctorProfile .doctor-calendar .time-zone {
  margin-bottom: 20px;
  display: inline-block;
  text-align: left !important;
  width: 275px !important;
  height: auto !important;
}
@media only screen and (max-width: 1150px) {
  #calendarDoctorProfile .doctor-calendar .time-zone {
    width: 100% !important;
  }
}
#calendarDoctorProfile .doctor-calendar .time-zone span {
  width: auto !important;
  text-align: left !important;
  font-size: 16px;
  height: auto !important;
  font-weight: normal;
  color: #e4515b;
  line-height: 1.1;
}
#calendarDoctorProfile .doctor-calendar .time-zone span a {
  height: auto !important;
}
#calendarDoctorProfile .doctor-calendar .time-zone span a.choose-region {
  width: auto !important;
  color: #00aabe;
  position: relative;
  height: auto !important;
  border: 0 !important;
  font-weight: normal !important;
  font-size: 16px !important;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  line-height: 1.1 !important;
}
#calendarDoctorProfile .doctor-calendar .time-zone span a.choose-region:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed #00aabe;
}
#calendarDoctorProfile .doctor-calendar .time-zone span a.choose-region:hover {
  color: #006672;
}
#calendarDoctorProfile .doctor-calendar .time-zone span a.choose-region:hover:after {
  border-color: #006672;
}
#calendarDoctorProfile .doctor-calendar .time-zone span .timezone-name {
  text-transform: capitalize;
}
@media only screen and (max-width: 1150px) {
  #calendarDoctorProfile .doctor-calendar .time-zone span .timezone-name {
    margin-right: 14px;
  }
}
@media only screen and (max-width: 505px) {
  #calendarDoctorProfile .doctor-calendar .time-zone span .timezone-name {
    font-size: 14px !important;
  }
}
@media only screen and (max-width: 1150px) {
  #calendarDoctorProfile .doctor-calendar {
    padding: 28px 0 0;
    border-radius: 16px 16px 16px 16px;
  }
}
@media only screen and (max-width: 767px) {
  #calendarDoctorProfile .doctor-calendar {
    padding: 0;
  }
}
#calendarDoctorProfile .doctor-calendar .calendar-months {
  text-align: left;
  margin: 0 0 10px;
}
@media only screen and (max-width: 1150px) {
  #calendarDoctorProfile .doctor-calendar .calendar-months {
    margin: 0 0 16px;
  }
}
#calendarDoctorProfile .doctor-calendar .calendar-months a.month {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#calendarDoctorProfile .doctor-calendar .calendar-months a.month:hover {
  color: #006672;
}
@media only screen and (max-width: 1150px) {
  #calendarDoctorProfile .doctor-calendar .calendar-months a.month.active {
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 1150px) {
  #calendarDoctorProfile .doctor-calendar .calendar-months a.month.active:before {
    width: 54px;
    background: white;
    height: 4px;
  }
}
#calendarDoctorProfile .doctor-calendar .calendar {
  padding: 0 0 40px;
}
#calendarDoctorProfile .doctor-calendar .calendar .calendar-wrapper .calendar-body .ui-datepicker {
  width: 100%;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker-calendar {
  border-top: none !important;
  width: 100% !important;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker-calendar:before {
  border: none;
  left: 0 !important;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker-calendar thead tr th[scope="col"] {
  line-height: 1.1;
  padding-bottom: 0;
  text-transform: lowercase;
  text-align: center;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker-calendar tbody .ui-state-default {
  font-size: 20px;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker-calendar tbody tr td {
  text-align: center;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker-calendar tbody tr td.ui-datepicker-week-end .ui-state-default,
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker-calendar tbody tr td.ui-datepicker-other-month .ui-state-default {
  width: 62px !important;
  height: 45px;
}
@media only screen and (max-width: 1150px) {
  #calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker-calendar tbody tr td.ui-datepicker-week-end .ui-state-default,
  #calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker-calendar tbody tr td.ui-datepicker-other-month .ui-state-default {
    background-color: transparent !important;
  }
}
@media only screen and (max-width: 767px) {
  #calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker-calendar tbody tr td.ui-datepicker-week-end .ui-state-default,
  #calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker-calendar tbody tr td.ui-datepicker-other-month .ui-state-default {
    width: 30px !important;
    height: 20px;
    line-height: 24px;
  }
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker-calendar tbody tr td .hasScheduled {
  display: none;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker-calendar tbody tr td a {
  width: 62px;
  height: 45px;
  line-height: 45px;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker-calendar tbody tr td a:after {
  display: none !important;
}
@media only screen and (max-width: 1150px) {
  #calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker-calendar tbody tr td a {
    background-color: transparent !important;
  }
}
@media only screen and (max-width: 767px) {
  #calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker-calendar tbody tr td a {
    width: 30px;
    height: 24px;
    line-height: 24px;
  }
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker-calendar tbody tr td.ui-datepicker-today a:before {
  border: 1px solid #c8c8c8;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker-calendar tbody tr td.js-selected-date a.ui-state-default {
  font-size: 20px;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker-calendar tbody tr td.js-selected-date a.ui-state-default:after {
  margin-bottom: -7px !important;
  height: 18px !important;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker-calendar tbody tr td.js-selected-date a.ui-state-active {
  font-size: 20px;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker-calendar tbody tr td.js-selected-date a.ui-state-active:before {
  border-radius: 50% 50% 50% 50%;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker-calendar tbody tr td.js-selected-date div[data-action="create"] {
  padding-top: 17px;
  top: 62% !important;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker-calendar tbody tr td.js-selected-date div[data-action="create"] .header {
  position: relative;
  z-index: 40;
  text-align: left;
  line-height: 1.1;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker-calendar tbody tr td.js-selected-date div[data-action="create"] .header .name {
  font-size: 20px;
  font-weight: bold;
  display: block;
  color: black;
  width: 100%;
  height: auto;
  text-align: left;
  line-height: 1.1;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker-calendar tbody tr td.js-selected-date div[data-action="create"] .header span.date {
  display: none;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker-calendar tbody tr td.js-selected-date div[data-action="create"] .hoursDiv {
  margin-bottom: 10px;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker-calendar tbody tr td.js-selected-date div[data-action="create"] .hoursDiv .column-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  #calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker-calendar tbody tr td.js-selected-date div[data-action="create"] .hoursDiv .column-1 .period:hover {
    background: transparent;
  }
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker-calendar tbody tr td.js-selected-date div[data-action="create"] .hoursDiv .column-1 .period .time-wrapper .time.start {
  color: #00aabe;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker-calendar tbody tr td.js-selected-date div[data-action="create"] .hoursDiv .column-1 .period .time-wrapper .time.start:hover {
  color: white;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker-calendar tbody tr td.js-selected-date div[data-action="create"] .hoursDiv .column-1 .period .time-wrapper .time.dash {
  display: none;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker-calendar tbody tr td.js-selected-date div[data-action="create"] .hoursDiv .column-1 .period .time-wrapper .time.finish {
  display: none;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker-calendar tbody tr td.js-selected-date div[data-action="create"] .hoursDiv .column-1 .period .actions {
  display: none;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker-calendar tbody tr td.js-selected-date div[data-action="create"] .hoursDiv .column-1 .period.selected .time.start {
  color: white;
}
@media only screen and (max-width: 767px) {
  #calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker-calendar tbody tr td.js-selected-date div[data-action="create"] .hoursDiv .column-1 .period.selected .time.start {
    background: #00aabe;
  }
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker-calendar tbody tr td.js-selected-date div[data-action="create"] .hoursDiv .column-1 .period.doctBusy .time.start {
  color: #717181 !important;
  background: transparent;
  cursor: not-allowed;
  opacity: 0.5 !important;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker-calendar tbody tr td.js-selected-date div[data-action="create"] .hoursDiv .column-1 .period.doctBusy:hover {
  background: transparent;
}
#calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker-calendar tbody tr td.js-selected-date div[data-action="create"] .hoursDiv .actions .tick {
  margin: 10px auto 0 !important;
  line-height: 30px !important;
}
@media only screen and (max-width: 767px) {
  #calendarDoctorProfile .doctor-calendar .calendar .ui-datepicker-calendar tbody tr td .custom-scrollbar {
    position: static !important;
  }
}
#loginFormModalNew {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog,
#loginFormModalNew.input-sms-full-screen .modal-dialog,
#loginFormModalNew.input-password-full-screen .modal-dialog,
#loginFormModalNew.support-full-screen .modal-dialog {
  background: white;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 {
  width: 100%;
  min-height: 100%;
  margin: 0 !important;
  border-radius: 0 0 0 0;
  max-width: 100%;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content {
  background-color: transparent;
  width: 100%;
  margin: auto;
  padding: 0 50px;
  min-height: 100vh;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-radius: 0 0 0 0;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-header,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-header,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-header,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-header {
  border-bottom: 0;
  padding: 35px 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-header #logo > a,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-header #logo > a,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-header #logo > a,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-header #logo > a,
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-header .input-logo > a,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-header .input-logo > a,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-header .input-logo > a,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-header .input-logo > a {
  width: 180px !important;
  height: 50px !important;
  display: inline-block !important;
  background-position: top center;
  background-size: contain;
  margin-right: 20px;
  vertical-align: middle;
  position: relative;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-header .sup-number,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-header .sup-number,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-header .sup-number,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-header .sup-number {
  position: absolute;
  margin-top: 52px;
  text-align: left;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-header .sup-number a,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-header .sup-number a,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-header .sup-number a,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-header .sup-number a {
  line-height: 1.1;
  font-size: 24px;
  font-weight: bold;
  color: #00aabe;
  position: relative;
  z-index: 10;
  margin-bottom: 0;
  display: inline-block;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-header .sup-number span,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-header .sup-number span,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-header .sup-number span,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-header .sup-number span {
  display: block;
  line-height: 1.1;
  font-size: 16px;
  font-weight: normal;
  color: #b7b9bb;
  position: relative;
  z-index: 10;
  white-space: nowrap;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-header .sup-number.patient,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-header .sup-number.patient,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-header .sup-number.patient,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-header .sup-number.patient {
  margin-top: 116px;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-header .close.close_rt,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-header .close.close_rt,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-header .close.close_rt,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-header .close.close_rt {
  width: 46px !important;
  height: 48px !important;
  opacity: 0.8;
  position: static !important;
  background: url('/images/default/close-modal.svg') !important;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-header .close.close_rt:hover,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-header .close.close_rt:hover,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-header .close.close_rt:hover,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-header .close.close_rt:hover {
  opacity: 1;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body {
  width: 570px;
  margin: 0 auto;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  position: relative;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .modal-title,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .modal-title,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .modal-title,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .modal-title {
  color: black;
  font-size: 44px;
  margin-bottom: 70px;
  display: inline-block;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .modal-title .info-forgot,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .modal-title .info-forgot,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .modal-title .info-forgot,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .modal-title .info-forgot {
  font-size: 16px;
  display: block;
  width: 500px;
  margin: 0 auto;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .text_description,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .text_description,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .text_description,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .text_description {
  color: #8B8B9A;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .text_description a,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .text_description a,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .text_description a,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .text_description a {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input {
  height: auto;
  margin-bottom: 50px;
  position: relative;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input .error-wrapper,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input .error-wrapper,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input .error-wrapper,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input .error-wrapper {
  display: none;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input {
  border-bottom: 2px solid #CDCDCD;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-size: 24px;
  color: #575D68;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input::-webkit-input-placeholder,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input::-webkit-input-placeholder,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input::-webkit-input-placeholder,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input::-webkit-input-placeholder {
  color: #cacaca;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input:-moz-placeholder,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input:-moz-placeholder,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input:-moz-placeholder,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input:-moz-placeholder {
  color: #cacaca;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input:-moz-placeholder,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input:-moz-placeholder,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input:-moz-placeholder,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input:-moz-placeholder {
  color: #cacaca;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input:-ms-input-placeholder,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input:-ms-input-placeholder,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input:-ms-input-placeholder,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input:-ms-input-placeholder {
  color: #cacaca;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input.placeholder,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input.placeholder,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input.placeholder,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input.placeholder {
  color: #cacaca;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input[type=password].short,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input[type=password].short,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input[type=password].short,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input[type=password].short {
  width: 345px;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input[type=number],
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input[type=number],
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input[type=number],
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input[type=number] {
  display: inline-block;
  width: 42px;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-bottom: 2px solid #CDCDCD;
  height: 40px;
  margin-left: 14px;
  text-align: center;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: black;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input[type=number]::-webkit-input-placeholder,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input[type=number]::-webkit-input-placeholder,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input[type=number]::-webkit-input-placeholder,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input[type=number]::-webkit-input-placeholder {
  color: #cacaca;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input[type=number]:-moz-placeholder,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input[type=number]:-moz-placeholder,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input[type=number]:-moz-placeholder,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input[type=number]:-moz-placeholder {
  color: #cacaca;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input[type=number]:-moz-placeholder,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input[type=number]:-moz-placeholder,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input[type=number]:-moz-placeholder,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input[type=number]:-moz-placeholder {
  color: #cacaca;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input[type=number]:-ms-input-placeholder,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input[type=number]:-ms-input-placeholder,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input[type=number]:-ms-input-placeholder,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input[type=number]:-ms-input-placeholder {
  color: #cacaca;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input[type=number].placeholder,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input[type=number].placeholder,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input[type=number].placeholder,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input[type=number].placeholder {
  color: #cacaca;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input[type=number]:hover,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input[type=number]:hover,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input[type=number]:hover,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input[type=number]:hover,
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input[type=number]:focus,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input[type=number]:focus,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input[type=number]:focus,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input[type=number]:focus {
  border-bottom: 2px solid #00aabe;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input:hover,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input:hover,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input:hover,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input:hover,
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input:focus,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input:focus,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input:focus,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input input:focus {
  border-bottom: 2px solid #00aabe;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input .label-wrapper,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input .label-wrapper,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input .label-wrapper,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input .label-wrapper {
  position: absolute;
  margin-top: -20px;
  text-align: left;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input .label-wrapper .label-text,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input .label-wrapper .label-text,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input .label-wrapper .label-text,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input .label-wrapper .label-text {
  font-size: 14px !important;
  color: #666666 !important;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .error-wrapper,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .error-wrapper,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .error-wrapper,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .error-wrapper {
  display: block;
  position: absolute;
  font-weight: normal;
  font-size: 12px;
  color: #f0505a;
  text-align: center;
  width: 100%;
  left: 0;
  margin-top: 8px;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .error-wrapper.phone-input-error,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .error-wrapper.phone-input-error,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .error-wrapper.phone-input-error,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .error-wrapper.phone-input-error {
  text-align: left;
  width: 90%;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .error-wrapper.error-left,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .error-wrapper.error-left,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .error-wrapper.error-left,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .error-wrapper.error-left {
  text-align: left;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .input-wrapper input,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .input-wrapper input,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .input-wrapper input,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .input-wrapper input,
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .input-container input,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .input-container input,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .input-container input,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .input-container input {
  border-bottom: 2px solid #f0505a !important;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .input-wrapper input[type="email"],
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .input-wrapper input[type="email"],
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .input-wrapper input[type="email"],
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .input-wrapper input[type="email"],
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .input-container input[type="email"],
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .input-container input[type="email"],
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .input-container input[type="email"],
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .input-container input[type="email"],
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .input-wrapper input[name="promo"],
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .input-wrapper input[name="promo"],
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .input-wrapper input[name="promo"],
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .input-wrapper input[name="promo"],
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .input-container input[name="promo"],
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .input-container input[name="promo"],
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .input-container input[name="promo"],
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .input-container input[name="promo"] {
  border-bottom: 2px solid #f0505a !important;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .input-wrapper .tmp-phone,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .input-wrapper .tmp-phone,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .input-wrapper .tmp-phone,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .input-wrapper .tmp-phone,
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .input-container .tmp-phone,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .input-container .tmp-phone,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .input-container .tmp-phone,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .ext-input.error .input-container .tmp-phone {
  border-bottom: 2px solid #f0505a !important;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer {
  border-bottom: none;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .code-container,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .code-container,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .code-container,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .code-container {
  border-right: 0;
  width: 110px;
  display: inline-block;
  margin-right: 30px;
  border-bottom: 2px solid #CDCDCD;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .code-container:hover,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .code-container:hover,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .code-container:hover,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .code-container:hover,
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .code-container:focus,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .code-container:focus,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .code-container:focus,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .code-container:focus {
  border-bottom: 2px solid #00aabe;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .code,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .code,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .code,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .code {
  font-size: 24px;
  color: #575D68;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .tmp-phone,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .tmp-phone,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .tmp-phone,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .tmp-phone {
  width: 315px;
  border-bottom: 2px solid #CDCDCD;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin-top: 3px;
  font-size: 24px;
  text-align: left;
  color: #575D68;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .tmp-phone:hover,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .tmp-phone:hover,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .tmp-phone:hover,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .tmp-phone:hover,
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .tmp-phone:focus,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .tmp-phone:focus,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .tmp-phone:focus,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .tmp-phone:focus {
  border-bottom: 2px solid #00aabe;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .phone-control .popup-list-container,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .phone-control .popup-list-container,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .phone-control .popup-list-container,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .phone-control .popup-list-container {
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  width: 270px;
  border-radius: 3px 3px 3px 3px;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .phone-control .popup-list-container .list-container li .country-name,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .phone-control .popup-list-container .list-container li .country-name,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .phone-control .popup-list-container .list-container li .country-name,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .phone-control .popup-list-container .list-container li .country-name {
  width: auto;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .phone-control .popup-list-container .list-container li .code-cnt,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .phone-control .popup-list-container .list-container li .code-cnt,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .phone-control .popup-list-container .list-container li .code-cnt,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .phone-control .popup-list-container .list-container li .code-cnt {
  float: none;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .phone-control .popup-list-container .list-container li:hover,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .phone-control .popup-list-container .list-container li:hover,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .phone-control .popup-list-container .list-container li:hover,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer .phone-control .popup-list-container .list-container li:hover {
  background: rgba(240, 80, 90, 0.2);
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer:hover .code-container + .tmp-phone,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer:hover .code-container + .tmp-phone,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer:hover .code-container + .tmp-phone,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer:hover .code-container + .tmp-phone,
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer:focus .code-container + .tmp-phone,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer:focus .code-container + .tmp-phone,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer:focus .code-container + .tmp-phone,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer:focus .code-container + .tmp-phone {
  border-bottom: 2px solid #00aabe;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer.error.error .input-wrapper .code-container,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer.error.error .input-wrapper .code-container,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer.error.error .input-wrapper .code-container,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer.error.error .input-wrapper .code-container {
  border-bottom: 2px solid #f0505a;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer.error.error .input-wrapper .tmp-phone,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer.error.error .input-wrapper .tmp-phone,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer.error.error .input-wrapper .tmp-phone,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body #phoneContainer.error.error .input-wrapper .tmp-phone {
  border-bottom: 2px solid #f0505a;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .forgot-wrapper,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .forgot-wrapper,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .forgot-wrapper,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .forgot-wrapper {
  position: absolute;
  top: auto;
  right: 0;
  margin-top: 0;
  bottom: 0;
  margin-bottom: -6px;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .forgot-wrapper #forgotPasswordButton,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .forgot-wrapper #forgotPasswordButton,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .forgot-wrapper #forgotPasswordButton,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .forgot-wrapper #forgotPasswordButton {
  font-weight: normal;
  font-size: 16px;
  text-decoration: none;
  line-height: 21px;
  color: #00aabe;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .forgot-wrapper #forgotPasswordButton:hover,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .forgot-wrapper #forgotPasswordButton:hover,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .forgot-wrapper #forgotPasswordButton:hover,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .forgot-wrapper #forgotPasswordButton:hover {
  color: #006672;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .buttons-wrapper .auth-send-phone,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .buttons-wrapper .auth-send-phone,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .buttons-wrapper .auth-send-phone,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .buttons-wrapper .auth-send-phone,
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .buttons-wrapper .auth-resend-code-button,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .buttons-wrapper .auth-resend-code-button,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .buttons-wrapper .auth-resend-code-button,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .buttons-wrapper .auth-resend-code-button,
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .buttons-wrapper .auth-send-password-button,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .buttons-wrapper .auth-send-password-button,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .buttons-wrapper .auth-send-password-button,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .buttons-wrapper .auth-send-password-button {
  width: 400px;
  padding-top: 13px !important;
  padding-bottom: 13px !important;
  border-radius: 3px 3px 3px 3px;
  line-height: 39px !important;
  height: auto;
  display: block;
  font-weight: normal;
  background: #f0505a !important;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .buttons-wrapper .auth-send-phone:hover,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .buttons-wrapper .auth-send-phone:hover,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .buttons-wrapper .auth-send-phone:hover,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .buttons-wrapper .auth-send-phone:hover,
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .buttons-wrapper .auth-resend-code-button:hover,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .buttons-wrapper .auth-resend-code-button:hover,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .buttons-wrapper .auth-resend-code-button:hover,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .buttons-wrapper .auth-resend-code-button:hover,
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .buttons-wrapper .auth-send-password-button:hover,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .buttons-wrapper .auth-send-password-button:hover,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .buttons-wrapper .auth-send-password-button:hover,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .buttons-wrapper .auth-send-password-button:hover {
  background: #e01320 !important;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .buttons-wrapper .auth-send-phone.inactive,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .buttons-wrapper .auth-send-phone.inactive,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .buttons-wrapper .auth-send-phone.inactive,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .buttons-wrapper .auth-send-phone.inactive,
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .buttons-wrapper .auth-resend-code-button.inactive,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .buttons-wrapper .auth-resend-code-button.inactive,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .buttons-wrapper .auth-resend-code-button.inactive,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .buttons-wrapper .auth-resend-code-button.inactive,
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .buttons-wrapper .auth-send-password-button.inactive,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .buttons-wrapper .auth-send-password-button.inactive,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .buttons-wrapper .auth-send-password-button.inactive,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .buttons-wrapper .auth-send-password-button.inactive {
  background: #F5A3A8 !important;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .auth-login-by-password-button,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .auth-login-by-password-button,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .auth-login-by-password-button,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .auth-login-by-password-button,
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .auth-login-by-sms-code-button,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .auth-login-by-sms-code-button,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .auth-login-by-sms-code-button,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .auth-login-by-sms-code-button,
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .auth-login-by-esia-button,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .auth-login-by-esia-button,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .auth-login-by-esia-button,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .auth-login-by-esia-button {
  width: auto;
  background: none;
  font-size: 18px;
  display: block;
  border: none;
  color: #00aabe;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .auth-login-by-password-button:hover,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .auth-login-by-password-button:hover,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .auth-login-by-password-button:hover,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .auth-login-by-password-button:hover,
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .auth-login-by-sms-code-button:hover,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .auth-login-by-sms-code-button:hover,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .auth-login-by-sms-code-button:hover,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .auth-login-by-sms-code-button:hover,
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .auth-login-by-esia-button:hover,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .auth-login-by-esia-button:hover,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .auth-login-by-esia-button:hover,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .auth-login-by-esia-button:hover {
  color: #006672;
  background-color: none;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .auth-login-by-password-button:before,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .auth-login-by-password-button:before,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .auth-login-by-password-button:before,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .auth-login-by-password-button:before,
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .auth-login-by-sms-code-button:before,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .auth-login-by-sms-code-button:before,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .auth-login-by-sms-code-button:before,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .auth-login-by-sms-code-button:before,
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .auth-login-by-esia-button:before,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .auth-login-by-esia-button:before,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .auth-login-by-esia-button:before,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .auth-login-by-esia-button:before {
  display: none;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .prev,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .prev,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .prev,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .prev {
  color: #00aabe;
  cursor: pointer;
  font-size: 18px;
  margin-top: 48px;
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .prev:before,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .prev:before,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .prev:before,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .prev:before {
  content: "";
  margin-right: 10px;
  background: url('/images/default/arrow-read-more.png') no-repeat;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  width: 8px;
  height: 12px;
  display: inline-block;
}
#loginFormModalNew.phone-input-full-screen .modal-dialog.dialog480 .modal-content .modal-body .prev:hover,
#loginFormModalNew.input-sms-full-screen .modal-dialog.dialog480 .modal-content .modal-body .prev:hover,
#loginFormModalNew.input-password-full-screen .modal-dialog.dialog480 .modal-content .modal-body .prev:hover,
#loginFormModalNew.support-full-screen .modal-dialog.dialog480 .modal-content .modal-body .prev:hover {
  color: #006672;
}
#request_created_modal .modal-text {
  font-size: 18px;
}
#request_created_modal .modal-image {
  max-width: 100%;
  margin-top: 16px;
}
#request_created_modal .buttons-wrapper {
  text-align: center;
}
/* pages */
#aboutWrapper .aboutWrapper__banner {
  position: relative;
}
#aboutWrapper .aboutWrapper__banner:before {
  position: absolute;
  content: "";
  width: 200px;
  height: 4px;
  border-radius: 2px 2px 2px 2px;
  background: #f0505a;
  left: 50%;
  margin-left: -100px;
  bottom: 0;
}
#aboutWrapper .aboutWrapper__banner .title-wrapper .page-title {
  font-weight: bold;
  font-size: 32px;
  line-height: 56px;
  color: #212127;
}
@media only screen and (max-width: 767px) {
  #aboutWrapper .aboutWrapper__banner .title-wrapper .page-title {
    margin: 0;
  }
}
@media only screen and (max-width: 413px) {
  #aboutWrapper .aboutWrapper__banner .title-wrapper .page-title {
    font-size: 32px;
    line-height: 32px;
  }
}
#aboutWrapper .aboutWrapper__banner .about-info-video {
  width: 100%;
  position: relative;
  color: #212127;
}
#aboutWrapper .aboutWrapper__banner .about-info-video .text-wrapper {
  padding-bottom: 87px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
@media only screen and (max-width: 1150px) {
  #aboutWrapper .aboutWrapper__banner .about-info-video .text-wrapper {
    padding-bottom: 54px;
  }
}
@media only screen and (max-width: 413px) {
  #aboutWrapper .aboutWrapper__banner .about-info-video .text-wrapper {
    padding-bottom: 31px;
  }
}
@media only screen and (max-width: 1204px) {
  #aboutWrapper .aboutWrapper__banner .about-info-video .text-wrapper.inner {
    padding-left: 0;
    padding-right: 0;
  }
}
#aboutWrapper .aboutWrapper__banner .service-conditions {
  padding: 24px 0 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 1150px) {
  #aboutWrapper .aboutWrapper__banner .service-conditions {
    padding-bottom: 34px;
  }
}
@media only screen and (max-width: 767px) {
  #aboutWrapper .aboutWrapper__banner .service-conditions {
    padding-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#aboutWrapper .aboutWrapper__banner .service-conditions.fade-in li {
  opacity: 1;
  top: 0;
}
#aboutWrapper .aboutWrapper__banner .service-conditions.fade-in li:nth-child(even) {
  top: 0;
}
#aboutWrapper .aboutWrapper__banner .service-conditions li {
  width: 350px;
}
@media only screen and (max-width: 1204px) {
  #aboutWrapper .aboutWrapper__banner .service-conditions li {
    width: 292px;
  }
}
@media only screen and (max-width: 1150px) {
  #aboutWrapper .aboutWrapper__banner .service-conditions li {
    width: 222px;
  }
}
@media only screen and (max-width: 767px) {
  #aboutWrapper .aboutWrapper__banner .service-conditions li {
    margin-bottom: 24px;
    width: 100%;
  }
}
#aboutWrapper .aboutWrapper__banner .service-conditions li .title {
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  color: #212127;
  margin-bottom: 8px;
}
#aboutWrapper .aboutWrapper__banner .service-conditions li .description {
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 0;
  color: #717181;
}
@media only screen and (max-width: 1150px) {
  #aboutWrapper .aboutWrapper__banner .service-conditions li .description {
    font-size: 16px;
    line-height: 18px;
  }
}
@media only screen and (max-width: 1204px) {
  #aboutWrapper .aboutWrapper__banner .service-conditions li .description br {
    display: none;
  }
}
#aboutWrapper .aboutWrapper__banner .service-conditions li .description a {
  font-weight: bold;
  text-decoration: underline;
  color: black;
}
#aboutWrapper .consultations {
  margin-bottom: 60px;
}
@media only screen and (max-width: 1150px) {
  #aboutWrapper .consultations {
    margin-bottom: 40px;
  }
}
#aboutWrapper .consultations .consultations__wrapp {
  margin-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  #aboutWrapper .consultations .consultations__wrapp {
    margin-top: 34px;
  }
}
#aboutWrapper .consultations .consultations__wrapp .consult-block {
  width: 464px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 1150px) {
  #aboutWrapper .consultations .consultations__wrapp .consult-block {
    margin-top: 0;
    width: 221px;
  }
}
@media only screen and (max-width: 767px) {
  #aboutWrapper .consultations .consultations__wrapp .consult-block {
    width: 100%;
  }
}
@media only screen and (max-width: 1150px) {
  #aboutWrapper .consultations .consultations__wrapp .consult-block:first-child {
    width: 100%;
    margin-top: 0;
  }
}
#aboutWrapper .consultations .consultations__wrapp .consult-block .title__consult {
  font-weight: normal;
  font-size: 48px;
  line-height: 56px;
  margin-bottom: 108px;
}
@media only screen and (max-width: 1150px) {
  #aboutWrapper .consultations .consultations__wrapp .consult-block .title__consult {
    font-weight: normal;
    font-size: 32px;
    line-height: 32px;
    text-align: center;
    width: 272px;
    margin: 0 auto 60px;
  }
}
#aboutWrapper .consultations .consultations__wrapp .consult-block .icon {
  width: 90px;
  height: 90px;
  margin-right: 48px;
}
@media only screen and (max-width: 1150px) {
  #aboutWrapper .consultations .consultations__wrapp .consult-block .icon {
    margin: 0 0 17px;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  #aboutWrapper .consultations .consultations__wrapp .consult-block .icon {
    width: 60px;
    height: 60px;
    margin-right: 16px;
  }
}
#aboutWrapper .consultations .consultations__wrapp .consult-block:nth-child(2) {
  margin-bottom: 40px;
}
@media only screen and (max-width: 1150px) {
  #aboutWrapper .consultations .consultations__wrapp .consult-block:nth-child(2) {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    margin-bottom: 32px;
  }
}
#aboutWrapper .consultations .consultations__wrapp .consult-block:nth-child(2) .icon {
  background: url('/images/default/mobile_about.png') no-repeat;
  background-size: contain;
}
#aboutWrapper .consultations .consultations__wrapp .consult-block:nth-child(3) {
  margin-bottom: 40px;
}
@media only screen and (max-width: 1150px) {
  #aboutWrapper .consultations .consultations__wrapp .consult-block:nth-child(3) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-bottom: 32px;
  }
}
#aboutWrapper .consultations .consultations__wrapp .consult-block:nth-child(3) .icon {
  background: url('/images/default/analyses_about.png') no-repeat;
  background-size: contain;
}
#aboutWrapper .consultations .consultations__wrapp .consult-block:last-child {
  margin-bottom: 40px;
}
@media only screen and (max-width: 1150px) {
  #aboutWrapper .consultations .consultations__wrapp .consult-block:last-child {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-bottom: 32px;
  }
}
#aboutWrapper .consultations .consultations__wrapp .consult-block:last-child .icon {
  background: url('/images/default/doctor_about.png') no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 1150px) {
  #aboutWrapper .consultations .consultations__wrapp .consult-block:last-child .description .title {
    width: 200px;
  }
}
@media only screen and (max-width: 767px) {
  #aboutWrapper .consultations .consultations__wrapp .consult-block:last-child .description .title {
    width: 100%;
  }
}
#aboutWrapper .consultations .consultations__wrapp .consult-block .description {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
#aboutWrapper .consultations .consultations__wrapp .consult-block .description .title {
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  color: #212127;
  margin-bottom: 8px;
}
@media only screen and (max-width: 1150px) {
  #aboutWrapper .consultations .consultations__wrapp .consult-block .description .title {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 21px;
    width: 145px;
  }
}
@media only screen and (max-width: 767px) {
  #aboutWrapper .consultations .consultations__wrapp .consult-block .description .title {
    width: 100%;
    margin-bottom: 16px;
  }
}
#aboutWrapper .consultations .consultations__wrapp .consult-block .description p {
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 0;
  color: #717181;
}
@media only screen and (max-width: 1150px) {
  #aboutWrapper .consultations .consultations__wrapp .consult-block .description p {
    font-size: 16px;
    line-height: 18px;
  }
}
@media only screen and (max-width: 1150px) {
  #aboutWrapper .consultations .consultations__wrapp .consult-block .description p br {
    display: none;
  }
}
#aboutWrapper .consultations .button-style {
  width: 245px;
  display: block;
  border-radius: 24px 24px 24px 24px;
  margin: 0 auto;
  font-weight: bold;
  font-size: 18px;
  line-height: 44px;
  height: 46px;
}
#aboutWrapper .instructions {
  padding: 60px 0;
  background: #F9F9FA;
}
@media only screen and (max-width: 1150px) {
  #aboutWrapper .instructions {
    padding: 40px 0;
  }
}
#aboutWrapper .instructions .instructions__title {
  font-weight: normal;
  font-size: 48px;
  line-height: 56px;
  color: #212127;
  text-align: center;
  margin-bottom: 64px;
}
@media only screen and (max-width: 1150px) {
  #aboutWrapper .instructions .instructions__title {
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 67px;
  }
}
#aboutWrapper .instructions .instructions__wrapp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  #aboutWrapper .instructions .instructions__wrapp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#aboutWrapper .instructions .instructions__wrapp.vtb .instruction__block .instruction__icon {
  background: url('/images/gelios.onlinedoctor/Program-VTBins.svg') no-repeat !important;
}
#aboutWrapper .instructions .instructions__wrapp.vtb .instruction__block:nth-child(3) .instruction__icon {
  background: url('/images/default/doctor.png') no-repeat !important;
}
#aboutWrapper .instructions .instructions__wrapp.vtb .instruction__block:last-child .instruction__icon {
  background: url('/images/default/upload.png') no-repeat !important;
}
#aboutWrapper .instructions .instructions__wrapp .arrow-step {
  width: 98px;
  height: 20px;
  margin-top: 33px;
  background: url('/images/default/arrow-step.png') no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 767px) {
  #aboutWrapper .instructions .instructions__wrapp .arrow-step {
    background: url('/images/default/arrow-step-mobile.png') no-repeat;
    background-size: contain;
    width: 14px;
    height: 41px;
    margin-top: 20px;
    margin-left: 24px;
    margin-bottom: 31px;
  }
}
#aboutWrapper .instructions .instructions__wrapp .instruction__block {
  text-align: center;
  width: 308px;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 1204px) {
  #aboutWrapper .instructions .instructions__wrapp .instruction__block {
    width: 292px;
  }
}
@media only screen and (max-width: 1150px) {
  #aboutWrapper .instructions .instructions__wrapp .instruction__block {
    width: 218px;
  }
}
@media only screen and (max-width: 767px) {
  #aboutWrapper .instructions .instructions__wrapp .instruction__block {
    width: 100%;
    text-align: left;
  }
}
#aboutWrapper .instructions .instructions__wrapp .instruction__block .instruction__icon {
  width: 90px;
  height: 90px;
  margin: 0 auto 16px;
  background: url('/images/default/doctor.png') no-repeat;
}
@media only screen and (max-width: 767px) {
  #aboutWrapper .instructions .instructions__wrapp .instruction__block .instruction__icon {
    width: 60px;
    height: 60px;
    background-size: cover;
    margin: 0 14px 14px 0;
    float: left;
  }
}
#aboutWrapper .instructions .instructions__wrapp .instruction__block:nth-child(3) .instruction__icon {
  background: url('/images/default/dollar.png') no-repeat;
  background-size: cover;
}
#aboutWrapper .instructions .instructions__wrapp .instruction__block:last-child .instruction__icon {
  background: url('/images/default/upload.png') no-repeat;
  background-size: cover;
}
#aboutWrapper .instructions .instructions__wrapp .instruction__block .instruction__title {
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 8px;
  color: #212127;
}
@media only screen and (max-width: 1150px) {
  #aboutWrapper .instructions .instructions__wrapp .instruction__block .instruction__title {
    font-size: 16px;
    line-height: 18px;
    width: 200px;
  }
}
@media only screen and (max-width: 767px) {
  #aboutWrapper .instructions .instructions__wrapp .instruction__block .instruction__title {
    width: 100%;
  }
}
#aboutWrapper .instructions .instructions__wrapp .instruction__block .instruction__description {
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  color: #717181;
}
@media only screen and (max-width: 1150px) {
  #aboutWrapper .instructions .instructions__wrapp .instruction__block .instruction__description br {
    display: none;
  }
}
@media only screen and (max-width: 1150px) {
  #aboutWrapper .instructions .instructions__wrapp .instruction__block .instruction__description {
    font-size: 16px;
    line-height: 18px;
  }
}
#aboutWrapper .question__wrapp {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media only screen and (max-width: 1150px) {
  #aboutWrapper .question__wrapp {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
#aboutWrapper .question__wrapp .title {
  font-weight: normal;
  font-size: 48px;
  line-height: 56px;
  color: #212127;
  margin-bottom: 48px;
  text-align: center;
}
@media only screen and (max-width: 1150px) {
  #aboutWrapper .question__wrapp .title {
    font-weight: normal;
    font-size: 32px;
    line-height: 32px;
  }
}
#aboutWrapper .question__wrapp .question__all {
  width: 258px;
  height: 46px;
  background: #00aabe;
  line-height: 44px;
  text-align: center;
  display: block;
  margin: 48px auto 0;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  font-weight: bold;
  font-size: 18px;
  color: white;
  border-radius: 24px 24px 24px 24px;
}
#aboutWrapper .question__wrapp .question__all:hover {
  background: #006672;
}
#agreementPageWrapper ul li {
  padding: 0;
}
#agreementPageWrapper ul li:before {
  display: none;
}
#agreementPageWrapper table td {
  border: 1px solid #666666;
  padding: 0 3px;
  word-wrap: normal;
}
#agreementPageWrapper table.agreement-pochta td {
  border: 1px solid #9cc2e5;
  padding: 8px;
}
#privacy-content .title-wrapper {
  margin-bottom: 0;
}
#privacy-content .title-wrapper .title {
  font-size: 48px;
  font-weight: normal;
  color: #00aabe;
}
#privacy-content .privacy-wrapper .privacy-item {
  border-bottom: 1px dotted #00aabe;
}
#privacy-content .privacy-wrapper .privacy-item:last-child {
  border-bottom: 0;
}
#privacy-content .privacy-wrapper .privacy-item .title {
  font-size: 24px;
  font-weight: normal;
  line-height: 24px;
  color: black;
}
#privacy-content .privacy-wrapper .privacy-item .title .read-privacy-page {
  color: black;
  position: relative;
}
#privacy-content .privacy-wrapper .privacy-item .title .read-privacy-page:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: black;
  bottom: 0;
  left: 0;
}
#privacy-content .privacy-wrapper .privacy-item .title .read-privacy-page i {
  display: none;
}
#privacy-content .privacy-wrapper .privacy-item .description {
  color: black;
  font-weight: normal;
  line-height: 22px;
}
#privacy-content #yandexMap-list {
  width: 1064px;
  height: 500px;
}
#agreementPageWrapper.rigla ol,
#cloudpaymentWrapper.rigla ol {
  ounter-reset: num;
}
#agreementPageWrapper.rigla ol li,
#cloudpaymentWrapper.rigla ol li {
  counter-increment: num;
  font-weight: normal;
}
#agreementPageWrapper.rigla ol li:before,
#cloudpaymentWrapper.rigla ol li:before {
  content: counter(num) '.';
  padding-right: 6px;
}
#agreementPageWrapper.rigla ol li ol,
#cloudpaymentWrapper.rigla ol li ol {
  counter-reset: num2;
}
#agreementPageWrapper.rigla ol li ol > li,
#cloudpaymentWrapper.rigla ol li ol > li {
  counter-increment: num2;
}
#agreementPageWrapper.rigla ol li ol > li:before,
#cloudpaymentWrapper.rigla ol li ol > li:before {
  content: counter(num) '.' counter(num2) '.';
}
#agreementPageWrapper .title-wrapper,
#cloudpaymentWrapper .title-wrapper {
  line-height: 26px !important;
  padding: 0 !important;
}
#agreementPageWrapper .title-wrapper .title,
#cloudpaymentWrapper .title-wrapper .title {
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  margin: 0;
  padding: 0 0 24px;
  color: black;
}
#agreementPageWrapper .bt-wrapper .title,
#cloudpaymentWrapper .bt-wrapper .title {
  font-weight: normal;
  font-size: 32px;
  line-height: 32px;
  padding-top: 48px;
}
#agreementPageWrapper .article,
#cloudpaymentWrapper .article {
  font-weight: normal;
}
#agreementPageWrapper ul,
#cloudpaymentWrapper ul {
  margin-bottom: 24px;
}
.pdf-file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.pdf-file a {
  font-weight: bold !important;
}
.pdf-file .icon-pdf {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  background: url('/images/default/pdf.png') no-repeat;
  background-size: contain;
  width: 26px;
  height: 32px;
  margin-right: 16px;
}
.copy_text {
  display: block;
  margin: 40px 0;
}
@media only screen and (max-width: 1240px) {
  .copy_text {
    display: none;
  }
}
.assistant-wrap {
  width: 1164px;
  min-width: 320px;
  margin: 0 auto;
}
@media only screen and (max-width: 1150px) {
  .assistant-wrap {
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (max-width: 850px) {
  .assistant-wrap {
    padding-left: 0;
    padding-right: 0;
  }
}
.chat__med-assistant {
  position: relative;
  margin-top: 40px;
  width: 100%;
  background: #FCF9F9;
  border: 1px solid #DBD8D8;
  overflow: hidden;
  border-radius: 30px 30px 30px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 850px) {
  .chat__med-assistant {
    border-width: 1px 0 1px 0;
    border-radius: 0 0 0 0;
  }
}
.chat__med-assistant.load .chat__wrapper-message,
.chat__med-assistant.load .chat__message-wrap {
  opacity: 0;
  visibility: hidden;
}
.chat__med-assistant.load .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
  display: block;
}
.chat__med-assistant .loading {
  display: none;
}
.chat__wrapper-message {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.chat__wrapper-message .message-content {
  height: calc(100vh - 444px);
  min-height: 360px;
  position: relative;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .chat__wrapper-message .message-content {
    height: 500px;
  }
}
.chat__wrapper-message .message-content.custom-scrollbar.ps.ps--active-y > .ps__rail-y {
  opacity: 0 !important;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  margin-top: 30px !important;
}
.chat__wrapper-message .message-content:hover.custom-scrollbar.ps.ps--active-y > .ps__rail-y {
  opacity: 1 !important;
}
.chat__wrapper-message .message-content .date {
  text-align: center;
  font-weight: normal;
  font-size: 16px;
  width: 100%;
  line-height: 18px;
  color: #8B8B9A;
}
.chat__message-wrap {
  position: absolute;
  right: 0;
  left: 0;
  padding: 0 12px 16px;
  opacity: 1;
  visibility: visible;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.chat__message-wrap .typing {
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #8B8B9A;
  margin-bottom: 4px;
  opacity: 0;
  z-index: -1;
  width: 150px;
  position: absolute;
  top: 0;
  margin-top: -20px;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.chat__message-wrap .typing.active {
  opacity: 1;
  z-index: 1;
}
.chat__message-wrap .load-img {
  width: 300px;
  margin: 0 auto;
  height: 4px;
  position: relative;
  background: #e5f1f4;
  border-radius: 2px 2px 2px 2px;
  opacity: 0;
  z-index: -1;
}
.chat__message-wrap .load-img .slider {
  position: absolute;
  width: 110px;
  left: 0;
  height: 4px;
  border-radius: 2px 2px 2px 2px;
  background: #9fc8da;
  -webkit-animation-name: slider;
          animation-name: slider;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: easeInOutQuad;
          animation-timing-function: easeInOutQuad;
}
.chat__message-wrap .load-img.active {
  opacity: 1;
  z-index: 1;
}
.chat__message-wrap .style-message-textarea {
  padding: 19px 64px 6px;
  border: 1px solid rgba(200, 199, 204, 0.5);
  background: white;
  border-radius: 30px 30px 30px 30px;
  min-height: 53px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.chat__message-wrap #message-text {
  width: 100%;
  resize: none;
  max-height: 102px;
  position: relative;
  height: 21px;
  border: none;
  font-size: 14px;
  line-height: 16px;
  color: #40404C;
  font-weight: normal;
}
.chat__message-wrap #message-text::-webkit-input-placeholder {
  color: #A3A3AD;
}
.chat__message-wrap #message-text:-moz-placeholder {
  color: #A3A3AD;
}
.chat__message-wrap #message-text:-moz-placeholder {
  color: #A3A3AD;
}
.chat__message-wrap #message-text:-ms-input-placeholder {
  color: #A3A3AD;
}
.chat__message-wrap #message-text.placeholder {
  color: #A3A3AD;
}
.chat__attaching-file #input-file {
  display: none;
}
.chat__attaching-file label {
  position: absolute;
  background: transparent;
  width: 24px;
  height: 24px;
  opacity: 1;
  border: none;
  cursor: pointer;
  left: 0;
  bottom: 0;
  margin: 0 0 28px 25px;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.chat__attaching-file label:after {
  content: "";
  position: absolute;
  background: url('/images/default/paper-clip.png') no-repeat;
  background-size: cover;
  opacity: 1;
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.chat__attaching-file label:before {
  content: "";
  position: absolute;
  background: url('/images/default/paper-clip-blue.png') no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
  opacity: 0;
  top: 0;
  left: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.chat__attaching-file label:hover,
.chat__attaching-file label:focus {
  outline: none;
}
.chat__attaching-file label:hover:after,
.chat__attaching-file label:focus:after {
  opacity: 0;
}
.chat__attaching-file label:hover:before,
.chat__attaching-file label:focus:before {
  opacity: 1;
}
.chat__send {
  position: absolute;
  width: 24px;
  height: 24px;
  cursor: pointer;
  border: none;
  margin: 0 29px 30px 0;
  right: 0;
  bottom: 0;
  background: transparent;
}
.chat__send:after {
  content: "";
  width: 24px;
  height: 24px;
  opacity: 1;
  top: 0;
  left: 0;
  position: absolute;
  background: url('/images/default/send-message-care.png') no-repeat;
  background-size: cover;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.chat__send:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  opacity: 0;
  top: 0;
  left: 0;
  background: url('/images/default/send-message-care-blue.png') no-repeat;
  background-size: cover;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.chat__send:hover,
.chat__send:focus {
  outline: none;
}
.chat__send:hover:after,
.chat__send:focus:after {
  opacity: 0;
}
.chat__send:hover:before,
.chat__send:focus:before {
  opacity: 1;
}
.message-start {
  background: url('/images/default/girl.png') no-repeat;
  padding-bottom: 20px;
  margin-bottom: 30px;
  width: 100%;
}
.message-start .text__bg {
  background: url('/images/default/cloud-med.svg') no-repeat;
  width: 296px;
  height: 99px;
  margin: 0 0 28px 86px;
  padding: 30px 0 20px 31px;
  font-weight: bold;
  font-size: 17px;
  line-height: 19px;
  color: #717181;
  background-size: contain;
}
@media only screen and (max-width: 767px) {
  .message-start .text__bg {
    width: 270px;
    padding-top: 26px;
  }
}
.message-start .text__bg strong {
  color: #00aabe;
}
.message-start .text__cont {
  margin: 0 0 0 139px;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  width: 240px;
  color: #8B8B9A;
}
@media only screen and (max-width: 767px) {
  .message-start .text__cont {
    margin-left: 124px;
  }
}
.message-start .text__title {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: #717181;
  margin: 27px 0 10px 43px;
}
@media only screen and (max-width: 650px) {
  .message-start .text__title {
    font-size: 18px;
  }
}
.message-start .text__list {
  width: 333px;
  margin: 0 0 8px 43px;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  color: #8B8B9A;
  position: relative;
}
.message-start .text__list:before {
  content: "";
  width: 4px;
  height: 4px;
  position: absolute;
  border-radius: 50% 50% 50% 50%;
  left: 0;
  top: 0;
  margin: 7px 0 0 -9px;
  background: #8B8B9A;
}
.message-start .login-form {
  max-width: 493px;
  margin: 16px auto 10px;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  color: #40404C;
  padding-left: 34px;
  background: url('/images/default/info-alarm.png') no-repeat 0 0;
}
@media only screen and (max-width: 505px) {
  .message-start .login-form {
    margin: 10px;
  }
}
.message-start .login-form button {
  cursor: pointer;
  border: 0;
  color: #00aabe;
  background: transparent;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.message-start .login-form button:hover,
.message-start .login-form button:focus {
  outline: none;
  color: #006672;
}
.wrapper-message-history {
  display: block;
  width: 100%;
}
.show-history {
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  text-align: center;
  border: 0;
  max-width: 246px;
  margin: 16px auto;
  display: block;
  color: #00aabe;
  background: transparent;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.show-history:hover,
.show-history:focus {
  outline: none;
  color: #006672;
}
.show-history.active {
  display: block;
}
.assistant-wrap .message {
  overflow: hidden;
}
.assistant-wrap .message.sending {
  -webkit-transform-origin: 100%;
          transform-origin: 100%;
  -webkit-animation-name: message;
          animation-name: message;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: reverse;
          animation-fill-mode: reverse;
  position: relative;
}
.assistant-wrap .message.me,
.assistant-wrap .message.opponent {
  width: 100%;
  padding: 0 20px 10px;
}
.assistant-wrap .message.me .message-container,
.assistant-wrap .message.opponent .message-container {
  max-width: 520px;
  padding: 10px 16px 6px;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
}
@media only screen and (max-width: 767px) {
  .assistant-wrap .message.me .message-container,
  .assistant-wrap .message.opponent .message-container {
    max-width: 286px;
  }
}
.assistant-wrap .message.me .message-container p,
.assistant-wrap .message.opponent .message-container p {
  margin-bottom: 8px;
  word-wrap: break-word;
}
.assistant-wrap .message.me .message-container p a,
.assistant-wrap .message.opponent .message-container p a {
  position: relative;
  color: inherit;
  max-width: 279px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  padding: 6px 0 0 50px;
}
.assistant-wrap .message.me .message-container p a span,
.assistant-wrap .message.opponent .message-container p a span {
  display: block;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  margin-top: 3px;
  text-transform: uppercase;
}
.assistant-wrap .message.me .message-container .time,
.assistant-wrap .message.opponent .message-container .time {
  font-weight: normal;
  font-size: 11px;
  line-height: 13px;
  color: inherit;
  text-align: right;
  display: inherit;
}
.assistant-wrap .message:last-child {
  padding-bottom: 75px;
}
.assistant-wrap .message.me.sending {
  right: 0;
}
.assistant-wrap .message.me .message-container {
  float: right;
  background: #00aabe;
  color: white;
  border-radius: 20px 20px 0 20px;
}
.assistant-wrap .message.me .message-container a {
  background: url('/images/default/blue-file.png') no-repeat;
}
.assistant-wrap .message.opponent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.assistant-wrap .message.opponent.sending {
  left: 0;
  -webkit-transform-origin: 0;
          transform-origin: 0;
}
.assistant-wrap .message.opponent .avatar {
  width: 38px;
  height: 38px;
  text-align: center;
  line-height: 41px;
  color: white;
  margin-right: 10px;
  border-radius: 50% 50% 50% 50%;
}
.assistant-wrap .message.opponent .name {
  font-size: 14px;
  line-height: 18px;
  color: #8B8B9A;
  margin: 0 0 8px 18px;
}
.assistant-wrap .message.opponent .message-container {
  float: left;
  padding: 0;
  max-width: auto;
}
.assistant-wrap .message.opponent .message-container .message-main {
  background: #E7E7E7;
  color: #373737;
  max-width: 520px;
  padding: 10px 16px 6px;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  border-radius: 20px 20px 20px 0;
}
@media only screen and (max-width: 767px) {
  .assistant-wrap .message.opponent .message-container .message-main {
    max-width: 286px;
  }
}
.assistant-wrap .message.opponent .message-container a {
  background: url('/images/default/file.png') no-repeat;
}
.assistant-wrap .message.opponent .message-container a span {
  color: #969696;
}
.auth {
  height: calc(100vh - 287px);
  width: 547px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 650px) {
  .auth {
    padding: 0 24px;
    width: 100%;
    margin-top: 50px;
    height: auto;
  }
}
.auth h3 {
  font-weight: normal;
  font-size: 32px;
  line-height: 32px;
  color: #212127;
  margin: 0 0 32px;
}
.auth .text {
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  color: black;
  text-align: center;
  padding-bottom: 32px;
}
.auth.process .status__success {
  display: none;
}
.auth.process .status__reject {
  display: none;
}
.auth.process .loading {
  display: block;
}
.auth.ok .text {
  border-bottom: 1px solid #E1E1E5;
  margin-bottom: 43px;
}
.auth.ok .loading {
  display: none;
}
.auth.ok .status__success {
  width: 490px;
  margin: 0 auto;
  display: block;
  background: #E5F3E9;
  padding: 24px 26px 36px;
  border-radius: 8px 8px 8px 8px;
  text-align: center;
  border: 1px solid #A7D5B3;
}
@media only screen and (max-width: 650px) {
  .auth.ok .status__success {
    width: 100%;
  }
}
.auth.ok .status__success p {
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 20px;
  color: #359E4D;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.auth.ok .status__success p:last-child {
  margin-bottom: 0;
}
.auth.ok .status__success p span {
  background: url('/images/default/ok.svg') no-repeat;
  width: 19px;
  height: 14px;
  margin-right: 16px;
}
.auth.ok .status__reject {
  display: none;
}
.auth.error .text {
  border-bottom: 1px solid #E1E1E5;
  margin-bottom: 43px;
}
.auth.error .loading {
  display: none;
}
.auth.error .status__success {
  display: none;
}
.auth.error .status__reject {
  display: block;
  background: #FCB1B5;
  border: 1px solid #D7232E;
  padding: 24px 26px 36px;
  text-align: center;
  width: 490px;
  margin: 0 auto;
  border-radius: 8px 8px 8px 8px;
}
@media only screen and (max-width: 650px) {
  .auth.error .status__reject {
    width: 100%;
  }
}
.auth.error .status__reject p {
  color: #D7232E;
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 20px;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 650px) {
  .auth.error .status__reject p br {
    display: none;
  }
}
.auth.error .status__reject p:last-child {
  margin-bottom: 0;
}
.auth.error .status__reject p span {
  background: url('/images/default/no.svg') no-repeat;
  width: 24px;
  height: 24px;
  margin-right: 16px;
}
.auth.error .status__reject_default {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.auth.error p.status__reject_default {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.auth.error p.status__reject_default a {
  color: #D7232E;
  text-decoration: underline;
}
.badAccess {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.badAccess .content-image {
  width: 100%;
}
.badAccess .image {
  display: block;
  height: 184px;
  width: 268px;
  padding: 0;
  margin: 0 auto;
  margin-top: 140px;
  background: url('/images/default/404.svg') no-repeat center;
}
.badAccess .image.image-500 {
  width: 100%;
  background: url('/images/default/page500.svg') no-repeat center;
}
.badAccess .image.image-update {
  width: 100%;
  background: url('/images/default/update.svg') no-repeat center;
}
@media only screen and (max-width: 767px) {
  .badAccess .image.image-update {
    width: 268px;
    background-size: contain;
  }
}
.badAccess .titleBadAccess {
  text-align: center;
}
.badAccess .titleBadAccess h2 {
  font-size: 30px;
  color: #717181;
  padding-top: 0;
  font-weight: bold;
  margin: 48px 0 0 0;
}
.badAccess .description {
  text-align: center;
  padding: 15px 150px;
  font-size: 16px;
  color: #717181;
}
@media only screen and (max-width: 767px) {
  .badAccess .description {
    padding: 15px 20px;
  }
}
.badAccess .description span {
  font-size: 16px;
  color: #717181;
}
.badAccess .description span a {
  font-size: 16px;
  color: #00aabe;
  text-decoration: none;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.badAccess .description span a:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background: #00aabe;
}
.badAccess .description span a:hover {
  color: #006672;
}
.badAccess .description span a:hover:before {
  background: #006672;
}
.badAccess .description a {
  font-size: 16px;
  color: #00aabe;
  text-decoration: none;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.badAccess .description a:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background: #00aabe;
}
.badAccess .description a:hover {
  color: #006672;
}
.badAccess .description a:hover:before {
  background: #006672;
}
.badAccess.esia {
  width: 540px;
  margin: 0 auto;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .badAccess.esia {
    width: 100%;
    padding: 0 24px;
  }
}
.badAccess.esia .content-image {
  margin-top: 200px;
}
.badAccess.esia .content-image h2 {
  font-size: 26px;
}
@media only screen and (max-width: 767px) {
  .badAccess.esia .content-image h2 {
    font-size: 19px;
  }
}
#cards-data .table .loading {
  display: none;
}
#cards-data .table.process {
  display: block !important;
}
#cards-data .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
}
#cards-data #addCard,
#cards-data .addCard {
  height: 46px;
  font-size: 18px;
  line-height: 44px;
  position: relative;
  border: 0;
  padding: 0 24px;
  border-radius: 24px 24px 24px 24px;
  background-color: #00aabe;
  color: white;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#cards-data #addCard:hover,
#cards-data .addCard:hover {
  background-color: #006672;
}
@media only screen and (max-width: 650px) {
  #cards-data #addCard,
  #cards-data .addCard {
    width: 100%;
  }
}
#cards-data .addCard {
  margin-top: 16px;
}
#cards-data .one-card .cell label {
  display: none;
}
#cards-data .cell {
  width: 540px;
  padding: 24px 16px;
  margin-bottom: 24px;
  background: #F9F9F9;
  border: 1px solid #EFEFF0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-radius: 8px 8px 8px 8px;
}
@media only screen and (max-width: 650px) {
  #cards-data .cell {
    width: 100%;
    padding: 8px;
  }
}
#cards-data .cell input[type="radio"] {
  display: none;
}
#cards-data .cell input[type="radio"]:checked + label {
  background: url('/images/default/radiobutton-selected.png') no-repeat;
}
#cards-data .cell label {
  background: url('/images/default/radiobutton-default.png') no-repeat;
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 24px;
  height: 24px;
  margin: 0 16px 0 0;
  vertical-align: middle;
}
#cards-data .cell label::before {
  background: none;
  display: none;
}
#cards-data .cell .one-form-numb {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: black;
  padding: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#cards-data .cell .remove {
  background: url('/images/default/trash.png') no-repeat;
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: block;
  border: none;
  opacity: 0.8;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
#cards-data .cell .remove:hover,
#cards-data .cell .remove:focus {
  outline: none;
  opacity: 1;
}
#contactPageWrapper .title-wrapper .title {
  max-width: 750px;
  vertical-align: top;
  color: #212127;
}
@media only screen and (max-width: 767px) {
  #contactPageWrapper .title-wrapper .title {
    font-weight: bold;
    font-size: 28px;
    line-height: 28px;
    margin-bottom: 24px;
  }
}
#contactPageWrapper .email {
  color: #00aabe;
}
@media only screen and (max-width: 1150px) {
  #contactPageWrapper .contacts-wrapper {
    width: 100%;
  }
}
#contactPageWrapper .contacts-wrapper .title {
  font-weight: normal;
  font-size: 32px;
  line-height: 32px;
}
#contactPageWrapper .contacts-wrapper .intro {
  font-weight: normal;
}
#contactPageWrapper .contacts-wrapper .contact-row {
  margin: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#contactPageWrapper .contacts-wrapper .contact-row:nth-child(2) {
  display: none;
}
#contactPageWrapper .contacts-wrapper .contact-row:last-child {
  margin: 0;
}
#contactPageWrapper .contacts-wrapper .contact-row .contact-label {
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
  color: #717181;
  width: 80px;
  margin-right: 28px;
}
#contactPageWrapper .contacts-wrapper .contact-row .value {
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
}
#contactPageWrapper .contacts-wrapper .contact-row .value .category,
#contactPageWrapper .contacts-wrapper .contact-row .value .org {
  font-weight: bold;
  margin-bottom: 20px;
}
#contactPageWrapper .contacts-wrapper .m-contacts__button {
  display: none;
}
@media only screen and (max-width: 767px) {
  #contactPageWrapper .contacts-wrapper .m-contacts__button {
    display: block;
    width: 100%;
    border-radius: 24px 24px 24px 24px;
    margin: 12px 0 4px;
    height: 48px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    line-height: 46px;
    background: #00aabe;
    border: none;
    color: white;
    -webkit-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
  }
  #contactPageWrapper .contacts-wrapper .m-contacts__button:hover,
  #contactPageWrapper .contacts-wrapper .m-contacts__button:focus {
    outline: none;
    background: #006672;
  }
}
#contactPageWrapper .leave-feedback-wrapper .intro {
  font-weight: normal;
}
#contactPageWrapper .leave-feedback-wrapper .intro .ext-input {
  border: 0;
  height: auto;
}
#contactPageWrapper .leave-feedback-wrapper .intro .ext-input .error-wrapper {
  float: right;
}
#contactPageWrapper .leave-feedback-wrapper .intro .ext-input .label-wrapper {
  position: static;
  text-align: left;
  float: left;
}
#contactPageWrapper .leave-feedback-wrapper .intro .ext-input .label-wrapper .label-text {
  display: block;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  color: #212127;
}
#contactPageWrapper .leave-feedback-wrapper .intro .ext-input .input-wrapper {
  position: static;
}
#contactPageWrapper .leave-feedback-wrapper .intro .ext-input .input-wrapper input[type="text"],
#contactPageWrapper .leave-feedback-wrapper .intro .ext-input .input-wrapper textarea {
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  border: 1px solid #E1E1E5;
  border-radius: 8px 8px 8px 8px;
  width: 100%;
  height: 48px;
  padding: 0 16px 0;
  margin: 0 0 16px;
}
#contactPageWrapper .leave-feedback-wrapper .intro .ext-input .input-wrapper textarea {
  height: 123px;
  padding-top: 10px;
}
#contactPageWrapper .leave-feedback-wrapper .buttons-wrapper {
  margin: 0 auto 20px;
  text-align: left;
}
#contactPageWrapper .leave-feedback-wrapper .buttons-wrapper .button-style.send {
  width: 200px;
  font-size: 18px;
  background: #00aabe;
  height: 32px;
  line-height: 32px;
}
#contactPageWrapper .leave-feedback-wrapper .buttons-wrapper .button-style.send:hover {
  background-color: #006672;
}
#contactPageWrapper .leave-feedback-wrapper .buttons-wrapper .button-style.sending {
  background-color: #959595;
}
#contactPageWrapper .leave-feedback-wrapper .buttons-wrapper .button-style.sending:hover {
  background-color: #959595;
}
#dashboard h2.title {
  font-weight: bold;
  font-size: 32px;
  line-height: 34px;
  color: white;
  margin: 0;
  padding: 0 0 24px;
}
@media only screen and (max-width: 1150px) {
  #dashboard h2.title {
    padding: 0 0 12px;
  }
}
#dashboard .description {
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  color: white;
}
#dashboard .left-block {
  width: 350px;
}
@media only screen and (max-width: 1150px) {
  #dashboard .left-block {
    width: 582px;
    margin: 0 auto 32px;
  }
}
@media only screen and (max-width: 767px) {
  #dashboard .left-block {
    width: 100%;
    margin: 0 0 32px;
  }
}
#dashboard .needsWS {
  background: #00aabe;
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
  width: 100%;
  height: 38px;
  padding: 0;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 767px) {
  #dashboard .needsWS {
    font-size: 12px;
  }
}
#dashboard .needsWS:hover {
  background: #006672;
}
#dashboard .doctors-wrapper {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 1150px) {
  #dashboard .doctors-wrapper {
    width: 584px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 650px) {
  #dashboard .doctors-wrapper {
    width: 100%;
    margin: 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
#dashboard .doctors-wrapper > div {
  width: 264px;
  vertical-align: top;
  text-align: left;
  padding: 24px 24px 26px;
  background: white;
  border-radius: 15px 15px 15px 15px;
  -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
}
@media only screen and (max-width: 1150px) {
  #dashboard .doctors-wrapper > div {
    width: 282px;
    padding: 20px 14px;
  }
}
@media only screen and (max-width: 650px) {
  #dashboard .doctors-wrapper > div {
    width: 171px;
    margin: 0;
  }
}
@media only screen and (max-width: 413px) {
  #dashboard .doctors-wrapper > div {
    width: 160px;
  }
}
@media only screen and (max-width: 370px) {
  #dashboard .doctors-wrapper > div {
    width: 100%;
  }
}
#dashboard .doctors-wrapper > div.doctor-1,
#dashboard .doctors-wrapper > div.doctor-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 1150px) {
  #dashboard .doctors-wrapper > div.doctor-1,
  #dashboard .doctors-wrapper > div.doctor-2 {
    position: relative;
    padding-left: 61px;
  }
  #dashboard .doctors-wrapper > div.doctor-1:before,
  #dashboard .doctors-wrapper > div.doctor-2:before {
    content: "";
    position: absolute;
    width: 34px;
    height: 34px;
    background: url('/images/default/terapevt.png') no-repeat;
    background-size: contain;
    left: 0;
    top: 0;
    margin: 20px 0 0 14px;
  }
}
@media only screen and (max-width: 650px) {
  #dashboard .doctors-wrapper > div.doctor-1,
  #dashboard .doctors-wrapper > div.doctor-2 {
    padding: 23px 13px 17px 14px;
  }
  #dashboard .doctors-wrapper > div.doctor-1:before,
  #dashboard .doctors-wrapper > div.doctor-2:before {
    content: "";
    position: absolute;
    width: 34px;
    height: 34px;
    background: url('/images/default/terapevt.png') no-repeat;
    background-size: contain;
    left: 0;
    top: 0;
    margin: -17px 0 0 14px;
  }
}
#dashboard .doctors-wrapper > div.doctor-1 h3.name,
#dashboard .doctors-wrapper > div.doctor-2 h3.name {
  margin-top: 0;
}
@media only screen and (max-width: 1150px) {
  #dashboard .doctors-wrapper > div.doctor-1 h3.name,
  #dashboard .doctors-wrapper > div.doctor-2 h3.name {
    margin-top: 3px;
  }
}
@media only screen and (max-width: 650px) {
  #dashboard .doctors-wrapper > div.doctor-1 h3.name,
  #dashboard .doctors-wrapper > div.doctor-2 h3.name {
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 370px) {
  #dashboard .doctors-wrapper > div.doctor-1 {
    margin-bottom: 32px;
  }
}
#dashboard .doctors-wrapper > div.doctor-pediatr {
  width: 328px;
  margin-right: 104px;
  text-align: left;
  position: relative;
}
#dashboard .doctors-wrapper > div.doctor-pediatr h3.name {
  margin: 0 0 16px 0;
  font-weight: normal;
  font-size: 24px;
  line-height: 28px;
  color: black;
  position: relative;
}
@media only screen and (max-width: 1150px) {
  #dashboard .doctors-wrapper > div.doctor-pediatr h3.name {
    margin-top: 3px;
  }
}
@media only screen and (max-width: 650px) {
  #dashboard .doctors-wrapper > div.doctor-pediatr h3.name {
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 1150px) {
  #dashboard .doctors-wrapper > div.doctor-pediatr {
    position: relative;
    padding-left: 61px;
    margin-right: 0;
  }
  #dashboard .doctors-wrapper > div.doctor-pediatr:before {
    content: "";
    position: absolute;
    width: 34px;
    height: 34px;
    background: url('/images/default/Pediatrician.svg') no-repeat;
    background-size: contain;
    left: 0;
    top: 0;
    margin: 20px 0 0 14px;
  }
}
@media only screen and (max-width: 650px) {
  #dashboard .doctors-wrapper > div.doctor-pediatr {
    padding: 23px 13px 17px 14px;
  }
  #dashboard .doctors-wrapper > div.doctor-pediatr:before {
    content: "";
    position: absolute;
    width: 34px;
    height: 34px;
    background: url('/images/default/Pediatrician.svg') no-repeat;
    background-size: contain;
    left: 0;
    top: 0;
    margin: -17px 0 0 14px;
  }
}
#dashboard .doctors-wrapper .about {
  font-size: 16px;
  line-height: 18px;
  font-weight: normal;
  padding-bottom: 16px;
  position: relative;
  color: #212127;
  margin-bottom: 16px;
}
@media only screen and (max-width: 1150px) {
  #dashboard .doctors-wrapper .about {
    font-size: 14px;
    padding-bottom: 0;
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 650px) {
  #dashboard .doctors-wrapper .about {
    min-height: 54px;
  }
}
#dashboard .doctors-wrapper .price,
#dashboard .doctors-wrapper .price-container {
  width: 100%;
  text-align: right;
  font-weight: normal;
  position: relative;
  font-size: 28px;
  line-height: 34px;
  height: 48px;
  margin-bottom: 24px;
  padding-left: 48px;
  color: #00aabe;
}
@media only screen and (max-width: 1150px) {
  #dashboard .doctors-wrapper .price,
  #dashboard .doctors-wrapper .price-container {
    position: absolute;
    width: auto;
    right: 0;
    padding: 0;
    margin: 3px 14px 0 0;
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 650px) {
  #dashboard .doctors-wrapper .price,
  #dashboard .doctors-wrapper .price-container {
    top: 0;
    left: 0;
    right: auto;
    margin: 56px 0 0 14px;
  }
}
#dashboard .doctors-wrapper .price:before {
  content: "";
  position: absolute;
  width: 48px;
  height: 48px;
  background: url('/images/default/terapevt.png') no-repeat;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 1150px) {
  #dashboard .doctors-wrapper .price:before {
    display: none;
  }
}
#dashboard .button-container {
  width: 100% !important;
}
#dashboard .button-container .needsWS {
  background: #47d68e;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
#dashboard .button-container .needsWS:hover {
  background: #29b971;
}
#dashboard .profile-doctors {
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  text-align: left;
  margin: 32px auto 0;
}
#dashboard .profile-doctors h3 {
  display: inline-block;
  color: #212127;
  font-weight: bold;
  text-decoration: none;
  font-size: inherit;
  margin: 0 16px 0 0;
}
@media only screen and (max-width: 767px) {
  #dashboard .profile-doctors h3 {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  #dashboard .profile-doctors a {
    display: inline-block;
    margin-bottom: 16px;
  }
}
#dashboard .doctor-2 {
  margin-left: 50px;
}
@media only screen and (max-width: 1240px) {
  #dashboard .doctor-2 {
    margin-left: 28px;
  }
}
@media only screen and (max-width: 1150px) {
  #dashboard .doctor-2 {
    margin-left: 20px;
  }
  #dashboard .doctor-2:before {
    background: url('/images/default/pediatr.png') no-repeat !important;
    background-size: contain !important;
  }
}
@media only screen and (max-width: 413px) {
  #dashboard .doctor-2 {
    margin-left: 8px;
  }
}
#dashboard .doctor-2 .price,
#dashboard .doctor-2 .price-container {
  color: #f0505a;
}
#dashboard .doctor-2 .price:before,
#dashboard .doctor-2 .price-container:before {
  background: url('/images/default/pediatr.png') no-repeat;
}
@media only screen and (max-width: 1150px) {
  #dashboard .doctor-2 .price:before,
  #dashboard .doctor-2 .price-container:before {
    display: none;
  }
}
#dashboard .doctor-2 .needsWS {
  background: #f0505a;
}
#dashboard .doctor-2 .needsWS:hover {
  background: #e01320;
}
@media only screen and (max-width: 650px) {
  body.eng-onlinedoctor #dashboard .dashboard_banner .doctors-wrapper .doctor-1 h3.name,
  body.eng-onlinedoctor #dashboard .dashboard_banner .doctors-wrapper .doctor-2 h3.name {
    font-size: 15px !important;
  }
}
@media only screen and (max-width: 650px) {
  body.eng-onlinedoctor #dashboard .dashboard_banner .doctors-wrapper .doctor-1 .about,
  body.eng-onlinedoctor #dashboard .dashboard_banner .doctors-wrapper .doctor-2 .about {
    min-height: 16px;
    display: block !important;
  }
}
body.morozdgkb-onlinedoctor #dashboard .dashboard_banner .left-block {
  width: 357px;
}
@media only screen and (max-width: 1150px) {
  body.morozdgkb-onlinedoctor #dashboard .dashboard_banner .left-block {
    width: auto;
  }
}
@media only screen and (max-width: 1150px) {
  body.morozdgkb-onlinedoctor #dashboard .dashboard_banner .doctors-wrapper {
    width: auto;
  }
}
@media only screen and (max-width: 413px) {
  body.morozdgkb-onlinedoctor #dashboard .dashboard_banner .doctors-wrapper > div {
    width: 100%;
  }
}
#doctorProfilePage .avatar-block {
  float: left;
  position: relative;
  margin-bottom: 20px;
}
#doctorProfilePage .avatar-block .image-content {
  width: 117px;
  height: 117px;
  display: block;
  border-radius: 50%;
  text-align: center;
  border: 3px solid rgba(194, 206, 208, 0.35);
}
#doctorProfilePage .avatar-block .image-content img {
  max-width: 100%;
  overflow: hidden;
  border-radius: 50%;
  width: 117px;
}
#doctorProfilePage .description-wrapper {
  padding-top: 30px;
  font-size: 16px;
  font-weight: normal;
  color: black;
}
#doctorProfilePage .description-wrapper .info-wrapper {
  float: none;
  padding: 0 0 0 10px;
  margin-right: 90px;
  width: 400px;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
}
#doctorProfilePage .description-wrapper .info-wrapper .info p {
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .description-wrapper + .else-button {
    display: none;
  }
}
#doctorProfilePage .doctor-info {
  position: relative;
  padding: 80px 0 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 1240px) {
  #doctorProfilePage .doctor-info {
    padding: 40px 0 40px;
  }
}
@media only screen and (max-width: 650px) {
  #doctorProfilePage .doctor-info {
    padding: 28px 0 28px;
  }
}
@media only screen and (max-width: 413px) {
  #doctorProfilePage .doctor-info {
    padding: 22px 0 22px;
  }
}
#doctorProfilePage .doctor-info .doctor-info-item {
  width: 45%;
}
@media only screen and (max-width: 1240px) {
  #doctorProfilePage .doctor-info .doctor-info-item:first-child {
    width: 56%;
  }
}
@media only screen and (max-width: 1150px) {
  #doctorProfilePage .doctor-info .doctor-info-item:first-child {
    width: 49%;
  }
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .doctor-info .doctor-info-item:first-child {
    width: 100%;
  }
}
#doctorProfilePage .doctor-info .doctor-info-item:nth-child(2) {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
@media only screen and (max-width: 1240px) {
  #doctorProfilePage .doctor-info .doctor-info-item:nth-child(2) {
    width: 40%;
  }
}
@media only screen and (max-width: 1150px) {
  #doctorProfilePage .doctor-info .doctor-info-item:nth-child(2) {
    width: 45%;
  }
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .doctor-info .doctor-info-item:nth-child(2) {
    width: 100%;
    border-top: 1px dashed #C5C5CC;
    position: relative;
    background: #F9F9F9;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    border-radius: 15px 15px 15px 15px;
  }
}
#doctorProfilePage .doctor-info .doctor-info-item:nth-child(2):before,
#doctorProfilePage .doctor-info .doctor-info-item:nth-child(2):after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50% 50% 50% 50%;
  background: white;
  top: 0;
  margin-top: -10px;
  display: none;
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .doctor-info .doctor-info-item:nth-child(2):before,
  #doctorProfilePage .doctor-info .doctor-info-item:nth-child(2):after {
    display: block;
  }
}
#doctorProfilePage .doctor-info .doctor-info-item:nth-child(2):before {
  left: 0;
  margin-left: -10px;
}
#doctorProfilePage .doctor-info .doctor-info-item:nth-child(2):after {
  right: 0;
  margin-right: -10px;
}
#doctorProfilePage .doctor-info .doctor-info-item:nth-child(3) {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
@media only screen and (max-width: 1150px) {
  #doctorProfilePage .doctor-info .doctor-info-item:nth-child(3) {
    width: 100%;
  }
}
#doctorProfilePage .doctor-info .doctor-info-item.no-chosen-doctor .deferred-price {
  border-top: 0;
}
#doctorProfilePage .doctor-info .doctor-info-item.no-chosen-doctor .deferred-price:before,
#doctorProfilePage .doctor-info .doctor-info-item.no-chosen-doctor .deferred-price:after {
  display: none;
}
#doctorProfilePage .doctor-info .doctor-info-item .description-block {
  clear: both;
  margin-top: 50px;
}
@media only screen and (max-width: 1150px) {
  #doctorProfilePage .doctor-info .doctor-info-item .description-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 12px;
  }
}
#doctorProfilePage .doctor-info .service-type-select {
  margin-bottom: 24.5px;
  border-bottom: 1px solid #E1E1E5;
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .doctor-info .service-type-select {
    border-bottom: 0;
    margin: 12px;
    margin-bottom: 0;
  }
}
#doctorProfilePage .doctor-info .service-type-select a {
  font-weight: bold;
  font-size: 16px;
  padding-bottom: 19.5px;
  line-height: 18px;
  color: #717181;
  display: inline-block;
  position: relative;
  margin-right: 24px;
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .doctor-info .service-type-select a {
    padding-bottom: 0;
    margin-bottom: 0;
    margin-right: 16px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .doctor-info .service-type-select a:last-child {
    margin-right: 0;
  }
}
#doctorProfilePage .doctor-info .service-type-select a.active {
  color: #00aabe;
}
#doctorProfilePage .doctor-info .service-type-select a.active:before {
  position: absolute;
  bottom: -1px;
  width: 100%;
  height: 1px;
  content: "";
  bottom: 0;
  background: #00aabe;
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .doctor-info .service-type-select a.active:before {
    bottom: 0;
  }
}
#doctorProfilePage .doctor-info .service-type-select a:last-child {
  margin-right: 0;
}
#doctorProfilePage .doctor-info .oms {
  margin-top: 10px;
  font-weight: 400;
  font-style: italic;
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .doctor-info .short-description {
    margin-right: 0;
    background: #F9F9F9;
    padding: 12px 12px 16px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  }
}
#doctorProfilePage .doctor-info .short-description:after {
  content: " ";
  clear: both;
  display: table;
}
#doctorProfilePage .doctor-info .short-description .name-wrapper {
  margin-left: 165px;
}
@media only screen and (max-width: 1150px) {
  #doctorProfilePage .doctor-info .short-description .name-wrapper {
    margin-left: 134px;
  }
}
#doctorProfilePage .doctor-info .short-description .name {
  font-size: 24px;
  font-weight: bold;
  display: inline;
  margin: 0 0 10px 0;
}
@media only screen and (max-width: 1150px) {
  #doctorProfilePage .doctor-info .short-description .name {
    font-size: 20px;
  }
}
@media only screen and (max-width: 505px) {
  #doctorProfilePage .doctor-info .short-description .name {
    font-size: 18px;
  }
}
#doctorProfilePage .doctor-info .short-description .profession {
  font-size: 18px;
  font-weight: normal;
  margin-left: 165px;
}
@media only screen and (max-width: 1150px) {
  #doctorProfilePage .doctor-info .short-description .profession {
    margin-bottom: 16px;
    margin-left: 134px;
  }
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .doctor-info .short-description .profession {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 505px) {
  #doctorProfilePage .doctor-info .short-description .profession {
    font-size: 14px;
  }
}
#doctorProfilePage .doctor-info .short-description .review {
  width: 69%;
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: 165px;
}
@media only screen and (max-width: 1150px) {
  #doctorProfilePage .doctor-info .short-description .review {
    width: 100%;
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .doctor-info .short-description .review {
    width: 73%;
    margin-top: 0;
  }
}
@media only screen and (max-width: 505px) {
  #doctorProfilePage .doctor-info .short-description .review {
    width: 100%;
  }
}
#doctorProfilePage .doctor-info .short-description .review .rating-review {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#doctorProfilePage .doctor-info .short-description .review .rating-review .rating-stars {
  font-size: 0;
  height: 24px;
  line-height: 0;
  overflow: hidden;
  text-indent: -999em;
  width: 145px;
  background: url('/images/onlinedoctor/stars-doctor-big.png') repeat-x;
}
#doctorProfilePage .doctor-info .short-description .review .rating-review .rating-stars .filling {
  background: url('/images/onlinedoctor/stars-doctor-big.png') repeat-x;
  background-position: 0 100%;
  float: left;
  height: 24px;
  display: block;
}
#doctorProfilePage .doctor-info .short-description .review .rating-review .count {
  font-weight: bold;
  font-size: 20px;
  color: black;
  display: inline-block;
  margin-left: 10px;
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .doctor-info .short-description .review .rating-review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #doctorProfilePage .doctor-info .short-description .review .rating-review .rating-stars {
    font-size: 0;
    height: 15px;
    line-height: 0;
    overflow: hidden;
    text-indent: -999em;
    width: 98px;
    background: url('/images/onlinedoctor/stars-doctor.png') repeat-x;
  }
  #doctorProfilePage .doctor-info .short-description .review .rating-review .rating-stars .filling {
    background: url('/images/onlinedoctor/stars-doctor.png') repeat-x;
    background-position: 0 100%;
    float: left;
    height: 15px;
    display: block;
  }
  #doctorProfilePage .doctor-info .short-description .review .rating-review .count {
    font-weight: bold;
    font-size: 20px;
    color: black;
    display: inline-block;
    margin-left: 10px;
    margin-top: 2px;
  }
}
@media only screen and (max-width: 505px) {
  #doctorProfilePage .doctor-info .short-description .review .rating-review .count {
    font-size: 14px;
  }
}
#doctorProfilePage .doctor-info .short-description .review .block-review {
  line-height: 1.1;
  margin-left: 24px;
}
@media only screen and (max-width: 413px) {
  #doctorProfilePage .doctor-info .short-description .review .block-review {
    clear: both;
  }
}
#doctorProfilePage .doctor-info .short-description .review .block-review .icon {
  background: url('/images/onlinedoctor/review.png') no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 7px 0 7px;
}
@media only screen and (max-width: 505px) {
  #doctorProfilePage .doctor-info .short-description .review .block-review .icon {
    width: 17px;
    height: 16px;
    background-size: contain;
  }
}
#doctorProfilePage .doctor-info .short-description .review .block-review .count {
  font-size: 18px;
  color: #00aabe;
  font-weight: normal;
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 505px) {
  #doctorProfilePage .doctor-info .short-description .review .block-review .count {
    font-size: 14px;
  }
}
#doctorProfilePage .doctor-info .short-description .review .block-review .count .quantity {
  font-weight: bold;
}
#doctorProfilePage .doctor-info .short-description .review .block-review .count:hover {
  color: #006672;
}
#doctorProfilePage .doctor-info .short-description .favorite-wrapper {
  position: absolute;
  bottom: 50%;
  margin-bottom: -30px;
}
@media only screen and (max-width: 1150px) {
  #doctorProfilePage .doctor-info .short-description .favorite-wrapper {
    margin-bottom: -15px;
  }
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .doctor-info .short-description .favorite-wrapper {
    left: 50%;
    margin-left: -15px;
    margin-bottom: -51px;
  }
}
@media only screen and (max-width: 505px) {
  #doctorProfilePage .doctor-info .short-description .favorite-wrapper {
    bottom: 0;
    margin-bottom: -16px;
  }
}
#doctorProfilePage .doctor-info .short-description .favorite-wrapper > * {
  cursor: pointer;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  background: white;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
  border-radius: 50% 50% 50% 50%;
}
@media only screen and (max-width: 1240px) {
  #doctorProfilePage .doctor-info .short-description .favorite-wrapper > * {
    width: 36px;
    height: 36px;
  }
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .doctor-info .short-description .favorite-wrapper > * {
    width: 32px;
    height: 32px;
  }
}
#doctorProfilePage .doctor-info .short-description .favorite-wrapper > *:hover::before,
#doctorProfilePage .doctor-info .short-description .favorite-wrapper > *:hover::after {
  width: 28px;
  height: 27px;
  margin: -12px 0 0 -14px;
}
#doctorProfilePage .doctor-info .short-description .favorite-wrapper > *::before,
#doctorProfilePage .doctor-info .short-description .favorite-wrapper > *::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  width: 22px;
  height: 21px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -9px 0 0 -11px;
  -webkit-transition: background-size 0.5s ease-in-out, opacity 0.5s ease-in-out, width 0.2s ease-in-out, height 0.2s ease-in-out, margin 0.2s ease-in-out;
  transition: background-size 0.5s ease-in-out, opacity 0.5s ease-in-out, width 0.2s ease-in-out, height 0.2s ease-in-out, margin 0.2s ease-in-out;
}
#doctorProfilePage .doctor-info .short-description .favorite-wrapper > *::before {
  background-image: url('/images/default/heart-empty.png');
  background-size: 100%;
}
#doctorProfilePage .doctor-info .short-description .favorite-wrapper > *::after {
  background-image: url('/images/default/heart-full.png');
  background-size: 0;
}
#doctorProfilePage .doctor-info .short-description .favorite-wrapper > *.in-favorite::before {
  opacity: 0;
}
#doctorProfilePage .doctor-info .short-description .favorite-wrapper > *.in-favorite::after {
  background-size: 100%;
}
#doctorProfilePage .doctor-info .grade,
#doctorProfilePage .doctor-info .working-place,
#doctorProfilePage .doctor-info .experience {
  margin-top: 12px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#doctorProfilePage .doctor-info .grade:before,
#doctorProfilePage .doctor-info .working-place:before,
#doctorProfilePage .doctor-info .experience:before {
  content: '';
  width: 29px;
  height: 20px;
  margin-right: 16px;
  background: url('/images/onlinedoctor/sprite-doctors.png') no-repeat;
}
#doctorProfilePage .doctor-info .grade p,
#doctorProfilePage .doctor-info .working-place p,
#doctorProfilePage .doctor-info .experience p {
  width: calc(100% - 55px);
  font-size: 16px;
  line-height: 18px;
  margin: 0;
  font-weight: normal;
  color: black;
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .doctor-info .grade p,
  #doctorProfilePage .doctor-info .working-place p,
  #doctorProfilePage .doctor-info .experience p {
    font-size: 14px;
  }
}
#doctorProfilePage .doctor-info .working-place {
  border: none;
}
#doctorProfilePage .doctor-info .working-place:before {
  width: 27px;
  height: 25px;
  background-position: 0 -24px;
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .doctor-info .working-place {
    display: none;
  }
}
#doctorProfilePage .doctor-info .experience:before {
  width: 27px;
  height: 22px;
  background-position: 0 -51px;
}
#doctorProfilePage .doctor-info .description-wrapper {
  border-top: 1px solid #ededed;
  position: relative;
  height: auto;
  margin-top: 25px;
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .doctor-info .description-wrapper {
    border-top: 0;
    margin-top: 0;
  }
}
#doctorProfilePage .doctor-info .hide-wrapper .description-wrapper {
  position: relative;
  height: 370px;
  overflow: hidden;
}
#doctorProfilePage .doctor-info .hide-wrapper .description-wrapper:before {
  content: "";
  width: 100%;
  height: 20px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffffff));
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
@media only screen and (max-width: 1240px) {
  #doctorProfilePage .doctor-info .hide-wrapper .description-wrapper {
    height: 100%;
  }
}
#doctorProfilePage .doctor-info .hide-wrapper .description-wrapper:before {
  height: 63px;
}
@media only screen and (max-width: 1240px) {
  #doctorProfilePage .doctor-info .hide-wrapper .description-wrapper:before {
    display: none;
  }
}
#doctorProfilePage .doctor-info .doctors-type {
  font-size: 18px;
  font-weight: bold;
  height: 37px;
  display: inline-block;
  border-radius: 20px 20px 20px 20px;
  border: 1px solid #f5fafb;
  text-align: center;
  width: 130px;
  line-height: 35px;
  color: black;
}
@media only screen and (max-width: 1150px) {
  #doctorProfilePage .doctor-info .doctors-type {
    margin-left: 0;
    width: 100px;
    font-size: 14px;
    height: 26px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .doctor-info .doctors-type {
    margin-left: 0;
    margin-right: 16px;
  }
}
#doctorProfilePage .doctor-info .doctors-type.consult {
  background: #f5fafb;
}
#doctorProfilePage .doctor-info .doctors-type.expert {
  background: #fbf5f5;
}
#doctorProfilePage .doctor-info .block-bottom {
  width: 100%;
  margin-top: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 1150px) {
  #doctorProfilePage .doctor-info .block-bottom {
    margin: 12px 0;
  }
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .doctor-info .block-bottom {
    display: none;
  }
}
#doctorProfilePage .profile-info-blocks {
  float: none;
  margin: 70px 0 80px;
  padding: 0;
  border: 0;
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .profile-info-blocks {
    margin: 0 0 40px;
  }
}
#doctorProfilePage .profile-info-blocks .hide-wrapper .blocks-info {
  position: relative;
  height: 400px;
  overflow: hidden;
}
#doctorProfilePage .profile-info-blocks .hide-wrapper .blocks-info:before {
  content: "";
  width: 100%;
  height: 20px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffffff));
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
@media only screen and (max-width: 650px) {
  #doctorProfilePage .profile-info-blocks .hide-wrapper .blocks-info {
    height: 100%;
  }
}
#doctorProfilePage .profile-info-blocks .hide-wrapper .blocks-info:before {
  height: 50px;
}
@media only screen and (max-width: 650px) {
  #doctorProfilePage .profile-info-blocks .hide-wrapper .else-button {
    display: none;
  }
}
#doctorProfilePage .profile-info-blocks .blocks-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 650px) {
  #doctorProfilePage .profile-info-blocks .blocks-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#doctorProfilePage .profile-info-blocks .blocks-info .right-block,
#doctorProfilePage .profile-info-blocks .blocks-info .left-block {
  width: 450px;
}
@media only screen and (max-width: 650px) {
  #doctorProfilePage .profile-info-blocks .blocks-info .right-block,
  #doctorProfilePage .profile-info-blocks .blocks-info .left-block {
    width: 100%;
  }
}
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.academic h2,
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.courses h2,
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.work_places h2 {
  font-size: 25px;
  color: black;
  margin: 0 0 30px;
}
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.academic h3,
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.courses h3,
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.work_places h3 {
  font-size: 18px;
  color: #717181;
  margin: 0 0 20px;
}
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.academic .info div,
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.courses .info div,
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.work_places .info div {
  margin: 0;
  padding: 0 0 30px 30px;
  overflow: hidden;
  color: #3f3f3f;
  position: relative;
}
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.academic .info div .years,
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.courses .info div .years,
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.work_places .info div .years {
  padding: 0;
  font-size: 18px;
  font-weight: bold;
  color: black;
}
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.academic .info div .years:before,
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.courses .info div .years:before,
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.work_places .info div .years:before {
  display: none;
}
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.academic .info div .years:after,
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.courses .info div .years:after,
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.work_places .info div .years:after {
  display: none;
}
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.academic .info div .place,
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.courses .info div .place,
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.work_places .info div .place {
  padding: 0;
  font-size: 16px;
  font-weight: normal;
  color: #333;
}
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.academic .info div .place:before,
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.courses .info div .place:before,
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.work_places .info div .place:before {
  display: none;
}
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.academic .info div .place:after,
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.courses .info div .place:after,
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.work_places .info div .place:after {
  display: none;
}
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.academic .info div .place.bold-style,
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.courses .info div .place.bold-style,
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.work_places .info div .place.bold-style {
  font-size: 18px;
  font-weight: bold;
  color: black;
}
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.academic .info div .position,
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.courses .info div .position,
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.work_places .info div .position {
  padding: 0;
  font-size: 16px;
  font-weight: normal;
  color: #333;
}
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.academic .info div .position:before,
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.courses .info div .position:before,
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.work_places .info div .position:before {
  display: none;
}
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.academic .info div .position:after,
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.courses .info div .position:after,
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.work_places .info div .position:after {
  display: none;
}
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.academic .info div:before,
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.courses .info div:before,
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.work_places .info div:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50% 50% 50% 50%;
  background: #f0505a;
  position: absolute;
  top: 0;
  left: 0;
  margin: 7px 0 0 0;
}
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.academic .info div:after,
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.courses .info div:after,
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.work_places .info div:after {
  content: "";
  width: 2px;
  border-radius: 1px 1px 1px 1px;
  height: 100%;
  background: #ededed;
  position: absolute;
  top: 0;
  left: 0;
  margin: 23px 0 0 4px;
}
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.academic .info div:last-child:after,
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.courses .info div:last-child:after,
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.work_places .info div:last-child:after {
  display: none;
}
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.academic .info.additional div:before,
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.courses .info.additional div:before,
#doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.work_places .info.additional div:before {
  background: #45c1d0;
}
#doctorProfilePage .profile-info-blocks .certificates {
  margin: 60px 0 0;
}
#doctorProfilePage .profile-info-blocks .certificates .title {
  font-size: 25px;
  color: black;
  margin: 0 0 30px;
}
#doctorProfilePage .profile-info-blocks .certificates #certificate_gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#doctorProfilePage .profile-info-blocks .certificates #certificate_gallery li {
  margin-right: 40px;
  margin-bottom: 20px;
  cursor: pointer;
}
#doctorProfilePage .profile-info-blocks .certificates #certificate_gallery li .image-cont {
  width: 220px;
  height: 150px;
  overflow: hidden;
}
#doctorProfilePage .profile-info-blocks .certificates #certificate_gallery li .image-cont img {
  max-width: 100%;
}
#doctorProfilePage .profile-info-blocks .certificates #certificate_gallery li:nth-child(4n+4) {
  margin-right: 0;
}
#doctorProfilePage .else-button {
  display: block;
  margin: 30px auto;
  width: 200px;
  height: 42px;
  font-size: 18px;
  color: #00aabe;
  cursor: pointer;
  text-align: center;
  line-height: 40px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: none;
  border: 1px solid #D4D4D9;
  border-radius: 24px 24px 24px 24px;
}
#doctorProfilePage .else-button:hover,
#doctorProfilePage .else-button:focus {
  outline: none;
  color: #006672;
  background: none;
}
#doctorProfilePage .paginate {
  display: block;
  margin: 30px auto;
  width: 200px;
  height: 42px;
  font-size: 18px;
  color: white;
  border: 0;
  cursor: pointer;
  border-radius: 20px 20px 20px 20px;
  text-align: center;
  line-height: 40px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: #00aabe;
}
#doctorProfilePage .paginate:hover,
#doctorProfilePage .paginate:focus {
  outline: none;
  background: #006672;
}
#doctorProfilePage .hide-wrapper .resolutions {
  height: 380px;
  position: relative;
  overflow: hidden;
}
#doctorProfilePage .hide-wrapper .resolutions:before {
  content: "";
  width: 100%;
  height: 20px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffffff));
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
#doctorProfilePage .hide-wrapper .resolutions:before {
  height: 50px;
}
#doctorProfilePage .resolutions {
  margin-bottom: 30px;
  height: auto;
}
#doctorProfilePage .resolutions #resolution-list {
  font-size: 25px;
  color: black;
  margin: 30px 0;
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .resolutions #resolution-list {
    margin: 0 0 16px;
    font-size: 22px;
  }
}
#doctorProfilePage .resolutions .pagination-area .comment-area {
  border: 1px solid #ededed;
  border-radius: 5px 5px 5px 5px;
  padding: 30px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .resolutions .pagination-area .comment-area {
    padding: 16px;
  }
}
#doctorProfilePage .resolutions .pagination-area .comment {
  padding-bottom: 30px;
  font-size: 20px;
  color: black;
  font-weight: normal;
  border-bottom: 1px solid #ededed;
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .resolutions .pagination-area .comment {
    font-size: 16px;
    padding-bottom: 16px;
  }
}
#doctorProfilePage .resolutions .pagination-area .comment .date-block {
  font-size: 16px;
  color: #717181;
  font-weight: normal;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .resolutions .pagination-area .comment .date-block {
    font-size: 14px;
  }
}
#doctorProfilePage .resolutions .pagination-area .bottom-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#doctorProfilePage .resolutions .pagination-area .bottom-block .review {
  padding-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .resolutions .pagination-area .bottom-block .review {
    padding-top: 16px;
    margin-left: 134px;
  }
}
@media only screen and (max-width: 505px) {
  #doctorProfilePage .resolutions .pagination-area .bottom-block .review {
    margin-left: 0;
  }
}
#doctorProfilePage .resolutions .pagination-area .bottom-block .review .review-title {
  color: #717181;
  font-size: 18px;
  font-weight: normal;
  margin-right: 5px;
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .resolutions .pagination-area .bottom-block .review .review-title {
    font-size: 16px;
  }
}
#doctorProfilePage .resolutions .pagination-area .bottom-block .review .rating-review {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#doctorProfilePage .resolutions .pagination-area .bottom-block .review .rating-review .rating-stars {
  font-size: 0;
  height: 24px;
  line-height: 0;
  overflow: hidden;
  text-indent: -999em;
  width: 145px;
  background: url('/images/onlinedoctor/stars-doctor-big.png') repeat-x;
}
#doctorProfilePage .resolutions .pagination-area .bottom-block .review .rating-review .rating-stars .filling {
  background: url('/images/onlinedoctor/stars-doctor-big.png') repeat-x;
  background-position: 0 100%;
  float: left;
  height: 24px;
  display: block;
}
#doctorProfilePage .resolutions .pagination-area .bottom-block .review .rating-review .count {
  font-weight: bold;
  font-size: 20px;
  color: black;
  display: inline-block;
  margin-left: 10px;
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .resolutions .pagination-area .bottom-block .review .rating-review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #doctorProfilePage .resolutions .pagination-area .bottom-block .review .rating-review .rating-stars {
    font-size: 0;
    height: 15px;
    line-height: 0;
    overflow: hidden;
    text-indent: -999em;
    width: 98px;
    background: url('/images/onlinedoctor/stars-doctor.png') repeat-x;
  }
  #doctorProfilePage .resolutions .pagination-area .bottom-block .review .rating-review .rating-stars .filling {
    background: url('/images/onlinedoctor/stars-doctor.png') repeat-x;
    background-position: 0 100%;
    float: left;
    height: 15px;
    display: block;
  }
  #doctorProfilePage .resolutions .pagination-area .bottom-block .review .rating-review .count {
    font-weight: bold;
    font-size: 20px;
    color: black;
    display: inline-block;
    margin-left: 10px;
    margin-top: 2px;
  }
}
#doctorProfilePage .resolutions .pagination-area .bottom-block .author-block {
  position: relative;
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .resolutions .pagination-area .bottom-block .author-block {
    margin-top: 16px;
  }
}
@media only screen and (max-width: 359px) {
  #doctorProfilePage .resolutions .pagination-area .bottom-block .author-block {
    width: 100%;
  }
}
#doctorProfilePage .resolutions .pagination-area .bottom-block .author-block .hide-cont {
  position: absolute;
  width: 490px;
  right: 0;
  bottom: 100%;
  background: white;
  border-radius: 5px 5px 5px 5px;
  padding: 10px;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .resolutions .pagination-area .bottom-block .author-block .hide-cont {
    width: 257px;
  }
}
@media only screen and (max-width: 359px) {
  #doctorProfilePage .resolutions .pagination-area .bottom-block .author-block .hide-cont {
    left: 0;
    margin-left: -11px;
  }
}
#doctorProfilePage .resolutions .pagination-area .bottom-block .author-block .hide-cont:before {
  content: '';
  position: absolute;
  bottom: 16px;
  right: 30px;
  background: white;
  z-index: -1;
  border: 5px solid transparent;
  -webkit-transform: rotate(45deg) translateX(15px) translateY(15px);
          transform: rotate(45deg) translateX(15px) translateY(15px);
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}
@media only screen and (max-width: 359px) {
  #doctorProfilePage .resolutions .pagination-area .bottom-block .author-block .hide-cont:before {
    left: 61px;
    right: auto;
  }
}
#doctorProfilePage .resolutions .pagination-area .bottom-block .author-block .hide-cont:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: -2;
  bottom: 0;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}
#doctorProfilePage .resolutions .pagination-area .bottom-block .author-block .hide-cont .ico {
  width: 84px;
  height: 65px;
  display: inline-block;
  background: url('/images/default/inkognito.png') no-repeat;
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .resolutions .pagination-area .bottom-block .author-block .hide-cont .ico {
    width: 53px;
    height: 41px;
    background-size: cover;
    vertical-align: top;
  }
}
#doctorProfilePage .resolutions .pagination-area .bottom-block .author-block .hide-cont .cont-block {
  display: inline-block;
  width: 380px;
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .resolutions .pagination-area .bottom-block .author-block .hide-cont .cont-block {
    width: 223px;
  }
}
@media only screen and (max-width: 359px) {
  #doctorProfilePage .resolutions .pagination-area .bottom-block .author-block .hide-cont .cont-block {
    width: 179px;
  }
}
#doctorProfilePage .resolutions .pagination-area .bottom-block .author-block .hide-cont .head {
  font-size: 20px;
  color: black;
  line-height: 1.1;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .resolutions .pagination-area .bottom-block .author-block .hide-cont .head {
    font-size: 16px;
  }
}
#doctorProfilePage .resolutions .pagination-area .bottom-block .author-block .hide-cont .text {
  font-size: 18px;
  line-height: 1.1;
  color: #333;
  font-weight: normal;
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .resolutions .pagination-area .bottom-block .author-block .hide-cont .text {
    font-size: 16px;
  }
}
#doctorProfilePage .resolutions .pagination-area .bottom-block .author-block .author {
  margin-top: 10px;
  font-size: 18px;
  color: #717181;
  cursor: pointer;
  font-weight: normal;
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .resolutions .pagination-area .bottom-block .author-block .author {
    margin-top: 0;
    font-size: 16px;
  }
}
#doctorProfilePage .resolutions .pagination-area .bottom-block .author-block .author:hover + .hide-cont {
  visibility: visible;
}
#doctorProfilePage .other-doctors-wrapper {
  margin-top: 60px;
}
#doctorProfilePage .other-doctors-wrapper .other-doctors-container {
  min-height: 155px;
  position: relative;
}
#doctorProfilePage .other-doctors-wrapper .other-doctors-container .arrow {
  background: url('/images/default/arrow-read-more.png') no-repeat;
  width: 8px;
  height: 14px;
  opacity: 0.7;
  position: absolute;
  top: 50%;
  z-index: 10;
  cursor: pointer;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .other-doctors-wrapper .other-doctors-container .arrow {
    top: 0;
    opacity: 1;
  }
}
#doctorProfilePage .other-doctors-wrapper .other-doctors-container .arrow.prev {
  left: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .other-doctors-wrapper .other-doctors-container .arrow.prev {
    left: auto;
    right: 0;
    margin-right: 20px;
    margin-top: -31px;
  }
}
#doctorProfilePage .other-doctors-wrapper .other-doctors-container .arrow.next {
  right: 0;
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .other-doctors-wrapper .other-doctors-container .arrow.next {
    margin-top: -29px;
  }
}
#doctorProfilePage .other-doctors-wrapper .other-doctors-container .arrow:hover {
  opacity: 1;
}
#doctorProfilePage .other-doctors-wrapper .other-doctors-container .arrow.slick-disabled {
  cursor: not-allowed;
}
#doctorProfilePage .other-doctors-wrapper .other-doctors-container .arrow.slick-disabled:hover {
  opacity: 0.3;
}
#doctorProfilePage .other-doctors-wrapper .other-doctors-container ul#otherDoctors {
  padding: 0 40px;
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .other-doctors-wrapper .other-doctors-container ul#otherDoctors {
    padding: 0;
  }
}
#doctorProfilePage .other-doctors-wrapper .other-doctors-container ul#otherDoctors li {
  width: 500px;
  height: auto;
  min-height: 155px;
  float: none;
  display: inline-block;
  vertical-align: top;
  padding: 0;
  border: 0;
}
#doctorProfilePage .other-doctors-wrapper .other-doctors-container ul#otherDoctors li .avatar-block {
  width: 100px;
  height: 100px;
  overflow: hidden;
}
#doctorProfilePage .other-doctors-wrapper .other-doctors-container ul#otherDoctors li .avatar-block img {
  max-width: 100%;
}
#doctorProfilePage .other-doctors-wrapper .other-doctors-container ul#otherDoctors li .info-wrapper {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  width: 58%;
}
#doctorProfilePage .other-doctors-wrapper .other-doctors-container ul#otherDoctors li .info-wrapper .name-wrapper .name {
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  color: #212127;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 1150px) {
  #doctorProfilePage .other-doctors-wrapper .other-doctors-container ul#otherDoctors li .info-wrapper .name-wrapper .name {
    font-size: 18px;
  }
}
#doctorProfilePage .other-doctors-wrapper .other-doctors-container ul#otherDoctors li .info-wrapper .name-wrapper .name:hover {
  color: #006672;
}
#doctorProfilePage .other-doctors-wrapper .other-doctors-container ul#otherDoctors li .info-wrapper .profession {
  font-size: 18px;
  font-weight: normal;
  color: #212127;
  line-height: 20px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1150px) {
  #doctorProfilePage .other-doctors-wrapper .other-doctors-container ul#otherDoctors li .info-wrapper .profession {
    font-size: 16px;
    line-height: 18px;
  }
}
#doctorProfilePage .other-doctors-wrapper .other-doctors-container ul#otherDoctors li .rating-review {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#doctorProfilePage .other-doctors-wrapper .other-doctors-container ul#otherDoctors li .rating-review .rating-stars {
  font-size: 0;
  height: 15px;
  line-height: 0;
  overflow: hidden;
  text-indent: -999em;
  width: 98px;
  background: url('/images/onlinedoctor/stars-doctor.png') repeat-x;
}
#doctorProfilePage .other-doctors-wrapper .other-doctors-container ul#otherDoctors li .rating-review .rating-stars .filling {
  background: url('/images/onlinedoctor/stars-doctor.png') repeat-x;
  background-position: 0 100%;
  float: left;
  height: 15px;
  display: block;
}
#doctorProfilePage .other-doctors-wrapper .other-doctors-container ul#otherDoctors li .rating-review .count {
  font-weight: bold;
  font-size: 20px;
  color: black;
  display: inline-block;
  margin-left: 10px;
  margin-top: 2px;
}
#doctorProfilePage .other-doctors-wrapper .title-container .title {
  font-size: 25px;
  color: black;
}
#doctorProfilePage .notice-wrapper .notice {
  color: black;
}
.download-app {
  width: 100%;
  padding: 16px 24px;
  background: #EBF4F6;
  display: none;
}
@media only screen and (max-width: 1150px) {
  .download-app.show-app {
    display: block;
  }
}
.download-app .link-download {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 413px) {
  .download-app .link-download {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (max-width: 370px) {
  .download-app .link-download {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.download-app .link-download .icon {
  margin-right: 8px;
}
.download-app .link-download .closeapp {
  border: none;
  background: transparent url('/images/default/clear-download.png') no-repeat;
  background-size: contain;
  width: 10px;
  height: 10px;
  margin-right: 20px;
}
@media only screen and (max-width: 359px) {
  .download-app .link-download .closeapp {
    margin-right: 8px;
  }
}
.download-app .link-download p {
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #212127;
  margin-bottom: 0;
  width: 144px;
  text-align: left;
}
@media only screen and (max-width: 359px) {
  .download-app .link-download p {
    width: 129px;
  }
}
.download-app .link-download a {
  height: 24px;
  padding: 0 24px;
  border-radius: 24px 24px 24px 24px;
  background: #00aabe;
  font-weight: bold;
  font-size: 12px;
  line-height: 22px;
  color: white;
  text-align: center;
}
@media only screen and (max-width: 1150px) {
  .download-app .link-download a {
    margin-left: 16px;
  }
}
@media only screen and (max-width: 413px) {
  .download-app .link-download a {
    margin-left: 0;
    padding: 0 16px;
  }
}
@media only screen and (max-width: 359px) {
  .download-app .link-download a {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 1150px) {
  body.download-show.onlinedoctor,
  body.download-show.pediatr247,
  body.download-show.hd-onlinedoctor,
  body.download-show.a-onlinedoctor {
    padding-top: 132px !important;
  }
}
@media only screen and (max-width: 1150px) {
  body.download-show.onlinedoctor.logged.pacient,
  body.download-show.pediatr247.logged.pacient,
  body.download-show.hd-onlinedoctor.logged.pacient,
  body.download-show.a-onlinedoctor.logged.pacient {
    padding-top: 132px !important;
  }
}
#email-login-form-wrapper {
  width: 100%;
  min-height: 700px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  #email-login-form-wrapper {
    width: 100% !important;
  }
}
#email-login-form-wrapper .title {
  text-align: center;
  border-bottom: none;
  font-weight: normal;
  font-size: 30px;
  margin-bottom: 30px;
  line-height: 1.1;
  height: auto;
  width: 100%;
}
#email-login-form-wrapper form {
  width: 500px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  #email-login-form-wrapper form {
    width: 100%;
    margin: 0;
  }
}
#email-login-form-wrapper form .ext-input {
  border-bottom: 0;
  position: relative;
  margin-bottom: 30px;
}
#email-login-form-wrapper form .ext-input .label-text {
  font-size: 14px;
  line-height: 16px;
  font-weight: normal;
  color: #8B8B9A;
}
#email-login-form-wrapper form .ext-input .input-wrapper input {
  width: 100%;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #C5C5CC;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: black;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#email-login-form-wrapper form .ext-input .input-wrapper input:hover,
#email-login-form-wrapper form .ext-input .input-wrapper input:focus {
  border-color: #00aabe;
}
#email-login-form-wrapper form .ext-input .error-wrapper {
  position: absolute;
  font-weight: normal;
  font-size: 12px;
  color: #f0505a;
  text-align: center;
  width: 100%;
  left: 0;
  display: none;
}
#email-login-form-wrapper form .ext-input .error-wrapper.error-left {
  text-align: left;
}
#email-login-form-wrapper form .ext-input.error .error-wrapper {
  display: block;
  position: absolute;
  font-weight: normal;
  font-size: 12px;
  color: #f0505a;
  text-align: center;
  width: 100%;
  left: 0;
}
#email-login-form-wrapper form .ext-input.error .error-wrapper.phone-input-error {
  text-align: left;
  width: 90%;
}
#email-login-form-wrapper form .ext-input.error .error-wrapper.error-left {
  text-align: left;
}
#email-login-form-wrapper form .ext-input.error .input-wrapper input,
#email-login-form-wrapper form .ext-input.error .input-container input {
  border-color: #f0505a;
}
#email-login-form-wrapper form .ext-input.error .input-wrapper input[type="email"],
#email-login-form-wrapper form .ext-input.error .input-container input[type="email"],
#email-login-form-wrapper form .ext-input.error .input-wrapper input[name="promo"],
#email-login-form-wrapper form .ext-input.error .input-container input[name="promo"] {
  border-color: #f0505a;
}
#email-login-form-wrapper form .ext-input.error .input-wrapper .tmp-phone,
#email-login-form-wrapper form .ext-input.error .input-container .tmp-phone {
  border-bottom: 1px solid #f0505a;
}
#email-login-form-wrapper form .buttons-wrapper {
  margin: 0;
}
#email-login-form-wrapper form .buttons-wrapper .login {
  width: 100%;
  font-weight: bold;
  font-size: 18px;
  line-height: 20px;
  height: 48px;
  border-radius: 30px 30px 30px 30px;
  margin-top: 30px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#email-login-form-wrapper form .buttons-wrapper .login:hover {
  background: #e01320;
}
.article img {
  width: 260px;
  margin-right: 18px;
  float: left;
}
.article-wrapper h1 {
  font-size: 24px;
  margin: 0;
  padding-bottom: 10px;
}
.article-wrapper h2 {
  font-size: 20px;
  margin: 0;
  padding-bottom: 10px;
}
.article-wrapper h3 {
  font-size: 16px;
  margin: 0;
  padding-bottom: 10px;
}
.article-wrapper img {
  max-width: 100%;
}
.article-wrapper ul {
  display: table;
  padding-left: 10px;
}
.article-wrapper ul li {
  color: #666666;
  display: table-row;
}
.article-wrapper ul li:before {
  content: '\0336 ';
  color: #ed7365;
  padding-right: 20px;
  display: table-cell;
  text-align: right;
}
.article-wrapper ul li:after {
  content: ' ';
  display: block;
  margin-top: 15px;
}
#encyclopediaWrapper .main-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#encyclopediaWrapper .title-wrapper {
  border-bottom: 0;
  margin-bottom: 0;
  line-height: 1;
  text-align: justify;
}
#encyclopediaWrapper .title-wrapper .title,
#encyclopediaWrapper .title-wrapper .page-title {
  vertical-align: top;
  max-width: 750px;
}
#encyclopediaWrapper .title-wrapper::after {
  content: "";
  display: inline-block;
  width: 100%;
}
#encyclopediaWrapper .title-wrapper .consult-button {
  float: right;
  margin-top: 10px;
}
#encyclopediaWrapper .title-wrapper .button-style {
  vertical-align: top;
  margin-top: 38px;
}
#encyclopediaWrapper .subtitle-wrapper .title {
  padding: 10px 20px;
}
#encyclopediaWrapper .encyclopedy-sidebar {
  float: right;
  width: 250px;
  font-size: 16px;
}
#encyclopediaWrapper .encyclopedy-sidebar ul li {
  margin: 10px 0;
  padding: 0 20px;
  color: #212127;
}
#encyclopediaWrapper .encyclopedy-sidebar ul li .name {
  display: inline-block;
  vertical-align: middle;
  line-height: 24px;
  font-size: 18px;
  color: inherit;
}
#encyclopediaWrapper .encyclopedy-sidebar ul li.selected,
#encyclopediaWrapper .encyclopedy-sidebar ul li:hover {
  color: #00aabe;
}
#encyclopediaWrapper .line-styled {
  background: #f0505a;
  width: 100px;
  height: 3px;
  margin: 18px 0 20px;
  border-radius: 3px 3px 3px 3px;
}
#encyclopediaWrapper .encyclopedy-content {
  width: 700px;
  font-size: 16px;
}
#encyclopediaWrapper .encyclopedy-content.single-page {
  width: 100%;
}
#encyclopediaWrapper .encyclopedy-content .category-tags {
  margin: 10px 0;
}
#encyclopediaWrapper .encyclopedy-content .category-tags a {
  color: #212127;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
#encyclopediaWrapper .encyclopedy-content .category-tags a:hover {
  color: #00aabe;
}
#encyclopediaWrapper .encyclopedy-content .timeline .enc-category {
  padding: 15px 0;
  border-bottom: 1px solid #00aabe;
}
#encyclopediaWrapper .encyclopedy-content .timeline .enc-category .article-image {
  width: 260px;
  height: 260px;
  margin-right: 20px;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #edf0f1;
}
#encyclopediaWrapper .encyclopedy-content .timeline .enc-category .article-image img {
  max-width: 100%;
  height: auto;
}
#encyclopediaWrapper .encyclopedy-content .timeline .enc-category .article-info {
  width: 410px;
  display: inline-block;
  vertical-align: top;
}
#encyclopediaWrapper .encyclopedy-content .timeline .enc-category .article-info.full-width {
  width: 100%;
  padding-right: 20px;
}
#encyclopediaWrapper .encyclopedy-content .timeline .enc-category .article-info .enc-title {
  display: block;
  line-height: 24px;
  font-size: 22px;
  color: #00aabe;
  margin-bottom: 10px;
  text-align: left;
}
#encyclopediaWrapper .encyclopedy-content .timeline .enc-category .article-info .enc-title .heading {
  line-height: 30px;
  display: inline-block;
}
#encyclopediaWrapper .encyclopedy-content .timeline .enc-category .article-info .description {
  display: block;
  font-size: 16px;
  color: #666666;
}
#encyclopediaWrapper .encyclopedy-content .timeline .enc-category .article-info .description a {
  color: inherit;
}
#encyclopediaWrapper .encyclopedy-content .timeline .enc-category .article-info .description a:hover {
  color: #00aabe;
}
#encyclopediaWrapper .encyclopedy-content .timeline .enc-category.last {
  border-bottom: none;
}
#encyclopediaWrapper .share-wrapper {
  padding-top: 20px;
  margin-bottom: 50px;
  clear: both;
}
#encyclopediaWrapper .share-wrapper ul {
  list-style: none;
}
#encyclopediaWrapper .share-wrapper ul li {
  display: inline-block;
  vertical-align: middle;
  background-image: url('/images/default/socials.png');
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  cursor: pointer;
  margin-left: 5px;
}
#encyclopediaWrapper .share-wrapper ul li:first-child {
  margin-left: 0;
}
#encyclopediaWrapper .share-wrapper ul li:hover.vk {
  background-position: -80px -40px;
}
#encyclopediaWrapper .share-wrapper ul li:hover.fb {
  background-position: 0 -40px;
}
#encyclopediaWrapper .share-wrapper ul li:hover.inst {
  background-position: -40px -40px;
}
#encyclopediaWrapper .share-wrapper ul li:hover.tw {
  background-position: -120px -40px;
}
#encyclopediaWrapper .share-wrapper ul li.vk {
  background-position: -80px 0;
}
#encyclopediaWrapper .share-wrapper ul li.fb {
  background-position: 0 0;
}
#encyclopediaWrapper .share-wrapper ul li.inst {
  background-position: -40px 0;
}
#encyclopediaWrapper .share-wrapper ul li.tw {
  background-position: -120px 0;
}
.help__container .title {
  font-weight: normal;
  font-size: 32px;
  line-height: 32px;
  margin: 0 0 28px;
  color: #212127;
  padding-top: 48px;
}
@media only screen and (max-width: 650px) {
  .help__container .title {
    font-size: 28px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 413px) {
  .help__container .title {
    font-size: 28px;
    line-height: 28px;
    width: 262px;
  }
}
.help__container--wrapp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.help__container--wrapp #helpList {
  margin-right: 30px;
}
@media only screen and (max-width: 1150px) {
  .help__container--wrapp #helpList {
    width: 100%;
    margin-right: 0;
  }
}
.help__container--wrapp #helpList.list-privacy {
  width: 255px;
}
@media only screen and (max-width: 1240px) {
  .help__container--wrapp #helpList.list-privacy {
    width: 244px;
  }
}
@media only screen and (max-width: 1150px) {
  .help__container--wrapp #helpList.list-privacy {
    width: 100%;
  }
}
.help__container--wrapp #helpList ul.help-list-menu,
.help__container--wrapp #helpList div.help-list-menu {
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 1150px) {
  .help__container--wrapp #helpList ul.help-list-menu,
  .help__container--wrapp #helpList div.help-list-menu {
    margin-bottom: 56px;
  }
}
@media only screen and (max-width: 767px) {
  .help__container--wrapp #helpList ul.help-list-menu,
  .help__container--wrapp #helpList div.help-list-menu {
    margin-bottom: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .help__container--wrapp #helpList ul.help-list-menu,
  .help__container--wrapp #helpList div.help-list-menu {
    display: none;
  }
}
.help__container--wrapp #helpList ul.help-list-menu li,
.help__container--wrapp #helpList div.help-list-menu li,
.help__container--wrapp #helpList ul.help-list-menu a,
.help__container--wrapp #helpList div.help-list-menu a {
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
  color: #212127;
  padding: 14px 16px;
  display: block;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 8px 8px 8px 8px;
}
@media only screen and (max-width: 1150px) {
  .help__container--wrapp #helpList ul.help-list-menu li,
  .help__container--wrapp #helpList div.help-list-menu li,
  .help__container--wrapp #helpList ul.help-list-menu a,
  .help__container--wrapp #helpList div.help-list-menu a {
    display: inline-block;
    padding: 8px 24px;
    font-size: 14px;
    line-height: 16px;
  }
}
.help__container--wrapp #helpList ul.help-list-menu li.active,
.help__container--wrapp #helpList div.help-list-menu li.active,
.help__container--wrapp #helpList ul.help-list-menu a.active,
.help__container--wrapp #helpList div.help-list-menu a.active {
  background: #E4F5F7;
  color: #006672;
}
.help__container--wrapp #helpList ul.help-list-menu li:hover,
.help__container--wrapp #helpList div.help-list-menu li:hover,
.help__container--wrapp #helpList ul.help-list-menu a:hover,
.help__container--wrapp #helpList div.help-list-menu a:hover {
  color: #006672;
}
.help__container--wrapp .help-list-mobile {
  display: none;
  border: 1px solid #E1E1E5;
}
@media only screen and (max-width: 767px) {
  .help__container--wrapp .help-list-mobile {
    display: block;
    width: 100%;
    margin: 0 0 36px;
  }
}
.help__container--wrapp .help-list-mobile .help-list-dropdown {
  width: 100%;
}
.help__container--wrapp .help-list-mobile .help-list-dropdown .list-label .border-wrap {
  min-width: 100%;
  max-width: 100%;
  border-radius: 8px 8px 8px 8px;
}
.help__container--wrapp .help-list-mobile .help-list-dropdown .wrapp-prof {
  min-width: 100%;
  max-width: 100%;
  max-height: 440px;
}
.help__container--wrapp .help-list-mobile .help-list-dropdown .wrapp-prof a {
  display: block;
  padding: 15px;
  line-height: 1.1;
  font-weight: normal;
}
.help__container--wrapp .help-list-mobile .help-list-dropdown .wrapp-prof a .item {
  color: black;
}
.help__container--wrapp .help-list-mobile .help-list-dropdown .wrapp-prof a .item.selected {
  color: #006672;
}
.help__container--wrapp #helpItems {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 800px;
}
.help__container--wrapp #helpItems img {
  max-width: 100% !important;
}
@media only screen and (max-width: 1150px) {
  .help__container--wrapp #helpItems.privacy {
    width: 100%;
    padding: 0 0 79px;
  }
}
@media only screen and (max-width: 767px) {
  .help__container--wrapp #helpItems.privacy {
    padding: 0 0 70px;
  }
}
@media only screen and (max-width: 1150px) {
  .help__container--wrapp #helpItems {
    width: 100%;
    padding: 0 0 79px;
  }
}
@media only screen and (max-width: 767px) {
  .help__container--wrapp #helpItems {
    padding: 0 0 70px;
  }
}
.help__container .list-menu li {
  margin-bottom: 15px;
}
.help__container .list-menu li a {
  text-decoration: none;
  font-size: 18px;
}
.help__container .panel {
  margin-bottom: 0;
  border: none;
}
.help__container .panel .panel-heading {
  padding: 0;
  background-color: #fff;
  border: none;
}
.help__container .panel .panel-heading .panel-title a {
  display: block;
  padding: 26px 26px 26px 0;
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  color: #212127;
  position: relative;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
@media only screen and (max-width: 1240px) {
  .help__container .panel .panel-heading .panel-title a {
    font-size: 20px;
    line-height: 24px;
    padding: 16px 32px 16px 0;
  }
}
@media only screen and (max-width: 1240px) {
  .help__container .panel .panel-heading .panel-title a {
    font-size: 18px;
    line-height: 20px;
  }
}
.help__container .panel .panel-heading .panel-title a a.collapsed::before {
  background-position: 0 -9px;
}
.help__container .panel .panel-heading .panel-title a:before {
  position: absolute;
  content: "";
  width: 15px;
  height: 9px;
  right: 4%;
  top: 50%;
  margin-top: -4.5px;
  background: url('/images/default/accordion-arrow.png') no-repeat 0 0;
}
.help__container .panel .panel-heading .panel-title a.collapsed {
  color: #212127;
}
.help__container .panel .panel-heading .panel-title a.collapsed:before {
  background-position: 0 -9px;
}
.help__container .panel .panel-heading .panel-title a.collapsed:hover:before {
  background-position: 0 -19px;
}
@media only screen and (max-width: 1150px) {
  .help__container .panel .panel-heading .panel-title a.collapsed:hover:before {
    background-position: 0 -9px;
  }
}
.help__container .panel .panel-heading .panel-title a:hover {
  color: #00aabe;
}
@media only screen and (max-width: 1150px) {
  .help__container .panel .panel-heading .panel-title a:hover {
    color: #212127;
  }
}
.help__container .panel .panel-heading .panel-title a:hover:before {
  background-position: 0 -19px;
}
@media only screen and (max-width: 1150px) {
  .help__container .panel .panel-heading .panel-title a:hover:before {
    background-position: 0 -9px;
  }
}
.help__container .panel .panel-heading .panel-title a[aria-expanded="true"] {
  color: #00aabe;
}
.help__container .panel .panel-heading .panel-title a[aria-expanded="true"]:before {
  background-position: 0 -19px;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.help__container .panel .panel-heading .panel-title a[aria-expanded="false"] {
  color: #00aabe;
}
.help__container .panel .panel-heading .panel-title a[aria-expanded="false"]:before {
  background-position: 0 -19px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
#historyWrapper .title-wrapper {
  border-bottom: 0;
}
#historyWrapper h2.subtitle {
  font-size: 24px;
  margin: 0 0 40px 0;
  color: #212127;
}
#historyWrapper [class$="-consults"]:not(:last-child)::after {
  content: "";
  display: block;
  background: #00aabe;
  width: 100%;
  height: 3px;
  border-radius: 10px 10px 10px 10px;
}
#historyWrapper [class$="-consults"] .history-item-wrapper:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}
#historyWrapper .coming-consults,
#historyWrapper .history-consults {
  margin-top: 30px;
}
#historyWrapper .history-item-wrapper {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px dotted #00aabe;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#historyWrapper .history-item-wrapper:after {
  display: none;
}
#historyWrapper .history-item-wrapper .doctor-info {
  vertical-align: top;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#historyWrapper .history-item-wrapper .doctor-info > div {
  display: inline-block;
  vertical-align: top;
}
#historyWrapper .history-item-wrapper .doctor-info .avatar-wrapper {
  width: 260px;
  height: 260px;
  margin-right: 35px;
  border: 1px solid #ededed;
  text-align: center;
  position: relative;
}
@media only screen and (max-width: 1240px) {
  #historyWrapper .history-item-wrapper .doctor-info .avatar-wrapper {
    width: 160px;
    height: 160px;
    margin-right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  #historyWrapper .history-item-wrapper .doctor-info .avatar-wrapper {
    width: 94px;
    height: 94px;
    margin-right: 18px;
  }
}
@media only screen and (max-width: 370px) {
  #historyWrapper .history-item-wrapper .doctor-info .avatar-wrapper {
    width: 60px;
    height: 60px;
  }
}
#historyWrapper .history-item-wrapper .doctor-info .avatar-wrapper .badge {
  background: #f0505a;
  padding: 4px 7px 3px;
  color: white;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  line-height: 13px;
  position: absolute;
  min-width: 26px;
  top: -12px;
  right: -20px;
  left: auto;
  border-radius: 15px 15px 15px 15px;
}
#historyWrapper .history-item-wrapper .doctor-info .avatar-wrapper .badge.not-rated {
  animation: blink 1.5s linear 0s infinite;
  -moz-animation: blink 1.5s linear 0s infinite;
  -webkit-animation: blink 1.5s linear 0s infinite;
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#historyWrapper .history-item-wrapper .doctor-info .avatar-wrapper .badge:empty {
  display: none;
}
#historyWrapper .history-item-wrapper .doctor-info .avatar-wrapper img {
  width: 100%;
  height: auto;
}
#historyWrapper .history-item-wrapper .doctor-info .about-doctor {
  width: 300px;
}
@media only screen and (max-width: 1240px) {
  #historyWrapper .history-item-wrapper .doctor-info .about-doctor {
    width: 220px;
  }
}
@media only screen and (max-width: 767px) {
  #historyWrapper .history-item-wrapper .doctor-info .about-doctor {
    width: 242px;
  }
}
@media only screen and (max-width: 413px) {
  #historyWrapper .history-item-wrapper .doctor-info .about-doctor {
    width: 215px;
  }
}
@media only screen and (max-width: 370px) {
  #historyWrapper .history-item-wrapper .doctor-info .about-doctor {
    width: 194px;
  }
}
#historyWrapper .history-item-wrapper .doctor-info .about-doctor .name {
  font-size: 24px;
  font-weight: bold;
  text-align: left;
  color: #212127;
}
#historyWrapper .history-item-wrapper .doctor-info .about-doctor .name:hover {
  color: #00aabe;
}
#historyWrapper .history-item-wrapper .doctor-info .about-doctor .name.no-doctor:hover {
  color: inherit;
}
#historyWrapper .history-item-wrapper .doctor-info .about-doctor .name a {
  color: inherit;
}
@media only screen and (max-width: 370px) {
  #historyWrapper .history-item-wrapper .doctor-info .about-doctor .name {
    font-size: 18px;
  }
}
#historyWrapper .history-item-wrapper .doctor-info .about-doctor .line {
  background: #f0505a;
  width: 100px;
  height: 3px;
  border-radius: 20px 20px 20px 20px;
  margin: 22px 0;
}
@media only screen and (max-width: 767px) {
  #historyWrapper .history-item-wrapper .doctor-info .about-doctor .line {
    display: none;
  }
}
#historyWrapper .history-item-wrapper .doctor-info .about-doctor .professions {
  font-size: 18px;
  font-weight: normal;
  text-align: left;
}
@media only screen and (max-width: 370px) {
  #historyWrapper .history-item-wrapper .doctor-info .about-doctor .professions {
    font-size: 14px;
  }
}
#historyWrapper .history-item-wrapper .consult-info {
  width: 230px;
  font-weight: normal;
  vertical-align: top;
}
@media only screen and (max-width: 1240px) {
  #historyWrapper .history-item-wrapper .consult-info {
    width: 138px;
  }
}
@media only screen and (max-width: 767px) {
  #historyWrapper .history-item-wrapper .consult-info {
    width: 100%;
    background: #E4F5F7;
    padding: 9px 16px;
    margin: 14px 0 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#historyWrapper .history-item-wrapper .consult-info .status {
  display: block;
  font-size: 24px;
  color: #212127;
}
#historyWrapper .history-item-wrapper .consult-info .consult-date {
  display: block;
  font-size: 18px;
  white-space: nowrap;
  text-align: left;
  color: #212127;
}
@media only screen and (max-width: 1240px) {
  #historyWrapper .history-item-wrapper .consult-info .consult-date {
    white-space: normal;
    position: relative;
    padding-left: 32px;
  }
}
#historyWrapper .history-item-wrapper .consult-info .consult-date::before {
  content: "";
  background: url('/images/onlinedoctor/calendar-icon.png') no-repeat;
  display: inline-block;
  position: relative;
  top: 4px;
  width: 22px;
  height: 24px;
  margin-right: 10px;
}
@media only screen and (max-width: 1240px) {
  #historyWrapper .history-item-wrapper .consult-info .consult-date::before {
    position: absolute;
    left: 0;
    top: 0;
  }
}
#historyWrapper .history-item-wrapper .buttons-wrapper {
  margin-top: 10px;
}
@media only screen and (max-width: 767px) {
  #historyWrapper .history-item-wrapper .buttons-wrapper {
    margin-top: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (max-width: 370px) {
  #historyWrapper .history-item-wrapper .buttons-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#historyWrapper .history-item-wrapper .buttons-wrapper .button-style {
  width: 186px;
  display: block;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1240px) {
  #historyWrapper .history-item-wrapper .buttons-wrapper .button-style {
    width: 121px;
    font-weight: bold;
    font-size: 14px;
    line-height: 30px;
    height: 32px;
  }
}
@media only screen and (max-width: 767px) {
  #historyWrapper .history-item-wrapper .buttons-wrapper .button-style {
    width: 119px;
    margin-bottom: 0;
    margin-right: 4px;
  }
}
@media only screen and (max-width: 413px) {
  #historyWrapper .history-item-wrapper .buttons-wrapper .button-style {
    width: 106px;
    margin-left: 0;
  }
}
@media only screen and (max-width: 370px) {
  #historyWrapper .history-item-wrapper .buttons-wrapper .button-style {
    width: 100%;
    margin-bottom: 16px;
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  #historyWrapper .history-item-wrapper .buttons-wrapper .button-style:last-child {
    margin-right: 0;
    text-align: center;
    padding: 0;
  }
}
@media only screen and (max-width: 370px) {
  #historyWrapper .history-item-wrapper .buttons-wrapper .button-style:last-child {
    margin-bottom: 0;
  }
}
#historyWrapper .no-history {
  font-weight: normal;
  font-size: 24px;
}
#historyWrapper .no-history .buttons-wrapper {
  margin-top: 30px;
}
@media only screen and (max-width: 650px) {
  #historyWrapper .no-history .buttons-wrapper a {
    width: 100%;
    margin-bottom: 16px;
  }
}
#historyWrapper .no-history .buttons-wrapper:first-child {
  margin-right: 25px;
}
@media only screen and (max-width: 650px) {
  #historyWrapper .no-history .buttons-wrapper:first-child {
    margin-right: 0;
  }
}
#howToUseWrapper .step {
  margin-top: 20px;
  width: 70%;
  min-width: 460px;
  padding-bottom: 20px;
  border-bottom: 1px dashed;
}
#howToUseWrapper .step:last-child {
  border-bottom: 0;
}
#howToUseWrapper .step .description {
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 10px;
}
#howToUseWrapper .step .screen img {
  width: 100%;
}
@media screen and (max-width: 480px) {
  #howToUseWrapper h2 {
    font-size: 36px;
  }
  #howToUseWrapper .step {
    width: 100%;
  }
  #howToUseWrapper .step .description {
    font-size: 30px;
  }
}
#recipeModal .dialog960 {
  width: 1142px;
}
#recipeModal .dialog960 .modal-header {
  padding: 0 24px;
}
#recipeModal .dialog960 .modal-body {
  padding: 0 24px;
}
#recipeModal .dialog960 .modal-body .iframe-wrapper {
  height: calc(100vh - 154px);
  margin-bottom: 40px;
  padding-top: 20px;
}
#recipeModal .dialog960 .modal-body .iframe-wrapper iframe {
  border: 0;
}
#instructionWrapper .step {
  margin-top: 20px;
  width: 70%;
  min-width: 460px;
  padding-bottom: 20px;
  border-bottom: 1px dashed;
}
#instructionWrapper .step:last-child {
  border-bottom: 0;
}
#instructionWrapper .step .description {
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 10px;
}
#instructionWrapper .step .screen img {
  width: 100%;
}
#instruction-screen-modal img {
  width: 100%;
}
@media screen and (max-width: 480px) {
  #instructionWrapper h2 {
    font-size: 36px;
  }
  #instructionWrapper .step {
    width: 100%;
  }
  #instructionWrapper .step .description {
    font-size: 30px;
  }
}
html {
  width: 100%;
  min-width: 100% !important;
}
body {
  padding-top: 20px;
}
#container {
  min-width: 100% !important;
  min-height: calc(100vh - 291px);
}
.order-lab {
  min-width: 320px;
}
.order-lab .padding-cont {
  padding-left: 20px;
  padding-right: 20px;
}
.order-lab .padding-cont a {
  font-size: 16px;
  color: #00aabe;
  text-decoration: underline;
  font-weight: normal;
}
.order-lab .text {
  font-weight: normal;
  font-size: 14px;
  color: black;
  margin-bottom: 0;
}
.order-lab h3 {
  color: #333;
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 20px;
}
.order-lab .price {
  border-bottom: 1px dotted #E1E1E5;
  padding-bottom: 20px;
  font-size: 14px;
  color: #333;
  font-weight: normal;
  margin-bottom: 25px;
}
.order-lab .info-lab {
  border-bottom: 1px dotted #E1E1E5;
  border-top: 1px dotted #E1E1E5;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 25px;
}
.order-lab .text-grey {
  font-size: 14px;
  color: #959595;
  font-weight: normal;
  line-height: 1.1;
}
.order-lab .text-grey:first-child {
  margin-bottom: 0;
}
.order-lab .text-grey:last-child {
  margin-bottom: 0;
}
.order-lab .text-grey b {
  font-weight: bold;
  color: #333;
  font-size: 18px;
}
.order-lab .head-lab {
  margin-bottom: 0;
}
.order-lab .address {
  font-weight: bold;
  color: #333;
  font-size: 18px;
  margin-bottom: 30px;
}
.order-lab .schedule {
  width: 300px;
  height: 160px;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.order-lab .schedule span {
  display: inline-block;
  margin-bottom: 10px;
}
.order-lab .schedule .day {
  margin-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.order-lab .schedule .day .dow {
  font-size: 14px;
  padding: 5px;
  width: 30px;
  text-align: center;
  line-height: 1.1;
  color: #AFB7BA;
  background: rgba(196, 196, 196, 0.2);
  margin-right: 5px;
  text-transform: capitalize;
  border-radius: 3px 3px 3px 3px;
}
.order-lab .schedule .day .time {
  font-size: 12px;
  color: black;
}
.order-lab .schedule .day.weekend .dow {
  background: rgba(138, 208, 204, 0.2);
}
.pac-container {
  border: none;
  padding: 10px 0;
  width: 340px !important;
  margin-left: -10px;
  -webkit-box-shadow: 0 10px 17px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 17px rgba(0, 0, 0, 0.2);
  border-radius: 0 0 10px 10px;
}
.pac-container .pac-item {
  padding: 10px 20px;
  border: none;
  line-height: 1.1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.pac-container .pac-item .pac-item-query {
  display: block;
  font-size: 18px;
  line-height: 1.1;
  font-weight: normal;
  color: black;
}
.pac-container .pac-item .pac-item-query .pac-matched {
  line-height: 1.1;
  color: black;
  font-weight: normal;
  font-size: 18px !important;
}
.pac-container .pac-item span {
  font-size: 16px;
  line-height: 1.1;
  color: #666666;
  font-weight: normal;
}
.pac-container .pac-item .pac-icon {
  display: none;
}
.pac-container .pac-item:hover {
  background: #f5fafb;
}
.pac-container:after {
  display: none;
}
.codewordsWrapper .programms {
  position: relative;
}
.codewordsWrapper .programms .programm-main {
  margin: 16px 0 0 44px;
}
@media only screen and (max-width: 1150px) {
  .codewordsWrapper .programms .programm-main {
    margin-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .codewordsWrapper .programms .programm-main {
    max-height: 100%;
    margin: 16px 0 0 0;
  }
}
.codewordsWrapper .programms label {
  background: url('/images/default/radiobutton-default.png') no-repeat;
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 24px;
  height: 24px;
  margin: 0 16px 0 0;
  vertical-align: middle;
}
.codewordsWrapper .programms label::before {
  background: none;
  display: none;
}
.codewordsWrapper .programms label.invisible {
  display: none;
}
.codewordsWrapper .programms .one-radio-wrapper {
  width: 397px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 50px;
}
@media only screen and (max-width: 1150px) {
  .codewordsWrapper .programms .one-radio-wrapper {
    width: 100%;
    margin-right: 0;
  }
}
.codewordsWrapper .programms .one-radio-wrapper input[type="checkbox"] {
  display: none;
}
.codewordsWrapper .programms .one-radio-wrapper input[type="checkbox"]:checked + label {
  background: url('/images/default/radiobutton-selected.png') no-repeat;
}
.codewordsWrapper .programms .one-form-line {
  border: 1px solid #EFEFF0;
  border-radius: 8px 8px 8px 8px;
  background: #F9F9F9;
  padding: 24px 16px;
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.codewordsWrapper .programms .one-form-line .label-text,
.codewordsWrapper .programms .one-form-line .label-text-g {
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #717181;
}
.codewordsWrapper .programms .one-form-line .label-text-g {
  color: #0A8F2B;
}
.codewordsWrapper .programms .one-form-line .one-form-numb-wrapper {
  display: inline-block;
  vertical-align: top;
}
@media only screen and (max-width: 359px) {
  .codewordsWrapper .programms .one-form-line .one-form-numb-wrapper {
    width: 200px;
  }
}
.codewordsWrapper .programms .one-form-line .one-form-numb-wrapper .one-form-numb {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: #212127;
  padding: 0;
}
@media only screen and (max-width: 359px) {
  .codewordsWrapper .programms .one-form-line .one-form-numb-wrapper .one-form-numb {
    font-size: 16px;
  }
}
@media only screen and (max-width: 359px) {
  .codewordsWrapper .programms .one-form-line .one-form-numb-wrapper {
    width: 170px;
  }
}
.codewordsWrapper .programms .one-form-line .codeword-lifetime,
.codewordsWrapper .programms .one-form-line .codeword-title,
.codewordsWrapper .programms .one-form-line .partner-name {
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
  margin: 16px 0;
  color: #212127;
}
.codewordsWrapper .programms .one-form-line .codeword-lifetime strong,
.codewordsWrapper .programms .one-form-line .codeword-title strong,
.codewordsWrapper .programms .one-form-line .partner-name strong {
  font-weight: bold;
}
.codewordsWrapper .programms .one-form-line .codeword-lifetime .js-continue-codeword,
.codewordsWrapper .programms .one-form-line .codeword-title .js-continue-codeword,
.codewordsWrapper .programms .one-form-line .partner-name .js-continue-codeword {
  font-weight: bold;
  font-size: 16px;
  line-height: 38px;
  color: white;
  background: #00aabe;
  border-radius: 24px 24px 24px 24px;
  height: 40px;
  width: 199px;
  display: block;
  margin-bottom: 18px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.codewordsWrapper .programms .one-form-line .codeword-lifetime .js-continue-codeword:hover,
.codewordsWrapper .programms .one-form-line .codeword-title .js-continue-codeword:hover,
.codewordsWrapper .programms .one-form-line .partner-name .js-continue-codeword:hover {
  background: #006672;
}
.codewordsWrapper .programms .one-form-line .cell {
  border: 0;
  padding: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media only screen and (max-width: 1150px) {
  .codewordsWrapper .programms .one-form-line .cell {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    margin: 16px 0 0 44px;
  }
}
@media only screen and (max-width: 767px) {
  .codewordsWrapper .programms .one-form-line .cell {
    margin: 0;
  }
}
.codewordsWrapper .programms .one-form-line .cell .programm-list {
  overflow: hidden;
  -webkit-transition: height 0.3s linear;
  transition: height 0.3s linear;
}
@media only screen and (max-width: 767px) {
  .codewordsWrapper .programms .one-form-line .cell .programm-list {
    padding: 24px 24px 24px 16px;
  }
}
@media only screen and (max-width: 767px) {
  .codewordsWrapper .programms .one-form-line .cell .programm-list li {
    padding: 12px 8px 14px;
    border: 0;
  }
}
.codewordsWrapper .programms .one-form-line .cell .programm-list li:nth-child(n+4) {
  display: none;
}
@media only screen and (max-width: 767px) {
  .codewordsWrapper .programms .one-form-line .cell .programm-list li:nth-child(n+4) {
    display: block;
  }
}
.codewordsWrapper .programms .one-form-line .cell .programm-list li.active {
  display: block;
}
.codewordsWrapper .programms .one-form-line .cell .programm-list li .wrapp-discount {
  position: relative;
  background: white;
  padding: 12px 24px;
  border: 1px solid #E1E1E5;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  margin-bottom: 16px;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-radius: 8px 8px 8px 8px;
}
@media only screen and (max-width: 767px) {
  .codewordsWrapper .programms .one-form-line .cell .programm-list li .wrapp-discount {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.codewordsWrapper .programms .one-form-line .cell .programm-list li .wrapp-discount .description {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
.codewordsWrapper .programms .one-form-line .cell .programm-list li .wrapp-discount .description:before {
  content: "";
  position: absolute;
  width: 3px;
  height: 3px;
  background: #212127;
  border-radius: 50% 50% 50% 50%;
  top: 9px;
  left: -12px;
}
@media only screen and (max-width: 767px) {
  .codewordsWrapper .programms .one-form-line .cell .programm-list li .wrapp-discount .description:before {
    left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .codewordsWrapper .programms .one-form-line .cell .programm-list li .wrapp-discount .description {
    padding-left: 12px;
  }
}
.codewordsWrapper .programms .one-form-line .cell .programm-list li .wrapp-discount .label__count {
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #359E4D;
  background: #E5F3E9;
  padding: 4px 12px;
  margin-left: 50px;
  border-radius: 8px 8px 8px 8px;
}
@media only screen and (max-width: 767px) {
  .codewordsWrapper .programms .one-form-line .cell .programm-list li .wrapp-discount .label__count {
    margin-left: 0;
    margin-bottom: 8px;
  }
}
.codewordsWrapper .programms .one-form-line .cell .programm-list li .wrapp-discount .label__count--red {
  color: #D7232E;
  background: #FCB1B5;
}
.codewordsWrapper .programms .one-form-line .cell .show-all.open:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background: url('/images/default/Arrowdownshort.png');
}
.codewordsWrapper .programms .one-form-line .cell .show-all,
.codewordsWrapper .programms .one-form-line .cell .m-programm__button {
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  color: #00aabe;
  border: 0;
  background: none;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  position: relative;
}
.codewordsWrapper .programms .one-form-line .cell .show-all:focus,
.codewordsWrapper .programms .one-form-line .cell .m-programm__button:focus {
  outline: none;
}
.codewordsWrapper .programms .one-form-line .cell .show-all:hover,
.codewordsWrapper .programms .one-form-line .cell .m-programm__button:hover {
  color: #006672;
}
.codewordsWrapper .programms .one-form-line .cell .show-all:after,
.codewordsWrapper .programms .one-form-line .cell .m-programm__button:after {
  width: 12px;
  height: 12px;
  content: "";
  margin-left: 4px;
  display: inline-block;
  vertical-align: middle;
  background: url('/images/default/Arrowdownshort.png');
}
@media only screen and (max-width: 767px) {
  .codewordsWrapper .programms .one-form-line .cell .show-all {
    display: none !important;
  }
}
.codewordsWrapper .programms .one-form-line .cell .m-programm__button {
  font-size: 18px;
  line-height: 20px;
}
.codewordsWrapper .programms .one-form-line .cell .m-programm__button:after {
  display: none;
}
.codewordsWrapper .non_actual {
  margin-top: 48px;
}
.codewordsWrapper .non_actual h5 {
  font-weight: normal;
  font-size: 24px;
  line-height: 24px;
  color: #212127;
  margin: 0 0 16px;
}
.codewordsWrapper .non_actual .one-form-line .one-form-numb-wrapper {
  margin-left: 44px;
}
@media only screen and (max-width: 767px) {
  .codewordsWrapper .non_actual .one-form-line .one-form-numb-wrapper {
    margin-left: 0;
  }
}
.codewordsWrapper .non_actual .one-form-line .cell .programm-list li .label__count {
  display: none;
}
.one-form-delete-wrapper {
  padding-left: 0;
  width: 14px;
  position: absolute;
  top: 25px;
  right: 25px;
}
@media only screen and (max-width: 1150px) {
  .one-form-delete-wrapper {
    top: 10px;
    right: 10px;
  }
}
.one-form-delete-wrapper .one-form-delete {
  background: url('/images/default/modal-close.png') no-repeat;
  display: inline-block;
  height: 14px;
  width: 14px;
  margin-top: 0;
}
.form-wrap-content-yes .one-form-date,
.form-wrap-content-yes .one-form-date-val {
  text-align: right;
}
.form-wrap-content-yes .one-form-delete {
  margin-top: 0px;
  top: 2px;
}
.one-form-p-info {
  padding: 0 45px;
  font-size: 11px;
  color: #959595;
}
.one-form-last-block {
  padding: 28px 0 38px;
}
.one-form-button {
  font-size: 19px;
  width: 290px;
  height: 41px;
  margin-right: 0;
  color: #08c0de;
  border: 1px solid #08c0de;
  border-radius: 20px 20px 20px 20px;
  background: white;
  line-height: 1;
}
.one-form-separ-wrapper {
  width: 21px;
}
.one-form-separ-wrapper .one-form-separ {
  height: 100%;
  display: inline-block;
  width: 1px;
  background: #f0f0f0;
  margin-right: 20px;
  top: 3px;
  padding: 0;
}
.one-form-button:hover {
  background: #08c0de;
  color: white;
}
.partnersWrapper-one-form table {
  width: 100%;
}
.unsubscriptionModal .submit,
.unsubscriptionModal .reset {
  width: 180px;
  font-size: 18px;
}
.unsubscriptionModal .reset {
  width: 180px;
}
.programs {
  margin-bottom: 40px;
}
#profileWrapper {
  padding: 0 0 50px 0;
}
#profileWrapper .page-title {
  font-size: 32px;
}
#profileWrapper .content-wrapper {
  margin-top: 40px;
}
#profileWrapper .content-wrapper .nav-tabs {
  margin-bottom: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#profileWrapper .content-wrapper .nav-tabs li {
  background: transparent !important;
  margin-right: 24px;
  float: none;
}
#profileWrapper .content-wrapper .nav-tabs li a {
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  background: transparent !important;
  padding: 0 0 11px;
  border-bottom: 2px solid transparent;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  display: inline-block;
  color: #717181;
}
#profileWrapper .content-wrapper .nav-tabs li a:hover {
  background: transparent;
}
#profileWrapper .content-wrapper .nav-tabs li.active {
  background: transparent;
}
#profileWrapper .content-wrapper .nav-tabs li.active a {
  color: #00aabe;
  background: transparent;
  border-bottom: 2px solid #00aabe;
}
@media only screen and (max-width: 1150px) {
  #profileWrapper .content-wrapper .nav-tabs {
    margin-right: 0;
  }
}
#profileWrapper .content-wrapper .tab-pane {
  display: none;
  clear: both;
}
#profileWrapper .content-wrapper .tab-pane.active {
  display: block;
}
@media only screen and (max-width: 767px) {
  #profileWrapper .content-wrapper .tab-pane.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#profileWrapper .content-wrapper .title-wrapper {
  line-height: 1;
  border: 0;
  margin: 0;
  padding-top: 20px;
}
#profileWrapper .content-wrapper .title-wrapper h2.title {
  font-weight: normal;
  font-size: 32px;
  line-height: 32px;
  margin-top: 10px;
  color: #212127;
}
#profileWrapper .content-wrapper #profile-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#profileWrapper .content-wrapper #profile-data .profile-settings {
  width: 65%;
  vertical-align: top;
}
@media only screen and (max-width: 767px) {
  #profileWrapper .content-wrapper #profile-data .profile-settings {
    width: 100%;
  }
}
#profileWrapper .content-wrapper #profile-data .profile-settings #user-details-create-new-password {
  width: 537px;
  position: relative;
}
@media only screen and (max-width: 1150px) {
  #profileWrapper .content-wrapper #profile-data .profile-settings #user-details-create-new-password {
    width: 402px;
  }
}
@media only screen and (max-width: 650px) {
  #profileWrapper .content-wrapper #profile-data .profile-settings #user-details-create-new-password {
    width: 100%;
  }
}
#profileWrapper .content-wrapper #profile-data .profile-settings #user-details-create-new-password .ext-input {
  border-bottom: 0;
}
#profileWrapper .content-wrapper #profile-data .profile-settings #user-details-create-new-password .ext-input .input-wrapper {
  margin-bottom: 30px;
  border: 1px solid #E1E1E5;
  position: relative;
  height: 48px;
  border-radius: 8px 8px 8px 8px;
}
#profileWrapper .content-wrapper #profile-data .profile-settings #user-details-create-new-password .ext-input .input-wrapper input {
  line-height: 33px;
  padding: 14px 48px 16px 24px;
  height: 48px;
  background: transparent;
}
#profileWrapper .content-wrapper #profile-data .profile-settings #user-details-create-new-password .ext-input .input-wrapper .showpass {
  position: absolute;
  width: 24px;
  height: 24px;
  cursor: pointer;
  right: 13px;
  border: none;
  bottom: 0;
  margin-bottom: 12px;
  background: transparent url("/images/default/eye.png") no-repeat;
  background-position: 0 -24px;
}
#profileWrapper .content-wrapper #profile-data .profile-settings #user-details-create-new-password .ext-input .input-wrapper .showpass:hover,
#profileWrapper .content-wrapper #profile-data .profile-settings #user-details-create-new-password .ext-input .input-wrapper .showpass:focus {
  outline: none;
}
#profileWrapper .content-wrapper #profile-data .profile-settings #user-details-create-new-password .ext-input .input-wrapper.shown .showpass {
  background-position: 0 0;
}
#profileWrapper .content-wrapper #profile-data .profile-settings #user-details-create-new-password .ext-input.error .input-wrapper {
  border: 1px solid #f0505a;
  border-radius: 8px 8px 8px 8px;
}
#profileWrapper .content-wrapper #profile-data .profile-settings #user-details-create-new-password .create-password-error {
  bottom: 50%;
  margin-bottom: -112px;
  font-weight: normal;
  height: 40px;
  font-size: 12px;
  line-height: 1.1;
  color: #f0505a;
  position: absolute;
}
#profileWrapper .content-wrapper #profile-data .profile-settings #user-details-create-new-password .create-password-button {
  font-weight: bold;
  font-size: 14px;
  line-height: 30px;
  width: 186px;
  height: 32px;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .ext-input .label-wrapper {
  position: static;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .ext-input .label-wrapper .label-text {
  display: inline-block;
  vertical-align: middle;
  height: auto;
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
  color: black;
  margin-top: 10px;
  margin-bottom: 8px;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .ext-input .label-wrapper .error-wrapper {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .ext-input .label-wrapper .error-wrapper .error-text {
  font-weight: normal;
  font-size: 12px;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .ext-input .input-wrapper {
  position: static;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .ext-input .input-wrapper input[type="text"],
#profileWrapper .content-wrapper #profile-data .profile-settings .ext-input .input-wrapper input[type="password"] {
  padding-top: 0;
  height: 50px;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper {
  padding: 0;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .avatar-wrapper {
  border: 0;
  height: auto;
  padding: 20px 0;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .avatar-wrapper .avatar-container {
  width: 142px;
  height: 142px;
  border: 1px solid #ededed;
  border-radius: 50% 50% 50% 50%;
  overflow: hidden;
  float: none;
  display: inline-block;
  vertical-align: bottom;
  margin: 0;
}
@media only screen and (max-width: 650px) {
  #profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .avatar-wrapper .avatar-container {
    width: 140px;
    height: 140px;
  }
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .avatar-wrapper .avatar-container img#userAvatar {
  width: 100%;
  height: auto;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .avatar-wrapper .buttons-wrapper {
  display: inline-block;
  vertical-align: bottom;
  font-size: 18px;
  padding: 0 0 0 30px;
  height: auto;
  line-height: 1;
}
@media only screen and (max-width: 650px) {
  #profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .avatar-wrapper .buttons-wrapper {
    font-size: 16px;
    padding: 0 0 0 16px;
  }
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .avatar-wrapper .buttons-wrapper .actions > a {
  display: block;
  height: 26px;
  line-height: 26px;
  text-decoration: underline;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .avatar-wrapper .buttons-wrapper .actions > a:hover {
  text-decoration: none;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .avatar-wrapper .buttons-wrapper .actions #changeAvatar {
  width: auto;
  color: black;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .avatar-wrapper .buttons-wrapper .actions #removeAvatar {
  display: none;
  width: auto;
  height: 22px;
  line-height: 22px;
  color: #f0505a;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .avatar-wrapper .buttons-wrapper .actions #removeAvatar.visible {
  display: block;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .profile-form {
  width: 100%;
  margin-bottom: 30px;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .profile-form .ext-input {
  height: auto;
  border: 0;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .profile-form .ext-input .input-wrapper #updateName {
  font-size: 44px;
  font-weight: normal;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .profile-form .ext-input .input-wrapper .tmp-phone {
  height: 33px;
  padding: 0 10px;
  border-bottom: 1px solid #C5C5CC;
  font-size: 18px;
  line-height: 20px;
  color: black;
  float: none;
  width: 100%;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .profile-form form#profileForm {
  margin-bottom: 30px;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .profile-form form#profileForm .buttons-wrapper {
  float: none;
  padding: 0;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .profile-form form#profileForm .buttons-wrapper .update {
  border-radius: 24px 24px 24px 24px;
  position: relative;
  width: 186px;
  height: 32px;
  font-weight: bold;
  font-size: 14px;
  line-height: 30px;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .profile-form form#profileForm #phoneContainer {
  width: 538px;
  height: 100px;
  font-size: 24px;
  font-weight: normal;
  line-height: 22px;
  margin-bottom: 15px;
}
@media only screen and (max-width: 1150px) {
  #profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .profile-form form#profileForm #phoneContainer {
    width: 402px;
  }
}
@media only screen and (max-width: 650px) {
  #profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .profile-form form#profileForm #phoneContainer {
    width: 100%;
  }
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .profile-form form#profileForm #phoneContainer .input-wrapper {
  top: 20px;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .profile-form form#profileForm #phoneContainer .phone-control {
  margin-top: 4px;
  line-height: 1.1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .profile-form form#profileForm #phoneContainer .phone-control .code-container {
  width: 94px;
  border: 0;
  margin-top: 9px;
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
  margin-right: 18px;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .profile-form form#profileForm #phoneContainer .phone-control .code-container hr {
  display: none;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .profile-form form#profileForm #phoneContainer .phone-control .code-container::after {
  content: "";
  display: block;
  width: 100%;
  border-bottom: 1px solid #C5C5CC;
  margin-top: 3px;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .profile-form form#profileForm #phoneContainer .phone-control .code-container .arrow-down {
  margin-top: 7px;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .profile-form form#profileForm #phoneContainer .phone-control .code-container .country {
  display: inline-block;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .profile-form form#profileForm #phoneContainer .phone-control .number-phone {
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .profile-form form#profileForm #phoneContainer .phone-control .number-phone hr {
  display: none;
}
@media only screen and (max-width: 413px) {
  #profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .profile-form form#profileForm #phoneContainer .phone-control .number-phone {
    width: 188px;
  }
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .profile-form form#profileForm #phoneContainer .phone-control .popup-list-container {
  left: 0;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .profile-form form#profileForm .info-wrapper {
  display: none;
  margin-top: 10px;
  font-size: 18px;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .profile-form form#confirmMobileForm {
  width: 500px;
  border: 1px solid #f0505a;
  border-radius: 13px 13px 13px 13px;
  padding: 10px 30px 0;
  display: none;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .profile-form form#confirmMobileForm .info-wrapper {
  padding: 10px 0;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .profile-form form#confirmMobileForm .info-wrapper .info {
  font-size: 18px;
  color: #00aabe;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .profile-form form#confirmMobileForm .ext-input .label-wrapper {
  top: 0;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .profile-form form#confirmMobileForm .ext-input .input-wrapper {
  top: 0;
  margin: 5px 0 10px;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .profile-form form#confirmMobileForm .ext-input .input-wrapper input[type="text"] {
  border: 1px solid #00aabe;
  border-radius: 20px 20px 20px 20px;
  height: 33px;
  line-height: 33px;
  padding: 0 15px;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .profile-form form#confirmMobileForm .buttons-wrapper {
  padding: 10px 0 20px 0;
  white-space: nowrap;
  position: relative;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .profile-form form#confirmMobileForm .buttons-wrapper .confirm-code {
  width: 188px;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .profile-form form#confirmMobileForm .buttons-wrapper .resend-code {
  width: 220px;
  margin-left: 30px;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .profile-form form#confirmMobileForm .buttons-wrapper #resendCodeElseAfter {
  position: absolute;
  white-space: pre-wrap;
  top: 0;
  right: 0;
  width: 220px;
  margin-left: 30px;
  margin-top: 10px;
  line-height: 1.1;
  height: auto;
  padding: 0 10px;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .profile-form form#confirmMobileForm .buttons-wrapper #resendCodeElseAfter .code-button {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .profile-form form#confirmMobileForm .buttons-wrapper #resendCodeElseAfter p {
  font-size: 14px;
  text-align: center;
  margin: 0;
  font-weight: normal;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .profile-form.code-sent #profileForm .info-wrapper {
  display: none;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .profile-form.code-sent #confirmMobileForm {
  display: block;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper {
  width: 537px;
  float: none;
}
@media only screen and (max-width: 1150px) {
  #profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper,
  #profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper {
    width: 402px;
  }
}
@media only screen and (max-width: 650px) {
  #profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper,
  #profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper {
    width: 100%;
  }
}
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #changePasswordForm,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #changePasswordForm,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-change-email,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-change-email,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-create-email,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-create-email {
  margin-top: 15px;
  position: relative;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #changePasswordForm .ext-input,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #changePasswordForm .ext-input,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-change-email .ext-input,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-change-email .ext-input,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-create-email .ext-input,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-create-email .ext-input {
  border: 0;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #changePasswordForm .ext-input .input-wrapper,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #changePasswordForm .ext-input .input-wrapper,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-change-email .ext-input .input-wrapper,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-change-email .ext-input .input-wrapper,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-create-email .ext-input .input-wrapper,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-create-email .ext-input .input-wrapper {
  border: 1px solid #E1E1E5;
  border-radius: 8px 8px 8px 8px;
  height: 48px;
  overflow: hidden;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #changePasswordForm .ext-input .input-wrapper input[type="password"],
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #changePasswordForm .ext-input .input-wrapper input[type="password"],
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-change-email .ext-input .input-wrapper input[type="password"],
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-change-email .ext-input .input-wrapper input[type="password"],
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-create-email .ext-input .input-wrapper input[type="password"],
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-create-email .ext-input .input-wrapper input[type="password"],
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #changePasswordForm .ext-input .input-wrapper input[type="text"],
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #changePasswordForm .ext-input .input-wrapper input[type="text"],
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-change-email .ext-input .input-wrapper input[type="text"],
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-change-email .ext-input .input-wrapper input[type="text"],
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-create-email .ext-input .input-wrapper input[type="text"],
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-create-email .ext-input .input-wrapper input[type="text"],
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #changePasswordForm .ext-input .input-wrapper input[name="change_email"],
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #changePasswordForm .ext-input .input-wrapper input[name="change_email"],
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-change-email .ext-input .input-wrapper input[name="change_email"],
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-change-email .ext-input .input-wrapper input[name="change_email"],
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-create-email .ext-input .input-wrapper input[name="change_email"],
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-create-email .ext-input .input-wrapper input[name="change_email"],
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #changePasswordForm .ext-input .input-wrapper input[name="create_email"],
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #changePasswordForm .ext-input .input-wrapper input[name="create_email"],
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-change-email .ext-input .input-wrapper input[name="create_email"],
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-change-email .ext-input .input-wrapper input[name="create_email"],
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-create-email .ext-input .input-wrapper input[name="create_email"],
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-create-email .ext-input .input-wrapper input[name="create_email"] {
  line-height: 33px;
  height: 48px;
  padding: 14px 48px 16px 24px;
  background-color: transparent;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #changePasswordForm .ext-input .input-wrapper input[type="password"]::-webkit-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #changePasswordForm .ext-input .input-wrapper input[type="password"]::-webkit-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-change-email .ext-input .input-wrapper input[type="password"]::-webkit-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-change-email .ext-input .input-wrapper input[type="password"]::-webkit-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-create-email .ext-input .input-wrapper input[type="password"]::-webkit-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-create-email .ext-input .input-wrapper input[type="password"]::-webkit-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #changePasswordForm .ext-input .input-wrapper input[type="text"]::-webkit-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #changePasswordForm .ext-input .input-wrapper input[type="text"]::-webkit-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-change-email .ext-input .input-wrapper input[type="text"]::-webkit-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-change-email .ext-input .input-wrapper input[type="text"]::-webkit-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-create-email .ext-input .input-wrapper input[type="text"]::-webkit-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-create-email .ext-input .input-wrapper input[type="text"]::-webkit-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #changePasswordForm .ext-input .input-wrapper input[name="change_email"]::-webkit-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #changePasswordForm .ext-input .input-wrapper input[name="change_email"]::-webkit-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-change-email .ext-input .input-wrapper input[name="change_email"]::-webkit-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-change-email .ext-input .input-wrapper input[name="change_email"]::-webkit-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-create-email .ext-input .input-wrapper input[name="change_email"]::-webkit-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-create-email .ext-input .input-wrapper input[name="change_email"]::-webkit-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #changePasswordForm .ext-input .input-wrapper input[name="create_email"]::-webkit-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #changePasswordForm .ext-input .input-wrapper input[name="create_email"]::-webkit-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-change-email .ext-input .input-wrapper input[name="create_email"]::-webkit-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-change-email .ext-input .input-wrapper input[name="create_email"]::-webkit-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-create-email .ext-input .input-wrapper input[name="create_email"]::-webkit-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-create-email .ext-input .input-wrapper input[name="create_email"]::-webkit-input-placeholder {
  color: white;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #changePasswordForm .ext-input .input-wrapper input[type="password"]::-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #changePasswordForm .ext-input .input-wrapper input[type="password"]::-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-change-email .ext-input .input-wrapper input[type="password"]::-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-change-email .ext-input .input-wrapper input[type="password"]::-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-create-email .ext-input .input-wrapper input[type="password"]::-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-create-email .ext-input .input-wrapper input[type="password"]::-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #changePasswordForm .ext-input .input-wrapper input[type="text"]::-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #changePasswordForm .ext-input .input-wrapper input[type="text"]::-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-change-email .ext-input .input-wrapper input[type="text"]::-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-change-email .ext-input .input-wrapper input[type="text"]::-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-create-email .ext-input .input-wrapper input[type="text"]::-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-create-email .ext-input .input-wrapper input[type="text"]::-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #changePasswordForm .ext-input .input-wrapper input[name="change_email"]::-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #changePasswordForm .ext-input .input-wrapper input[name="change_email"]::-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-change-email .ext-input .input-wrapper input[name="change_email"]::-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-change-email .ext-input .input-wrapper input[name="change_email"]::-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-create-email .ext-input .input-wrapper input[name="change_email"]::-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-create-email .ext-input .input-wrapper input[name="change_email"]::-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #changePasswordForm .ext-input .input-wrapper input[name="create_email"]::-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #changePasswordForm .ext-input .input-wrapper input[name="create_email"]::-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-change-email .ext-input .input-wrapper input[name="create_email"]::-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-change-email .ext-input .input-wrapper input[name="create_email"]::-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-create-email .ext-input .input-wrapper input[name="create_email"]::-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-create-email .ext-input .input-wrapper input[name="create_email"]::-moz-placeholder {
  color: white;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #changePasswordForm .ext-input .input-wrapper input[type="password"]:-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #changePasswordForm .ext-input .input-wrapper input[type="password"]:-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-change-email .ext-input .input-wrapper input[type="password"]:-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-change-email .ext-input .input-wrapper input[type="password"]:-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-create-email .ext-input .input-wrapper input[type="password"]:-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-create-email .ext-input .input-wrapper input[type="password"]:-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #changePasswordForm .ext-input .input-wrapper input[type="text"]:-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #changePasswordForm .ext-input .input-wrapper input[type="text"]:-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-change-email .ext-input .input-wrapper input[type="text"]:-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-change-email .ext-input .input-wrapper input[type="text"]:-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-create-email .ext-input .input-wrapper input[type="text"]:-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-create-email .ext-input .input-wrapper input[type="text"]:-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #changePasswordForm .ext-input .input-wrapper input[name="change_email"]:-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #changePasswordForm .ext-input .input-wrapper input[name="change_email"]:-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-change-email .ext-input .input-wrapper input[name="change_email"]:-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-change-email .ext-input .input-wrapper input[name="change_email"]:-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-create-email .ext-input .input-wrapper input[name="change_email"]:-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-create-email .ext-input .input-wrapper input[name="change_email"]:-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #changePasswordForm .ext-input .input-wrapper input[name="create_email"]:-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #changePasswordForm .ext-input .input-wrapper input[name="create_email"]:-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-change-email .ext-input .input-wrapper input[name="create_email"]:-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-change-email .ext-input .input-wrapper input[name="create_email"]:-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-create-email .ext-input .input-wrapper input[name="create_email"]:-moz-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-create-email .ext-input .input-wrapper input[name="create_email"]:-moz-placeholder {
  color: white;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #changePasswordForm .ext-input .input-wrapper input[type="password"]:-ms-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #changePasswordForm .ext-input .input-wrapper input[type="password"]:-ms-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-change-email .ext-input .input-wrapper input[type="password"]:-ms-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-change-email .ext-input .input-wrapper input[type="password"]:-ms-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-create-email .ext-input .input-wrapper input[type="password"]:-ms-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-create-email .ext-input .input-wrapper input[type="password"]:-ms-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #changePasswordForm .ext-input .input-wrapper input[type="text"]:-ms-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #changePasswordForm .ext-input .input-wrapper input[type="text"]:-ms-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-change-email .ext-input .input-wrapper input[type="text"]:-ms-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-change-email .ext-input .input-wrapper input[type="text"]:-ms-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-create-email .ext-input .input-wrapper input[type="text"]:-ms-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-create-email .ext-input .input-wrapper input[type="text"]:-ms-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #changePasswordForm .ext-input .input-wrapper input[name="change_email"]:-ms-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #changePasswordForm .ext-input .input-wrapper input[name="change_email"]:-ms-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-change-email .ext-input .input-wrapper input[name="change_email"]:-ms-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-change-email .ext-input .input-wrapper input[name="change_email"]:-ms-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-create-email .ext-input .input-wrapper input[name="change_email"]:-ms-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-create-email .ext-input .input-wrapper input[name="change_email"]:-ms-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #changePasswordForm .ext-input .input-wrapper input[name="create_email"]:-ms-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #changePasswordForm .ext-input .input-wrapper input[name="create_email"]:-ms-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-change-email .ext-input .input-wrapper input[name="create_email"]:-ms-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-change-email .ext-input .input-wrapper input[name="create_email"]:-ms-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-create-email .ext-input .input-wrapper input[name="create_email"]:-ms-input-placeholder,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-create-email .ext-input .input-wrapper input[name="create_email"]:-ms-input-placeholder {
  color: white;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #changePasswordForm .ext-input .input-wrapper .showpass,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #changePasswordForm .ext-input .input-wrapper .showpass,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-change-email .ext-input .input-wrapper .showpass,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-change-email .ext-input .input-wrapper .showpass,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-create-email .ext-input .input-wrapper .showpass,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-create-email .ext-input .input-wrapper .showpass {
  position: absolute;
  width: 24px;
  height: 24px;
  cursor: pointer;
  right: 13px;
  border: none;
  bottom: 0;
  margin-bottom: 12px;
  background: transparent url("/images/default/eye.png") no-repeat;
  background-position: 0 -24px;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #changePasswordForm .ext-input .input-wrapper .showpass:hover,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #changePasswordForm .ext-input .input-wrapper .showpass:hover,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-change-email .ext-input .input-wrapper .showpass:hover,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-change-email .ext-input .input-wrapper .showpass:hover,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-create-email .ext-input .input-wrapper .showpass:hover,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-create-email .ext-input .input-wrapper .showpass:hover,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #changePasswordForm .ext-input .input-wrapper .showpass:focus,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #changePasswordForm .ext-input .input-wrapper .showpass:focus,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-change-email .ext-input .input-wrapper .showpass:focus,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-change-email .ext-input .input-wrapper .showpass:focus,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-create-email .ext-input .input-wrapper .showpass:focus,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-create-email .ext-input .input-wrapper .showpass:focus {
  outline: none;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #changePasswordForm .ext-input .input-wrapper.shown .showpass,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #changePasswordForm .ext-input .input-wrapper.shown .showpass,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-change-email .ext-input .input-wrapper.shown .showpass,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-change-email .ext-input .input-wrapper.shown .showpass,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-create-email .ext-input .input-wrapper.shown .showpass,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-create-email .ext-input .input-wrapper.shown .showpass {
  background-position: 0 0;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #changePasswordForm .ext-input .label-wrapper,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #changePasswordForm .ext-input .label-wrapper,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-change-email .ext-input .label-wrapper,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-change-email .ext-input .label-wrapper,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-create-email .ext-input .label-wrapper,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-create-email .ext-input .label-wrapper {
  position: static;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #changePasswordForm .ext-input.error .input-wrapper,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #changePasswordForm .ext-input.error .input-wrapper,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-change-email .ext-input.error .input-wrapper,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-change-email .ext-input.error .input-wrapper,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-create-email .ext-input.error .input-wrapper,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-create-email .ext-input.error .input-wrapper {
  border: 1px solid #f0505a;
  border-radius: 8px 8px 8px 8px;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #changePasswordForm .buttons-wrapper,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #changePasswordForm .buttons-wrapper,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-change-email .buttons-wrapper,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-change-email .buttons-wrapper,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-create-email .buttons-wrapper,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-create-email .buttons-wrapper {
  margin: 44px 0 10px;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #changePasswordForm .buttons-wrapper .button-style,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #changePasswordForm .buttons-wrapper .button-style,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-change-email .buttons-wrapper .button-style,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-change-email .buttons-wrapper .button-style,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-create-email .buttons-wrapper .button-style,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-create-email .buttons-wrapper .button-style {
  width: 186px;
  height: 32px;
  line-height: 30px;
  font-weight: bold;
  font-size: 14px;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #changePasswordForm .buttons-wrapper .change-password,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #changePasswordForm .buttons-wrapper .change-password,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-change-email .buttons-wrapper .change-password,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-change-email .buttons-wrapper .change-password,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-create-email .buttons-wrapper .change-password,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-create-email .buttons-wrapper .change-password {
  width: auto;
}
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #changePasswordForm .change-email-errors,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #changePasswordForm .change-email-errors,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-change-email .change-email-errors,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-change-email .change-email-errors,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-create-email .change-email-errors,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-create-email .change-email-errors,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #changePasswordForm .change-password-errors,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #changePasswordForm .change-password-errors,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-change-email .change-password-errors,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-change-email .change-password-errors,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-create-email .change-password-errors,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-create-email .change-password-errors,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #changePasswordForm .create-email-errors,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #changePasswordForm .create-email-errors,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-change-email .create-email-errors,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-change-email .create-email-errors,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-password-wrapper #user-details-create-email .create-email-errors,
#profileWrapper .content-wrapper #profile-data .profile-settings .change-mail-wrapper #user-details-create-email .create-email-errors {
  position: absolute;
  font-size: 12px;
  font-weight: normal;
  color: #f0505a;
  bottom: 0;
  margin-bottom: 58px;
}
#profileWrapper .content-wrapper #profile-data .sidebar-right {
  width: 30%;
  vertical-align: top;
}
@media only screen and (max-width: 767px) {
  #profileWrapper .content-wrapper #profile-data .sidebar-right {
    float: left;
    width: 100%;
  }
}
#profileWrapper .content-wrapper #profile-data .sidebar-right .balance-wrapper {
  padding-left: 30px;
}
@media only screen and (max-width: 767px) {
  #profileWrapper .content-wrapper #profile-data .sidebar-right .balance-wrapper {
    padding: 21px 16px;
    margin-top: 24px;
    background: #E4F5F7;
    position: relative;
  }
}
@media only screen and (max-width: 767px) {
  #profileWrapper .content-wrapper #profile-data .sidebar-right .balance-wrapper .title-wrapper {
    padding-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  #profileWrapper .content-wrapper #profile-data .sidebar-right .balance-wrapper .title-wrapper .title {
    font-weight: bold;
    font-size: 24px;
    line-height: 24px;
    color: #212127;
    margin-top: 0;
    padding-top: 0;
  }
}
#profileWrapper .content-wrapper #profile-data .sidebar-right .balance-wrapper .balance-value {
  color: #00aabe;
  font-size: 48px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 767px) {
  #profileWrapper .content-wrapper #profile-data .sidebar-right .balance-wrapper .balance-value {
    font-size: 32px;
    line-height: 32px;
  }
}
#profileWrapper .content-wrapper #profile-data .sidebar-right .balance-wrapper .add-balance {
  margin: 10px 0 20px;
  font-weight: bold;
  font-size: 14px;
  line-height: 30px;
  height: 32px;
  width: 186px;
}
@media only screen and (max-width: 767px) {
  #profileWrapper .content-wrapper #profile-data .sidebar-right .balance-wrapper .add-balance {
    position: absolute;
    top: 50%;
    right: 21px;
    margin-top: -17px;
    width: 121px;
    overflow: hidden;
  }
}
#profileWrapper .content-wrapper #profile-data .sidebar-right .balance-wrapper .transaction-history {
  display: block;
  color: black;
  font-size: 18px;
  line-height: 22px;
  text-decoration: underline;
}
@media only screen and (max-width: 767px) {
  #profileWrapper .content-wrapper #profile-data .sidebar-right .balance-wrapper .transaction-history {
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
  }
}
@media only screen and (max-width: 767px) {
  #profileWrapper .content-wrapper #documents-data {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#profileWrapper .content-wrapper #documents-data .title-wrapper {
  text-align: justify;
  text-justify: inter-word;
}
#profileWrapper .content-wrapper #documents-data .title-wrapper > * {
  display: inline-block;
  vertical-align: middle;
}
#profileWrapper .content-wrapper #documents-data .title-wrapper::after {
  content: "";
  display: inline-block;
  width: 100%;
}
#profileWrapper .content-wrapper #documents-data .title-wrapper .title {
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  #profileWrapper .content-wrapper #documents-data .title-wrapper .title {
    font-size: 28px;
    line-height: 28px;
    width: 200px;
  }
}
#profileWrapper .content-wrapper #documents-data .upload-document {
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  color: black;
  text-decoration: underline;
  margin-top: 10px;
}
#profileWrapper .content-wrapper #documents-data .upload-document:hover {
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  #profileWrapper .content-wrapper #documents-data .upload-document {
    font-size: 16px;
    line-height: 20px;
    width: 100px;
    text-align: right;
  }
}
#profileWrapper .content-wrapper #documents-data .upload-document.sending {
  background: none;
  border: 0;
}
@media only screen and (max-width: 767px) {
  #profileWrapper .content-wrapper #documents-data .documents-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#profileWrapper .content-wrapper #documents-data .documents-wrapper .document-item {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 40px;
  margin-right: 30px;
}
@media only screen and (max-width: 1150px) {
  #profileWrapper .content-wrapper #documents-data .documents-wrapper .document-item {
    margin-right: 21px;
  }
}
@media only screen and (max-width: 767px) {
  #profileWrapper .content-wrapper #documents-data .documents-wrapper .document-item {
    margin: 0 0 16px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#profileWrapper .content-wrapper #documents-data .documents-wrapper .document-item:nth-child(4n+4) {
  margin-right: 0;
}
@media only screen and (max-width: 1240px) {
  #profileWrapper .content-wrapper #documents-data .documents-wrapper .document-item:nth-child(4n+4) {
    margin-right: 30px;
  }
}
@media only screen and (max-width: 1150px) {
  #profileWrapper .content-wrapper #documents-data .documents-wrapper .document-item:nth-child(4n+4) {
    margin-right: 21px;
  }
}
@media only screen and (max-width: 767px) {
  #profileWrapper .content-wrapper #documents-data .documents-wrapper .document-item:nth-child(4n+4) {
    margin-right: 0;
  }
}
#profileWrapper .content-wrapper #documents-data .documents-wrapper .document-item .thumb-wrapper {
  text-align: center;
  border: 1px solid #8B8B9A;
  overflow: hidden;
  font-size: 0;
  cursor: pointer;
  position: relative;
  width: 255px;
  height: 255px;
}
@media only screen and (max-width: 1150px) {
  #profileWrapper .content-wrapper #documents-data .documents-wrapper .document-item .thumb-wrapper {
    width: 216px;
    height: 216px;
  }
}
@media only screen and (max-width: 767px) {
  #profileWrapper .content-wrapper #documents-data .documents-wrapper .document-item .thumb-wrapper {
    width: 100px;
    height: 100px;
    margin-right: 24px;
  }
}
#profileWrapper .content-wrapper #documents-data .documents-wrapper .document-item .thumb-wrapper.special-icon::before {
  content: "";
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
#profileWrapper .content-wrapper #documents-data .documents-wrapper .document-item .thumb-wrapper > img {
  width: 100%;
}
#profileWrapper .content-wrapper #documents-data .documents-wrapper .document-item .thumb-wrapper:hover .delete {
  opacity: 1;
}
#profileWrapper .content-wrapper #documents-data .documents-wrapper .document-item .thumb-wrapper .delete {
  background: url('/images/default/trash-icon.png') no-repeat;
  background-color: rgba(255, 255, 255, 0.3);
  background-position: center;
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 6px;
  bottom: 6px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
#profileWrapper .content-wrapper #documents-data .documents-wrapper .document-item .doc-info {
  margin-top: 32px;
  font-size: 18px;
  font-weight: normal;
  color: black;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  #profileWrapper .content-wrapper #documents-data .documents-wrapper .document-item .doc-info {
    margin-top: 0;
  }
}
@media only screen and (max-width: 413px) {
  #profileWrapper .content-wrapper #documents-data .documents-wrapper .document-item .doc-info {
    width: 200px;
    font-size: 16px;
  }
}
#profileWrapper .content-wrapper #documents-data .documents-wrapper .document-item .doc-info .name {
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  cursor: pointer;
  width: 255px;
}
@media only screen and (max-width: 1150px) {
  #profileWrapper .content-wrapper #documents-data .documents-wrapper .document-item .doc-info .name {
    width: 216px;
  }
}
@media only screen and (max-width: 767px) {
  #profileWrapper .content-wrapper #documents-data .documents-wrapper .document-item .doc-info .name {
    width: 100px;
  }
}
#profileWrapper .content-wrapper #documents-data .documents-wrapper .document-item .doc-info .name:hover {
  color: #00aabe;
}
#profileWrapper .content-wrapper #documents-data .documents-wrapper .document-item .doc-info .name a {
  color: inherit;
}
#profileWrapper .content-wrapper #documents-data .send-message-wrapper {
  width: 100%;
}
#profileWrapper .content-wrapper #documents-data .send-message-wrapper .progress {
  margin-top: 16px;
}
#profileWrapper .content-wrapper #documents-data .send-message-wrapper .progress .progress-bar {
  background-color: #00aabe;
}
#profileWrapper #helpLoader {
  opacity: 0;
  height: 90px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: -1;
}
#profileWrapper #helpLoader .loader-lines {
  width: 50px;
  height: 40px;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  margin: -20px auto 20px;
  text-align: center;
}
#profileWrapper #helpLoader .loader-lines div {
  background-color: #08c0de;
  height: 100%;
  width: 6px;
  border-radius: 3px 3px 3px 3px;
  display: inline-block;
  -webkit-animation: loader 1.2s infinite ease-in-out;
  animation: loader 1.2s infinite ease-in-out;
}
#profileWrapper #helpLoader .loader-lines div.item-2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
#profileWrapper #helpLoader .loader-lines div.item-3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
#profileWrapper #helpLoader .loader-lines div.item-4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
#profileWrapper #helpLoader .loader-lines div.item-5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
#profileWrapper #helpLoader.visible {
  opacity: 1;
  z-index: 100;
}
.bg-inner {
  background: #F6FAFB;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  padding: 24px !important;
  margin-top: 48px !important;
  width: 1140px !important;
  border-bottom: 1px solid #E1E1E5;
}
@media only screen and (max-width: 1240px) {
  .bg-inner {
    width: 100% !important;
  }
}
.bg-inner h3 {
  margin: 0 0 8px;
  font-weight: normal;
  font-size: 32px;
  line-height: 38px;
  color: #212127;
}
@media only screen and (max-width: 767px) {
  .bg-inner h3 {
    font-size: 28px;
    line-height: 28px;
  }
}
.bg-inner p {
  margin: 0;
  color: #717181;
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
}
@media only screen and (max-width: 767px) {
  .bg-inner p {
    font-size: 16px;
  }
}
.bg-inner p span {
  color: #0A8F2B !important;
}
.repeat-slick {
  width: 1140px;
  margin: 0 auto;
  background: #F6FAFB;
  position: relative;
  padding: 24px 80px 36px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
@media only screen and (max-width: 1240px) {
  .repeat-slick {
    width: 100%;
  }
}
@media only screen and (max-width: 1150px) {
  .repeat-slick {
    padding: 16px 16px 74px 16px;
  }
}
.repeat-slick .arrow {
  position: absolute;
  display: inline-block;
  text-indent: -9999px;
  width: 50px;
  height: 50px;
  z-index: 10;
  top: 50%;
  margin: -38px 0 0;
  cursor: pointer;
  border: none;
  background: url('/images/default/arrows/Slide_control.png') no-repeat;
}
@media only screen and (max-width: 1150px) {
  .repeat-slick .arrow {
    top: auto;
    bottom: 16px;
  }
}
.repeat-slick .arrow.prev {
  left: 15px;
  background-origin: 0 0;
}
.repeat-slick .arrow.next {
  right: 15px;
  overflow: hidden;
  background-position: -50px 0;
}
@media only screen and (max-width: 1150px) {
  .repeat-slick .arrow.next {
    right: auto;
    left: 74px;
  }
}
.repeat-slick .arrow.disabled {
  display: none !important;
}
.repeat-slick .slick-list {
  background: white;
  -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
  border-radius: 8px 8px 8px 8px;
}
.repeat-slick .repeat-doctor .wrap-slick {
  padding: 24px;
}
@media only screen and (max-width: 767px) {
  .repeat-slick .repeat-doctor .wrap-slick {
    padding: 16px;
  }
}
.repeat-slick .repeat-doctor .wrap-slick .repeat-doctor-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.repeat-slick .repeat-doctor .wrap-slick .repeat-doctor-info .avatar-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .repeat-slick .repeat-doctor .wrap-slick .repeat-doctor-info .avatar-block {
    margin-right: 0;
  }
}
.repeat-slick .repeat-doctor .wrap-slick .repeat-doctor-info .avatar-block .image-content {
  width: auto;
  margin-right: 16px;
}
.repeat-slick .repeat-doctor .wrap-slick .repeat-doctor-info .avatar-block .image-content a {
  width: 64px;
  height: 64px;
  display: block;
  overflow: hidden;
  border: 3px solid rgba(194, 206, 208, 0.35);
  border-radius: 50% 50% 50% 50%;
}
.repeat-slick .repeat-doctor .wrap-slick .repeat-doctor-info .avatar-block .image-content a img {
  max-width: 100%;
  vertical-align: top;
}
.repeat-slick .repeat-doctor .wrap-slick .repeat-doctor-info .avatar-block .about-doctor {
  width: 371px;
  margin-right: 30px;
}
@media only screen and (max-width: 1240px) {
  .repeat-slick .repeat-doctor .wrap-slick .repeat-doctor-info .avatar-block .about-doctor {
    width: 278px;
  }
}
@media only screen and (max-width: 1150px) {
  .repeat-slick .repeat-doctor .wrap-slick .repeat-doctor-info .avatar-block .about-doctor {
    width: 252px;
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .repeat-slick .repeat-doctor .wrap-slick .repeat-doctor-info .avatar-block .about-doctor {
    width: 86%;
  }
}
@media only screen and (max-width: 650px) {
  .repeat-slick .repeat-doctor .wrap-slick .repeat-doctor-info .avatar-block .about-doctor {
    width: 70%;
  }
}
.repeat-slick .repeat-doctor .wrap-slick .repeat-doctor-info .avatar-block .about-doctor .name {
  margin-bottom: 8px;
}
@media only screen and (max-width: 1150px) {
  .repeat-slick .repeat-doctor .wrap-slick .repeat-doctor-info .avatar-block .about-doctor .name {
    width: 230px;
  }
}
.repeat-slick .repeat-doctor .wrap-slick .repeat-doctor-info .avatar-block .about-doctor .name a {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: #212127;
}
.repeat-slick .repeat-doctor .wrap-slick .repeat-doctor-info .avatar-block .about-doctor .profession {
  margin-bottom: 0;
}
.repeat-slick .repeat-doctor .wrap-slick .repeat-doctor-info .avatar-block .about-doctor .profession a {
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
  color: #212127;
}
@media only screen and (max-width: 767px) {
  .repeat-slick .repeat-doctor .wrap-slick .repeat-doctor-info .avatar-block .about-doctor .profession a {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .repeat-slick .repeat-doctor .wrap-slick .repeat-doctor-info .avatar-block .about-doctor .profession {
    margin-bottom: 20px;
  }
}
.repeat-slick .repeat-doctor .wrap-slick .repeat-doctor-info .record-block {
  width: 370px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 1240px) {
  .repeat-slick .repeat-doctor .wrap-slick .repeat-doctor-info .record-block {
    width: 270px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .repeat-slick .repeat-doctor .wrap-slick .repeat-doctor-info .record-block {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.repeat-slick .repeat-doctor .wrap-slick .repeat-doctor-info .record-block .pay-cash {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.repeat-slick .repeat-doctor .wrap-slick .repeat-doctor-info .record-block .chosen-price-value {
  font-weight: normal;
  width: 100%;
  font-size: 16px;
  line-height: 18px;
  color: #8B8B9A;
  text-decoration: line-through;
}
.repeat-slick .repeat-doctor .wrap-slick .repeat-doctor-info .record-block .price-value {
  font-weight: bold;
  font-size: 30px;
  line-height: 30px;
  color: #212127;
}
@media only screen and (max-width: 650px) {
  .repeat-slick .repeat-doctor .wrap-slick .repeat-doctor-info .record-block .price-value {
    font-size: 28px;
  }
}
.repeat-slick .repeat-doctor .wrap-slick .repeat-doctor-info .record-block .price-value .rub {
  font-weight: normal;
  font-size: 30px;
  line-height: 30px;
  color: #8B8B9A;
  text-indent: 0;
}
@media only screen and (max-width: 650px) {
  .repeat-slick .repeat-doctor .wrap-slick .repeat-doctor-info .record-block .price-value .rub {
    font-size: 28px;
  }
}
.repeat-slick .repeat-doctor .wrap-slick .repeat-doctor-info .record-block .small-button {
  margin: 0;
  font-weight: bold;
  font-size: 18px;
  line-height: 43px;
  width: 270px;
  color: white;
  background: #f0505a;
  border-radius: 24px 24px 24px 24px;
  height: 46px;
}
@media only screen and (max-width: 767px) {
  .repeat-slick .repeat-doctor .wrap-slick .repeat-doctor-info .record-block .small-button {
    width: 221px;
  }
}
@media only screen and (max-width: 650px) {
  .repeat-slick .repeat-doctor .wrap-slick .repeat-doctor-info .record-block .small-button {
    width: 200px;
    padding: 0;
    font-size: 16px;
  }
}
.repeat-slick .repeat-doctor .wrap-slick .consult-info {
  margin: 24px 0 0 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .repeat-slick .repeat-doctor .wrap-slick .consult-info {
    margin: 12px 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.repeat-slick .repeat-doctor .wrap-slick .consult-info .diagnosis {
  width: 370px;
}
@media only screen and (max-width: 767px) {
  .repeat-slick .repeat-doctor .wrap-slick .consult-info .diagnosis {
    width: 100%;
    margin-bottom: 16px;
  }
}
.repeat-slick .repeat-doctor .wrap-slick .consult-info .diagnosis p {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  line-height: 14px;
  color: #717181;
}
.repeat-slick .repeat-doctor .wrap-slick .consult-info .diagnosis div p {
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
  color: #212127;
  text-transform: none;
}
@media only screen and (max-width: 767px) {
  .repeat-slick .repeat-doctor .wrap-slick .consult-info .diagnosis div p {
    font-size: 16px;
  }
}
.repeat-slick .repeat-doctor .wrap-slick .consult-info .active-period {
  width: 370px;
}
@media only screen and (max-width: 1240px) {
  .repeat-slick .repeat-doctor .wrap-slick .consult-info .active-period {
    width: 270px;
  }
}
@media only screen and (max-width: 767px) {
  .repeat-slick .repeat-doctor .wrap-slick .consult-info .active-period {
    width: 100%;
  }
}
.repeat-slick .repeat-doctor .wrap-slick .consult-info .active-period p {
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
  color: #212127;
  text-transform: none;
}
@media only screen and (max-width: 767px) {
  .repeat-slick .repeat-doctor .wrap-slick .consult-info .active-period p {
    font-size: 16px;
  }
}
.repeat-slick .repeat-doctor .wrap-slick .consult-info .active-period p:first-child {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  line-height: 14px;
  color: #717181;
}
.request_block {
  padding: 7px 11px;
  margin-left: 32px;
  margin-right: 20px;
  font-size: 16px;
  border-radius: 5px 8px 8px 5px;
}
.request_block span.header {
  width: 100%;
  display: inline-block;
  font-weight: 600;
  font-size: 20px;
}
.request_block span.text,
.request_block a.text {
  font-size: 20px;
  margin: 3px 0px 14px 0;
  display: inline-block;
  width: 100%;
}
.request_block span.text.small,
.request_block a.text.small {
  font-size: 15px;
}
.request_block span.text {
  margin-bottom: 0;
}
.request_block span.time {
  display: inline-block;
  width: 100%;
}
.request_block.appointed {
  position: relative;
  width: 370px;
  background: #e5f1f4;
  margin-left: 62px;
}
.request_block.appointed:before {
  position: absolute;
  width: 4px;
  height: 100%;
  content: "";
  background: #9fc8da;
  border-radius: 5px 5px 5px 5px;
  left: 0;
  top: 0;
}
.request_block.appointed span.header {
  color: #2f728f;
}
.request_block.appointed span.text {
  color: black;
}
.request_block.appointed button {
  color: white;
  margin-right: 15px;
  padding: 5px 20px;
  font-size: 20px;
  font-weight: 600;
  border-radius: 23px 23px 23px 23px;
  border: unset;
  margin-bottom: 10px;
  cursor: pointer;
  outline: none;
}
.request_block.appointed button.accept {
  background: #46aabe;
}
.request_block.appointed button.refuse {
  background: #969696;
}
.request_block.appointed span.status {
  font-size: 20px;
  font-weight: 600;
  margin: 5px 0px 12px 0;
  display: inline-block;
  width: 100%;
}
.request_block.appointed span.status:before {
  content: '';
  margin: 0px 8px 0px 5px;
  width: 20px;
  height: 20px;
  display: inline-block;
}
.request_block.appointed span.status.accept {
  color: #358e01;
}
.request_block.appointed span.status.accept:before {
  background: url(/images/default/icon_yes.png) no-repeat;
}
.request_block.appointed span.status.refuse {
  color: #c84747;
}
.request_block.appointed span.status.refuse:before {
  background: url(/images/default/icon_no.png) no-repeat;
}
.request_block.appointed span.status.waiting {
  color: black;
}
.request_block.appointed span.status.waiting:before {
  background: url(/images/default/icon_wait.png) no-repeat;
}
.request_block.created {
  width: 370px;
  background: #e5f1f4;
  margin-left: 61px;
}
.request_block.created:before {
  position: absolute;
  width: 4px;
  height: 100%;
  content: "";
  background: #9fc8da;
  border-radius: 5px 5px 5px 5px;
  left: 0;
  top: 0;
}
.request_block.created span.header {
  color: #00728f;
}
.request_block.accepted {
  width: 550px;
  background: #ecf4e5;
  position: relative;
  margin-left: 61px;
}
.request_block.accepted:before {
  position: absolute;
  width: 4px;
  height: 100%;
  content: "";
  background: #b4da9f;
  border-radius: 5px 5px 5px 5px;
  left: 0;
  top: 0;
}
.request_block.accepted span.header {
  color: #358e00;
}
.request_block.accepted span.text {
  color: black;
}
.request_block.refused {
  background: #f4e5e5;
  width: 370px;
  margin-left: 61px;
}
.request_block.refused:before {
  position: absolute;
  width: 4px;
  height: 100%;
  content: "";
  background: #da9f9f;
  border-radius: 5px 5px 5px 5px;
  left: 0;
  top: 0;
}
.request_block.refused span.header {
  color: #c84747;
}
.request_block.refused span.text {
  margin: 0;
}
.schedule_wrapper {
  padding: 12px 12px 16px;
  line-height: 1.1;
  background: #F9F9F9;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 15px 15px 15px 15px;
}
@media only screen and (max-width: 767px) {
  .schedule_wrapper {
    border-top: 1px dashed #C5C5CC;
    position: relative;
  }
}
.schedule_wrapper:before,
.schedule_wrapper:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: white;
  top: 0;
  margin-top: -10px;
  display: none;
  border-radius: 50% 50% 50% 50%;
}
@media only screen and (max-width: 767px) {
  .schedule_wrapper:before,
  .schedule_wrapper:after {
    display: block;
  }
}
.schedule_wrapper:before {
  left: 0;
  margin-left: -10px;
}
.schedule_wrapper:after {
  right: 0;
  margin-right: -10px;
}
.schedule_wrapper .pacient-schedule-cont {
  margin-top: 16px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.schedule_wrapper .pacient-schedule-cont .show-calendar,
.schedule_wrapper .pacient-schedule-cont .tab_parent a {
  font-weight: normal;
  font-size: 16px;
  padding: 8px;
  border: 1px solid #E1E1E5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 36px;
  line-height: 18px;
  margin: 0 8px 16px 0;
  color: #717181;
  display: block;
  border-radius: 5px 5px 5px 5px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.schedule_wrapper .pacient-schedule-cont .show-calendar.active_tab,
.schedule_wrapper .pacient-schedule-cont .tab_parent a.active_tab,
.schedule_wrapper .pacient-schedule-cont .show-calendar:hover,
.schedule_wrapper .pacient-schedule-cont .tab_parent a:hover {
  background-color: #EFEFF0;
  border-color: transparent;
}
.schedule_wrapper .pacient-schedule-cont:nth-child(even) {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.schedule_wrapper .pacient-schedule-cont:last-child {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.schedule_wrapper .pacient-schedule-cont .show-calendar {
  position: absolute;
  right: 0;
  background-color: transparent;
  margin-right: 0;
  padding-left: 32px;
  background-image: url('/images/default/calendar-gray.png');
  background-repeat: no-repeat;
  background-position: 10px 50%;
}
@media only screen and (max-width: 1150px) {
  .schedule_wrapper .pacient-schedule-cont .show-calendar {
    width: 36px;
    height: 36px;
    background-position: 50% 50%;
    font-size: 0;
  }
}
@media only screen and (max-width: 370px) {
  .schedule_wrapper .pacient-schedule-cont .show-calendar {
    width: 26px;
    padding-left: 16px;
  }
}
.schedule_wrapper .tab_parent:nth-child(even) {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.schedule_wrapper .tab_parent:last-child {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.schedule_wrapper .pacient-schedule {
  width: 100%;
  min-height: 84px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.schedule_wrapper .pacient-schedule .tab-pane {
  width: 100%;
  display: none;
}
.schedule_wrapper .pacient-schedule .tab-pane .time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.schedule_wrapper .pacient-schedule .tab-pane .time a,
.schedule_wrapper .pacient-schedule .tab-pane .time p {
  display: block;
  width: 60px;
  height: 32px;
  background: #EBF4F6;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  color: #00aabe;
  margin-bottom: 0;
  cursor: pointer;
  text-align: center;
  margin-right: 8px;
  border-radius: 3px 3px 3px 3px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.schedule_wrapper .pacient-schedule .tab-pane .time a:hover,
.schedule_wrapper .pacient-schedule .tab-pane .time p:hover {
  color: #006672;
}
.schedule_wrapper .pacient-schedule .tab-pane .time p {
  cursor: default;
  line-height: 30px !important;
}
.schedule_wrapper .pacient-schedule .tab-pane .time p:hover {
  color: #00aabe;
}
.schedule_wrapper .pacient-schedule .tab-pane.in {
  display: block;
}
.schedule_wrapper .pacient-schedule .tab-pane:first-child {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
.schedule_wrapper .pacient-schedule .tab-pane:nth-child(even) {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}
.schedule_wrapper .pacient-schedule .tab-pane:last-child {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
.head-price .block_hint {
  font-weight: bold;
  font-size: 18px;
  line-height: 20px;
  color: #212127;
  vertical-align: bottom;
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .schedule_wrapper {
    border-top: none;
    border-radius: 0 0 0 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .schedule_wrapper:before,
  #doctorProfilePage .schedule_wrapper:after {
    display: none;
  }
}
.page-tpl .title-page {
  font-weight: bold;
  font-size: 28px;
  line-height: 34px;
  margin: 40px 0 32px;
  color: #333;
}
.page-tpl .title-page strong {
  color: #00aabe;
  display: inline-block;
}
.page-tpl .title-page strong span {
  color: #333;
}
@media only screen and (max-width: 767px) {
  .page-tpl .title-page {
    font-size: 24px;
    line-height: 28px;
    margin: 40px 0;
  }
}
.page-tpl .images-block {
  margin-bottom: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 1150px) {
  .page-tpl .images-block img {
    width: 280px;
  }
}
@media only screen and (max-width: 767px) {
  .page-tpl .images-block img {
    width: 240px;
  }
}
.page-tpl .images-block img:last-child {
  margin-left: 142px;
}
@media only screen and (max-width: 1150px) {
  .page-tpl .images-block img:last-child {
    width: 195px;
  }
}
@media only screen and (max-width: 767px) {
  .page-tpl .images-block img:last-child {
    display: none;
  }
}
.page-tpl .strong-title {
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  color: #333;
  display: block;
  margin-bottom: 12px;
}
@media only screen and (max-width: 767px) {
  .page-tpl .strong-title {
    font-size: 20px;
  }
}
.page-tpl .page-price {
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  color: #333;
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .page-tpl .page-price {
    font-size: 18px;
  }
}
.page-tpl .page-price em {
  font-style: normal;
  color: #359E4D;
}
.page-tpl .page-text {
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 40px;
  color: #333;
}
@media only screen and (max-width: 767px) {
  .page-tpl .page-text {
    font-size: 16px;
  }
}
.page-tpl .page-title {
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .page-tpl .page-title {
    display: none;
  }
}
.page-tpl .title-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-tpl .title-wrapper .clear-settings {
  position: relative;
}
.page-tpl .page-description strong {
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  color: #A3A3AD;
  display: block;
  margin-bottom: 14px;
}
.page-tpl .page-description p {
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
  color: #A3A3AD;
}
.page-tpl #orderChosenWrapper {
  position: relative;
}
.page-tpl .dropdown-filter {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-tpl .dropdown-filter .dropdown-selector {
  width: 20% !important;
}
@media only screen and (max-width: 1240px) {
  .page-tpl .dropdown-filter .dropdown-selector {
    width: 33% !important;
  }
}
.page-tpl .dropdown-filter .dropdown-selector .wrapp-prof {
  width: 100%;
}
.page-tpl .dropdown-filter .dropdown-multiselector {
  width: 30% !important;
}
@media only screen and (max-width: 1240px) {
  .page-tpl .dropdown-filter .dropdown-multiselector {
    width: 33% !important;
  }
}
@media only screen and (max-width: 767px) {
  .page-tpl .dropdown-filter .dropdown-multiselector {
    width: 100% !important;
  }
}
.page-tpl .dropdown-filter .dropdown-multiselector .wrapp-prof {
  width: 100%;
}
.page-tpl .dropdown-filter .dropdown-multiselector .list-label .border-wrap .active-value {
  max-width: 100%;
}
.page-tpl .dropdown-filter .dropdown-multiselector.hospital .border-wrap {
  border-right: 0;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
@media only screen and (max-width: 1240px) {
  .page-tpl .dropdown-filter {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.reviews-block {
  position: relative;
}
#doctor-comments #prev-arrow,
#doctor-comments #next-arrow {
  position: absolute;
  width: 28px;
  height: 28px;
  background: url('/images/default/slick-arrow.svg') no-repeat;
  background-size: contain;
  top: 50%;
  margin-top: -14px;
  left: 0;
  z-index: 10;
  right: auto;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  #doctor-comments #prev-arrow,
  #doctor-comments #next-arrow {
    bottom: 60px;
    top: auto;
    left: 50%;
  }
}
#doctor-comments #next-arrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  right: 0;
  left: auto;
}
@media only screen and (max-width: 767px) {
  #doctor-comments #next-arrow {
    right: 50%;
    margin-right: -40px;
  }
}
.reviews-block {
  min-height: 266px;
}
@media only screen and (max-width: 767px) {
  .reviews-block {
    min-height: 412px;
  }
}
.reviews-block .loading {
  opacity: 1;
  z-index: 12;
  position: absolute;
  width: 100%;
  height: 100%;
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#doctor-review {
  margin-bottom: 72px;
  width: 1010px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 1150px) {
  #doctor-review {
    width: 495px;
  }
}
@media only screen and (max-width: 767px) {
  #doctor-review {
    width: 100%;
    padding-bottom: 40px;
    margin-bottom: 60px;
  }
}
#doctor-review .item-doctor-resolution {
  border: 1px solid #E1E1E5;
  border-radius: 8px 8px 8px 8px;
  padding: 18px 24px;
  margin: 0 9px;
}
#doctor-review .item-doctor-resolution .doctor-info-wrap {
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#doctor-review .item-doctor-resolution .doctor-info-wrap img {
  width: 70px;
  height: 70px;
  border: 1px solid rgba(194, 206, 208, 0.35);
  margin-right: 20px;
  border-radius: 50% 50% 50% 50%;
}
#doctor-review .item-doctor-resolution .doctor-info-wrap .name a {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: #333;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
#doctor-review .item-doctor-resolution .doctor-info-wrap .name a:hover {
  color: #00aabe;
}
#doctor-review .item-doctor-resolution .doctor-info-wrap .comment-count {
  padding-left: 30px;
  margin-top: 4px;
  height: 24px;
  background: url('/images/default/comments.svg') no-repeat 0 50%;
}
#doctor-review .item-doctor-resolution .doctor-info-wrap .comment-count a {
  font-size: 16px;
  line-height: 18px;
  color: #00aabe;
  font-weight: normal;
}
#doctor-review .item-doctor-resolution .comment {
  height: 80px;
  padding-bottom: 20px;
  border-bottom: 1px solid #E1E1E5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#doctor-review .item-doctor-resolution .comment .text {
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
  color: #333;
}
#doctor-review .item-doctor-resolution .comment .text a {
  color: #00aabe;
  font-weight: normal;
  display: inline;
}
#doctor-review .item-doctor-resolution .comment-footer {
  padding-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#doctor-review .item-doctor-resolution .comment-footer .rating {
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  color: #8B8B9A;
}
#doctor-review .item-doctor-resolution .comment-footer .rating .star {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  padding-left: 29px;
  background: url('/images/default/Star.svg') no-repeat 0 50%;
  font-weight: bold;
  font-size: 18px;
  line-height: 20px;
  color: #333;
}
#doctor-review .item-doctor-resolution .comment-footer .date {
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
  color: #8B8B9A;
}
.services-dashboard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 1150px) {
  .services-dashboard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.services-dashboard .block-item {
  margin-top: 30px;
  height: 300px;
  padding: 10px 0 20px 15px;
  position: relative;
  overflow: hidden;
  border-radius: 8px 8px 8px 8px;
}
.services-dashboard .block-item h2 {
  font-weight: bold;
  font-size: 32px;
  line-height: 110%;
  margin-bottom: 26px;
  margin-top: 0;
  position: relative;
  z-index: 10;
  color: white;
  width: 90%;
}
@media only screen and (max-width: 1150px) {
  .services-dashboard .block-item h2 {
    font-size: 24px;
  }
}
.services-dashboard .block-item.doctors-onduty {
  width: 42%;
  background: linear-gradient(60.9deg, #16C8D6 0%, #77CEDA 100%);
}
@media only screen and (max-width: 1240px) {
  .services-dashboard .block-item.doctors-onduty {
    width: 40%;
  }
}
@media only screen and (max-width: 1150px) {
  .services-dashboard .block-item.doctors-onduty {
    width: 100%;
  }
}
.services-dashboard .block-item.doctors-onduty:before {
  content: "";
  position: absolute;
  top: 0;
  right: -5px;
  background: url('/images/default/service-doctor.png') no-repeat;
  width: 211px;
  height: 300px;
  background-size: contain;
}
@media only screen and (max-width: 767px) {
  .services-dashboard .block-item.doctors-onduty:before {
    width: 158px;
    height: 367px;
    background: url('/images/default/service-doctor-mob.png') no-repeat;
    background-size: contain;
  }
}
@media only screen and (max-width: 413px) {
  .services-dashboard .block-item.doctors-onduty:before {
    width: 135px;
    height: 315px;
  }
}
.services-dashboard .block-item.doctors-onduty .description-text {
  max-width: 340px;
  font-weight: normal;
  font-size: 18px;
  line-height: 110%;
  color: white;
  position: relative;
  z-index: 10;
  padding: 10px 10px 10px;
}
@media only screen and (max-width: 1150px) {
  .services-dashboard .block-item.doctors-onduty .description-text {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .services-dashboard .block-item.doctors-onduty .description-text {
    font-size: 14px;
    max-width: 223px;
    margin-bottom: 5px;
  }
}
.services-dashboard .block-item.doctors-onduty .button-wrap {
  padding-top: 15px;
  max-width: 446px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 1240px) {
  .services-dashboard .block-item.doctors-onduty .button-wrap {
    max-width: 388px;
  }
}
@media only screen and (max-width: 767px) {
  .services-dashboard .block-item.doctors-onduty .button-wrap {
    max-width: 188px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.services-dashboard .block-item.doctors-onduty .button-wrap button {
  min-width: 218px;
  height: 40px;
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
  background: #00aabe;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 1240px) {
  .services-dashboard .block-item.doctors-onduty .button-wrap button {
    min-width: 189px;
  }
}
@media only screen and (max-width: 767px) {
  .services-dashboard .block-item.doctors-onduty .button-wrap button {
    min-width: 171px;
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  .services-dashboard .block-item.doctors-onduty .button-wrap button:first-child {
    margin-bottom: 14px;
  }
}
.services-dashboard .block-item.doctors-onduty .button-wrap button:hover {
  background: #006672;
}
.services-dashboard .block-item.doctors-onduty .button-wrap button .price {
  margin-left: 5px;
}
.services-dashboard .block-item.laboratory {
  width: 28%;
  background: #F9B5B4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 1240px) {
  .services-dashboard .block-item.laboratory {
    width: 29%;
  }
}
@media only screen and (max-width: 1150px) {
  .services-dashboard .block-item.laboratory {
    width: 100%;
    margin-top: 16px;
  }
}
@media only screen and (max-width: 1150px) {
  .services-dashboard .block-item.laboratory {
    min-height: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .services-dashboard .block-item.laboratory {
    min-height: 239px;
  }
}
.services-dashboard .block-item.laboratory:before {
  content: "";
  position: absolute;
  bottom: -20px;
  right: -7px;
  background: url(/images/default/bg-image-subscription.png) no-repeat;
  width: 178px;
  height: 198px;
  background-size: contain;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (max-width: 767px) {
  .services-dashboard .block-item.laboratory:before {
    width: 150px;
    height: 160px;
    right: 0;
  }
}
.services-dashboard .block-item.laboratory h2 {
  color: #40404C;
  height: 120px;
  line-height: 110%;
  margin: 0;
}
@media only screen and (max-width: 1150px) {
  .services-dashboard .block-item.laboratory h2 {
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .services-dashboard .block-item.laboratory h2 {
    width: 237px;
  }
}
.services-dashboard .block-item.laboratory .description-text {
  color: #40404C;
  border-radius: 5px 5px 5px 5px;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  padding: 4px 12px 5px 11px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  background: #F47371;
  position: relative;
  z-index: 10;
}
@media only screen and (max-width: 767px) {
  .services-dashboard .block-item.laboratory .description-text {
    position: static;
    margin: 10px 0 10px 0;
  }
}
.services-dashboard .block-item.laboratory p {
  position: relative;
  font-size: 12px;
  padding-left: 30px;
  width: 60%;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 35px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.services-dashboard .block-item.laboratory p:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 21px;
  height: 24px;
  background: url('/images/default/cursor_dash.svg') no-repeat 100% 60%;
}
@media only screen and (max-width: 1150px) {
  .services-dashboard .block-item.laboratory p {
    width: 70%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 24px;
    font-size: 18px;
  }
}
@media only screen and (max-width: 505px) {
  .services-dashboard .block-item.laboratory p {
    font-size: 12px;
  }
}
.services-dashboard .block-item.laboratory .transparent {
  background: transparent;
}
.services-dashboard .block-item.laboratory .link {
  color: #40404C;
  display: inline-block;
  background: url('/images/default/service-arrow.svg') no-repeat 100% 60%;
  padding-right: 16px;
  font-weight: 400;
  font-size: 18px;
  line-height: 1;
  position: relative;
  z-index: 10;
  -webkit-transition: 0.15s;
  transition: 0.15s;
  cursor: pointer;
}
.services-dashboard .block-item.laboratory .link:hover {
  -webkit-transform: translateX(3px);
          transform: translateX(3px);
}
@media only screen and (max-width: 767px) {
  .services-dashboard .block-item.laboratory .link {
    font-size: 15px;
  }
}
.services-dashboard .block-item.laboratory.laboratory-sports {
  margin-right: 0;
  background: linear-gradient(60.9deg, #FFD37C 0%, #FFE071 100%);
}
.services-dashboard .block-item.laboratory.laboratory-sports:before {
  background: url('/images/default/mastercard.png') no-repeat;
  background-size: contain;
  max-height: 200px;
  height: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (max-width: 1150px) {
  .services-dashboard .block-item.laboratory.laboratory-sports:before {
    top: 10px;
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .services-dashboard .block-item.laboratory.laboratory-sports:before {
    top: 45%;
  }
}
.services-dashboard .block-item.laboratory.psychological-help {
  margin-right: 0;
  background: #ded07b;
}
.services-dashboard .block-item.laboratory.psychological-help.filter {
  background: #c8e1ad;
}
.services-dashboard .block-item.laboratory.psychological-help.filter .description-text {
  background: #adc9ad;
}
.services-dashboard .block-item.laboratory.psychological-help .description-text {
  background: #a7bb53;
  min-width: 100px;
  text-align: center;
}
.services-dashboard .block-item.laboratory.psychological-help p {
  width: 40%;
}
.services-dashboard .block-item.laboratory.psychological-help p:before {
  background: url('/images/default/clock_dash.svg') no-repeat 100% 60%;
}
.services-dashboard .block-item.laboratory.psychological-help:before {
  bottom: -15px;
  right: -26px;
  background: url('/images/default/help-psychologist.png') no-repeat;
  background-size: contain;
  max-height: 200px;
  width: 198px;
  height: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (max-width: 767px) {
  .services-dashboard .block-item.laboratory.psychological-help:before {
    bottom: -23%;
    right: -2%;
    width: 155px;
  }
}
#top #top-status-lights {
  max-width: 1352px;
  margin: 0 auto;
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 1240px) {
  #top #top-status-lights {
    width: 100%;
  }
}
#top #top-status-lights a {
  display: inline-block;
  -ms-flex-item-align: start;
      align-self: flex-start;
  width: auto;
}
#top #top-status-lights .sign_me {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#top #top-status-lights .sign_me .light {
  width: 33px;
  height: 33px;
  background: url('/images/default/status.png') no-repeat;
  background-position: 0 0;
  margin-right: 10px;
  display: inline-block;
}
#top #top-status-lights .sign_me .light.green {
  background-position: 0 -33px;
}
#top #top-status-lights .sign_me .light.red {
  background-position: 0 -66px;
}
#top #top-status-lights .sign_me .light.yellow {
  background-position: 0 -99px;
}
.subscribes .nav-tabs {
  margin-bottom: 21px;
}
.subscribes .nav-tabs li {
  background: transparent !important;
  margin-right: 24px;
}
.subscribes .nav-tabs li a {
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  background: transparent !important;
  padding: 0 0 11px;
  border-bottom: 2px solid transparent;
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
  color: #717181;
}
.subscribes .nav-tabs li a:hover {
  background: transparent !important;
}
.subscribes .nav-tabs li.active {
  background: transparent !important;
}
.subscribes .nav-tabs li.active a {
  color: #00aabe !important;
  background: transparent !important;
  border-bottom: 2px solid #00aabe;
}
.subscribes .codewordsWrapper .programms .one-form-delete-wrapper {
  position: static;
  margin-left: 32px;
  width: 24px;
}
@media only screen and (max-width: 1150px) {
  .subscribes .codewordsWrapper .programms .one-form-delete-wrapper {
    position: absolute;
    top: 25px;
    right: 15px;
  }
}
.subscribes .codewordsWrapper .programms .one-form-delete-wrapper .one-form-delete {
  width: 24px;
  height: 24px;
  border: none;
  background: url('/images/default/trash.png') no-repeat;
  opacity: 0.8;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.subscribes .codewordsWrapper .programms .one-form-delete-wrapper .one-form-delete:hover {
  opacity: 1;
}
.subscribes .codewordsWrapper .programms .one-radio-wrapper input[type="checkbox"] {
  display: none;
}
.subscribes .codewordsWrapper .programms .one-radio-wrapper input[type="checkbox"]:checked + label {
  background: url('/images/default/radiobutton-selected.png') no-repeat !important;
}
.subscribes .codewordsWrapper .programms .one-form-line .js-continue-codeword {
  width: 258px !important;
  font-size: 16px;
  background: #00aabe !important;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.subscribes .codewordsWrapper .programms .one-form-line .js-continue-codeword:hover {
  background: #006672 !important;
}
.subscribes .codewordsWrapper .programms .show-all,
.subscribes .codewordsWrapper .programms .m-programm__button {
  color: #00aabe !important;
}
.subscribes .codewordsWrapper .programms .show-all:focus,
.subscribes .codewordsWrapper .programms .m-programm__button:focus {
  outline: none;
}
.subscribes .codewordsWrapper .programms .show-all:hover,
.subscribes .codewordsWrapper .programms .m-programm__button:hover {
  color: #006672 !important;
}
.subscribes .codewordsWrapper .programms .m-programm__button:after {
  display: none;
}
.subscribes .codewordsWrapper .programms .one-form-numb-wrapper {
  margin-left: 44px;
}
@media only screen and (max-width: 767px) {
  .subscribes .codewordsWrapper .programms .one-form-numb-wrapper {
    margin-left: 0;
    width: 200px;
  }
}
.subscribes #attach_by_code {
  padding-bottom: 0;
}
@media only screen and (max-width: 1240px) {
  .subscribes #attach_by_code label[for="code"] {
    color: #00aabe;
  }
}
.subscribes #attach_by_code .item-input .clear-field {
  background: url('/images/default/clear_field.png') no-repeat;
}
.subscribes #attach_by_code button {
  background: #00aabe !important;
}
.subscribes #attach_by_code button[disabled] {
  background: #97a4a8 !important;
}
.online-doctor.pacient.modal-open .ui-autocomplete,
.pediatr247.pacient.modal-open .ui-autocomplete {
  z-index: 99999;
  background: white;
  width: 320px !important;
  padding: 10px 0;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);
  border-radius: 0 0 10px 10px;
  border: 1px solid #E1E1E5;
  max-height: 235px;
  overflow-y: scroll;
}
.online-doctor.pacient.modal-open .ui-autocomplete li,
.pediatr247.pacient.modal-open .ui-autocomplete li {
  padding: 5px 20px;
  border-bottom: 1px solid #c1c1c1;
  background: transparent;
  -webkit-transition: background 0.2s ease-in-out 0s;
  transition: background 0.2s ease-in-out 0s;
}
.online-doctor.pacient.modal-open .ui-autocomplete li a,
.pediatr247.pacient.modal-open .ui-autocomplete li a {
  font-weight: normal;
  font-size: 16px;
  color: black;
  -webkit-transition: color 0.2s ease-in-out 0s;
  transition: color 0.2s ease-in-out 0s;
}
.online-doctor.pacient.modal-open .ui-autocomplete li div,
.pediatr247.pacient.modal-open .ui-autocomplete li div {
  font-size: 14px;
}
.online-doctor.pacient.modal-open .ui-autocomplete li:hover,
.pediatr247.pacient.modal-open .ui-autocomplete li:hover {
  background: #e5f1f4;
  cursor: pointer;
}
.online-doctor.pacient.modal-open .ui-autocomplete li:hover a,
.pediatr247.pacient.modal-open .ui-autocomplete li:hover a {
  font-weight: normal;
  color: #006672;
}
.table-style-css {
  border: 1px solid #666666;
}
.table-style-css td,
.table-style-css th {
  border: 1px solid #666666;
  padding: 6px 12px;
  text-align: center;
  white-space: normal !important;
}
@media only screen and (max-width: 650px) {
  .table-style-css td,
  .table-style-css th {
    padding: 6px 3px;
  }
}
/* other site */
#rateRequest .modal-dialog .modal-content .modal-header .modal-title {
  line-height: 26px;
  height: auto;
  padding: 16px 0;
}
#rateRequest .modal-dialog .modal-content .feedback-wrapper {
  border: 0;
  width: 100%;
}
#rateRequest .modal-dialog .modal-content .feedback-wrapper #ratingComment {
  width: 100%;
  border: 1px solid #E1E1E5;
  border-radius: 8px 8px 8px 8px;
  height: 100px;
}
#dashboard .dashboard_banner {
  margin: 20px 0 0;
  padding: 48px 0 48px;
  background-size: cover;
  background: #60C1CE bottom;
}
#dashboard .doctors-wrapper div {
  max-width: 320px;
  width: 100%;
  padding: 20px 14px;
}
.question-morozdgkb {
  text-align: left;
  width: 100%;
  clear: both;
}
.question-morozdgkb li {
  font-size: 18px;
  margin-bottom: 12px;
  color: #333;
}
@media only screen and (max-width: 767px) {
  .question-morozdgkb li {
    font-size: 14px;
  }
}
.question-morozdgkb li:last-child {
  margin-bottom: 0;
}
body.psychology-onlinedoctor #dashboard .dropdown-filter .dropdown-multiselector {
  width: 30% !important;
}
@media only screen and (max-width: 1240px) {
  body.psychology-onlinedoctor #dashboard .dropdown-filter .dropdown-multiselector {
    width: 33% !important;
  }
}
@media only screen and (max-width: 767px) {
  body.psychology-onlinedoctor #dashboard .dropdown-filter .dropdown-multiselector {
    width: 100% !important;
  }
}
body.psychology-onlinedoctor #dashboard .dropdown-filter .dropdown-multiselector .wrapp-prof {
  width: 100%;
}
body.psychology-onlinedoctor #dashboard .dropdown-filter .dropdown-multiselector .list-label .border-wrap .active-value {
  max-width: 100%;
}
@media only screen and (max-width: 1240px) {
  body.psychology-onlinedoctor #dashboard .dropdown-filter {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
body.vtbinslife-onlinedoctor footer {
  height: 175px;
  width: 100%;
}
body.vtbinslife-onlinedoctor footer .content {
  padding-top: 23px !important;
}
body.vtbinslife-onlinedoctor footer .apps a:first-child {
  margin-bottom: 15px;
}
body.vtbinslife-onlinedoctor footer .tiny-text {
  margin-top: 10px;
}
body.hd-onlinedoctor #orderChosenWrapper .doctors-list .doctor-row .consult-info p {
  line-height: 1.1;
}
@media only screen and (max-width: 1150px) {
  body.hd-onlinedoctor #orderChosenWrapper .doctors-list .doctor-row .consult-info p {
    width: 300px;
  }
}
@media only screen and (max-width: 650px) {
  body.hd-onlinedoctor #orderChosenWrapper .doctors-list .doctor-row .consult-info p {
    width: 220px;
  }
}
body.hd-onlinedoctor #orderChosenWrapper .doctors-list .doctor-row .consult-info .pacient-schedule .month .days .date {
  cursor: default !important;
}
body.hd-onlinedoctor #orderChosenWrapper .doctors-list .doctor-row .consult-info .pacient-schedule .month .days .date.active {
  border-radius: 30px 30px 30px 30px !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background: #f5fafb !important;
}
body.hd-onlinedoctor #orderChosenWrapper .doctors-list .doctor-row .consult-info .pacient-schedule .month .days .date.active:after {
  display: none !important;
}
body.hd-onlinedoctor #orderChosenWrapper .doctors-list .doctor-row .consult-info .pacient-schedule .month .days .date:hover {
  color: black !important;
}
body.hd-onlinedoctor #orderChosenWrapper .doctors-list .doctor-row .consult-info .pacient-schedule .month .days .date:hover .date-value {
  color: black !important;
}
body.hd-onlinedoctor #orderChosenWrapper .doctors-list .doctor-row .consult-info .pacient-schedule .month .days .date .date-value:hover {
  color: black !important;
}
body.hd-onlinedoctor #calendarDoctorProfile .period.selected {
  background: transparent !important;
  cursor: default !important;
}
body.hd-onlinedoctor #calendarDoctorProfile .period.selected .time-wrapper .time.start {
  color: #00aabe !important;
}
body.hd-onlinedoctor #calendarDoctorProfile .period.selected .time-wrapper .time.start:hover {
  color: #00aabe !important;
}
body.hd-onlinedoctor #calendarDoctorProfile .period.selected:hover {
  background: transparent !important;
  cursor: default !important;
}
body.hd-onlinedoctor #calendarDoctorProfile .period:hover {
  background: transparent !important;
  cursor: default !important;
}
body.hd-onlinedoctor #calendarDoctorProfile .period .time-wrapper .time.start:hover {
  color: #00aabe !important;
}
body.hd-onlinedoctor #calendarDoctorProfile .actions .tick {
  display: none !important;
}
@media only screen and (max-width: 650px) {
  body.eng-onlinedoctor .dashboard_banner .doctors-wrapper .doctor-1 .name,
  body.eng-onlinedoctor .dashboard_banner .doctors-wrapper .doctor-2 .name {
    font-size: 15px !important;
  }
}
@media only screen and (max-width: 650px) {
  body.eng-onlinedoctor .dashboard_banner .doctors-wrapper .doctor-1 .about,
  body.eng-onlinedoctor .dashboard_banner .doctors-wrapper .doctor-2 .about {
    display: none !important;
  }
}
body.eng-onlinedoctor footer .apps .ios {
  background: url('/images/default/appstore-download-eng.svg') no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 1150px) {
  body.eng-onlinedoctor footer .apps .ios {
    margin-right: 8px;
    width: 124px;
    height: 36px;
  }
}
@media only screen and (max-width: 767px) {
  body.eng-onlinedoctor footer .apps .ios {
    margin-right: 0;
  }
}
body.eng-onlinedoctor footer .apps .android {
  background: url('/images/default/googleplay-download-eng.svg') no-repeat;
  background-size: cover;
  width: 189px;
  height: 54px;
  background-position: -11px -7px;
}
@media only screen and (max-width: 1150px) {
  body.eng-onlinedoctor footer .apps .android {
    width: 145px;
    height: 40px;
    background-position: -9px -7px;
  }
}
@media only screen and (max-width: 767px) {
  body.eng-onlinedoctor footer .social-menu {
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  body.eng-onlinedoctor footer .social-menu span {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  body.eng-onlinedoctor footer .social-menu p.tel {
    font-size: 18px;
  }
}
@media only screen and (max-width: 413px) {
  body.mastercard-onlinedoctor #logo a img {
    height: auto !important;
  }
}
@media only screen and (max-width: 413px) {
  body.mastercard-onlinedoctor #logo a img:first-child {
    width: 38% !important;
  }
}
@media only screen and (max-width: 413px) {
  body.mastercard-onlinedoctor #logo a img:last-child {
    width: 60% !important;
  }
}
body.mastercard-onlinedoctor .services-dashboard .block-item h2 {
  margin-bottom: 6px;
  font-size: 24px;
}
body.mastercard-onlinedoctor .services-dashboard .block-item.doctors-onduty .description-text {
  width: 570px;
}
@media only screen and (max-width: 767px) {
  body.mastercard-onlinedoctor .services-dashboard .block-item.doctors-onduty .description-text {
    width: 223px;
  }
}
body.mastercard-onlinedoctor .services-dashboard .block-item.doctors-onduty .button-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
body.mastercard-onlinedoctor .services-dashboard .block-item.doctors-onduty .button-wrap button {
  margin-left: 0;
  margin-right: 0;
}
body.mastercard-onlinedoctor .services-dashboard .block-item.laboratory .description-text {
  background: transparent;
  margin-bottom: 167px;
}
body.mastercard-onlinedoctor .services-dashboard .block-item.laboratory:before {
  background: url('/images/default/mastercard.png') no-repeat;
  background-size: contain;
  height: 226px;
}
@media only screen and (max-width: 413px) {
  body.sport-onlinedoctor #logo a img {
    height: auto !important;
  }
}
@media only screen and (max-width: 413px) {
  body.sport-onlinedoctor #logo a img:first-child {
    width: 38% !important;
  }
}
@media only screen and (max-width: 413px) {
  body.sport-onlinedoctor #logo a img:last-child {
    width: 60% !important;
  }
}
body.sport-onlinedoctor #antistress .modal-body,
body.sport-onlinedoctor #sport .modal-body {
  font-size: 18px;
}
body.sport-onlinedoctor .active-menu .dropmenu-top button {
  border: 0;
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  display: block;
  background: transparent;
  color: black;
  width: 100%;
  text-align: left;
}
body.sport-onlinedoctor .active-menu .dropmenu-top button:hover,
body.sport-onlinedoctor .active-menu .dropmenu-top button:focus {
  outline: none;
  color: #00aabe;
}
body.sport-onlinedoctor .services-dashboard {
  display: none;
}
body.sport-onlinedoctor .services-dashboard .block-item {
  padding: 24px;
  height: auto;
}
@media only screen and (max-width: 1150px) {
  body.sport-onlinedoctor .services-dashboard .block-item {
    height: auto;
  }
}
body.sport-onlinedoctor .services-dashboard .block-item h2 {
  margin-bottom: 6px;
  font-size: 24px;
}
body.sport-onlinedoctor .services-dashboard .block-item.doctors-onduty,
body.sport-onlinedoctor .services-dashboard .block-item.middel-block {
  width: 32.3%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: auto;
}
@media only screen and (max-width: 1150px) {
  body.sport-onlinedoctor .services-dashboard .block-item.doctors-onduty,
  body.sport-onlinedoctor .services-dashboard .block-item.middel-block {
    width: 100%;
  }
}
body.sport-onlinedoctor .services-dashboard .block-item.doctors-onduty .button-wrap,
body.sport-onlinedoctor .services-dashboard .block-item.middel-block .button-wrap {
  border: 0;
  padding-top: 0;
  width: 100%;
}
body.sport-onlinedoctor .services-dashboard .block-item.doctors-onduty .button-wrap button,
body.sport-onlinedoctor .services-dashboard .block-item.middel-block .button-wrap button {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
body.sport-onlinedoctor .services-dashboard .block-item.doctors-onduty h2,
body.sport-onlinedoctor .services-dashboard .block-item.middel-block h2 {
  color: white;
}
body.sport-onlinedoctor .services-dashboard .block-item.doctors-onduty .description-text,
body.sport-onlinedoctor .services-dashboard .block-item.middel-block .description-text {
  width: auto;
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  color: white;
  margin-bottom: 20px;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  z-index: 10;
}
body.sport-onlinedoctor .services-dashboard .block-item.doctors-onduty .description-text p,
body.sport-onlinedoctor .services-dashboard .block-item.middel-block .description-text p {
  font-size: 16px;
}
body.sport-onlinedoctor .services-dashboard .block-item.doctors-onduty .description-text button,
body.sport-onlinedoctor .services-dashboard .block-item.middel-block .description-text button {
  display: block;
  border: 0;
  margin-top: 16px;
  font-size: 18px;
  text-decoration: underline;
  background: transparent;
}
body.sport-onlinedoctor .services-dashboard .block-item.doctors-onduty:before,
body.sport-onlinedoctor .services-dashboard .block-item.middel-block:before {
  display: none;
}
body.sport-onlinedoctor .services-dashboard .block-item.middel-block {
  background: linear-gradient(60.9deg, #16C8D6 0%, #77CEDA 100%) !important;
}
body.sport-onlinedoctor .services-dashboard .block-item.middel-block:before {
  display: none;
}
body.sport-onlinedoctor .services-dashboard .block-item.middel-block .description-text button {
  width: auto;
}
body.sport-onlinedoctor .services-dashboard .block-item.middel-block button {
  margin-left: 0;
  margin-right: 0;
  font-size: 16px;
  width: 100%;
}
body.sport-onlinedoctor .services-dashboard .block-item.laboratory {
  width: 32.3%;
}
@media only screen and (max-width: 1150px) {
  body.sport-onlinedoctor .services-dashboard .block-item.laboratory {
    width: 100%;
    margin-top: 32px;
  }
}
body.sport-onlinedoctor .services-dashboard .block-item.laboratory .description-text {
  background: transparent;
  margin-bottom: 159px;
}
body.sport-onlinedoctor .services-dashboard .block-item.laboratory .link {
  background-position: 100% 50%;
  display: inline-block;
  min-width: 100px;
  height: 39px;
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  padding: 0 20px;
  border-radius: 20px 20px 20px 20px;
  line-height: 37px;
  cursor: pointer;
  background: rgba(187, 152, 72, 0.7);
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
body.sport-onlinedoctor .services-dashboard .block-item.laboratory .link:hover {
  background: #bb9848;
}
body.sport-onlinedoctor .services-dashboard .block-item.laboratory:before {
  background: url('/images/default/mastercard.png') no-repeat;
  background-size: contain;
  height: 226px;
}
@media only screen and (max-width: 1150px) {
  body.sport-onlinedoctor .services-dashboard .block-item.laboratory:before {
    top: 0;
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  body.sport-onlinedoctor .services-dashboard .block-item.laboratory:before {
    top: 15%;
  }
}
@media only screen and (max-width: 413px) {
  body.checkup-onlinedoctor #logo a img {
    height: auto !important;
  }
}
@media only screen and (max-width: 413px) {
  body.checkup-onlinedoctor #logo a img:first-child {
    width: 38% !important;
  }
}
@media only screen and (max-width: 413px) {
  body.checkup-onlinedoctor #logo a img:last-child {
    width: 60% !important;
  }
}
body.checkup-onlinedoctor #diet .modal-title,
body.checkup-onlinedoctor #basic .modal-title,
body.checkup-onlinedoctor #covid-chekup .modal-title,
body.checkup-onlinedoctor #sport .modal-title,
body.checkup-onlinedoctor #antistress .modal-title {
  padding-right: 30px;
}
body.checkup-onlinedoctor #diet .modal-body,
body.checkup-onlinedoctor #basic .modal-body,
body.checkup-onlinedoctor #covid-chekup .modal-body,
body.checkup-onlinedoctor #sport .modal-body,
body.checkup-onlinedoctor #antistress .modal-body {
  font-size: 18px;
}
body.checkup-onlinedoctor .services-dashboard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 20px;
  margin-bottom: 20px;
  gap: 1%;
}
body.checkup-onlinedoctor .services-dashboard .block-item.middel-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 32.3%;
  background: linear-gradient(60.9deg, #16C8D6 0%, #77CEDA 100%) !important;
  padding: 24px;
  height: auto;
  margin-top: 11px;
  margin-right: 0;
}
@media only screen and (max-width: 1150px) {
  body.checkup-onlinedoctor .services-dashboard .block-item.middel-block {
    width: 100%;
  }
}
body.checkup-onlinedoctor .services-dashboard .block-item.middel-block .button-wrap {
  border: 0;
  padding-top: 0;
  width: 388px;
}
body.checkup-onlinedoctor .services-dashboard .block-item.middel-block .button-wrap button {
  margin-left: 0;
  margin-right: 0;
  min-width: 189px;
}
body.checkup-onlinedoctor .services-dashboard .block-item.middel-block h2 {
  margin-bottom: 6px;
  font-size: 24px;
}
body.checkup-onlinedoctor .services-dashboard .block-item.middel-block .description-text {
  width: auto;
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  color: white;
  margin-bottom: 20px;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  z-index: 10;
}
body.checkup-onlinedoctor .services-dashboard .block-item.middel-block .description-text button {
  display: block;
  border: 0;
  margin-top: 16px;
  font-size: 18px;
  text-decoration: underline;
  background: transparent;
  width: auto;
  color: #fff;
}
body.checkup-onlinedoctor .services-dashboard .block-item.middel-block:before {
  display: none;
}
body.checkup-onlinedoctor .services-dashboard .block-item.middel-block button {
  margin-left: 0;
  margin-right: 0;
  font-size: 16px;
  width: 100%;
}
body.vtb-minidms-onlinedoctor a {
  color: #00aaff;
  -webkit-transition: color 0.3s linear, background-color 0.3s linear;
  transition: color 0.3s linear, background-color 0.3s linear;
}
body.vtb-minidms-onlinedoctor a:hover {
  color: #0a2896;
}
@media only screen and (max-width: 413px) {
  body.vtb-minidms-onlinedoctor #logo a img {
    height: auto !important;
  }
}
@media only screen and (max-width: 413px) {
  body.vtb-minidms-onlinedoctor #logo a img:first-child {
    width: 38% !important;
  }
}
@media only screen and (max-width: 413px) {
  body.vtb-minidms-onlinedoctor #logo a img:last-child {
    width: 60% !important;
  }
}
body.vtb-minidms-onlinedoctor #diet .modal-title,
body.vtb-minidms-onlinedoctor #basic .modal-title,
body.vtb-minidms-onlinedoctor #covid-chekup .modal-title,
body.vtb-minidms-onlinedoctor #sport .modal-title,
body.vtb-minidms-onlinedoctor #antistress .modal-title {
  padding-right: 30px;
}
body.vtb-minidms-onlinedoctor #diet .modal-body,
body.vtb-minidms-onlinedoctor #basic .modal-body,
body.vtb-minidms-onlinedoctor #covid-chekup .modal-body,
body.vtb-minidms-onlinedoctor #sport .modal-body,
body.vtb-minidms-onlinedoctor #antistress .modal-body {
  font-size: 18px;
}
body.vtb-minidms-onlinedoctor .headroom .inner .top-menu li:hover,
body.vtb-minidms-onlinedoctor .headroom .inner .top-menu li.active {
  color: #00aaff;
}
body.vtb-minidms-onlinedoctor .headroom .inner .top-menu li ul.dropmenu-top li a:hover {
  color: #00aaff;
}
body.vtb-minidms-onlinedoctor .headroom .logged-navigation .nav-menu li.active,
body.vtb-minidms-onlinedoctor .headroom .logged-navigation .nav-menu li:hover {
  color: #00aaff;
}
body.vtb-minidms-onlinedoctor .headroom .logged-navigation .nav-menu li.history span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 100%;
  padding: 0;
  width: 16px;
  height: 16px;
  line-height: 1;
  background-color: #e62632 !important;
}
body.vtb-minidms-onlinedoctor .headroom .wide .left-side .menu-mobile {
  background: url('/images/vtb-minidms.onlinedoctor/Menu.svg');
}
@media only screen and (max-width: 767px) {
  body.vtb-minidms-onlinedoctor .headroom .wide .block-header .support a.tel {
    background: url('/images/vtb-minidms.onlinedoctor/Phone.svg') no-repeat;
  }
}
body.vtb-minidms-onlinedoctor .menu-mobile_list .top-menu > li {
  color: #00aaff;
}
body.vtb-minidms-onlinedoctor .menu-mobile_list .top-menu > li ul.dropmenu-top li a {
  color: #2f3441;
}
body.vtb-minidms-onlinedoctor .menu-mobile_list .top-menu > li ul.dropmenu-top li a:hover {
  color: #2f3441;
}
body.vtb-minidms-onlinedoctor .menu-mobile_list .logout-button {
  color: #e62632;
}
body.vtb-minidms-onlinedoctor .support .social-menu .tel {
  color: #00aaff;
  border-bottom-color: currentColor;
}
body.vtb-minidms-onlinedoctor .support .social-menu:hover .tel {
  border-bottom-color: transparent;
}
body.vtb-minidms-onlinedoctor footer .footer-wrap .footer-menu {
  color: #00aaff;
}
body.vtb-minidms-onlinedoctor footer .support .social-menu .tel {
  border-bottom: 0;
}
body.vtb-minidms-onlinedoctor .services-dashboard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
  gap: 1%;
}
body.vtb-minidms-onlinedoctor .services-dashboard .block-item.middel-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 32.3%;
  background: #0a2896;
  padding: 24px;
  height: auto;
  margin-top: 11px;
  margin-right: 0;
}
body.vtb-minidms-onlinedoctor .services-dashboard .block-item.middel-block button {
  margin-left: 0;
  margin-right: 0;
  font-size: 16px;
  width: 100%;
  background-color: #1e4bd2;
}
body.vtb-minidms-onlinedoctor .services-dashboard .block-item.middel-block button:hover {
  background-color: #00aaff;
}
@media only screen and (max-width: 1150px) {
  body.vtb-minidms-onlinedoctor .services-dashboard .block-item.middel-block {
    width: 100%;
  }
}
body.vtb-minidms-onlinedoctor .services-dashboard .block-item.middel-block .button-wrap {
  border: 0;
  padding-top: 0;
  width: 388px;
}
body.vtb-minidms-onlinedoctor .services-dashboard .block-item.middel-block .button-wrap button {
  margin-left: 0;
  margin-right: 0;
  min-width: 189px;
}
body.vtb-minidms-onlinedoctor .services-dashboard .block-item.middel-block h2 {
  margin-bottom: 6px;
  font-size: 24px;
}
body.vtb-minidms-onlinedoctor .services-dashboard .block-item.middel-block .description-text {
  width: auto;
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  color: white;
  margin-bottom: 20px;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  z-index: 10;
}
body.vtb-minidms-onlinedoctor .services-dashboard .block-item.middel-block .description-text button {
  width: auto;
  display: block;
  border: 0;
  margin-top: 16px;
  font-size: 18px;
  text-decoration: underline;
  background: transparent;
}
body.vtb-minidms-onlinedoctor .services-dashboard .block-item.middel-block .description-text button:hover {
  text-decoration: none;
}
body.vtb-minidms-onlinedoctor .help__container #helpList {
  max-width: calc(100% - 30px - 800px);
}
@media only screen and (max-width: 1150px) {
  body.vtb-minidms-onlinedoctor .help__container #helpList {
    max-width: 100%;
  }
}
body.vtb-minidms-onlinedoctor .help__container #helpList .help-list-menu a,
body.vtb-minidms-onlinedoctor .help__container #helpList .help-list-menu li {
  color: #2f3441;
}
body.vtb-minidms-onlinedoctor .help__container #helpList .help-list-menu a:hover,
body.vtb-minidms-onlinedoctor .help__container #helpList .help-list-menu li:hover {
  color: #00aaff;
}
body.vtb-minidms-onlinedoctor .help__container #helpList .help-list-menu a.active,
body.vtb-minidms-onlinedoctor .help__container #helpList .help-list-menu li.active {
  color: #2f3441;
  background-color: #cceeff;
}
@media only screen and (max-width: 1150px) {
  body.vtb-minidms-onlinedoctor .help__container #helpItems {
    max-width: 100%;
  }
}
body.vtb-minidms-onlinedoctor #loginFormModalNew .modal-body .auth-phone-esia-button,
body.vtb-minidms-onlinedoctor #registFormModalNew .modal-body .auth-phone-esia-button,
body.vtb-minidms-onlinedoctor #promoFormModalNew .modal-body .auth-phone-esia-button,
body.vtb-minidms-onlinedoctor #privacy-modal .modal-body .auth-phone-esia-button {
  color: #e62632;
}
body.vtb-minidms-onlinedoctor #loginFormModalNew .modal-body .auth-send-password-button,
body.vtb-minidms-onlinedoctor #registFormModalNew .modal-body .auth-send-password-button,
body.vtb-minidms-onlinedoctor #promoFormModalNew .modal-body .auth-send-password-button,
body.vtb-minidms-onlinedoctor #privacy-modal .modal-body .auth-send-password-button,
body.vtb-minidms-onlinedoctor #loginFormModalNew .modal-body .auth-resend-code-button,
body.vtb-minidms-onlinedoctor #registFormModalNew .modal-body .auth-resend-code-button,
body.vtb-minidms-onlinedoctor #promoFormModalNew .modal-body .auth-resend-code-button,
body.vtb-minidms-onlinedoctor #privacy-modal .modal-body .auth-resend-code-button,
body.vtb-minidms-onlinedoctor #loginFormModalNew .modal-body .auth-reg-skip-button,
body.vtb-minidms-onlinedoctor #registFormModalNew .modal-body .auth-reg-skip-button,
body.vtb-minidms-onlinedoctor #promoFormModalNew .modal-body .auth-reg-skip-button,
body.vtb-minidms-onlinedoctor #privacy-modal .modal-body .auth-reg-skip-button,
body.vtb-minidms-onlinedoctor #loginFormModalNew .modal-body .auth-send-promo-button,
body.vtb-minidms-onlinedoctor #registFormModalNew .modal-body .auth-send-promo-button,
body.vtb-minidms-onlinedoctor #promoFormModalNew .modal-body .auth-send-promo-button,
body.vtb-minidms-onlinedoctor #privacy-modal .modal-body .auth-send-promo-button,
body.vtb-minidms-onlinedoctor #loginFormModalNew .modal-body .policy-send-button,
body.vtb-minidms-onlinedoctor #registFormModalNew .modal-body .policy-send-button,
body.vtb-minidms-onlinedoctor #promoFormModalNew .modal-body .policy-send-button,
body.vtb-minidms-onlinedoctor #privacy-modal .modal-body .policy-send-button {
  background-color: #e62632;
}
body.vtb-minidms-onlinedoctor #loginFormModalNew .modal-body .auth-send-password-button.inactive,
body.vtb-minidms-onlinedoctor #registFormModalNew .modal-body .auth-send-password-button.inactive,
body.vtb-minidms-onlinedoctor #promoFormModalNew .modal-body .auth-send-password-button.inactive,
body.vtb-minidms-onlinedoctor #privacy-modal .modal-body .auth-send-password-button.inactive,
body.vtb-minidms-onlinedoctor #loginFormModalNew .modal-body .auth-resend-code-button.inactive,
body.vtb-minidms-onlinedoctor #registFormModalNew .modal-body .auth-resend-code-button.inactive,
body.vtb-minidms-onlinedoctor #promoFormModalNew .modal-body .auth-resend-code-button.inactive,
body.vtb-minidms-onlinedoctor #privacy-modal .modal-body .auth-resend-code-button.inactive,
body.vtb-minidms-onlinedoctor #loginFormModalNew .modal-body .auth-reg-skip-button.inactive,
body.vtb-minidms-onlinedoctor #registFormModalNew .modal-body .auth-reg-skip-button.inactive,
body.vtb-minidms-onlinedoctor #promoFormModalNew .modal-body .auth-reg-skip-button.inactive,
body.vtb-minidms-onlinedoctor #privacy-modal .modal-body .auth-reg-skip-button.inactive,
body.vtb-minidms-onlinedoctor #loginFormModalNew .modal-body .auth-send-promo-button.inactive,
body.vtb-minidms-onlinedoctor #registFormModalNew .modal-body .auth-send-promo-button.inactive,
body.vtb-minidms-onlinedoctor #promoFormModalNew .modal-body .auth-send-promo-button.inactive,
body.vtb-minidms-onlinedoctor #privacy-modal .modal-body .auth-send-promo-button.inactive,
body.vtb-minidms-onlinedoctor #loginFormModalNew .modal-body .policy-send-button.inactive,
body.vtb-minidms-onlinedoctor #registFormModalNew .modal-body .policy-send-button.inactive,
body.vtb-minidms-onlinedoctor #promoFormModalNew .modal-body .policy-send-button.inactive,
body.vtb-minidms-onlinedoctor #privacy-modal .modal-body .policy-send-button.inactive {
  background-color: #e62632;
  opacity: 0.5;
}
body.vtb-minidms-onlinedoctor #loginFormModalNew .modal-body .auth-send-password-button:hover,
body.vtb-minidms-onlinedoctor #registFormModalNew .modal-body .auth-send-password-button:hover,
body.vtb-minidms-onlinedoctor #promoFormModalNew .modal-body .auth-send-password-button:hover,
body.vtb-minidms-onlinedoctor #privacy-modal .modal-body .auth-send-password-button:hover,
body.vtb-minidms-onlinedoctor #loginFormModalNew .modal-body .auth-resend-code-button:hover,
body.vtb-minidms-onlinedoctor #registFormModalNew .modal-body .auth-resend-code-button:hover,
body.vtb-minidms-onlinedoctor #promoFormModalNew .modal-body .auth-resend-code-button:hover,
body.vtb-minidms-onlinedoctor #privacy-modal .modal-body .auth-resend-code-button:hover,
body.vtb-minidms-onlinedoctor #loginFormModalNew .modal-body .auth-reg-skip-button:hover,
body.vtb-minidms-onlinedoctor #registFormModalNew .modal-body .auth-reg-skip-button:hover,
body.vtb-minidms-onlinedoctor #promoFormModalNew .modal-body .auth-reg-skip-button:hover,
body.vtb-minidms-onlinedoctor #privacy-modal .modal-body .auth-reg-skip-button:hover,
body.vtb-minidms-onlinedoctor #loginFormModalNew .modal-body .auth-send-promo-button:hover,
body.vtb-minidms-onlinedoctor #registFormModalNew .modal-body .auth-send-promo-button:hover,
body.vtb-minidms-onlinedoctor #promoFormModalNew .modal-body .auth-send-promo-button:hover,
body.vtb-minidms-onlinedoctor #privacy-modal .modal-body .auth-send-promo-button:hover,
body.vtb-minidms-onlinedoctor #loginFormModalNew .modal-body .policy-send-button:hover,
body.vtb-minidms-onlinedoctor #registFormModalNew .modal-body .policy-send-button:hover,
body.vtb-minidms-onlinedoctor #promoFormModalNew .modal-body .policy-send-button:hover,
body.vtb-minidms-onlinedoctor #privacy-modal .modal-body .policy-send-button:hover {
  background-color: #ca181f;
}
body.vtb-minidms-onlinedoctor #loginFormModalNew .modal-body .auth-login-by-password-button,
body.vtb-minidms-onlinedoctor #registFormModalNew .modal-body .auth-login-by-password-button,
body.vtb-minidms-onlinedoctor #promoFormModalNew .modal-body .auth-login-by-password-button,
body.vtb-minidms-onlinedoctor #privacy-modal .modal-body .auth-login-by-password-button,
body.vtb-minidms-onlinedoctor #loginFormModalNew .modal-body .auth-login-by-sms-code-button,
body.vtb-minidms-onlinedoctor #registFormModalNew .modal-body .auth-login-by-sms-code-button,
body.vtb-minidms-onlinedoctor #promoFormModalNew .modal-body .auth-login-by-sms-code-button,
body.vtb-minidms-onlinedoctor #privacy-modal .modal-body .auth-login-by-sms-code-button,
body.vtb-minidms-onlinedoctor #loginFormModalNew .modal-body .auth-support-button,
body.vtb-minidms-onlinedoctor #registFormModalNew .modal-body .auth-support-button,
body.vtb-minidms-onlinedoctor #promoFormModalNew .modal-body .auth-support-button,
body.vtb-minidms-onlinedoctor #privacy-modal .modal-body .auth-support-button,
body.vtb-minidms-onlinedoctor #loginFormModalNew .modal-body .forgot-wrapper #forgotPasswordButton,
body.vtb-minidms-onlinedoctor #registFormModalNew .modal-body .forgot-wrapper #forgotPasswordButton,
body.vtb-minidms-onlinedoctor #promoFormModalNew .modal-body .forgot-wrapper #forgotPasswordButton,
body.vtb-minidms-onlinedoctor #privacy-modal .modal-body .forgot-wrapper #forgotPasswordButton {
  color: #00aaff;
}
body.vtb-minidms-onlinedoctor #loginFormModalNew .modal-body .auth-login-by-password-button:hover,
body.vtb-minidms-onlinedoctor #registFormModalNew .modal-body .auth-login-by-password-button:hover,
body.vtb-minidms-onlinedoctor #promoFormModalNew .modal-body .auth-login-by-password-button:hover,
body.vtb-minidms-onlinedoctor #privacy-modal .modal-body .auth-login-by-password-button:hover,
body.vtb-minidms-onlinedoctor #loginFormModalNew .modal-body .auth-login-by-sms-code-button:hover,
body.vtb-minidms-onlinedoctor #registFormModalNew .modal-body .auth-login-by-sms-code-button:hover,
body.vtb-minidms-onlinedoctor #promoFormModalNew .modal-body .auth-login-by-sms-code-button:hover,
body.vtb-minidms-onlinedoctor #privacy-modal .modal-body .auth-login-by-sms-code-button:hover,
body.vtb-minidms-onlinedoctor #loginFormModalNew .modal-body .auth-support-button:hover,
body.vtb-minidms-onlinedoctor #registFormModalNew .modal-body .auth-support-button:hover,
body.vtb-minidms-onlinedoctor #promoFormModalNew .modal-body .auth-support-button:hover,
body.vtb-minidms-onlinedoctor #privacy-modal .modal-body .auth-support-button:hover,
body.vtb-minidms-onlinedoctor #loginFormModalNew .modal-body .forgot-wrapper #forgotPasswordButton:hover,
body.vtb-minidms-onlinedoctor #registFormModalNew .modal-body .forgot-wrapper #forgotPasswordButton:hover,
body.vtb-minidms-onlinedoctor #promoFormModalNew .modal-body .forgot-wrapper #forgotPasswordButton:hover,
body.vtb-minidms-onlinedoctor #privacy-modal .modal-body .forgot-wrapper #forgotPasswordButton:hover {
  color: #1e4bd2;
}
body.vtb-minidms-onlinedoctor #loginFormModalNew .modal-body .ext-input input:hover,
body.vtb-minidms-onlinedoctor #registFormModalNew .modal-body .ext-input input:hover,
body.vtb-minidms-onlinedoctor #promoFormModalNew .modal-body .ext-input input:hover,
body.vtb-minidms-onlinedoctor #privacy-modal .modal-body .ext-input input:hover,
body.vtb-minidms-onlinedoctor #loginFormModalNew .modal-body #phoneContainer input:hover,
body.vtb-minidms-onlinedoctor #registFormModalNew .modal-body #phoneContainer input:hover,
body.vtb-minidms-onlinedoctor #promoFormModalNew .modal-body #phoneContainer input:hover,
body.vtb-minidms-onlinedoctor #privacy-modal .modal-body #phoneContainer input:hover,
body.vtb-minidms-onlinedoctor #loginFormModalNew .modal-body .ext-input input:focus,
body.vtb-minidms-onlinedoctor #registFormModalNew .modal-body .ext-input input:focus,
body.vtb-minidms-onlinedoctor #promoFormModalNew .modal-body .ext-input input:focus,
body.vtb-minidms-onlinedoctor #privacy-modal .modal-body .ext-input input:focus,
body.vtb-minidms-onlinedoctor #loginFormModalNew .modal-body #phoneContainer input:focus,
body.vtb-minidms-onlinedoctor #registFormModalNew .modal-body #phoneContainer input:focus,
body.vtb-minidms-onlinedoctor #promoFormModalNew .modal-body #phoneContainer input:focus,
body.vtb-minidms-onlinedoctor #privacy-modal .modal-body #phoneContainer input:focus {
  border-bottom-color: #00aaff;
}
body.vtb-minidms-onlinedoctor .message-start .login-form button {
  color: #00aaff;
}
body.vtb-minidms-onlinedoctor .button-style:not(.inactive).btn-3,
body.vtb-minidms-onlinedoctor .button-style:not(.inactive).btn-4,
body.vtb-minidms-onlinedoctor .button-style:not(.inactive).btn-7 {
  background-color: #e62632;
}
body.vtb-minidms-onlinedoctor .button-style:not(.inactive).btn-3:hover,
body.vtb-minidms-onlinedoctor .button-style:not(.inactive).btn-4:hover,
body.vtb-minidms-onlinedoctor .button-style:not(.inactive).btn-7:hover {
  color: #fff;
  background-color: #ca181f;
}
body.vtb-minidms-onlinedoctor .button-style:not(.inactive).btn-1,
body.vtb-minidms-onlinedoctor .button-style:not(.inactive).btn-2,
body.vtb-minidms-onlinedoctor .button-style:not(.inactive).btn-5 {
  background-color: #00aaff;
}
body.vtb-minidms-onlinedoctor .button-style:not(.inactive).btn-1:hover,
body.vtb-minidms-onlinedoctor .button-style:not(.inactive).btn-2:hover,
body.vtb-minidms-onlinedoctor .button-style:not(.inactive).btn-5:hover {
  background-color: #1e4bd2;
}
body.vtb-minidms-onlinedoctor #aboutWrapper .aboutWrapper__banner:before {
  background-color: #e62632;
}
body.vtb-minidms-onlinedoctor #aboutWrapper .question__wrapp .question__all {
  background-color: #00aaff;
}
body.vtb-minidms-onlinedoctor #aboutWrapper .question__wrapp .question__all:hover {
  background-color: #1e4bd2;
}
body.vtb-minidms-onlinedoctor #aboutWrapper .consultations__wrapp .consult-block:nth-child(2) .icon {
  background: url('/images/vtb-minidms.onlinedoctor/mobile_about.svg') no-repeat;
  background-size: contain;
}
body.vtb-minidms-onlinedoctor #aboutWrapper .consultations__wrapp .consult-block:nth-child(3) .icon {
  background: url('/images/vtb-minidms.onlinedoctor/analyses_about.svg') no-repeat;
  background-size: contain;
}
body.vtb-minidms-onlinedoctor #aboutWrapper .consultations__wrapp .consult-block:last-child .icon {
  background: url('/images/vtb-minidms.onlinedoctor/doctor_about.svg') no-repeat;
  background-size: contain;
}
body.vtb-minidms-onlinedoctor #aboutWrapper .instructions__wrapp .arrow-step {
  background: url('/images/vtb-minidms.onlinedoctor/arrow-step.svg') no-repeat;
}
@media only screen and (max-width: 767px) {
  body.vtb-minidms-onlinedoctor #aboutWrapper .instructions__wrapp .arrow-step {
    background: url('/images/vtb-minidms.onlinedoctor/arrow-step-mobile.svg') no-repeat;
  }
}
body.vtb-minidms-onlinedoctor #aboutWrapper .instructions__wrapp .instruction__block .instruction__icon {
  background: url('/images/vtb-minidms.onlinedoctor/doctor.svg') no-repeat;
  background-size: contain;
}
body.vtb-minidms-onlinedoctor #aboutWrapper .instructions__wrapp .instruction__block:nth-child(3) .instruction__icon {
  background: url('/images/vtb-minidms.onlinedoctor/dollar.svg') no-repeat;
  background-size: contain;
}
body.vtb-minidms-onlinedoctor #aboutWrapper .instructions__wrapp .instruction__block:last-child .instruction__icon {
  background: url('/images/vtb-minidms.onlinedoctor/upload.svg') no-repeat;
  background-size: contain;
}
body.vtb-minidms-onlinedoctor .panel-group .panel-default .panel-heading .panel-title a:hover,
body.vtb-minidms-onlinedoctor .panel-group .panel-default .panel-heading .panel-title a[aria-expanded="true"] {
  color: #00aaff;
}
body.vtb-minidms-onlinedoctor .panel-group .panel-default .panel-heading .panel-title a::before {
  content: '';
  display: block;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 10px;
  height: 10px;
  background: none;
  border-top: 2px solid currentColor;
  border-left: 2px solid currentColor;
  -webkit-transform: translateY(-25%) rotate(-135deg);
          transform: translateY(-25%) rotate(-135deg);
}
body.vtb-minidms-onlinedoctor .panel-group .panel-default .panel-heading .panel-title a[aria-expanded="true"]::before {
  -webkit-transform: translateY(25%) rotate(45deg);
          transform: translateY(25%) rotate(45deg);
}
body.vtb-minidms-onlinedoctor #encyclopediaWrapper .encyclopedy-content .timeline .enc-category {
  border-bottom-color: #1e4bd2;
}
body.vtb-minidms-onlinedoctor #encyclopediaWrapper .encyclopedy-content .timeline .enc-category .article-info .enc-title {
  color: #00aaff;
}
body.vtb-minidms-onlinedoctor #encyclopediaWrapper .line-styled {
  background-color: #e62632;
}
body.vtb-minidms-onlinedoctor #contactPageWrapper .email {
  color: #00aaff;
}
body.vtb-minidms-onlinedoctor #contactPageWrapper .email:hover {
  color: #1e4bd2;
}
body.vtb-minidms-onlinedoctor #contactPageWrapper .leave-feedback-wrapper .buttons-wrapper .button-style.send {
  background-color: #00aaff;
}
body.vtb-minidms-onlinedoctor #contactPageWrapper .leave-feedback-wrapper .buttons-wrapper .button-style.send:hover {
  background-color: #1e4bd2;
}
body.vtb-minidms-onlinedoctor .pagination li {
  overflow: hidden;
}
body.vtb-minidms-onlinedoctor .pagination li.active {
  background-color: #00aaff;
}
body.vtb-minidms-onlinedoctor .pagination li.active a,
body.vtb-minidms-onlinedoctor .pagination li.active span {
  background: none !important;
}
body.vtb-minidms-onlinedoctor .pagination li.page-nav {
  position: relative;
  background: none;
}
body.vtb-minidms-onlinedoctor .pagination li.page-nav.disabled {
  opacity: 0.3;
}
body.vtb-minidms-onlinedoctor .pagination li.page-nav::before,
body.vtb-minidms-onlinedoctor .pagination li.page-nav::after {
  content: '';
  display: block;
  position: absolute;
  top: calc(50% - 2px);
  width: 24px;
  height: 4px;
  border-radius: 4px;
  background-color: #00aaff;
  pointer-events: none;
}
body.vtb-minidms-onlinedoctor .pagination li.page-nav::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
body.vtb-minidms-onlinedoctor .pagination li.page-nav::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
body.vtb-minidms-onlinedoctor .pagination li.page-nav.prev::before,
body.vtb-minidms-onlinedoctor .pagination li.page-nav.prev::after {
  left: 0;
  -webkit-transform-origin: 2px 2px;
          transform-origin: 2px 2px;
}
body.vtb-minidms-onlinedoctor .pagination li.page-nav.next::before,
body.vtb-minidms-onlinedoctor .pagination li.page-nav.next::after {
  right: 0;
  -webkit-transform-origin: calc(100% - 2px) 2px;
          transform-origin: calc(100% - 2px) 2px;
}
body.vtb-minidms-onlinedoctor .pagination li.page-nav a,
body.vtb-minidms-onlinedoctor .pagination li.page-nav span {
  border: none;
}
body.vtb-minidms-onlinedoctor .pagination li a,
body.vtb-minidms-onlinedoctor .pagination li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background: none;
}
body.vtb-minidms-onlinedoctor .pagination li a:hover,
body.vtb-minidms-onlinedoctor .pagination li span:hover {
  color: #00aaff;
}
body.vtb-minidms-onlinedoctor #profileWrapper #helpLoader .loader-lines div {
  background-color: #00aaff;
}
body.vtb-minidms-onlinedoctor #profileWrapper .content-wrapper .nav-tabs li.active a {
  color: #00aaff;
  border-bottom-color: #00aaff;
}
body.vtb-minidms-onlinedoctor #profileWrapper .content-wrapper #profile-data .sidebar-right .balance-wrapper .balance-value {
  color: #00aaff;
}
body.vtb-minidms-onlinedoctor #profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .avatar-wrapper .buttons-wrapper .actions #removeAvatar {
  color: #e62632;
}
body.vtb-minidms-onlinedoctor #profileWrapper .content-wrapper #documents-data .send-message-wrapper .progress .progress-bar {
  background-color: #00aaff;
}
body.vtb-minidms-onlinedoctor #historyWrapper .history-item-wrapper {
  border-bottom-color: #00aaff;
}
body.vtb-minidms-onlinedoctor #historyWrapper .history-item-wrapper .doctor-info .about-doctor .name:hover {
  color: #00aaff;
}
body.vtb-minidms-onlinedoctor #historyWrapper .history-item-wrapper .doctor-info .about-doctor .line {
  background-color: #e62632;
}
@media only screen and (max-width: 767px) {
  body.vtb-minidms-onlinedoctor #historyWrapper .history-item-wrapper .consult-info {
    background-color: #f3f7fa;
  }
}
body.vtb-minidms-onlinedoctor #historyWrapper .history-item-wrapper .consult-info .consult-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.vtb-minidms-onlinedoctor #historyWrapper .history-item-wrapper .consult-info .consult-date::before {
  position: static;
  width: 24px;
  height: 24px;
  background: url('/images/vtb-minidms.onlinedoctor/calendar-icon.svg') no-repeat;
  background-size: 24px 24px;
}
body.vtb-minidms-onlinedoctor #historyWrapper [class$="-consults"]:not(:last-child)::after {
  background-color: #00aaff;
}
body.vtb-minidms-onlinedoctor .subscribes .nav-tabs li.active {
  color: #00aaff;
}
body.vtb-minidms-onlinedoctor .subscribes .nav-tabs li.active a {
  color: currentColor !important;
  border-bottom-color: currentColor;
}
body.vtb-minidms-onlinedoctor .codewordsWrapper .programms .one-radio-wrapper label {
  padding: 0;
  background: none;
  border: 2px solid #dce0eb;
  border-radius: 50%;
}
body.vtb-minidms-onlinedoctor .codewordsWrapper .programms .one-radio-wrapper label:not(.invisible) {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body.vtb-minidms-onlinedoctor .codewordsWrapper .programms .one-radio-wrapper input[type="checkbox"]:checked + label {
  background: #00aaff !important;
  border-color: #00aaff;
}
body.vtb-minidms-onlinedoctor .codewordsWrapper .programms .one-radio-wrapper input[type="checkbox"]:checked + label::after {
  content: '';
  display: block;
  width: 12px;
  height: 6px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: translate(-10%, -25%) rotate(-45deg);
          transform: translate(-10%, -25%) rotate(-45deg);
}
body.vtb-minidms-onlinedoctor .codewordsWrapper .programms .one-form-line {
  background-color: #f3f7fa;
}
body.vtb-minidms-onlinedoctor .codewordsWrapper .programms .one-form-line .js-continue-codeword {
  background-color: #00aaff !important;
}
body.vtb-minidms-onlinedoctor .codewordsWrapper .programms .one-form-line .js-continue-codeword:hover {
  background-color: #1e4bd2 !important;
}
body.vtb-minidms-onlinedoctor .codewordsWrapper .programms .one-form-line .cell .programm-list li .wrapp-discount .label__count {
  color: #0088cc;
  background-color: rgba(0, 136, 204, 0.12);
}
body.vtb-minidms-onlinedoctor .codewordsWrapper .programms .one-form-line .cell .programm-list li .wrapp-discount .label__count--red {
  color: #e62632;
  background-color: rgba(230, 38, 50, 0.12);
}
body.vtb-minidms-onlinedoctor .codewordsWrapper .programms .one-form-line .label-text-g {
  color: #0088cc;
}
body.vtb-minidms-onlinedoctor .codewordsWrapper .programms .one-form-line .show-all,
body.vtb-minidms-onlinedoctor .codewordsWrapper .programms .one-form-line .m-programm__button {
  color: #00aaff !important;
}
body.vtb-minidms-onlinedoctor .codewordsWrapper .programms .one-form-line .show-all:hover,
body.vtb-minidms-onlinedoctor .codewordsWrapper .programms .one-form-line .m-programm__button:hover {
  color: #00aaff !important;
}
body.vtb-minidms-onlinedoctor .codewordsWrapper .programms .one-form-line .show-all::after,
body.vtb-minidms-onlinedoctor .codewordsWrapper .programms .one-form-line .m-programm__button::after {
  margin-left: 8px;
  width: 6px;
  height: 6px;
  background: none;
  border-top: 1px solid currentColor;
  border-left: 1px solid currentColor;
  -webkit-transform: translateY(-25%) rotate(-135deg);
          transform: translateY(-25%) rotate(-135deg);
}
body.vtb-minidms-onlinedoctor .codewordsWrapper .programms .one-form-line .show-all.open::after,
body.vtb-minidms-onlinedoctor .codewordsWrapper .programms .one-form-line .m-programm__button.open::after {
  background: none;
  -webkit-transform: translateY(25%) rotate(45deg);
          transform: translateY(25%) rotate(45deg);
}
body.vtb-minidms-onlinedoctor .codewordsWrapper .programms .one-form-line .codeword-lifetime .js-continue-codeword,
body.vtb-minidms-onlinedoctor .codewordsWrapper .programms .one-form-line .codeword-title .js-continue-codeword,
body.vtb-minidms-onlinedoctor .codewordsWrapper .programms .one-form-line .partner-name .js-continue-codeword {
  background-color: #00aaff;
}
body.vtb-minidms-onlinedoctor .codewordsWrapper .programms .one-form-line .codeword-lifetime .js-continue-codeword:hover,
body.vtb-minidms-onlinedoctor .codewordsWrapper .programms .one-form-line .codeword-title .js-continue-codeword:hover,
body.vtb-minidms-onlinedoctor .codewordsWrapper .programms .one-form-line .partner-name .js-continue-codeword:hover {
  background-color: #1e4bd2;
}
body.vtb-minidms-onlinedoctor .warning__data--blue {
  color: #6b7683;
  background: #f3f7fa url('/images/default/info.svg') no-repeat 10px 8px;
  border-color: #dce0eb;
}
@media only screen and (max-width: 1240px) {
  body.vtb-minidms-onlinedoctor #attach_by_code label[for="code"] {
    color: #00aaff;
  }
}
body.vtb-minidms-onlinedoctor #attach_by_code .item-input .clear-field {
  width: 20px;
  height: 20px;
  color: #00aaff;
  background: none;
}
body.vtb-minidms-onlinedoctor #attach_by_code .item-input .clear-field::before,
body.vtb-minidms-onlinedoctor #attach_by_code .item-input .clear-field::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 2px;
  background-color: currentColor;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
body.vtb-minidms-onlinedoctor #attach_by_code .item-input .clear-field::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
body.vtb-minidms-onlinedoctor #attach_by_code button[type="submit"] {
  background-color: #00aaff !important;
}
body.vtb-minidms-onlinedoctor #attach_by_code button[type="submit"][disabled] {
  background-color: rgba(0, 170, 255, 0.3) !important;
}
body.vtb-minidms-onlinedoctor #cards-data #addCard,
body.vtb-minidms-onlinedoctor #cards-data .addCard {
  background-color: #00aaff;
}
body.vtb-minidms-onlinedoctor #cards-data #addCard:hover,
body.vtb-minidms-onlinedoctor #cards-data .addCard:hover {
  background-color: #1e4bd2;
}
body.vtb-minidms-onlinedoctor #allowDevicesNotification-cont {
  background-color: rgba(10, 40, 150, 0.2);
}
body.vtb-minidms-onlinedoctor #allowDevicesNotification-cont .allowDeviceNotification {
  background-color: #0a2896;
}
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper ul.patient-actions li.slide-left-line {
  color: #2f3441;
}
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper ul.patient-actions li.slide-left-line.show-chat i {
  width: 28px;
  height: 28px;
  background: url('/images/vtb-minidms.onlinedoctor/message.svg') no-repeat;
}
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper ul.patient-actions li.slide-left-line.show-option i {
  width: 28px;
  height: 28px;
  background: url('/images/vtb-minidms.onlinedoctor/conversation.svg') no-repeat;
}
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper ul.patient-actions li.slide-left-line.close-request i {
  width: 28px;
  height: 28px;
  background: url('/images/vtb-minidms.onlinedoctor/close.svg') no-repeat center center;
  background-size: 20px;
}
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper ul.patient-actions li.slide-left-line:hover {
  color: #00aaff;
}
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper ul.patient-actions li.slide-left-line .text {
  color: inherit;
}
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog .modal-header .actions-wrapper .time-wrapper .time-counter.attention {
  color: #e62632;
}
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.app-initiated .textblock,
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.app-initiated .textblock {
  background-color: #f3f7fa;
}
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.app-initiated .textblock .text p,
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.app-initiated .textblock .text p {
  color: #0a2896;
}
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.app-initiated .textblock .text a,
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.app-initiated .textblock .text a {
  color: #00aaff;
}
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.opponent .name-opponent,
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.opponent .name-opponent {
  color: #00aaff;
}
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-missed .textblock,
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-missed .textblock,
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-dropped .textblock,
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-dropped .textblock,
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-finished .textblock,
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-finished .textblock {
  background-color: rgba(230, 38, 50, 0.1);
}
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-missed .textblock::before,
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-missed .textblock::before,
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-dropped .textblock::before,
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-dropped .textblock::before,
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-finished .textblock::before,
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-finished .textblock::before {
  background-color: rgba(230, 38, 50, 0.4);
}
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-missed .textblock .text,
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-missed .textblock .text,
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-dropped .textblock .text,
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-dropped .textblock .text,
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-finished .textblock .text,
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-finished .textblock .text {
  color: #e62632;
}
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.req-solved .textblock,
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.req-solved .textblock {
  background-color: rgba(107, 118, 131, 0.2);
}
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.req-solved .textblock::before,
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.req-solved .textblock::before {
  background-color: #6b7683;
}
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.req-solved .textblock .text,
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.req-solved .textblock .text {
  color: #6b7683;
}
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.conclusion .text,
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.conclusion .text {
  color: #6b7683;
}
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form .add-attachment {
  margin: 0;
  width: 40px;
  height: 40px;
  background: url('/images/vtb-minidms.onlinedoctor/attach.svg') no-repeat;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
@media (min-width: 1050px) {
  body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form .add-attachment {
    opacity: 0.5;
  }
  body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form .add-attachment:hover {
    opacity: 1;
  }
}
@media (min-width: 1050px) {
  body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form .send-message {
    opacity: 0.5;
  }
}
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form .send-message span {
  background: url('/images/vtb-minidms.onlinedoctor/send.svg') no-repeat -60px 0;
  background-size: 90px 30px;
}
body.vtb-minidms-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form .send-message:hover {
  opacity: 1;
  background-color: transparent;
}
body.vtb-minidms-onlinedoctor .conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-title span {
  background-color: #e62632;
}
body.vtb-minidms-onlinedoctor .conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .conclusion-message .head-block:before {
  background-color: #6b7683;
}
body.vtb-minidms-onlinedoctor .conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .recommendation .secondary-info .attention {
  color: #e62632;
  background-color: rgba(230, 38, 50, 0.1);
}
body.vtb-minidms-onlinedoctor .conclusion .download-file a {
  color: #00aaff;
}
body.vtb-minidms-onlinedoctor .conclusion .download-file a:hover {
  color: #1e4bd2;
}
body.vtb-minidms-onlinedoctor .conclusion .download-file .signature .description:hover .letter {
  background-color: #00aaff;
}
body.vtb-minidms-onlinedoctor .conclusion .download-file .signature .description:hover .letter .text {
  color: #fff;
}
body.vtb-minidms-onlinedoctor #chat_scroll_btn {
  background-color: #00aaff;
}
body.vtb-minidms-onlinedoctor #doctorProfilePage .doctor-info .short-description .review .block-review .count {
  color: #00aaff;
}
body.vtb-minidms-onlinedoctor #doctorProfilePage .doctor-info .short-description .review .block-review .count:hover {
  color: #1e4bd2;
}
body.vtb-minidms-onlinedoctor #doctorProfilePage .else-button {
  color: #00aaff;
}
body.vtb-minidms-onlinedoctor #doctorProfilePage .else-button:hover {
  color: #1e4bd2;
}
body.vtb-minidms-onlinedoctor #doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.academic .info div::before,
body.vtb-minidms-onlinedoctor #doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.courses .info div::before,
body.vtb-minidms-onlinedoctor #doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.work_places .info div::before {
  background-color: #e62632;
}
body.vtb-minidms-onlinedoctor #doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.academic .info.additional div::before,
body.vtb-minidms-onlinedoctor #doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.courses .info.additional div::before,
body.vtb-minidms-onlinedoctor #doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.work_places .info.additional div::before {
  background-color: #00aaff;
}
body.vtb-minidms-onlinedoctor #doctorProfilePage .paginate {
  background-color: #00aaff;
}
body.vtb-minidms-onlinedoctor #doctorProfilePage .paginate:hover,
body.vtb-minidms-onlinedoctor #doctorProfilePage .paginate:focus {
  background-color: #1e4bd2;
}
body.vtb-minidms-onlinedoctor .covid__desc strong {
  color: #00aaff;
}
body.vtb-minidms-onlinedoctor .record-block .create-deferred-request,
body.vtb-minidms-onlinedoctor .record-block .create-order-no-schedule {
  color: #00aaff;
}
body.vtb-minidms-onlinedoctor .record-block .create-deferred-request:hover,
body.vtb-minidms-onlinedoctor .record-block .create-order-no-schedule:hover,
body.vtb-minidms-onlinedoctor .record-block .create-deferred-request:focus,
body.vtb-minidms-onlinedoctor .record-block .create-order-no-schedule:focus {
  color: #1e4bd2;
}
body.vtb-minidms-onlinedoctor #privacy-content .title-wrapper .title {
  color: #00aaff;
}
/* ------------------------------------------------------------------------------------------------------------------ */
/* Палитра цветов из брендбука */
/* ------------------------------------------------------------------------------------------------------------------ */
body.vtb-onlinedoctor a {
  color: #1e4bd2;
  -webkit-transition: color 0.3s linear, background-color 0.3s linear;
  transition: color 0.3s linear, background-color 0.3s linear;
}
body.vtb-onlinedoctor a:hover {
  color: #1e4bd2;
}
@media only screen and (max-width: 413px) {
  body.vtb-onlinedoctor #logo a img {
    height: auto !important;
  }
}
@media only screen and (max-width: 413px) {
  body.vtb-onlinedoctor #logo a img:first-child {
    width: 38% !important;
  }
}
@media only screen and (max-width: 413px) {
  body.vtb-onlinedoctor #logo a img:last-child {
    width: 60% !important;
  }
}
body.vtb-onlinedoctor #diet .modal-title,
body.vtb-onlinedoctor #basic .modal-title,
body.vtb-onlinedoctor #covid-chekup .modal-title,
body.vtb-onlinedoctor #sport .modal-title,
body.vtb-onlinedoctor #antistress .modal-title {
  padding-right: 30px;
}
body.vtb-onlinedoctor #diet .modal-body,
body.vtb-onlinedoctor #basic .modal-body,
body.vtb-onlinedoctor #covid-chekup .modal-body,
body.vtb-onlinedoctor #sport .modal-body,
body.vtb-onlinedoctor #antistress .modal-body {
  font-size: 18px;
}
body.vtb-onlinedoctor .headroom .inner .top-menu li:hover,
body.vtb-onlinedoctor .headroom .inner .top-menu li.active {
  color: #1e4bd2;
}
body.vtb-onlinedoctor .headroom .inner .top-menu li ul.dropmenu-top li a:hover {
  color: #1e4bd2;
}
body.vtb-onlinedoctor .headroom .logged-navigation .nav-menu li.active,
body.vtb-onlinedoctor .headroom .logged-navigation .nav-menu li:hover {
  color: #1e4bd2;
}
body.vtb-onlinedoctor .headroom .logged-navigation .nav-menu li.history span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 100%;
  padding: 0;
  width: 16px;
  height: 16px;
  line-height: 1;
  background-color: #e62632 !important;
}
body.vtb-onlinedoctor .headroom .wide .left-side .menu-mobile {
  background: url('/images/vtb.onlinedoctor/Menu.svg');
}
@media only screen and (max-width: 767px) {
  body.vtb-onlinedoctor .headroom .wide .block-header .support a.tel {
    background: url('/images/vtb.onlinedoctor/Phone.svg') no-repeat;
  }
}
body.vtb-onlinedoctor .menu-mobile_list .top-menu > li {
  color: #1e4bd2;
}
body.vtb-onlinedoctor .menu-mobile_list .top-menu > li ul.dropmenu-top li a {
  color: #2f3441;
}
body.vtb-onlinedoctor .menu-mobile_list .top-menu > li ul.dropmenu-top li a:hover {
  color: #2f3441;
}
body.vtb-onlinedoctor .menu-mobile_list .logout-button {
  color: #e62632;
}
body.vtb-onlinedoctor .support .social-menu .tel {
  color: #1e4bd2;
  border-bottom-color: currentColor;
}
body.vtb-onlinedoctor .support .social-menu:hover .tel {
  border-bottom-color: transparent;
}
body.vtb-onlinedoctor footer .footer-wrap .footer-menu {
  color: #1e4bd2;
}
body.vtb-onlinedoctor footer .support .social-menu .tel {
  border-bottom: 0;
}
body.vtb-onlinedoctor .services-dashboard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
  gap: 1%;
}
@media only screen and (max-width: 1150px) {
  body.vtb-onlinedoctor .services-dashboard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
body.vtb-onlinedoctor .services-dashboard .block-item.middel-block {
  width: 32.3%;
  background: #1e4bd2;
  padding: 24px;
  height: auto;
}
@media only screen and (max-width: 1150px) {
  body.vtb-onlinedoctor .services-dashboard .block-item.middel-block {
    width: 100%;
  }
}
body.vtb-onlinedoctor .services-dashboard .block-item.middel-block h2 {
  margin-bottom: 6px;
  font-size: 24px;
  font-weight: bold;
}
body.vtb-onlinedoctor .services-dashboard .block-item.middel-block .description-text {
  width: auto;
  font-size: 16px;
  color: white;
  margin-bottom: 20px;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  z-index: 10;
}
body.vtb-onlinedoctor .services-dashboard .block-item.middel-block .description-text button {
  display: block;
  border: 0;
  margin-top: 16px;
  font-size: 18px;
  text-decoration: underline;
  background: transparent;
}
body.vtb-onlinedoctor .services-dashboard .block-item.middel-block .button-style {
  margin-left: 0;
  margin-right: 0;
  font-size: 16px;
  width: 100%;
  background-color: #0a2896;
}
body.vtb-onlinedoctor .services-dashboard .block-item.middel-block .button-style.hover {
  background-color: #00aaff;
}
body.vtb-onlinedoctor .services-dashboard .block-item {
  margin-top: 30px;
  height: 300px;
  padding: 10px 0 20px 15px;
  position: relative;
  overflow: hidden;
  border-radius: 8px 8px 8px 8px;
}
body.vtb-onlinedoctor .services-dashboard .block-item h2 {
  font-weight: bold;
  font-size: 32px;
  line-height: 110%;
  margin-bottom: 26px;
  margin-top: 0;
  position: relative;
  z-index: 10;
  color: white;
  width: 90%;
}
@media only screen and (max-width: 767px) {
  body.vtb-onlinedoctor .services-dashboard .block-item h2 {
    margin-bottom: 18px;
  }
}
body.vtb-onlinedoctor .services-dashboard .block-item.display-none {
  display: none;
}
body.vtb-onlinedoctor .services-dashboard .block-item.doctors-onduty {
  width: 42%;
  background: linear-gradient(60.9deg, #16C8D6 0%, #77CEDA 100%);
}
@media only screen and (max-width: 1240px) {
  body.vtb-onlinedoctor .services-dashboard .block-item.doctors-onduty {
    width: 40%;
  }
}
@media only screen and (max-width: 1150px) {
  body.vtb-onlinedoctor .services-dashboard .block-item.doctors-onduty {
    width: 100%;
  }
}
@media only screen and (max-width: 850px) {
  body.vtb-onlinedoctor .services-dashboard .block-item.doctors-onduty {
    height: 315px;
  }
}
body.vtb-onlinedoctor .services-dashboard .block-item.doctors-onduty:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background: url('/images/vtb.onlinedoctor/service-doctor.png') no-repeat;
  width: 211px;
  height: 300px;
  background-size: contain;
}
@media only screen and (max-width: 767px) {
  body.vtb-onlinedoctor .services-dashboard .block-item.doctors-onduty:before {
    width: 158px;
    height: 367px;
    background: url('/images/vtb.onlinedoctor/service-doctor-mob.png') no-repeat;
    background-size: contain;
  }
}
@media only screen and (max-width: 413px) {
  body.vtb-onlinedoctor .services-dashboard .block-item.doctors-onduty:before {
    width: 135px;
    height: 315px;
  }
}
body.vtb-onlinedoctor .services-dashboard .block-item.doctors-onduty .description-text {
  width: 340px;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  color: white;
  margin-bottom: 13px;
  position: relative;
  z-index: 10;
}
@media only screen and (max-width: 767px) {
  body.vtb-onlinedoctor .services-dashboard .block-item.doctors-onduty .description-text {
    font-size: 14px;
    line-height: 16px;
    width: 223px;
    margin-bottom: 25px;
  }
}
body.vtb-onlinedoctor .services-dashboard .block-item.doctors-onduty .button-wrap {
  padding-top: 15px;
  width: 446px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 1240px) {
  body.vtb-onlinedoctor .services-dashboard .block-item.doctors-onduty .button-wrap {
    width: 388px;
  }
}
@media only screen and (max-width: 767px) {
  body.vtb-onlinedoctor .services-dashboard .block-item.doctors-onduty .button-wrap {
    width: 188px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
body.vtb-onlinedoctor .services-dashboard .block-item.doctors-onduty .button-wrap button {
  min-width: 218px;
  height: 40px;
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
  background: #00aabe;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 1240px) {
  body.vtb-onlinedoctor .services-dashboard .block-item.doctors-onduty .button-wrap button {
    min-width: 189px;
  }
}
@media only screen and (max-width: 767px) {
  body.vtb-onlinedoctor .services-dashboard .block-item.doctors-onduty .button-wrap button {
    min-width: 171px;
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  body.vtb-onlinedoctor .services-dashboard .block-item.doctors-onduty .button-wrap button:first-child {
    margin-bottom: 14px;
  }
}
body.vtb-onlinedoctor .services-dashboard .block-item.doctors-onduty .button-wrap button:hover {
  background: #006672;
}
body.vtb-onlinedoctor .services-dashboard .block-item.doctors-onduty .button-wrap button .price {
  margin-left: 4px;
}
body.vtb-onlinedoctor .services-dashboard .block-item.laboratory {
  width: 28%;
  background: #F9B5B4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 1240px) {
  body.vtb-onlinedoctor .services-dashboard .block-item.laboratory {
    width: 29%;
  }
}
@media only screen and (max-width: 1150px) {
  body.vtb-onlinedoctor .services-dashboard .block-item.laboratory {
    width: 100%;
    margin-top: 16px;
  }
}
@media only screen and (max-width: 1150px) {
  body.vtb-onlinedoctor .services-dashboard .block-item.laboratory {
    height: 160px;
  }
}
@media only screen and (max-width: 767px) {
  body.vtb-onlinedoctor .services-dashboard .block-item.laboratory {
    height: 239px;
  }
}
body.vtb-onlinedoctor .services-dashboard .block-item.laboratory:before {
  content: "";
  position: absolute;
  bottom: -20px;
  right: -7px;
  background: url('/images/vtb.onlinedoctor/bg-image-subscription.png') no-repeat;
  width: 178px;
  height: 198px;
  background-size: contain;
}
@media only screen and (max-width: 1150px) {
  body.vtb-onlinedoctor .services-dashboard .block-item.laboratory:before {
    width: 132px;
    height: 142px;
    right: 4%;
  }
}
body.vtb-onlinedoctor .services-dashboard .block-item.laboratory h2 {
  color: #40404C;
  height: 120px;
  line-height: 110%;
  margin: 0;
}
@media only screen and (max-width: 1150px) {
  body.vtb-onlinedoctor .services-dashboard .block-item.laboratory h2 {
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  body.vtb-onlinedoctor .services-dashboard .block-item.laboratory h2 {
    width: 237px;
  }
}
body.vtb-onlinedoctor .services-dashboard .block-item.laboratory .description-text {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  padding: 4px 12px 5px 11px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border-radius: 5px 5px 5px 5px;
  background: #F47371;
  color: #40404C;
  position: relative;
  z-index: 10;
}
@media only screen and (max-width: 767px) {
  body.vtb-onlinedoctor .services-dashboard .block-item.laboratory .description-text {
    position: static;
    margin: 0 0 32px 0;
  }
}
body.vtb-onlinedoctor .services-dashboard .block-item.laboratory .transparent {
  background: transparent;
}
body.vtb-onlinedoctor .services-dashboard .block-item.laboratory .link {
  display: inline-block;
  background: url('/images/vtb.onlinedoctor/service-arrow.svg') no-repeat 100% 60%;
  padding-right: 16px;
  font-weight: bold;
  font-size: 16px;
  line-height: 1;
  color: #40404C;
  position: relative;
  z-index: 10;
  -webkit-transition: 0.15s;
  transition: 0.15s;
}
body.vtb-onlinedoctor .services-dashboard .block-item.laboratory .link:hover {
  -webkit-transform: translateX(3px);
          transform: translateX(3px);
}
@media only screen and (max-width: 767px) {
  body.vtb-onlinedoctor .services-dashboard .block-item.laboratory .link {
    font-size: 15px;
  }
}
body.vtb-onlinedoctor .services-dashboard .block-item.laboratory.laboratory-sports {
  margin-right: 0;
  background: linear-gradient(60.9deg, #FFD37C 0%, #FFE071 100%);
}
body.vtb-onlinedoctor .services-dashboard .block-item.laboratory.laboratory-sports:before {
  background: url('/images/vtb.onlinedoctor/mastercard.png') no-repeat;
  background-size: contain;
  max-height: 200px;
  height: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (max-width: 1150px) {
  body.vtb-onlinedoctor .services-dashboard .block-item.laboratory.laboratory-sports:before {
    top: 10px;
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  body.vtb-onlinedoctor .services-dashboard .block-item.laboratory.laboratory-sports:before {
    top: 45%;
  }
}
body.vtb-onlinedoctor .services-dashboard .block-item.laboratory.psychological-help {
  margin-right: 0;
  background: #C2E6A9;
}
body.vtb-onlinedoctor .services-dashboard .block-item.laboratory.psychological-help .description-text {
  background: #A8CCAE;
}
body.vtb-onlinedoctor .services-dashboard .block-item.laboratory.psychological-help:before {
  bottom: -15px;
  right: -26px;
  background: url('/images/vtb.onlinedoctor/help-psychologist.png') no-repeat;
  background-size: contain;
  max-height: 200px;
  width: 198px;
  height: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (max-width: 1240px) {
  body.vtb-onlinedoctor .services-dashboard .block-item.laboratory.psychological-help:before {
    width: 200px;
  }
}
@media only screen and (max-width: 767px) {
  body.vtb-onlinedoctor .services-dashboard .block-item.laboratory.psychological-help:before {
    bottom: -23%;
    right: -2%;
    width: 155px;
  }
}
body.vtb-onlinedoctor .doctors-list .doctor-row .about-doctor .review .block-review .count {
  color: #1e4bd2;
}
body.vtb-onlinedoctor .doctors-list .doctor-row .about-doctor .name:hover {
  color: #00aaff;
}
body.vtb-onlinedoctor .doctors-list .schedule_wrapper .pacient-schedule .tab-pane .time a {
  color: #1e4bd2;
}
body.vtb-onlinedoctor .help__container #helpList {
  max-width: calc(100% - 30px - 800px);
}
@media only screen and (max-width: 1150px) {
  body.vtb-onlinedoctor .help__container #helpList {
    max-width: 100%;
  }
}
body.vtb-onlinedoctor .help__container #helpList .help-list-menu a,
body.vtb-onlinedoctor .help__container #helpList .help-list-menu li {
  color: #2f3441;
}
body.vtb-onlinedoctor .help__container #helpList .help-list-menu a:hover,
body.vtb-onlinedoctor .help__container #helpList .help-list-menu li:hover {
  color: #1e4bd2;
}
body.vtb-onlinedoctor .help__container #helpList .help-list-menu a.active,
body.vtb-onlinedoctor .help__container #helpList .help-list-menu li.active {
  color: #2f3441;
  background-color: #cceeff;
}
@media only screen and (max-width: 1150px) {
  body.vtb-onlinedoctor .help__container #helpItems {
    max-width: 100%;
  }
}
body.vtb-onlinedoctor #loginFormModalNew .modal-body .auth-phone-esia-button,
body.vtb-onlinedoctor #registFormModalNew .modal-body .auth-phone-esia-button,
body.vtb-onlinedoctor #promoFormModalNew .modal-body .auth-phone-esia-button,
body.vtb-onlinedoctor #privacy-modal .modal-body .auth-phone-esia-button {
  color: #e62632;
}
body.vtb-onlinedoctor #loginFormModalNew .modal-body .auth-send-password-button,
body.vtb-onlinedoctor #registFormModalNew .modal-body .auth-send-password-button,
body.vtb-onlinedoctor #promoFormModalNew .modal-body .auth-send-password-button,
body.vtb-onlinedoctor #privacy-modal .modal-body .auth-send-password-button,
body.vtb-onlinedoctor #loginFormModalNew .modal-body .auth-resend-code-button,
body.vtb-onlinedoctor #registFormModalNew .modal-body .auth-resend-code-button,
body.vtb-onlinedoctor #promoFormModalNew .modal-body .auth-resend-code-button,
body.vtb-onlinedoctor #privacy-modal .modal-body .auth-resend-code-button,
body.vtb-onlinedoctor #loginFormModalNew .modal-body .auth-reg-skip-button,
body.vtb-onlinedoctor #registFormModalNew .modal-body .auth-reg-skip-button,
body.vtb-onlinedoctor #promoFormModalNew .modal-body .auth-reg-skip-button,
body.vtb-onlinedoctor #privacy-modal .modal-body .auth-reg-skip-button,
body.vtb-onlinedoctor #loginFormModalNew .modal-body .auth-send-promo-button,
body.vtb-onlinedoctor #registFormModalNew .modal-body .auth-send-promo-button,
body.vtb-onlinedoctor #promoFormModalNew .modal-body .auth-send-promo-button,
body.vtb-onlinedoctor #privacy-modal .modal-body .auth-send-promo-button,
body.vtb-onlinedoctor #loginFormModalNew .modal-body .policy-send-button,
body.vtb-onlinedoctor #registFormModalNew .modal-body .policy-send-button,
body.vtb-onlinedoctor #promoFormModalNew .modal-body .policy-send-button,
body.vtb-onlinedoctor #privacy-modal .modal-body .policy-send-button {
  background-color: #e62632;
}
body.vtb-onlinedoctor #loginFormModalNew .modal-body .auth-send-password-button.inactive,
body.vtb-onlinedoctor #registFormModalNew .modal-body .auth-send-password-button.inactive,
body.vtb-onlinedoctor #promoFormModalNew .modal-body .auth-send-password-button.inactive,
body.vtb-onlinedoctor #privacy-modal .modal-body .auth-send-password-button.inactive,
body.vtb-onlinedoctor #loginFormModalNew .modal-body .auth-resend-code-button.inactive,
body.vtb-onlinedoctor #registFormModalNew .modal-body .auth-resend-code-button.inactive,
body.vtb-onlinedoctor #promoFormModalNew .modal-body .auth-resend-code-button.inactive,
body.vtb-onlinedoctor #privacy-modal .modal-body .auth-resend-code-button.inactive,
body.vtb-onlinedoctor #loginFormModalNew .modal-body .auth-reg-skip-button.inactive,
body.vtb-onlinedoctor #registFormModalNew .modal-body .auth-reg-skip-button.inactive,
body.vtb-onlinedoctor #promoFormModalNew .modal-body .auth-reg-skip-button.inactive,
body.vtb-onlinedoctor #privacy-modal .modal-body .auth-reg-skip-button.inactive,
body.vtb-onlinedoctor #loginFormModalNew .modal-body .auth-send-promo-button.inactive,
body.vtb-onlinedoctor #registFormModalNew .modal-body .auth-send-promo-button.inactive,
body.vtb-onlinedoctor #promoFormModalNew .modal-body .auth-send-promo-button.inactive,
body.vtb-onlinedoctor #privacy-modal .modal-body .auth-send-promo-button.inactive,
body.vtb-onlinedoctor #loginFormModalNew .modal-body .policy-send-button.inactive,
body.vtb-onlinedoctor #registFormModalNew .modal-body .policy-send-button.inactive,
body.vtb-onlinedoctor #promoFormModalNew .modal-body .policy-send-button.inactive,
body.vtb-onlinedoctor #privacy-modal .modal-body .policy-send-button.inactive {
  background-color: #e62632;
  opacity: 0.5;
}
body.vtb-onlinedoctor #loginFormModalNew .modal-body .auth-send-password-button:hover,
body.vtb-onlinedoctor #registFormModalNew .modal-body .auth-send-password-button:hover,
body.vtb-onlinedoctor #promoFormModalNew .modal-body .auth-send-password-button:hover,
body.vtb-onlinedoctor #privacy-modal .modal-body .auth-send-password-button:hover,
body.vtb-onlinedoctor #loginFormModalNew .modal-body .auth-resend-code-button:hover,
body.vtb-onlinedoctor #registFormModalNew .modal-body .auth-resend-code-button:hover,
body.vtb-onlinedoctor #promoFormModalNew .modal-body .auth-resend-code-button:hover,
body.vtb-onlinedoctor #privacy-modal .modal-body .auth-resend-code-button:hover,
body.vtb-onlinedoctor #loginFormModalNew .modal-body .auth-reg-skip-button:hover,
body.vtb-onlinedoctor #registFormModalNew .modal-body .auth-reg-skip-button:hover,
body.vtb-onlinedoctor #promoFormModalNew .modal-body .auth-reg-skip-button:hover,
body.vtb-onlinedoctor #privacy-modal .modal-body .auth-reg-skip-button:hover,
body.vtb-onlinedoctor #loginFormModalNew .modal-body .auth-send-promo-button:hover,
body.vtb-onlinedoctor #registFormModalNew .modal-body .auth-send-promo-button:hover,
body.vtb-onlinedoctor #promoFormModalNew .modal-body .auth-send-promo-button:hover,
body.vtb-onlinedoctor #privacy-modal .modal-body .auth-send-promo-button:hover,
body.vtb-onlinedoctor #loginFormModalNew .modal-body .policy-send-button:hover,
body.vtb-onlinedoctor #registFormModalNew .modal-body .policy-send-button:hover,
body.vtb-onlinedoctor #promoFormModalNew .modal-body .policy-send-button:hover,
body.vtb-onlinedoctor #privacy-modal .modal-body .policy-send-button:hover {
  background-color: #ca181f;
}
body.vtb-onlinedoctor #loginFormModalNew .modal-body .auth-login-by-password-button,
body.vtb-onlinedoctor #registFormModalNew .modal-body .auth-login-by-password-button,
body.vtb-onlinedoctor #promoFormModalNew .modal-body .auth-login-by-password-button,
body.vtb-onlinedoctor #privacy-modal .modal-body .auth-login-by-password-button,
body.vtb-onlinedoctor #loginFormModalNew .modal-body .auth-login-by-sms-code-button,
body.vtb-onlinedoctor #registFormModalNew .modal-body .auth-login-by-sms-code-button,
body.vtb-onlinedoctor #promoFormModalNew .modal-body .auth-login-by-sms-code-button,
body.vtb-onlinedoctor #privacy-modal .modal-body .auth-login-by-sms-code-button,
body.vtb-onlinedoctor #loginFormModalNew .modal-body .auth-support-button,
body.vtb-onlinedoctor #registFormModalNew .modal-body .auth-support-button,
body.vtb-onlinedoctor #promoFormModalNew .modal-body .auth-support-button,
body.vtb-onlinedoctor #privacy-modal .modal-body .auth-support-button,
body.vtb-onlinedoctor #loginFormModalNew .modal-body .forgot-wrapper #forgotPasswordButton,
body.vtb-onlinedoctor #registFormModalNew .modal-body .forgot-wrapper #forgotPasswordButton,
body.vtb-onlinedoctor #promoFormModalNew .modal-body .forgot-wrapper #forgotPasswordButton,
body.vtb-onlinedoctor #privacy-modal .modal-body .forgot-wrapper #forgotPasswordButton {
  color: #1e4bd2;
}
body.vtb-onlinedoctor #loginFormModalNew .modal-body .auth-login-by-password-button:hover,
body.vtb-onlinedoctor #registFormModalNew .modal-body .auth-login-by-password-button:hover,
body.vtb-onlinedoctor #promoFormModalNew .modal-body .auth-login-by-password-button:hover,
body.vtb-onlinedoctor #privacy-modal .modal-body .auth-login-by-password-button:hover,
body.vtb-onlinedoctor #loginFormModalNew .modal-body .auth-login-by-sms-code-button:hover,
body.vtb-onlinedoctor #registFormModalNew .modal-body .auth-login-by-sms-code-button:hover,
body.vtb-onlinedoctor #promoFormModalNew .modal-body .auth-login-by-sms-code-button:hover,
body.vtb-onlinedoctor #privacy-modal .modal-body .auth-login-by-sms-code-button:hover,
body.vtb-onlinedoctor #loginFormModalNew .modal-body .auth-support-button:hover,
body.vtb-onlinedoctor #registFormModalNew .modal-body .auth-support-button:hover,
body.vtb-onlinedoctor #promoFormModalNew .modal-body .auth-support-button:hover,
body.vtb-onlinedoctor #privacy-modal .modal-body .auth-support-button:hover,
body.vtb-onlinedoctor #loginFormModalNew .modal-body .forgot-wrapper #forgotPasswordButton:hover,
body.vtb-onlinedoctor #registFormModalNew .modal-body .forgot-wrapper #forgotPasswordButton:hover,
body.vtb-onlinedoctor #promoFormModalNew .modal-body .forgot-wrapper #forgotPasswordButton:hover,
body.vtb-onlinedoctor #privacy-modal .modal-body .forgot-wrapper #forgotPasswordButton:hover {
  color: #1e4bd2;
}
body.vtb-onlinedoctor #loginFormModalNew .modal-body .ext-input input:hover,
body.vtb-onlinedoctor #registFormModalNew .modal-body .ext-input input:hover,
body.vtb-onlinedoctor #promoFormModalNew .modal-body .ext-input input:hover,
body.vtb-onlinedoctor #privacy-modal .modal-body .ext-input input:hover,
body.vtb-onlinedoctor #loginFormModalNew .modal-body #phoneContainer input:hover,
body.vtb-onlinedoctor #registFormModalNew .modal-body #phoneContainer input:hover,
body.vtb-onlinedoctor #promoFormModalNew .modal-body #phoneContainer input:hover,
body.vtb-onlinedoctor #privacy-modal .modal-body #phoneContainer input:hover,
body.vtb-onlinedoctor #loginFormModalNew .modal-body .ext-input input:focus,
body.vtb-onlinedoctor #registFormModalNew .modal-body .ext-input input:focus,
body.vtb-onlinedoctor #promoFormModalNew .modal-body .ext-input input:focus,
body.vtb-onlinedoctor #privacy-modal .modal-body .ext-input input:focus,
body.vtb-onlinedoctor #loginFormModalNew .modal-body #phoneContainer input:focus,
body.vtb-onlinedoctor #registFormModalNew .modal-body #phoneContainer input:focus,
body.vtb-onlinedoctor #promoFormModalNew .modal-body #phoneContainer input:focus,
body.vtb-onlinedoctor #privacy-modal .modal-body #phoneContainer input:focus {
  border-bottom-color: #1e4bd2;
}
body.vtb-onlinedoctor .message-start .login-form button {
  color: #1e4bd2;
}
body.vtb-onlinedoctor .button-style:not(.inactive).btn-3,
body.vtb-onlinedoctor .button-style:not(.inactive).btn-4,
body.vtb-onlinedoctor .button-style:not(.inactive).btn-7 {
  background-color: #e62632;
}
body.vtb-onlinedoctor .button-style:not(.inactive).btn-3:hover,
body.vtb-onlinedoctor .button-style:not(.inactive).btn-4:hover,
body.vtb-onlinedoctor .button-style:not(.inactive).btn-7:hover {
  color: #fff;
  background-color: #ca181f;
}
body.vtb-onlinedoctor .button-style:not(.inactive).btn-1,
body.vtb-onlinedoctor .button-style:not(.inactive).btn-2,
body.vtb-onlinedoctor .button-style:not(.inactive).btn-5 {
  background-color: #1e4bd2;
}
body.vtb-onlinedoctor .button-style:not(.inactive).btn-1:hover,
body.vtb-onlinedoctor .button-style:not(.inactive).btn-2:hover,
body.vtb-onlinedoctor .button-style:not(.inactive).btn-5:hover {
  background-color: #00aaff;
}
body.vtb-onlinedoctor #aboutWrapper .aboutWrapper__banner:before {
  background-color: #e62632;
}
body.vtb-onlinedoctor #aboutWrapper .question__wrapp .question__all {
  background-color: #1e4bd2;
}
body.vtb-onlinedoctor #aboutWrapper .question__wrapp .question__all:hover {
  background-color: #00aaff;
}
body.vtb-onlinedoctor #aboutWrapper .consultations__wrapp .consult-block:nth-child(2) .icon {
  background: url('/images/vtb.onlinedoctor/mobile_about_vtb.svg') no-repeat;
  background-size: contain;
}
body.vtb-onlinedoctor #aboutWrapper .consultations__wrapp .consult-block:nth-child(3) .icon {
  background: url('/images/vtb.onlinedoctor/analyses_about_vtb.svg') no-repeat;
  background-size: contain;
}
body.vtb-onlinedoctor #aboutWrapper .consultations__wrapp .consult-block:last-child .icon {
  background: url('/images/vtb.onlinedoctor/doctor_about_vtb.svg') no-repeat;
  background-size: contain;
}
body.vtb-onlinedoctor #aboutWrapper .instructions__wrapp .arrow-step {
  background: url('/images/vtb.onlinedoctor/arrow-step.svg') no-repeat;
}
@media only screen and (max-width: 767px) {
  body.vtb-onlinedoctor #aboutWrapper .instructions__wrapp .arrow-step {
    background: url('/images/vtb.onlinedoctor/arrow-step-mobile.svg') no-repeat;
  }
}
body.vtb-onlinedoctor #aboutWrapper .instructions__wrapp .instruction__block .instruction__icon {
  background: url('/images/vtb.onlinedoctor/doctor_vtb.svg') no-repeat;
  background-size: contain;
}
body.vtb-onlinedoctor #aboutWrapper .instructions__wrapp .instruction__block:nth-child(3) .instruction__icon {
  background: url('/images/vtb.onlinedoctor/dollar_vtb.svg') no-repeat;
  background-size: contain;
}
body.vtb-onlinedoctor #aboutWrapper .instructions__wrapp .instruction__block:last-child .instruction__icon {
  background: url('/images/vtb.onlinedoctor/upload_vtb.svg') no-repeat;
  background-size: contain;
}
body.vtb-onlinedoctor .panel-group .panel-default .panel-heading .panel-title a:hover,
body.vtb-onlinedoctor .panel-group .panel-default .panel-heading .panel-title a[aria-expanded="true"] {
  color: #1e4bd2;
}
body.vtb-onlinedoctor .panel-group .panel-default .panel-heading .panel-title a::before {
  content: '';
  display: block;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 10px;
  height: 10px;
  background: none;
  border-top: 2px solid currentColor;
  border-left: 2px solid currentColor;
  -webkit-transform: translateY(-25%) rotate(-135deg);
          transform: translateY(-25%) rotate(-135deg);
}
body.vtb-onlinedoctor .panel-group .panel-default .panel-heading .panel-title a[aria-expanded="true"]::before {
  -webkit-transform: translateY(25%) rotate(45deg);
          transform: translateY(25%) rotate(45deg);
}
body.vtb-onlinedoctor #encyclopediaWrapper .encyclopedy-content .timeline .enc-category {
  border-bottom-color: #1e4bd2;
}
body.vtb-onlinedoctor #encyclopediaWrapper .encyclopedy-content .timeline .enc-category .article-info .enc-title {
  color: #1e4bd2;
}
body.vtb-onlinedoctor #encyclopediaWrapper .line-styled {
  background-color: #e62632;
}
body.vtb-onlinedoctor #contactPageWrapper .email {
  color: #1e4bd2;
}
body.vtb-onlinedoctor #contactPageWrapper .email:hover {
  color: #1e4bd2;
}
body.vtb-onlinedoctor #contactPageWrapper .leave-feedback-wrapper .buttons-wrapper .button-style.send {
  background-color: #1e4bd2;
}
body.vtb-onlinedoctor #contactPageWrapper .leave-feedback-wrapper .buttons-wrapper .button-style.send:hover {
  background-color: #00aaff;
}
body.vtb-onlinedoctor .pagination li {
  overflow: hidden;
}
body.vtb-onlinedoctor .pagination li.active {
  background-color: #1e4bd2;
}
body.vtb-onlinedoctor .pagination li.active a,
body.vtb-onlinedoctor .pagination li.active span {
  background: none !important;
}
body.vtb-onlinedoctor .pagination li.page-nav {
  position: relative;
  background: none;
}
body.vtb-onlinedoctor .pagination li.page-nav.disabled {
  opacity: 0.3;
}
body.vtb-onlinedoctor .pagination li.page-nav::before,
body.vtb-onlinedoctor .pagination li.page-nav::after {
  content: '';
  display: block;
  position: absolute;
  top: calc(50% - 2px);
  width: 24px;
  height: 4px;
  border-radius: 4px;
  background-color: #1e4bd2;
  pointer-events: none;
}
body.vtb-onlinedoctor .pagination li.page-nav::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
body.vtb-onlinedoctor .pagination li.page-nav::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
body.vtb-onlinedoctor .pagination li.page-nav.prev::before,
body.vtb-onlinedoctor .pagination li.page-nav.prev::after {
  left: 0;
  -webkit-transform-origin: 2px 2px;
          transform-origin: 2px 2px;
}
body.vtb-onlinedoctor .pagination li.page-nav.next::before,
body.vtb-onlinedoctor .pagination li.page-nav.next::after {
  right: 0;
  -webkit-transform-origin: calc(100% - 2px) 2px;
          transform-origin: calc(100% - 2px) 2px;
}
body.vtb-onlinedoctor .pagination li.page-nav a,
body.vtb-onlinedoctor .pagination li.page-nav span {
  border: none;
}
body.vtb-onlinedoctor .pagination li a,
body.vtb-onlinedoctor .pagination li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background: none;
}
body.vtb-onlinedoctor .pagination li a:hover,
body.vtb-onlinedoctor .pagination li span:hover {
  color: #1e4bd2;
}
body.vtb-onlinedoctor #profileWrapper #helpLoader .loader-lines div {
  background-color: #1e4bd2;
}
body.vtb-onlinedoctor #profileWrapper .content-wrapper .nav-tabs li.active a {
  color: #1e4bd2;
  border-bottom-color: #1e4bd2;
}
body.vtb-onlinedoctor #profileWrapper .content-wrapper #profile-data .sidebar-right .balance-wrapper .balance-value {
  color: #1e4bd2;
}
body.vtb-onlinedoctor #profileWrapper .content-wrapper #profile-data .profile-settings .profile-settings-wrapper .avatar-wrapper .buttons-wrapper .actions #removeAvatar {
  color: #e62632;
}
body.vtb-onlinedoctor #profileWrapper .content-wrapper #documents-data .send-message-wrapper .progress .progress-bar {
  background-color: #1e4bd2;
}
body.vtb-onlinedoctor #historyWrapper .history-item-wrapper {
  border-bottom-color: #1e4bd2;
}
body.vtb-onlinedoctor #historyWrapper .history-item-wrapper .doctor-info .about-doctor .name:hover {
  color: #1e4bd2;
}
body.vtb-onlinedoctor #historyWrapper .history-item-wrapper .doctor-info .about-doctor .line {
  background-color: #e62632;
}
@media only screen and (max-width: 767px) {
  body.vtb-onlinedoctor #historyWrapper .history-item-wrapper .consult-info {
    background-color: #f3f7fa;
  }
}
body.vtb-onlinedoctor #historyWrapper .history-item-wrapper .consult-info .consult-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.vtb-onlinedoctor #historyWrapper .history-item-wrapper .consult-info .consult-date::before {
  position: static;
  width: 24px;
  height: 24px;
  background: url('/images/vtb.onlinedoctor/calendar-icon.svg') no-repeat;
  background-size: 24px 24px;
}
body.vtb-onlinedoctor #historyWrapper [class$="-consults"]:not(:last-child)::after {
  background-color: #1e4bd2;
}
body.vtb-onlinedoctor .subscribes .nav-tabs li.active {
  color: #1e4bd2;
}
body.vtb-onlinedoctor .subscribes .nav-tabs li.active a {
  color: currentColor !important;
  border-bottom-color: currentColor;
}
body.vtb-onlinedoctor .codewordsWrapper .programms .one-radio-wrapper label {
  padding: 0;
  background: none;
  border: 2px solid #dce0eb;
  border-radius: 50%;
}
body.vtb-onlinedoctor .codewordsWrapper .programms .one-radio-wrapper label:not(.invisible) {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body.vtb-onlinedoctor .codewordsWrapper .programms .one-radio-wrapper input[type="checkbox"]:checked + label {
  background: #1e4bd2 !important;
  border-color: #1e4bd2;
}
body.vtb-onlinedoctor .codewordsWrapper .programms .one-radio-wrapper input[type="checkbox"]:checked + label::after {
  content: '';
  display: block;
  width: 12px;
  height: 6px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: translate(-10%, -25%) rotate(-45deg);
          transform: translate(-10%, -25%) rotate(-45deg);
}
body.vtb-onlinedoctor .codewordsWrapper .programms .one-form-line {
  background-color: #f3f7fa;
}
body.vtb-onlinedoctor .codewordsWrapper .programms .one-form-line .js-continue-codeword {
  background-color: #1e4bd2 !important;
}
body.vtb-onlinedoctor .codewordsWrapper .programms .one-form-line .js-continue-codeword:hover {
  background-color: #1e4bd2 !important;
}
body.vtb-onlinedoctor .codewordsWrapper .programms .one-form-line .cell .programm-list li .wrapp-discount .label__count {
  color: #1e4bd2;
  background-color: rgba(0, 136, 204, 0.12);
}
body.vtb-onlinedoctor .codewordsWrapper .programms .one-form-line .cell .programm-list li .wrapp-discount .label__count--red {
  color: #e62632;
  background-color: rgba(230, 38, 50, 0.12);
}
body.vtb-onlinedoctor .codewordsWrapper .programms .one-form-line .label-text-g {
  color: #0088cc;
}
body.vtb-onlinedoctor .codewordsWrapper .programms .one-form-line .show-all,
body.vtb-onlinedoctor .codewordsWrapper .programms .one-form-line .m-programm__button {
  color: #1e4bd2 !important;
}
body.vtb-onlinedoctor .codewordsWrapper .programms .one-form-line .show-all:hover,
body.vtb-onlinedoctor .codewordsWrapper .programms .one-form-line .m-programm__button:hover {
  color: #1e4bd2 !important;
}
body.vtb-onlinedoctor .codewordsWrapper .programms .one-form-line .show-all::after,
body.vtb-onlinedoctor .codewordsWrapper .programms .one-form-line .m-programm__button::after {
  margin-left: 8px;
  width: 6px;
  height: 6px;
  background: none;
  border-top: 1px solid currentColor;
  border-left: 1px solid currentColor;
  -webkit-transform: translateY(-25%) rotate(-135deg);
          transform: translateY(-25%) rotate(-135deg);
}
body.vtb-onlinedoctor .codewordsWrapper .programms .one-form-line .show-all.open::after,
body.vtb-onlinedoctor .codewordsWrapper .programms .one-form-line .m-programm__button.open::after {
  background: none;
  -webkit-transform: translateY(25%) rotate(45deg);
          transform: translateY(25%) rotate(45deg);
}
body.vtb-onlinedoctor .codewordsWrapper .programms .one-form-line .codeword-lifetime .js-continue-codeword,
body.vtb-onlinedoctor .codewordsWrapper .programms .one-form-line .codeword-title .js-continue-codeword,
body.vtb-onlinedoctor .codewordsWrapper .programms .one-form-line .partner-name .js-continue-codeword {
  background-color: #1e4bd2;
}
body.vtb-onlinedoctor .codewordsWrapper .programms .one-form-line .codeword-lifetime .js-continue-codeword:hover,
body.vtb-onlinedoctor .codewordsWrapper .programms .one-form-line .codeword-title .js-continue-codeword:hover,
body.vtb-onlinedoctor .codewordsWrapper .programms .one-form-line .partner-name .js-continue-codeword:hover {
  background-color: #1e4bd2;
}
body.vtb-onlinedoctor .warning__data--blue {
  color: #6b7683;
  background: #f3f7fa url('/images/default/info.svg') no-repeat 10px 8px;
  border-color: #dce0eb;
}
@media only screen and (max-width: 1240px) {
  body.vtb-onlinedoctor #attach_by_code label[for="code"] {
    color: #1e4bd2;
  }
}
body.vtb-onlinedoctor #attach_by_code .item-input .clear-field {
  width: 20px;
  height: 20px;
  color: #1e4bd2;
  background: none;
}
body.vtb-onlinedoctor #attach_by_code .item-input .clear-field::before,
body.vtb-onlinedoctor #attach_by_code .item-input .clear-field::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 2px;
  background-color: currentColor;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
body.vtb-onlinedoctor #attach_by_code .item-input .clear-field::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
body.vtb-onlinedoctor #attach_by_code button[type="submit"] {
  background-color: #1e4bd2 !important;
}
body.vtb-onlinedoctor #attach_by_code button[type="submit"][disabled] {
  background-color: rgba(30, 75, 210, 0.3) !important;
}
body.vtb-onlinedoctor #cards-data #addCard,
body.vtb-onlinedoctor #cards-data .addCard {
  background-color: #1e4bd2;
}
body.vtb-onlinedoctor #cards-data #addCard:hover,
body.vtb-onlinedoctor #cards-data .addCard:hover {
  background-color: #1e4bd2;
}
body.vtb-onlinedoctor #allowDevicesNotification-cont {
  background-color: rgba(30, 75, 210, 0.2);
}
body.vtb-onlinedoctor #allowDevicesNotification-cont .allowDeviceNotification {
  background-color: #1e4bd2;
}
body.vtb-onlinedoctor #consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper ul.patient-actions li.slide-left-line {
  color: #2f3441;
}
body.vtb-onlinedoctor #consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper ul.patient-actions li.slide-left-line.show-chat i {
  width: 28px;
  height: 28px;
  background: url('/images/vtb.onlinedoctor/message.svg') no-repeat;
}
body.vtb-onlinedoctor #consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper ul.patient-actions li.slide-left-line.show-option i {
  width: 28px;
  height: 28px;
  background: url('/images/vtb.onlinedoctor/conversation.svg') no-repeat;
}
body.vtb-onlinedoctor #consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper ul.patient-actions li.slide-left-line.close-request i {
  width: 28px;
  height: 28px;
  background: url('/images/vtb.onlinedoctor/close.svg') no-repeat center center;
  background-size: 20px;
}
body.vtb-onlinedoctor #consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper ul.patient-actions li.slide-left-line:hover {
  color: #1e4bd2;
}
body.vtb-onlinedoctor #consultationWindow .modal-dialog.patient-panel .modal-body .patient-actions-wrapper ul.patient-actions li.slide-left-line .text {
  color: inherit;
}
body.vtb-onlinedoctor #consultationWindow .modal-dialog .modal-header .actions-wrapper .time-wrapper .time-counter.attention {
  color: #e62632;
}
body.vtb-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.app-initiated .textblock,
body.vtb-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.app-initiated .textblock {
  background-color: #f3f7fa;
}
body.vtb-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.app-initiated .textblock .text p,
body.vtb-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.app-initiated .textblock .text p {
  color: #1e4bd2;
}
body.vtb-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.app-initiated .textblock .text a,
body.vtb-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.app-initiated .textblock .text a {
  color: #1e4bd2;
}
body.vtb-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .message.opponent .name-opponent,
body.vtb-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .message.opponent .name-opponent {
  color: #1e4bd2;
}
body.vtb-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-missed .textblock,
body.vtb-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-missed .textblock,
body.vtb-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-dropped .textblock,
body.vtb-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-dropped .textblock,
body.vtb-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-finished .textblock,
body.vtb-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-finished .textblock {
  background-color: rgba(230, 38, 50, 0.1);
}
body.vtb-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-missed .textblock::before,
body.vtb-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-missed .textblock::before,
body.vtb-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-dropped .textblock::before,
body.vtb-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-dropped .textblock::before,
body.vtb-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-finished .textblock::before,
body.vtb-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-finished .textblock::before {
  background-color: rgba(230, 38, 50, 0.4);
}
body.vtb-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-missed .textblock .text,
body.vtb-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-missed .textblock .text,
body.vtb-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-dropped .textblock .text,
body.vtb-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-dropped .textblock .text,
body.vtb-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.call-finished .textblock .text,
body.vtb-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.call-finished .textblock .text {
  color: #e62632;
}
body.vtb-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.req-solved .textblock,
body.vtb-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.req-solved .textblock {
  background-color: rgba(107, 118, 131, 0.2);
}
body.vtb-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.req-solved .textblock::before,
body.vtb-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.req-solved .textblock::before {
  background-color: #6b7683;
}
body.vtb-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.req-solved .textblock .text,
body.vtb-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.req-solved .textblock .text {
  color: #6b7683;
}
body.vtb-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .chat-messages .system-notification.conclusion .text,
body.vtb-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .chat-wrapper .messaging-wrapper .prev-chat-messages .system-notification.conclusion .text {
  color: #6b7683;
}
body.vtb-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form .add-attachment {
  margin: 0;
  width: 40px;
  height: 40px;
  background: url('/images/vtb.onlinedoctor/attach.svg') no-repeat;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
@media (min-width: 1050px) {
  body.vtb-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form .add-attachment {
    opacity: 0.5;
  }
  body.vtb-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form .add-attachment:hover {
    opacity: 1;
  }
}
@media (min-width: 1050px) {
  body.vtb-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form .send-message {
    opacity: 0.5;
  }
}
body.vtb-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form .send-message span {
  background: url('/images/vtb.onlinedoctor/send.svg') no-repeat -60px 0;
  background-size: 90px 30px;
}
body.vtb-onlinedoctor #consultationWindow .modal-dialog .modal-content .modal-body .send-massage-container .send-message-wrapper form .send-message:hover {
  opacity: 1;
  background-color: transparent;
}
body.vtb-onlinedoctor .conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-title span {
  background-color: #e62632;
}
body.vtb-onlinedoctor .conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .conclusion-message .head-block:before {
  background-color: #6b7683;
}
body.vtb-onlinedoctor .conclusion .system-notification.conclusion-detailed .textblock .cont .conclusion-wrapper .conclusion-text .recommendation .secondary-info .attention {
  color: #e62632;
  background-color: rgba(230, 38, 50, 0.1);
}
body.vtb-onlinedoctor .conclusion .download-file a {
  color: #1e4bd2;
}
body.vtb-onlinedoctor .conclusion .download-file a:hover {
  color: #1e4bd2;
}
body.vtb-onlinedoctor .conclusion .download-file .signature .description:hover .letter {
  background-color: #1e4bd2;
}
body.vtb-onlinedoctor .conclusion .download-file .signature .description:hover .letter .text {
  color: #fff;
}
body.vtb-onlinedoctor #chat_scroll_btn {
  background-color: #1e4bd2;
}
body.vtb-onlinedoctor #doctorProfilePage .doctor-info .short-description .review .block-review .count {
  color: #1e4bd2;
}
body.vtb-onlinedoctor #doctorProfilePage .doctor-info:hover {
  color: #1e4bd2;
}
body.vtb-onlinedoctor #doctorProfilePage .else-button {
  color: #1e4bd2;
}
body.vtb-onlinedoctor #doctorProfilePage .else-button:hover {
  color: #1e4bd2;
}
body.vtb-onlinedoctor #doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.academic .info div::before,
body.vtb-onlinedoctor #doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.courses .info div::before,
body.vtb-onlinedoctor #doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.work_places .info div::before {
  background-color: #e62632;
}
body.vtb-onlinedoctor #doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.academic .info.additional div::before,
body.vtb-onlinedoctor #doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.courses .info.additional div::before,
body.vtb-onlinedoctor #doctorProfilePage .profile-info-blocks .blocks-info .doctor-info-block.work_places .info.additional div::before {
  background-color: #1e4bd2;
}
body.vtb-onlinedoctor #doctorProfilePage .paginate {
  background-color: #1e4bd2;
}
body.vtb-onlinedoctor #doctorProfilePage .paginate:hover,
body.vtb-onlinedoctor #doctorProfilePage .paginate:focus {
  background-color: #1e4bd2;
}
body.vtb-onlinedoctor .covid__desc strong {
  color: #1e4bd2;
}
body.vtb-onlinedoctor .record-block .create-deferred-request,
body.vtb-onlinedoctor .record-block .create-order-no-schedule {
  color: #1e4bd2;
}
body.vtb-onlinedoctor .record-block .create-deferred-request:hover,
body.vtb-onlinedoctor .record-block .create-order-no-schedule:hover,
body.vtb-onlinedoctor .record-block .create-deferred-request:focus,
body.vtb-onlinedoctor .record-block .create-order-no-schedule:focus {
  color: #1e4bd2;
}
body.vtb-onlinedoctor #privacy-content .title-wrapper .title {
  color: #1e4bd2;
}
body.vtb-onlinedoctor .assistant-wrap .message.me .message-container {
  background: #1e4bd2;
}
body.vtb-onlinedoctor .assistant-wrap .show-history {
  color: #00aaff;
}
body.vtb-onlinedoctor #attach_by_code_second_step .modal-body .buttons-wrapper button {
  background: #0a2896;
}
body.vtb-onlinedoctor #attach_by_code_second_step .modal-body .buttons-wrapper button:hover {
  background: #00aaff;
}
body.vtb-onlinedoctor #confirmCreation .modal-body .order-wrapper .info-cont .info .description .price {
  color: #00aaff;
}
body.vtb-onlinedoctor #set-geoposition .recomend-list ul li a {
  color: #00aaff !important;
}
body.vtb-onlinedoctor #calendarDoctorProfile .doctor-calendar .ui-state-default,
body.vtb-onlinedoctor #calendarDoctorProfile .doctor-calendar .choose-region,
body.vtb-onlinedoctor #calendarDoctorProfile .doctor-calendar .ui-state-default {
  color: #00aaff !important;
}
body.vtb-onlinedoctor #calendarDoctorProfile .doctor-calendar .tick {
  background-color: #00aaff !important;
}
/* components */
.deferred_description,
.busy-schedule {
  padding: 0 0 0 30px;
  margin: 12px 0 0;
  border-radius: 8px 8px 8px 8px;
  position: relative;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  color: #717181;
}
.deferred_description:before,
.busy-schedule:before {
  width: 24px;
  height: 24px;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -4px;
  background: url("/images/default/info.svg") no-repeat;
}
.deferred_description p,
.busy-schedule p {
  margin-bottom: 0;
}
.record-block .head-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.record-block .title {
  font-size: 18px;
  font-weight: normal;
  color: inherit;
  line-height: 22px;
  text-align: left;
  margin-bottom: 18px;
}
.record-block.pay .title {
  margin-bottom: 8px;
}
.record-block .price-value {
  font-size: 30px;
  color: black;
}
@media only screen and (max-width: 1150px) {
  .record-block .price-value {
    line-height: 30px;
    margin-bottom: 16px;
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .record-block .price-value {
    margin-bottom: 0;
  }
}
.record-block .price-value .rub {
  color: #717181;
}
.record-block .small-button {
  display: inline-block;
  font-weight: bold;
  width: 312px;
  text-align: center;
  font-size: 18px;
  line-height: 46px;
  cursor: pointer;
  color: white;
  margin: 0;
  padding: 0;
  border-radius: 24px 24px 24px 24px;
  height: 48px;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.record-block .small-button:hover,
.record-block .small-button:focus {
  background: #e01320;
}
@media only screen and (max-width: 1240px) {
  .record-block .small-button {
    width: 246px;
  }
}
@media only screen and (max-width: 1150px) {
  .record-block .small-button {
    width: 221px;
  }
}
.record-block .create-deferred-request,
.record-block .create-order-no-schedule {
  display: inline-block;
  padding: 0 10px;
  height: 32px;
  border: 0;
  background: #EBF4F6;
  border-radius: 3px 3px 3px 3px;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  color: #00aabe;
  margin: 12px 0 0 30px;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.record-block .create-deferred-request:hover,
.record-block .create-order-no-schedule:hover,
.record-block .create-deferred-request:focus,
.record-block .create-order-no-schedule:focus {
  color: #006672;
  outline: none;
}
.record-block.deferred-price {
  position: relative;
  padding: 12px 12px 16px;
  border-radius: 15px 15px 15px 15px;
  line-height: 1.1;
  background: #F9F9F9;
  border-top: 1px dashed #C5C5CC;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}
.record-block.deferred-price:before,
.record-block.deferred-price:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50% 50% 50% 50%;
  background: white;
  top: 0;
  margin-top: -10px;
}
.record-block.deferred-price:before {
  left: 0;
  margin-left: -10px;
}
.record-block.deferred-price:after {
  right: 0;
  margin-right: -10px;
}
@media only screen and (max-width: 767px) {
  #doctorProfilePage .record-block.deferred-price {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.clear-settings {
  border: none;
  background: transparent;
  color: #666666;
  font-size: 18px;
  padding-left: 20px;
  top: 0;
  right: 0;
  margin-top: -50px;
  opacity: 0.7;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  position: absolute;
}
@media only screen and (max-width: 767px) {
  .clear-settings {
    display: none;
  }
}
.clear-settings:before {
  background: url('/images/default/clear-settings.png') no-repeat;
  position: absolute;
  width: 10px;
  height: 10px;
  content: "";
  left: 0;
  top: 50%;
  margin-top: -5px;
}
.clear-settings:hover,
.clear-settings:focus {
  outline: none;
  opacity: 1;
}
.title-wrapper {
  position: relative;
}
.title-wrapper .clear-settings {
  color: #e01320;
}
.title-wrapper .clear-settings:before {
  background-position: 0 -10px;
}
.parked-t {
  width: 540px;
  margin: 88px auto 0;
}
@media only screen and (max-width: 650px) {
  .parked-t {
    width: 100%;
    margin-top: 44px;
  }
}
.parked-t .text {
  color: #212127;
  margin: 0;
}
.parked-t .text__strong {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 16px;
}
.parked-t .text__default {
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
}
#cards-data .parked-t {
  width: 350px;
}
@media only screen and (max-width: 413px) {
  #cards-data .parked-t {
    width: 100%;
  }
}
.t-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
}
.modal_warning {
  position: fixed;
  bottom: 24px;
  z-index: 1000;
  right: 32px;
  background: white;
  border: 1px solid #E1E1E5;
  -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
  width: 582px;
  padding: 16px;
  -webkit-animation: showWarning 0.3s ease-in-out 2s forwards;
          animation: showWarning 0.3s ease-in-out 2s forwards;
  -webkit-transform: translateX(630px);
          transform: translateX(630px);
  border-radius: 8px 8px 8px 8px;
}
@media only screen and (max-width: 767px) {
  .modal_warning {
    right: 24px;
  }
}
@media only screen and (max-width: 650px) {
  .modal_warning {
    width: 90%;
    right: 50%;
    margin: 0 -45% 0 0;
  }
}
.modal_warning .close {
  top: 8px !important;
  right: 8px !important;
}
.modal_warning .modal_content {
  background: url('/images/default/warning.png') no-repeat;
  padding-left: 56px;
}
.modal_warning .modal_content p {
  font-size: 16px;
  line-height: 18px;
  color: #212127;
  font-weight: normal;
  margin: 0;
}
.modal_warning .modal_content p strong {
  font-size: 20px;
  line-height: 24px;
  padding-bottom: 4px;
}
@media only screen and (max-width: 650px) {
  .modal_warning .modal_content p strong {
    font-size: 18px;
    line-height: 22px;
  }
}
.modal_warning.closed {
  -webkit-animation: hideWarning 0.3s ease-in-out forwards;
          animation: hideWarning 0.3s ease-in-out forwards;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.warning__data {
  width: 340px;
  padding: 8px 12px 8px 44px;
  margin-left: 44px;
  border-radius: 8px 8px 8px 8px;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  text-align: left;
}
@media only screen and (max-width: 1150px) {
  .warning__data {
    margin-left: 44px;
    width: 382px;
  }
}
@media only screen and (max-width: 767px) {
  .warning__data {
    width: 100%;
    margin-left: 0;
    margin-bottom: 16px;
  }
}
.warning__data strong {
  display: block;
}
.warning__data--yellow {
  border: 1px solid #F3CA4D;
  background: #FAECC0 url('/images/default/Alert-triangle-yellow.png') no-repeat 10px 8px;
  color: #BA8D08;
}
.warning__data--red {
  border: 1px solid #f0505a;
  background: #FCB1B5 url('/images/default/Alert-triangle-red.png') no-repeat 10px 8px;
  color: #E63742;
  width: 100%;
  display: none;
  margin-left: 0;
}
.warning__data--blue {
  border: 1px solid #00aabe;
  background: #E1F3FE url('/images/default/info.png') no-repeat 10px 8px;
  color: #006672;
  display: block;
  margin-top: 16px;
}
#logo,
.show_hint {
  position: relative;
  display: inline-block;
  overflow: hidden;
  -webkit-transition: overflow 0.3s ease-in-out;
  transition: overflow 0.3s ease-in-out;
}
@media only screen and (max-width: 1150px) {
  #logo,
  .show_hint {
    overflow: visible;
  }
}
#logo span,
.show_hint span {
  display: inline-block;
  vertical-align: bottom;
  border: 2px solid #717181;
  color: #717181;
  font-size: 14px;
  line-height: 16px;
  width: 18px;
  height: 18px;
  border-radius: 50% 50% 50% 50%;
  text-align: center;
}
#logo .hint,
.show_hint .hint {
  position: absolute;
  opacity: 0;
  z-index: -1;
  width: 300px;
  top: 100%;
  margin-top: 8px;
  border-radius: 8px 8px 8px 8px;
  margin-left: -14px;
  background: #40404C;
  padding: 8px;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
@media only screen and (max-width: 1240px) {
  #logo .hint,
  .show_hint .hint {
    left: 50%;
    margin-left: -150px;
  }
}
@media only screen and (max-width: 1150px) {
  #logo .hint,
  .show_hint .hint {
    overflow: visible;
    width: 200px;
    left: 50%;
    margin-left: -100px;
  }
}
#logo .hint:before,
.show_hint .hint:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 6px 6px;
  top: 0;
  left: 0;
  margin: -6px 0 0 17px;
  border-color: transparent transparent #212127 transparent;
}
@media only screen and (max-width: 1240px) {
  #logo .hint:before,
  .show_hint .hint:before {
    left: 50%;
    margin: -5px 0 0 -6px;
  }
}
#logo .hint p,
.show_hint .hint p {
  margin: 0;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #E1E1E5;
}
#logo:hover,
.show_hint:hover {
  overflow: visible;
}
#logo:hover .hint,
.show_hint:hover .hint {
  opacity: 1;
  z-index: 1;
}
.show_hint {
  vertical-align: bottom;
}
body.pediatr247 #logo {
  position: relative;
}
body.pediatr247 #logo .hint:before {
  margin-left: 54px;
}
@media only screen and (max-width: 1240px) {
  body.pediatr247 #logo .hint {
    display: none;
  }
}
.button-style {
  display: inline-block;
  vertical-align: middle;
  min-width: 100px;
  height: 39px;
  line-height: 39px;
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
  color: inherit;
  background-color: inherit;
  outline: none;
  text-align: center;
  text-decoration: none;
  padding: 0 20px;
  margin: 0 auto;
  border: 0;
  border-radius: 20px 20px 20px 20px;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.button-style.btn-3,
.button-style.btn-4,
.button-style.btn-7 {
  background-color: #f0505a;
  color: white;
  border-color: white;
}
.button-style.btn-3:hover,
.button-style.btn-4:hover,
.button-style.btn-7:hover {
  background-color: #e01320;
}
.button-style.btn-1,
.button-style.btn-2,
.button-style.btn-5,
.button-style.btn-6 {
  background-color: #00aabe;
  color: white;
  border-color: white;
}
.button-style.btn-1:hover,
.button-style.btn-2:hover,
.button-style.btn-5:hover,
.button-style.btn-6:hover {
  background-color: #006672;
}
.button-style.full-width {
  width: 100%;
}
.button-style.no-border {
  border: 0;
}
.button-style.inactive,
.button-style.sending,
.button-style.loadingForm {
  background-color: #959595;
  cursor: not-allowed;
}
.button-style.inactive:hover,
.button-style.sending:hover,
.button-style.loadingForm:hover {
  background-color: #959595;
}
.button-style.small-button {
  height: 32px;
  font-size: 18px;
  line-height: 32px;
}
.button-style.submit-button {
  font-size: 26px;
  background-color: #08c0de;
  color: white;
  border-color: white;
  width: 280px;
  margin: 0 10px 30px;
}
.button-style.submit-button:hover,
.button-style.submit-button:active {
  background-color: #f196ce;
}
*.button-od {
  background: white;
  display: inline-block;
  padding: 0 15px;
  height: 39px;
  text-align: center;
  text-decoration: none;
  color: black;
  font-size: 20px;
  font-weight: bold;
  line-height: 39px;
  border: 0;
  border-radius: 20px 20px 20px 20px;
  cursor: pointer;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
*.button-od.small {
  height: 32px;
  font-size: 18px;
  line-height: 32px;
}
*.button-od.color-red {
  background: #f0505a;
  color: white;
}
*.button-od.color-red:hover {
  background: #e01320;
}
*.button-od.color-red.empty-button {
  border: 1px solid #f0505a;
  color: #f0505a;
}
*.button-od.color-red.empty-button:hover {
  background: none;
}
*.button-od.color-blue {
  background: #00aabe;
  color: white;
}
*.button-od.color-blue:hover {
  background: #006672;
}
*.button-od.color-blue.empty-button {
  border: 1px solid #00aabe;
  color: #00aabe;
}
*.button-od.color-blue.empty-button:hover {
  background: none;
}
*.button-od.empty-button {
  background: none;
  border-width: 1px;
  border-style: solid;
}
*.button-od.wide-button {
  padding-right: 40px;
  padding-left: 40px;
}
*.button-od-2 {
  background: white;
  display: inline-block;
  padding: 0 15px;
  width: 202px;
  height: 39px;
  text-align: center;
  color: black;
  font-size: 17px;
  font-weight: bold;
  line-height: 39px;
  border: 0;
  border-radius: 20px 20px 20px 20px;
  cursor: pointer;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
*.button-od-2.color-red {
  background: #f0505a;
  color: white;
}
*.button-od-2.color-red:hover {
  background: #e01320;
}
*.button-od-2.color-red.empty-button {
  border: 1px solid #f0505a;
  color: #f0505a;
}
*.button-od-2.color-red.empty-button:hover {
  background: none;
}
*.button-od-2.color-blue {
  background: #00aabe;
  color: white;
}
*.button-od-2.color-blue:hover {
  background: #006672;
}
*.button-od-2.color-blue.empty-button {
  border: 1px solid #00aabe;
  color: #00aabe;
}
*.button-od-2.color-blue.empty-button:hover {
  background: none;
}
*.blue-button {
  background: #00aabe;
  font-weight: bold;
  font-size: 18px;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
*.blue-button:hover {
  background: #006672;
  font-size: 18px;
}
*.blue-button:focus,
*.blue-button:active {
  font-size: 18px;
}
button.close,
div.close,
.close-bar {
  z-index: 9999;
  position: absolute;
  margin: 0;
  background: url('/images/default/close-new.svg') no-repeat 0 0;
  width: 20px;
  height: 20px;
  right: 30px;
  top: 30px;
  opacity: 0.8;
  outline: none;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
@media only screen and (max-width: 767px) {
  button.close,
  div.close,
  .close-bar {
    right: 24px;
    top: 24px;
  }
}
@media only screen and (max-width: 370px) {
  button.close,
  div.close,
  .close-bar {
    right: 12px;
    top: 12px;
  }
}
button.close,
div.close,
.close-bar,
button.close:hover,
div.close:hover,
.close-bar:hover {
  opacity: 1;
}
.pagination {
  display: inline-block;
  margin: 20px 0;
  border-radius: 0;
  padding-left: 0;
}
.pagination li {
  display: inline-block;
  vertical-align: middle;
}
.pagination li > a,
.pagination li > span {
  position: relative;
  float: left;
  padding: 5px 20px;
  margin: 0;
  line-height: 18px;
  color: #428bca;
  text-decoration: none;
  background-color: white;
  border-right: 1px solid #f0f0f0;
  border-left: 0 solid #f0f0f0;
  border-top: 0 solid #f0f0f0;
  border-bottom: 0 solid #f0f0f0;
  vertical-align: middle;
  display: inline-block;
}
.pagination li > a:hover,
.pagination li > span:hover,
.pagination li > a:focus,
.pagination li > span:focus {
  color: #08c0de;
  background-color: #959595;
  border-color: #f0f0f0;
  text-decoration: underline;
}
.pagination li > a {
  color: #08c0de;
}
.pagination li > span {
  color: #666666;
}
.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;
  border-right: none;
}
.pagination li.active > a,
.pagination li.active > span {
  color: white !important;
  background-color: #08c0de !important;
}
.pagination li.active > a,
.pagination li.active > span,
.pagination li.active > a:hover,
.pagination li.active > span:hover,
.pagination li.active > a:focus,
.pagination li.active > span:focus {
  background-color: white;
  border-color: #f0f0f0;
  text-decoration: none;
}
.pagination li.active > a,
.pagination li.active > a:hover,
.pagination li.active > a:focus {
  color: #006672;
}
.pagination li.active > span,
.pagination li.active > span:hover,
.pagination li.active > span:focus {
  color: #666666;
}
.pagination li.disabled a,
.pagination li.disabled span {
  color: #777;
  cursor: not-allowed;
  background-color: white;
  border-color: #ddd;
}
.pagination li.disabled a:hover,
.pagination li.disabled span:hover,
.pagination li.disabled a:focus,
.pagination li.disabled span:focus {
  color: #777;
  cursor: not-allowed;
  background-color: white;
  border-color: #ddd;
}
.pagination li.page-nav a {
  display: block;
  background: none;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  padding: 0;
}
.pagination li.page-nav.prev a {
  border-right: 14px solid #08c0de;
}
.pagination li.page-nav.next a {
  border-left: 14px solid #08c0de;
}
.calendar #calendar-cont,
.calendar-wrapper #calendar-cont {
  padding-top: 30px;
}
.calendar {
  width: 100%;
  padding: 0 0 16px;
}
.calendar .clndr {
  overflow: hidden;
  height: 100%;
}
.calendar .cont-clndr {
  overflow: hidden;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.calendar .cont-clndr .clndr-grid {
  width: 42%;
  border-right: 2px solid white;
}
.calendar .cont-clndr .clndr-grid .clndr-controls {
  padding: 10px;
  color: #333;
  font-size: 18px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.calendar .cont-clndr .clndr-grid .clndr-controls .clndr-previous-button,
.calendar .cont-clndr .clndr-grid .clndr-controls .clndr-next-button {
  text-indent: -9999px;
  background: url('/images/default/anket-arrow.png') no-repeat;
  width: 17px;
  height: 11px;
  display: inline-block;
  vertical-align: middle;
  opacity: 0.8;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.calendar .cont-clndr .clndr-grid .clndr-controls .clndr-previous-button:hover,
.calendar .cont-clndr .clndr-grid .clndr-controls .clndr-next-button:hover {
  opacity: 1;
}
.calendar .cont-clndr .clndr-grid .clndr-controls .clndr-previous-button {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.calendar .cont-clndr .clndr-grid .clndr-controls .clndr-next-button {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.calendar .cont-clndr .clndr-grid .clndr-controls .current-month {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  font-size: 18px;
  font-weight: bold;
  color: #212127;
}
.calendar .cont-clndr .clndr-grid .days-of-the-week {
  width: 100%;
}
.calendar .cont-clndr .clndr-grid .days-of-the-week .header-day {
  float: left;
  width: 14.2857%;
  padding: 10px;
  text-align: center;
  color: #8B8B9A;
  font-size: 18px;
}
.calendar .cont-clndr .clndr-grid .days {
  width: 100%;
}
.calendar .cont-clndr .clndr-grid .days .day,
.calendar .cont-clndr .clndr-grid .days .empty {
  float: left;
  width: 14.2857%;
  height: 40px;
  padding: 10px 0;
  text-align: center;
  line-height: 1.1;
  color: #bcbaba;
  border-bottom: 2px solid white;
  background-size: cover;
  background-position: center;
  cursor: not-allowed;
  font-size: 18px;
}
.calendar .cont-clndr .clndr-grid .days .day.event .day-number,
.calendar .cont-clndr .clndr-grid .days .empty.event .day-number {
  padding-bottom: 4px;
  border-bottom: 2px solid #006672;
  font-size: 18px;
  position: relative;
  z-index: 2;
  color: #212127;
}
.calendar .cont-clndr .clndr-grid .days .day .day-number,
.calendar .cont-clndr .clndr-grid .days .empty .day-number {
  position: relative;
  z-index: 2;
}
.calendar .cont-clndr .clndr-grid .days .day.exist-appointment,
.calendar .cont-clndr .clndr-grid .days .empty.exist-appointment {
  color: #5d5d58;
  cursor: pointer !important;
  font-size: 18px;
}
.calendar .cont-clndr .clndr-grid .days .day.selected,
.calendar .cont-clndr .clndr-grid .days .empty.selected {
  position: relative;
  color: white;
}
.calendar .cont-clndr .clndr-grid .days .day.selected:before,
.calendar .cont-clndr .clndr-grid .days .empty.selected:before {
  content: "";
  position: absolute;
  width: 35px;
  height: 35px;
  background: #08c0de;
  border-radius: 50% 50% 50% 50%;
  z-index: 1;
  top: 50%;
  left: 50%;
  margin: -17.5px 0 0 -17.5px;
}
.calendar .cont-clndr .clndr-grid .days .today {
  background-image: none;
  position: relative;
  z-index: 2;
}
.calendar .cont-clndr .clndr-grid .days .today:before {
  content: "";
  position: absolute;
  width: 35px;
  height: 35px;
  background: #ededed;
  border-radius: 50% 50% 50% 50%;
  z-index: -1;
  top: 50%;
  left: 50%;
  margin: -17.5px 0 0 -17.5px;
}
.calendar .cont-clndr .event-listing {
  width: 46%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.calendar .cont-clndr .event-listing .event-listing-title {
  padding: 10px;
  color: #212127;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.calendar .cont-clndr .event-listing .event-listing-title .selected-time {
  display: none;
}
.calendar .cont-clndr .event-listing .event-listing-title .working-time {
  display: block;
  font-size: 16px;
}
.calendar .cont-clndr .event-listing .time-cont {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: left;
}
.calendar .cont-clndr .event-listing .time-cont .event-item {
  display: inline-block;
  text-align: center;
}
.calendar .cont-clndr .event-listing .time-cont .event-item .appointment-time {
  font-size: 16px;
  width: 62px;
  padding: 5px 10px;
  color: #4f4f4f;
  display: inline-block;
  cursor: pointer;
}
.calendar .cont-clndr .event-listing .time-cont .event-item .appointment-time.active {
  background: #08c0de;
  color: white;
  border-radius: 20px 20px 20px 20px;
}
.calendar .cont-clndr .event-listing .time-cont .event-item-location {
  font-weight: 400;
}
.calendar .cont-clndr .event-listing .create-request {
  display: block;
  padding: 15px;
  text-align: center;
  background: #08c0de;
  font-size: 16px;
  color: white;
  border-radius: 30px 30px 30px 30px;
  cursor: pointer;
  margin: 15px 15px 15px 0;
}
.calendar .cont-clndr .event-listing .close {
  display: none;
}
.loading,
.auth-phone-loading {
  margin-bottom: 63px;
}
.loading svg,
.auth-phone-loading svg {
  height: 40px;
  width: 40px;
}
.loading .loader,
.auth-phone-loading .loader,
.loading .bg,
.auth-phone-loading .bg {
  fill: none;
  stroke-width: 4px;
  stroke-linecap: round;
  -webkit-transform-origin: center;
          transform-origin: center;
}
.loading .loader,
.auth-phone-loading .loader {
  stroke-dasharray: 10px, calc(2 * 3.14 * 15px);
  -webkit-animation: cycle-1 2s infinite linear;
          animation: cycle-1 2s infinite linear;
}
.loading {
  margin-bottom: 0;
}
#main-offers-cont {
  background-image: url('/images/default/pattern225.png');
  background-position: center center;
  min-width: 960px;
}
#main-offers-cont .blue-background {
  background-color: #058094;
  height: 635px;
  width: 100%;
  min-width: 960px;
  position: absolute;
  z-index: -1;
}
#main-offers-cont .main-offers {
  position: relative;
  height: 460px;
}
#main-offers-cont .main-offers .light-overlay {
  position: absolute;
  left: 50%;
  width: 50%;
  height: 100%;
  background-color: rgba(8, 192, 222, 0.25);
}
#main-offers-cont .main-offers ul li {
  padding-top: 60px;
  padding-bottom: 60px;
  width: 50%;
  float: left;
  text-align: center;
  position: relative;
  z-index: 2;
}
#main-offers-cont .main-offers ul li .icon {
  display: block;
  margin: 0 auto;
  background: url('/images/default/main-page-icons.png');
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
}
#main-offers-cont .main-offers ul li .title {
  display: block;
  text-align: center;
  font-size: 34px;
  color: white;
  margin-bottom: 25px;
}
#main-offers-cont .main-offers ul li .description {
  display: block;
  text-align: center;
  font-size: 15px;
  font-weight: normal;
  color: white;
  margin-bottom: 35px;
}
#main-offers-cont .main-offers ul li .button {
  display: block;
  margin: 0 auto;
  width: 54%;
  font-size: 18px;
}
#main-offers-cont .main-offers ul li.ambulance .title {
  width: 400px;
  margin: 0 auto 25px;
}
#main-offers-cont .main-offers ul li.ambulance .icon {
  background-position: 0 0;
}
#main-offers-cont .main-offers ul li.doctor .icon {
  background-position: -100px 0;
}
#main-offers-cont .video-wrapper {
  position: relative;
}
#main-offers-cont .video-wrapper .vjs-default-skin .vjs-big-play-button {
  width: 2.6em;
}
#main-offers-cont .video-wrapper .vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
  margin-left: -1.4em;
  margin-top: -1.4em;
}
#main-offers-cont .video-wrapper .vjs-default-skin:hover .vjs-big-play-button,
#main-offers-cont .video-wrapper .vjs-default-skin .vjs-big-play-button:focus {
  opacity: 1;
  background-color: #08c0de;
  -webkit-box-shadow: 0 0 1em white;
          box-shadow: 0 0 1em white;
}
#main-offers-cont .video-wrapper .vjs-default-skin .vjs-big-play-button:before {
  text-shadow: none;
}
#main-offers-cont .video-wrapper .inner {
  padding: 20px 0;
}
#main-offers-cont .video-wrapper #videoCover {
  background: url('/images/default/landing-video-cover-image.jpg') no-repeat center center;
  width: 100%;
  min-width: 960px;
  height: 580px;
  position: absolute;
  top: 0;
}
.vjs-default-skin {
  color: rgba(255, 255, 255, 0.55);
}
.vjs-default-skin .vjs-play-progress,
.vjs-default-skin .vjs-volume-level {
  background-color: #08c0de;
}
.vjs-default-skin .vjs-control-bar,
.vjs-default-skin .vjs-big-play-button {
  background: #08c0de;
  opacity: 0.75;
}
.vjs-default-skin .vjs-slider {
  background: rgba(230, 249, 255, 0.23);
}
.vjs-default-skin .vjs-control-bar {
  font-size: 98%;
}
.vjs-default-skin .vjs-big-play-button {
  left: initial;
  top: 240px;
  position: relative;
  border: none;
  margin: 0 auto;
  border-radius: 50% 50% 50% 50%;
}
#how-it-works {
  padding: 30px 0;
  background-color: #F9F9FA;
  text-align: center;
}
#how-it-works h1.title {
  color: #333;
  font-size: 34px;
  text-align: center;
}
#how-it-works ul.selectors {
  display: block;
  width: 604px;
  margin: 20px auto 30px;
  border: 1px solid #959595;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  border-radius: 20px 20px 20px 20px;
}
#how-it-works ul.selectors li {
  float: left;
  color: #333;
  width: 300px;
  cursor: pointer;
  font-size: 18px;
}
#how-it-works ul.selectors li.active {
  background-color: #ededed;
}
#how-it-works ul.selectors li.active.on-duty {
  color: #47d68e;
  border-right: 1px solid #959595;
}
#how-it-works ul.selectors li.active.chosen {
  color: #08c0de;
  border-left: 1px solid #959595;
}
#how-it-works .steps-container {
  min-height: 210px;
  padding: 10px 0;
}
#how-it-works .steps-container ul.steps {
  display: none;
}
#how-it-works .steps-container ul.steps li {
  float: left;
}
#how-it-works .steps-container ul.steps li .icon {
  display: block;
  margin: 0 auto;
  background: url('/images/default/how-it-works-icons.png') no-repeat;
  width: 100px;
  height: 100px;
  margin-bottom: 15px;
}
#how-it-works .steps-container ul.steps li .description {
  display: block;
  font-weight: normal;
  text-align: center;
  font-size: 15px;
  color: #333;
}
#how-it-works .steps-container ul.steps.visible {
  display: block;
}
#how-it-works .steps-container ul.steps.steps-on-duty li {
  width: 33.33%;
  padding: 0 5px;
}
#how-it-works .steps-container ul.steps.steps-on-duty li.step1 .icon {
  background-position: 0 0;
}
#how-it-works .steps-container ul.steps.steps-on-duty li.step2 .icon {
  background-position: -300px 0;
}
#how-it-works .steps-container ul.steps.steps-on-duty li.step3 .icon {
  background-position: -400px 0;
}
#how-it-works .steps-container ul.steps.steps-chosen li {
  width: 25%;
  padding: 0 5px;
}
#how-it-works .steps-container ul.steps.steps-chosen li.step1 .icon {
  background-position: -100px -100px;
}
#how-it-works .steps-container ul.steps.steps-chosen li.step2 .icon {
  background-position: -200px -100px;
}
#how-it-works .steps-container ul.steps.steps-chosen li.step3 .icon {
  background-position: -300px -100px;
}
#how-it-works .steps-container ul.steps.steps-chosen li.step4 .icon {
  background-position: -400px -100px;
}
#how-it-works .choose-consultation-type {
  line-height: 80px;
  height: 80px;
  text-align: center;
}
#how-it-works .choose-consultation-type .inform {
  display: block;
  line-height: 80px;
  height: 80px;
  vertical-align: middle;
  color: #666666;
  font-size: 18px;
  border-top: 1px solid #f0f0f0;
}
#how-it-works .choose-consultation-type .inform i {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin: 0 10px;
  background: url('/images/default/consult-type-icons.png') no-repeat;
}
#how-it-works .choose-consultation-type .inform i.audio {
  background-position: 0 0;
}
#how-it-works .choose-consultation-type .inform i.video {
  background-position: -30px 0;
}
#how-it-works .choose-consultation-type .inform i.chat {
  background-position: -60px 0;
}
#how-it-works .more-info-container {
  text-align: center;
  line-height: 70px;
}
.pattern-container {
  background-image: url('/images/default/pattern225-6.png');
  background-color: #e6e6e6;
}
#doctor-block {
  height: 400px;
}
#doctor-block .inner {
  height: 100%;
  padding: 90px 0;
}
#doctor-block .description {
  font-size: 24px;
  color: #333;
  display: block;
  width: 460px;
  margin-left: 490px;
}
#doctor-block .description .author {
  display: block;
  margin-top: 20px;
  font-size: 18px;
  color: #666666;
  text-align: right;
}
#doctor-block .doctor-image {
  position: absolute;
  left: -50px;
  bottom: 0;
  width: 500px;
  height: 430px;
  background: url('/images/default/roshal.png') no-repeat bottom center;
}
#feedbacks-wrapper {
  padding-bottom: 50px;
}
#feedbacks-wrapper .title-container {
  border-bottom: 1px solid #f0f0f0;
}
#feedbacks-wrapper .title-container .title {
  font-size: 34px;
  color: #333;
  line-height: 70px;
}
#feedbacks-wrapper .title-container .slider-nav {
  float: right;
  margin: 20px 0;
}
#feedbacks-wrapper .title-container .slider-nav .slider-arrow {
  width: 16px;
  height: 30px;
  margin: 0 15px;
  cursor: pointer;
  display: inline-block;
}
#feedbacks-wrapper .title-container .slider-nav .slider-arrow a {
  display: block;
  height: 100%;
  background: url('/images/default/arrows/slider-arrows.png') no-repeat;
}
#feedbacks-wrapper .title-container .slider-nav .slider-arrow#feedback-next .bx-next {
  background-position: -16px -30px;
}
#feedbacks-wrapper .title-container .slider-nav .slider-arrow#feedback-next .bx-next.disabled {
  background-position: -16px 0;
  cursor: not-allowed;
}
#feedbacks-wrapper .title-container .slider-nav .slider-arrow#feedback-prev .bx-prev {
  background-position: 0 -30px;
}
#feedbacks-wrapper .title-container .slider-nav .slider-arrow#feedback-prev .bx-prev.disabled {
  background-position: 0 0;
  cursor: not-allowed;
}
#feedbacks-wrapper .feedbacks-container {
  margin-top: 40px;
}
#feedbacks-wrapper .feedbacks-container ul#feedbacks li {
  padding-right: 50px;
}
#feedbacks-wrapper .feedbacks-container ul#feedbacks li .author {
  font-size: 15px;
  color: #333;
  display: block;
}
#feedbacks-wrapper .feedbacks-container ul#feedbacks li .location {
  font-size: 12px;
  color: #333;
  display: block;
}
#feedbacks-wrapper .feedbacks-container ul#feedbacks li .feedback {
  font-size: 15px;
  font-weight: normal;
  color: #666666;
  display: block;
  margin-top: 20px;
}
#partners-wrapper {
  padding-bottom: 50px;
}
#partners-wrapper .title {
  font-size: 34px;
  line-height: 70px;
  text-align: center;
  color: #333;
}
#partners-wrapper .partners-container {
  margin-top: 20px;
  position: relative;
}
#partners-wrapper .slider-content {
  width: 890px;
  margin: auto;
}
#partners-wrapper .partners-slider-arrow {
  background-image: url('/images/default/arrows/slider-arrows.png');
  background-repeat: no-repeat;
  background-size: 50px auto;
  width: 25px;
  height: 46px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -23px;
}
#partners-wrapper #partners-prev-arrow {
  background-position: left top;
  left: 0;
}
#partners-wrapper #partners-prev-arrow:hover {
  background-position: left bottom;
}
#partners-wrapper #partners-next-arrow {
  background-position: right top;
  right: 0;
}
#partners-wrapper #partners-next-arrow:hover {
  background-position: right bottom;
}
#partners-wrapper #partners-slider li {
  text-align: center;
  padding: 0 30px;
  float: none;
  display: inline-block;
  vertical-align: middle;
}
#partners-wrapper #partners-slider li img {
  width: 100%;
}
.banner-mnogo-wrapper {
  padding-bottom: 50px;
}
/*<slide1>*/
#slide-1 {
  position: relative;
  max-height: 650px;
  overflow: hidden;
  min-height: 650px;
}
@media only screen and (max-width: 1240px) {
  #slide-1 {
    min-height: 100%;
    max-height: 100%;
  }
}
#slide-1 .content {
  left: 50%;
  margin-left: -582px;
  margin-top: -218px;
  position: absolute;
  top: 50%;
}
@media only screen and (max-width: 1240px) {
  #slide-1 .content {
    left: 0;
    margin-left: 0;
    padding: 45px;
  }
}
@media only screen and (max-width: 1150px) {
  #slide-1 .content {
    z-index: 100;
    padding: 0 45px;
    margin: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (max-width: 650px) {
  #slide-1 .content {
    padding: 0 10px;
    top: 48%;
  }
}
#slide-1 .bg-video {
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: -9999;
}
#slide-1 .info-block {
  background: rgba(0, 170, 190, 0.5);
  width: 457px;
  height: 348px;
  padding: 30px 40px 45px;
  border-radius: 20px 20px 20px 20px;
  color: white;
  font-weight: normal;
  line-height: 52px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
@media only screen and (max-width: 1150px) {
  #slide-1 .info-block {
    line-height: 26px;
    width: 50%;
    padding: 16px;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (max-width: 650px) {
  #slide-1 .info-block {
    width: 70%;
    padding: 10px;
    border-radius: 8px 8px 8px 8px;
  }
}
#slide-1 .info-block .title {
  font-size: 48px;
}
@media only screen and (max-width: 1150px) {
  #slide-1 .info-block .title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 650px) {
  #slide-1 .info-block .title {
    font-size: 20px;
  }
}
#slide-1 .info-block .description {
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 30px;
}
#slide-1 .info-block .line {
  background: white;
  border-radius: 6px 6px 6px 6px;
  width: 338px;
  height: 6px;
  margin: 15px 0;
}
@media only screen and (max-width: 767px) {
  #slide-1 .info-block .line {
    display: none;
  }
}
@media only screen and (max-width: 1150px) {
  #slide-1 .info-block .get-consult {
    margin-left: 0;
  }
}
@media only screen and (max-width: 650px) {
  #slide-1 .info-block .get-consult {
    font-size: 14px;
    margin-top: 16px;
  }
}
/*</slide1>*/
/*<slide2>*/
#slide-2 {
  background: white;
  padding: 30px 0;
  text-align: center;
}
#slide-2 .title {
  font-size: 48px;
  font-weight: normal;
  text-align: center;
}
@media only screen and (max-width: 1150px) {
  #slide-2 .title {
    font-size: 24px;
  }
}
#slide-2 .service {
  font-size: 18px;
  margin: 40px 0 10px;
}
@media only screen and (max-width: 1150px) {
  #slide-2 .service {
    padding: 0 !important;
  }
}
#slide-2 .service .s-block {
  width: 310px;
  text-align: center;
  vertical-align: top;
}
@media only screen and (max-width: 1150px) {
  #slide-2 .service .s-block {
    display: block;
    width: 280px;
    margin: 0 auto 30px;
  }
}
#slide-2 .service .s-block .name {
  font-size: 24px;
  font-weight: bold;
}
#slide-2 .service .s-block .line {
  width: 85px;
  height: 3px;
  background: #f0505a;
  margin: 10px auto;
}
#slide-2 .service .s-block .description {
  font-weight: normal;
}
#slide-2 .service .s-block .icon {
  background-repeat: no-repeat;
  background-size: contain;
  margin: auto auto 10px;
  height: 85px;
}
#slide-2 .service .s-block .icon.icon-1 {
  background-image: url('/images/onlinedoctor/help_icon.png');
  width: 98px;
}
#slide-2 .service .s-block .icon.icon-2 {
  background-image: url('/images/onlinedoctor/analyses_icon.png');
  width: 107px;
}
#slide-2 .service .s-block .icon.icon-3 {
  background-image: url('/images/onlinedoctor/specialist_icon.png');
  width: 76px;
}
/*</slide2>*/
/*<slide4>*/
#slide-4 {
  text-align: left;
  position: relative;
}
@media only screen and (max-width: 767px) {
  #slide-4 {
    display: none;
  }
}
#slide-4 .doctors-info .rotator-block {
  background-repeat: no-repeat;
  background-size: cover;
  padding: 70px 0 100px;
}
@media only screen and (max-width: 1150px) {
  #slide-4 .doctors-info .rotator-block {
    padding-top: 16px;
  }
}
#slide-4 .doctors-info .rotator-block.doctor-1 {
  background-image: url('/images/onlinedoctor/pojarova_elena.jpg');
}
#slide-4 .doctors-info .rotator-block.doctor-2 {
  background-image: url('/images/onlinedoctor/frolov_alexey.jpg');
}
#slide-4 .doctors-info .rotator-block.doctor-3 {
  background-image: url('/images/onlinedoctor/doctor.png');
}
#slide-4 .doctors-info .rotator-block.doctor-4 {
  background-image: url('/images/onlinedoctor/sorokina_elena.jpg');
}
#slide-4 .doctors-info .rotator-block.doctor-5 {
  background-image: url('/images/onlinedoctor/indjikyan.jpg');
}
#slide-4 .doctors-info .rotator-block.doctor-6 {
  background-image: url('/images/onlinedoctor/olenych.jpg');
}
#slide-4 .doctors-info .rotator-block.doctor-7 {
  background-image: url('/images/onlinedoctor/lebedeva.jpg');
}
#slide-4 .doctors-info .rotator-block .info-block {
  background: rgba(0, 170, 190, 0.5);
  display: inline-block;
  width: 417px;
  height: 450px;
  border-radius: 20px 20px 20px 20px;
  font-size: 18px;
  font-weight: normal;
  color: white;
  text-align: left;
  padding: 30px 30px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
@media only screen and (max-width: 1150px) {
  #slide-4 .doctors-info .rotator-block .info-block {
    width: 70%;
    height: auto;
  }
}
#slide-4 .doctors-info .rotator-block .info-block .title {
  line-height: 1;
}
#slide-4 .doctors-info .rotator-block .info-block .line {
  background: white;
  width: 100%;
  height: 3px;
  margin: 15px 0;
  border-radius: 20px 20px 20px 20px;
}
#slide-4 .doctors-info .rotator-block .info-block .name {
  font-size: 36px;
  font-weight: bold;
  line-height: 36px;
}
#slide-4 .doctors-info .rotator-block .info-block .about {
  margin: 15px 0;
  font-size: 15px;
}
#slide-4 .doctors-info .rotator-block .info-block .show-more a {
  color: inherit;
  text-decoration: underline;
}
#slide-4 #doctor-arrows {
  position: absolute;
  padding: 0;
  height: 100%;
  top: 0;
  left: 50%;
  margin-left: -582px;
}
#slide-4 #doctor-arrows .arrow {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  z-index: 100;
  top: 50%;
  margin-top: -37px;
  width: 39px;
  height: 75px;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  opacity: 0.5;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
#slide-4 #doctor-arrows .arrow:hover {
  opacity: 1;
}
#slide-4 #doctor-arrows .arrow.prev {
  background-image: url('/images/onlinedoctor/arrows/left.png');
  left: -20px;
}
#slide-4 #doctor-arrows .arrow.next {
  background-image: url('/images/onlinedoctor/arrows/right.png');
  right: -20px;
}
/*</slide4>*/
/*<slide5>*/
#slide-5 {
  background: white;
}
@media only screen and (max-width: 767px) {
  #slide-5 {
    display: none;
  }
}
#slide-5 .content {
  position: relative;
  padding: 60px 20px;
}
#slide-5 .title {
  color: black;
  font-size: 48px;
  font-weight: normal;
  line-height: 48px;
  text-indent: -4px;
  text-align: center;
  margin-bottom: 50px;
}
#slide-5 .partners-container {
  position: relative;
}
#slide-5 .partners-slider-arrow {
  position: absolute;
  width: 25px;
  height: 48px;
  background-image: url('/images/onlinedoctor/arrows/l_r_arrows.png');
  background-repeat: no-repeat;
  background-size: 50px auto;
  top: 50%;
  margin-top: -24px;
  cursor: pointer;
}
#slide-5 #partners-prev-arrow {
  background-position: left top;
  left: 0;
}
#slide-5 #partners-prev-arrow:hover {
  background-position: left bottom;
}
#slide-5 #partners-next-arrow {
  background-position: right top;
  right: 0;
}
#slide-5 #partners-next-arrow:hover {
  background-position: right bottom;
}
#slide-5 #partners-slider li {
  display: inline-block;
  vertical-align: middle;
  float: none;
  padding: 0 30px;
}
#slide-5 #partners-slider li img {
  width: 100%;
}
#slide-5 .text {
  width: 710px;
  padding-left: 60px;
  font-weight: normal;
}
#slide-5 .text .quote {
  font-size: 36px;
  line-height: 40px;
}
#slide-5 .text .line {
  background: #f0505a;
  width: 99px;
  height: 6px;
  border-radius: 20px 20px 20px 20px;
  margin: 50px 0 4px;
}
#slide-5 .text .author {
  font-size: 18px;
}
#slide-5 .doctor {
  background: url('/images/onlinedoctor/roshal_photo.png') no-repeat;
  background-size: contain;
  background-position: bottom;
  width: 572px;
  height: 480px;
  position: absolute;
  right: -20px;
  bottom: 0;
}
/*</slide5>*/
/*<slide6>*/
#slide-6 {
  padding: 30px 0 40px;
}
#slide-6 .title {
  color: #00aabe;
  font-size: 48px;
  font-weight: normal;
  line-height: 48px;
  text-align: left;
  text-indent: -2px;
}
#slide-6 .reviews {
  margin-bottom: 50px;
  margin-top: 30px;
}
#slide-6 .reviews .review-block {
  display: inline-block;
  vertical-align: top;
  width: 407px;
  padding-right: 30px;
  color: black;
}
#slide-6 .reviews .review-block .name {
  font-size: 24px;
  font-weight: bold;
}
#slide-6 .reviews .review-block .name a {
  color: inherit;
}
#slide-6 .reviews .review-block .name a:hover {
  color: #00aabe;
}
#slide-6 .reviews .review-block .stars {
  margin: 5px 0 10px;
}
#slide-6 .reviews .review-block .stars > span {
  background: url('/images/onlinedoctor/stars.png') no-repeat;
  background-position: -21px -1px;
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
#slide-6 .reviews .review-block .stars > span.fill {
  background-position: -1px -1px;
}
#slide-6 .reviews .review-block .text {
  font-size: 15px;
  font-weight: normal;
  line-height: 20px;
}
#slide-6 .reviews .arrow {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  margin-top: -37px;
  width: 39px;
  height: 75px;
  cursor: pointer;
  background-image: url('/images/onlinedoctor/arrows/l_r_arrows.png');
  background-repeat: no-repeat;
}
#slide-6 .reviews .arrow.prev {
  left: -70px;
}
#slide-6 .reviews .arrow.prev:hover {
  background-position: 0 -75px;
}
#slide-6 .reviews .arrow.next {
  background-position: -39px 0;
  right: -70px;
}
#slide-6 .reviews .arrow.next:hover {
  background-position: -39px -75px;
}
/*</slide6>*/
/*<slide7>*/
#slide-7 {
  color: white;
  font-weight: normal;
  text-align: center;
  position: relative;
  padding: 40px 0;
}
#slide-7 #promo-video {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#slide-7 .overlay {
  background: url('/images/onlinedoctor/pixel-overlay.png') repeat;
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#slide-7 .static-img {
  position: absolute;
  background: url('/images/onlinedoctor/video.jpg') no-repeat;
  background-size: cover;
  top: 0;
  width: 100%;
  height: 100%;
}
#slide-7 .content {
  position: relative;
  z-index: 200;
}
#slide-7 .title {
  font-size: 48px;
  line-height: 48px;
  letter-spacing: 1px;
}
@media only screen and (max-width: 1150px) {
  #slide-7 .title {
    font-size: 24px;
    line-height: 26px;
  }
}
#slide-7 .play-button {
  background: url('/images/onlinedoctor/play_icon.png') no-repeat;
  background-size: contain;
  width: 113px;
  height: 113px;
  margin: 30px auto 20px;
  cursor: pointer;
}
#slide-7 .description {
  font-size: 18px;
  width: 540px;
  margin: 40px auto;
}
@media only screen and (max-width: 650px) {
  #slide-7 .description {
    width: 100%;
  }
}
#slide-7 .description p {
  margin-bottom: 20px;
}
/*</slide7>*/
/*<slide8>*/
#slide-8 {
  padding: 40px 0 20px;
}
@media only screen and (max-width: 650px) {
  #slide-8 {
    padding: 32px 10px;
    text-align: center;
  }
}
@media only screen and (max-width: 650px) {
  #slide-8 .content {
    padding: 0;
  }
}
#slide-8 .title {
  color: #00aabe;
  font-size: 48px;
  font-weight: normal;
  line-height: 48px;
  text-indent: -2px;
}
@media only screen and (max-width: 650px) {
  #slide-8 .title {
    font-size: 24px;
    line-height: 26px;
  }
}
#slide-8 .help {
  margin-top: 30px;
}
@media only screen and (max-width: 650px) {
  #slide-8 .help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#slide-8 .help .illness-block {
  width: 190px;
  text-align: center;
  overflow: hidden;
  margin-bottom: 30px;
  vertical-align: top;
}
#slide-8 .help .illness-block .icon-block {
  background: white;
  width: 190px;
  height: 190px;
  overflow: hidden;
  position: relative;
}
#slide-8 .help .illness-block .icon-block:hover::after {
  border-color: transparent;
}
#slide-8 .help .illness-block .icon-block:hover .description-overlay {
  opacity: 1;
}
#slide-8 .help .illness-block .icon-block .description-overlay {
  background: rgba(0, 170, 190, 0.9);
  width: 100%;
  height: 100%;
  padding: 53px 10px 10px;
  color: white;
  font-size: 18px;
  font-weight: normal;
  line-height: 22px;
  cursor: default;
  opacity: 0;
  border-radius: 20px 20px 20px 20px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
#slide-8 .help .illness-block .icon-block::before {
  content: "";
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 35px auto auto;
}
#slide-8 .help .illness-block .icon-block::after {
  content: "";
  display: block;
  top: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #8B8B9A;
  border-radius: 20px 20px 20px 20px;
  position: absolute;
  -webkit-transition: border 0.3s ease-in-out;
  transition: border 0.3s ease-in-out;
}
#slide-8 .help .illness-block .icon-block.type-1::before {
  background-image: url('/images/onlinedoctor/help-icons/icon-1.png');
  width: 122px;
  height: 122px;
}
#slide-8 .help .illness-block .icon-block.type-2::before {
  background-image: url('/images/onlinedoctor/help-icons/icon-2.png');
  width: 117px;
  height: 118px;
}
#slide-8 .help .illness-block .icon-block.type-3::before {
  background-image: url('/images/onlinedoctor/help-icons/icon-3.png');
  width: 86px;
  height: 129px;
  margin-top: 30px;
}
#slide-8 .help .illness-block .icon-block.type-4::before {
  background-image: url('/images/onlinedoctor/help-icons/icon-4.png');
  width: 76px;
  height: 125px;
  margin-top: 32px;
}
#slide-8 .help .illness-block .icon-block.type-5::before {
  background-image: url('/images/onlinedoctor/help-icons/icon-5.png');
  width: 100px;
  height: 124px;
}
#slide-8 .help .illness-block .icon-block.type-6::before {
  background-image: url('/images/onlinedoctor/help-icons/icon-6.png');
  width: 96px;
  height: 123px;
  margin-top: 30px;
}
#slide-8 .help .illness-block .icon-block.type-7::before {
  background-image: url('/images/onlinedoctor/help-icons/icon-7.png');
  width: 103px;
  height: 115px;
}
#slide-8 .help .illness-block .icon-block.type-8::before {
  background-image: url('/images/onlinedoctor/help-icons/icon-8.png');
  width: 132px;
  height: 109px;
  margin-top: 42px;
}
#slide-8 .help .illness-block .icon-block.type-9::before {
  background-image: url('/images/onlinedoctor/help-icons/icon-9.png');
  width: 112px;
  height: 110px;
  margin-top: 40px;
}
#slide-8 .help .illness-block .icon-block.type-10::before {
  background-image: url('/images/onlinedoctor/help-icons/icon-10.png');
  width: 67px;
  height: 120px;
}
#slide-8 .help .illness-block .illness-name {
  font-size: 20px;
  font-weight: normal;
  line-height: 22px;
  color: black;
  margin-top: 10px;
}
/*</slide8>*/
/*<slide9>*/
#slide-9 {
  padding: 40px 0;
}
@media only screen and (max-width: 1240px) {
  #slide-9 {
    padding: 40px 45px;
  }
}
@media only screen and (max-width: 650px) {
  #slide-9 {
    padding: 32px 10px;
  }
}
#slide-9 .title {
  color: #00aabe;
  font-size: 48px;
  font-weight: normal;
  line-height: 48px;
}
#slide-9 .questions {
  color: black;
  margin: 30px 0 0 0;
}
@media only screen and (max-width: 1240px) {
  #slide-9 .questions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#slide-9 .questions .question-block {
  width: 312px;
  text-align: left;
  vertical-align: top;
}
@media only screen and (max-width: 1240px) {
  #slide-9 .questions .question-block {
    width: 250px;
  }
}
@media only screen and (max-width: 1150px) {
  #slide-9 .questions .question-block {
    width: 100%;
    margin-bottom: 24px;
  }
}
#slide-9 .questions .question-block .q-title {
  font-size: 24px;
}
#slide-9 .questions .question-block .line {
  background: #f0505a;
  width: 99px;
  height: 3px;
  margin: 10px 0;
  border-radius: 20px 20px 20px 20px;
}
#slide-9 .questions .question-block .q-text {
  font-size: 15px;
  font-weight: normal;
  line-height: 20px;
}
#slide-9 .questions .question-block .q-text a {
  font-weight: bold;
  color: inherit;
}
#slide-9 .questions .question-block .q-text a:hover {
  text-decoration: underline;
}
#slide-9 .questions .question-block .q-text strong {
  font-weight: bold;
}
/*</slide9>*/
/*<slide10>*/
#slide-10 {
  background: url('/images/onlinedoctor/bg2.jpg') no-repeat;
  background-size: cover;
  padding: 50px 0 30px;
  color: white;
  font-weight: normal;
}
@media only screen and (max-width: 1150px) {
  #slide-10 {
    padding: 30px 10px;
  }
}
#slide-10 .title {
  font-size: 48px;
  line-height: 48px;
}
@media only screen and (max-width: 1150px) {
  #slide-10 .title {
    font-size: 24px;
    line-height: 26px;
  }
}
#slide-10 .line-big {
  background: white;
  width: 485px;
  height: 6px;
  margin: 10px 0;
  border-radius: 20px 20px 20px 20px;
}
@media only screen and (max-width: 1150px) {
  #slide-10 .line-big {
    width: 100%;
  }
}
#slide-10 .line {
  background: white;
  width: 100%;
  height: 2px;
  margin-bottom: 20px;
  border-radius: 20px 20px 20px 20px;
}
#slide-10 .description {
  font-size: 18px;
  line-height: 24px;
}
#slide-10 .pay-types {
  margin: 20px 0 100px;
}
#slide-10 .pay-types > * {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}
#slide-10 .pay-types .mc {
  background: url('/images/onlinedoctor/mc.png') no-repeat;
  background-size: contain;
  width: 66px;
  height: 39px;
}
#slide-10 .pay-types .visa {
  background: url('/images/onlinedoctor/visa.png') no-repeat;
  background-size: contain;
  width: 86px;
  height: 26px;
}
#slide-10 .pay-types .maestro {
  background: url('/images/onlinedoctor/maestro.png') no-repeat;
  background-size: contain;
  width: 66px;
  height: 39px;
}
#slide-10 .pay-types .mir {
  background: url('/images/onlinedoctor/mir.png') no-repeat;
  background-size: contain;
  width: 86px;
  height: 26px;
}
#slide-10 .uniteller > * {
  display: inline-block;
  vertical-align: middle;
}
#slide-10 .uniteller .u-logo {
  background: url('/images/onlinedoctor/uniteller_logo.png') no-repeat;
  background-size: contain;
  width: 99px;
  height: 56px;
  margin-right: 30px;
}
#slide-10 .uniteller .u-description {
  width: 864px;
  font-size: 13px;
}
/*</slide10>*/
/* Old shadow dom for play button */
/* New shadow dom for play button */
body.doctor #slide-1 {
  display: none;
}
body.doctor #slide-9 {
  padding: 40px 0;
}
@media only screen and (max-width: 1240px) {
  body.doctor #slide-9 {
    padding: 40px 0;
  }
}
@media only screen and (max-width: 650px) {
  body.doctor #slide-9 {
    padding: 32px 0;
  }
}
@media only screen and (max-width: 650px) {
  body.doctor #slide-5 {
    display: none;
  }
}
body.doctor #slide-7 .description {
  font-size: 18px;
  width: 540px;
  margin: 40px auto;
}
@media only screen and (max-width: 650px) {
  body.doctor #slide-7 .description {
    width: 100%;
    font-size: 16px;
  }
}
/* Large desktop */
@media (min-width: 1200px) {
  #header .inner .right {
    margin-left: -124px;
    width: 1180px !important;
  }
  #header .inner .right .social {
    float: right;
    margin-right: 320px;
  }
}
#header {
  width: 100%;
  min-width: 960px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#header .inner {
  margin: 0 auto;
  width: 960px;
}
#header .inner .left {
  display: inline-block;
  position: absolute;
  width: 280px;
  z-index: 10;
}
#header .inner .left a {
  text-decoration: none;
  color: #0076a9;
}
#header .inner .left a.logo {
  display: block;
  font-size: 78px;
  line-height: 80px;
  margin-bottom: 113px;
  text-align: center;
  width: 261px;
}
#header .inner .left a.logo:hover {
  color: #0076a9;
}
#header .inner .right {
  display: inline-block;
  position: absolute;
  vertical-align: top;
  width: 960px;
  z-index: 1;
}
#header .inner .right .social {
  float: right;
}
#header .inner .right .social a {
  background-image: url("/images/default/footer-social.png");
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 10px;
  width: 43px;
  height: 43px;
  opacity: 0.5;
}
#header .inner .right .social a:last-of-type {
  margin-right: 0;
}
#header .inner .right .social a.gplus {
  background-position: -58px 0;
}
#header .inner .right .social a.twitter {
  background-position: -118px 0;
}
#header .inner .right .social a.facebook {
  background-position: -178px 0;
}
#header .inner .right .social a:hover {
  opacity: 1;
}
.content {
  width: 1164px;
  margin: auto;
}
@media only screen and (max-width: 1204px) {
  .content {
    width: 100%;
    min-width: 320px;
  }
}
.content.wide {
  padding: 0 20px;
}
.content.relative {
  position: relative;
}
.content .inner {
  padding-top: 20px;
}
.content .inner .help-cat {
  width: 440px;
  float: left;
  margin: 40px 75px 40px 0;
}
.content .inner .help-cat.last {
  margin-right: 0;
}
.content .inner .help-cat .help-block {
  margin-top: 30px;
}
.content .inner .help-cat .help-block .faq ul.categories {
  list-style: none;
}
.content .inner .help-cat .help-block .faq ul.categories li {
  font-size: 28px;
  color: #666666;
}
.content .inner .help-cat .help-block .faq ul.categories li ul.articles {
  list-style: none;
  margin: 10px 0 20px 0;
}
.content .inner .help-cat .help-block .faq ul.categories li ul.articles li {
  font-size: 20px;
  color: #08c0de;
}
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(-100%);
    opacity: 0;
  }
  5% {
    -webkit-transform: translateY(-100%);
    opacity: 0;
  }
  15% {
    -webkit-transform: translateY(0);
    padding-bottom: 5px;
  }
  30% {
    -webkit-transform: translateY(-50%);
  }
  40% {
    -webkit-transform: translateY(0%);
    padding-bottom: 6px;
  }
  50% {
    -webkit-transform: translateY(-30%);
  }
  70% {
    -webkit-transform: translateY(0%);
    padding-bottom: 7px;
  }
  80% {
    -webkit-transform: translateY(-15%);
  }
  90% {
    -webkit-transform: translateY(0%);
    padding-bottom: 8px;
  }
  95% {
    -webkit-transform: translateY(-10%);
  }
  97% {
    -webkit-transform: translateY(0%);
    padding-bottom: 9px;
  }
  99% {
    -webkit-transform: translateY(-5%);
  }
  100% {
    -webkit-transform: translateY(0);
    padding-bottom: 9px;
    opacity: 1;
  }
}
@keyframes bounce {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    opacity: 0;
  }
  5% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    opacity: 0;
  }
  15% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    padding-bottom: 5px;
  }
  30% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  40% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    padding-bottom: 6px;
  }
  50% {
    -webkit-transform: translateY(-30%);
            transform: translateY(-30%);
  }
  70% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    padding-bottom: 7px;
  }
  80% {
    -webkit-transform: translateY(-15%);
            transform: translateY(-15%);
  }
  90% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    padding-bottom: 8px;
  }
  95% {
    -webkit-transform: translateY(-7%);
            transform: translateY(-7%);
  }
  97% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    padding-bottom: 9px;
  }
  99% {
    -webkit-transform: translateY(-3%);
            transform: translateY(-3%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    padding-bottom: 9px;
    opacity: 1;
  }
}
.calendar-months {
  display: block;
  margin: 10px 40px;
}
.calendar-months a.month {
  display: inline-block;
  line-height: 1.1;
  font-weight: bold;
  font-size: 20px;
  color: #00a8bc;
  position: relative;
  padding-bottom: 10px;
  margin-right: 30px;
  cursor: pointer;
  text-decoration: none;
}
.calendar-months a.month.active {
  font-weight: bold;
  cursor: default;
  font-size: 20px;
  color: black;
}
.calendar-months a.month.active:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 3px;
  border-radius: 1.5px 1.5px 1.5px 1.5px;
  background: #e5f2f4;
}
.calendar {
  float: none;
  width: 100%;
  padding: 0 20px;
}
.calendar .ui-datepicker {
  width: 100%;
  border: none;
}
.calendar .ui-datepicker .ui-datepicker-header {
  display: none;
}
.calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
}
.calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
  font-weight: bold;
  font-size: 20px;
  color: black;
}
.calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
  color: #5e5e5e;
  font-weight: normal;
  font-size: 20px;
}
.calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  background: url('/images/default/anket-arrow.png') no-repeat;
  width: 17px;
  display: inline-block;
  vertical-align: middle;
  height: 11px;
  position: static;
  float: none;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  line-height: 1.1;
  text-indent: -9999px;
}
.calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  background: url('/images/default/anket-arrow.png') no-repeat;
  width: 17px;
  display: inline-block;
  vertical-align: middle;
  height: 11px;
  position: static;
  float: none;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  line-height: 1.1;
  text-indent: -9999px;
}
.calendar .ui-datepicker .ui-datepicker-calendar thead {
  border: none;
}
.calendar .ui-datepicker .ui-datepicker-calendar thead tr th {
  padding: 0 0 25px 0;
}
.calendar .ui-datepicker .ui-datepicker-calendar thead tr th span {
  font-weight: normal;
  font-size: 20px;
  color: #9fc8da;
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody {
  border: transparent;
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr {
  border: transparent;
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td {
  border: transparent;
  position: relative;
  height: 50px;
}
@media only screen and (max-width: 767px) {
  .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td {
    width: 32px;
    height: 32px;
    line-height: 32px;
  }
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] {
  position: absolute;
  width: 300px;
  min-height: 100px;
  top: 100%;
  display: none;
  left: 50%;
  margin-left: -20px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
  overflow: hidden;
  z-index: 20;
  background: white;
  padding: 15px 10px;
}
@media only screen and (max-width: 850px) {
  .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] {
    position: fixed;
    left: 0;
    margin-left: 0;
    width: 100%;
    border-radius: 15px 15px 15px 15px;
  }
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .name {
  display: none;
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .date {
  text-align: left;
  font-weight: normal;
  font-size: 20px;
  color: #666666;
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .time-zone {
  margin: 10px 0;
  display: inline-block;
  text-align: left !important;
  width: 275px !important;
  height: auto !important;
}
@media only screen and (max-width: 850px) {
  .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .time-zone {
    width: 100% !important;
  }
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .time-zone span {
  width: auto !important;
  text-align: left !important;
  font-size: 16px;
  height: auto !important;
  font-weight: normal;
  color: #e4515b;
  line-height: 1.1;
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .time-zone span .timezone-name {
  text-transform: capitalize;
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .time-zone span a {
  height: auto !important;
  font-weight: normal;
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .time-zone span a.choose-region {
  width: auto !important;
  color: #00aabe;
  position: relative;
  border: 0 !important;
  height: auto !important;
  font-weight: normal !important;
  font-size: 16px !important;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  line-height: 1.1 !important;
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .time-zone span a.choose-region:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed #00aabe;
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .time-zone span a.choose-region:hover {
  color: #006672;
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .time-zone span a.choose-region:hover:after {
  border-color: #006672;
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header .time-zone span a:hover {
  font-weight: normal !important;
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .header-bottom-border {
  display: none;
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -ms-flex-item-align: auto;
      align-self: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-1,
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-2 {
  min-height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-1 .period,
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-2 .period {
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 20px 20px 20px 20px;
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-1 .period .time-wrapper span,
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-2 .period .time-wrapper span {
  font-weight: normal;
  font-size: 16px;
  height: auto !important;
  color: black;
  line-height: 1.1;
  width: 70px;
  padding: 5px 10px;
}
@media only screen and (max-width: 850px) {
  .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-1 .period .time-wrapper span,
  .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-2 .period .time-wrapper span {
    width: 64px;
    padding: 5px;
  }
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-1 .period:hover,
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-2 .period:hover {
  background: #00aabe;
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-1 .period.selected,
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-2 .period.selected {
  background: #00aabe;
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-1 .period.selected .time-wrapper span,
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-2 .period.selected .time-wrapper span {
  font-weight: normal;
  font-size: 16px;
  height: auto !important;
  color: white;
  line-height: 1.1;
  width: 70px;
  padding: 5px 10px;
}
@media only screen and (max-width: 850px) {
  .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-1 .period.selected .time-wrapper span,
  .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .column-2 .period.selected .time-wrapper span {
    width: 64px;
    padding: 5px;
  }
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .hoursDiv .no-periods {
  display: none;
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .actions {
  width: 100%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-item-align: baseline;
      align-self: baseline;
  margin-top: 10px;
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .actions .tick {
  text-align: center;
  width: 135px;
  margin: 0 auto;
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 20px 20px 20px 20px;
  color: white;
  font-weight: normal;
  font-size: 20px;
  line-height: 1.1;
  background: #00aabe;
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td div[data-action="create"] .actions .tick.disabled {
  background: #c7c7c7;
  cursor: not-allowed;
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-other-month .ui-state-default {
  background-color: transparent;
  font-weight: normal;
  font-size: 20px;
  color: #ccc;
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable.not-working-day .ui-state-default {
  font-weight: normal;
  font-size: 20px;
  color: #666666;
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable.not-working-day .ui-state-default:before {
  display: none;
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable.not-working-day.passed-day .ui-state-default {
  background-color: transparent !important;
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable.not-working-day.passed-day .ui-state-default:before {
  display: none;
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default {
  color: #00aabe;
  font-weight: normal;
  position: relative;
  z-index: 2;
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default:before {
  position: absolute;
  content: "";
  width: 40px;
  height: 40px;
  z-index: -1;
  border-radius: 50% 50% 50% 50%;
  background: #F6FAFB;
  display: none;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -20px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default.ui-state-active {
  border: none !important;
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default.ui-state-hover:before {
  background: #e5f2f4;
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-today {
  border: none !important;
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-today a.ui-state-default {
  border: none !important;
  color: black !important;
  position: relative;
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-today a.ui-state-default:before {
  position: absolute;
  content: "";
  width: 40px;
  height: 40px;
  z-index: -1;
  background: #F6FAFB;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -20px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: block;
  border-radius: 50% 50% 50% 50%;
  -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-today a.ui-state-default.ui-state-active {
  border: none !important;
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-today.not-working-day {
  border: none !important;
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-today.not-working-day a.ui-state-default {
  position: relative;
  border: none !important;
  z-index: 2;
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-today.not-working-day a.ui-state-default:before {
  content: "";
  display: block;
  background: transparent;
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: -1;
  border-radius: 50% 50% 50% 50%;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -20px;
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.js-selected-date {
  background-color: transparent;
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.js-selected-date a.ui-state-default {
  z-index: 30;
  background-color: transparent !important;
  color: black;
}
@media only screen and (max-width: 767px) {
  .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.js-selected-date a.ui-state-default {
    z-index: 15;
  }
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.js-selected-date a.ui-state-default:before {
  display: block;
  background: white;
  border-color: white !important;
  -webkit-box-shadow: 0px -2px 9px rgba(0, 0, 0, 0.15) !important;
          box-shadow: 0px -2px 9px rgba(0, 0, 0, 0.15) !important;
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.js-selected-date a.ui-state-default:after {
  position: absolute;
  content: "";
  z-index: -1;
  bottom: 0;
  margin-bottom: -7px;
  left: 50%;
  background: white;
  width: 53px;
  margin-left: -20px;
  height: 24px;
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.js-selected-date .open {
  top: 53%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media only screen and (max-width: 850px) {
  .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.js-selected-date .open {
    bottom: 0;
    top: auto;
    z-index: 10010;
  }
}
@media only screen and (max-width: 850px) {
  .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.js-selected-date .m-calendar__modal {
    width: 100%;
  }
}
.calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.user-has-consult .hasScheduled {
  z-index: 10;
}
.dayDetailed {
  display: none !important;
}
* {
  outline: none;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html {
  font-size: 10px;
  height: 100%;
}
.ms-ctn-focus {
  z-index: 9999 !important;
}
.ps__rail-y {
  opacity: 1 !important;
  width: 6px;
  background-color: #eee !important;
  right: 2px !important;
  left: auto !important;
}
.ps__rail-y:hover {
  width: 6px;
}
.ps__rail-y:hover .ps__thumb-y {
  width: 6px;
  opacity: 1 !important;
}
.ps__rail-y .ps__thumb-y {
  width: 6px;
  right: 0 !important;
  opacity: 1 !important;
}
h5 {
  font-weight: normal;
  font-size: 24px;
  line-height: 24px;
  color: #212127;
  margin: 0 0 16px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button,
input[type='number'] {
  -webkit-appearance: none !important;
  margin: 0;
}
input::-ms-inner-spin-button,
input::-ms-inner-spin-button,
input[type='number'] {
  -ms-appearance: none !important;
  margin: 0;
}
input[type='number'] {
  -moz-appearance: textfield !important;
}
input::-moz-inner-spin-button,
input::-moz-inner-spin-button,
input[type='number'] {
  -moz-appearance: none !important;
  margin: 0;
}
input::-o-inner-spin-button,
input::-o-inner-spin-button,
input[type='number'] {
  -o-appearance: none !important;
  margin: 0;
}
body {
  position: relative;
}
body.menu_active {
  overflow: hidden;
}
body.menu_active:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.25);
  z-index: 1050;
}
body.menu_active .menu-mobile_list {
  top: 0;
  left: 0;
  z-index: 1050;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
body.modal-open {
  height: 100%;
  width: 100%;
  position: fixed;
  overflow: hidden;
}
a {
  outline: none;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
}
a:visited,
a:hover,
a:active,
a:focus {
  text-decoration: none;
  outline: none;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
ol {
  list-style-type: none;
  counter-reset: ol-counter;
  padding-left: 10px;
}
ol li:before {
  content: counter(ol-counter);
  counter-increment: ol-counter;
  padding-right: 15px;
}
ol li:after {
  content: ' ';
  display: block;
  margin-top: 15px;
}
.modal-backdrop {
  background-color: rgba(0, 118, 169, 0.7);
}
body.online-doctor {
  width: 100%;
  height: 100%;
  min-height: 100%;
  padding-top: 80px;
  color: #212127;
  position: relative;
  font-family: 'CirceRounded', Arial, Helvetica, sans-serif;
  padding-right: 0 !important;
}
@media only screen and (max-width: 767px) {
  body.online-doctor {
    padding-top: 64px;
  }
}
body.online-doctor.logged.pacient {
  padding-top: 124px;
}
@media only screen and (max-width: 1150px) {
  body.online-doctor.logged.pacient {
    padding-top: 64px;
  }
}
body.online-doctor.logged.pacient.modal-open {
  padding-top: 0;
}
@media only screen and (max-width: 1150px) {
  body.online-doctor.logged.pacient {
    padding-top: 0;
  }
}
body.online-doctor #container {
  min-width: 1204px;
}
@media only screen and (max-width: 1150px) {
  body.online-doctor #container {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  body.online-doctor #container {
    margin: 0 auto;
  }
}
body.online-doctor.modal-open {
  height: 100%;
  width: 100%;
  position: fixed;
  overflow: hidden;
  padding-top: 0;
  padding-right: 17px !important;
}
body.online-doctor.modal-open #container header {
  position: relative;
}
