@import url("https://cdn.doctena.com/css/fonts/font-awesome.min.css");
@import url("https://cdn.doctena.com/css/alertify/css/alertify.min.css");
@import url("https://cdn.doctena.com/css/alertify/css/themes/default.min.css");
/* COLORS TO BE DETERMINED ?

	MOCKUP GDPR NEW BOOKING FORM
		Success green buttons : #10B11C;
		Unimportant Gray buttons : #BCBCBC;
		Success message Gray text : #7C7C7C;

	GATHERED THROUGHOUT THE WEBSITE
		GENERAL
			Zendesk button : #2671AD;
			Links : #08c;

		BOOKING
			Background onglet docteur booking : #428BCA;
			Font color onglet docteur booking : #3a87ad;
*/
/*
	Name : clear-float-breakpoint
	Description : Under this screen width value, we should avoid floating elements
	Used in : color-panel (booking pages)
*/
@font-face {
  font-family: 'Come Unto Me';
  src: url("/fonts/comeuntome/ComeUntoMe.eot");
  src: url("/fonts/comeuntome/ComeUntoMe.eot") format("embedded-opentype"), url("/fonts/comeuntome/ComeUntoMe.woff2") format("woff2"), url("/fonts/comeuntome/ComeUntoMe.woff") format("woff"), url("/fonts/comeuntome/ComeUntoMe.ttf") format("truetype"), url("/fonts/comeuntome/ComeUntoMe.svg#ComeUntoMe") format("svg"); }
.progress-bar.active.reverse-bar {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -ms-animation-direction: reverse;
  -o-animation-direction: reverse;
  animation-direction: reverse; }

.comeuntome {
  font-family: "Come Unto Me";
  font-size: 30px;
  font-weight: normal; }

div.cookieBox {
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  right: 0;
  margin: 0;
  overflow: hidden;
  background-color: #ffffff;
  border-top: 1px solid #ccc;
  z-index: 99999999 !important; }

div.cookie {
  color: black;
  padding-top: 20px;
  padding-left: 20px;
  padding-bottom: 15px;
  padding-right: 20px; }
  div.cookie button.closeBox.close {
    top: 5px; }
  div.cookie button.cookie-validation {
    background: #2571ad;
    color: #fff;
    position: relative;
    margin-bottom: 10px;
    outline: none;
    border: 0; }

a {
  outline: none !important; }

.logo-search-link {
  display: block; }

.logo-customer-branding {
  margin: 20px 0; }

.nav-links {
  margin-top: 28px; }

.logo-search span.no-display {
  position: absolute;
  z-index: -3;
  text-indent: -9999px;
  left: 20px;
  top: 30px; }

.no-display {
  position: absolute;
  z-index: -3;
  left: 0; }

.title-seo {
  font-size: 31.5px; }

.select2-selection--single {
  border: 0 !important;
  border-radius: 0 !important; }

.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.has-feedback label.visually-hidden ~ .form-control-feedback {
  top: 0px; }

/********* new header *********/
.header .logo img {
  max-width: 125px;
  height: auto; }

header .nav > li > a {
  padding: 10px 8px; }

.mainNavbar {
  display: inline-block; }
  .mainNavbar .nav {
    margin-right: 60px;
    margin-top: 10px; }
    .mainNavbar .nav li.active a {
      color: #ffffff !important; }
      .mainNavbar .nav li.active a:focus, .mainNavbar .nav li.active a:hover {
        color: #ffffff !important; }
    .mainNavbar .nav li a {
      color: #504f4f !important;
      padding: 10px 8px; }
      .mainNavbar .nav li a:hover {
        color: #333333 !important; }
    .mainNavbar .nav .dropdown-menu {
      border-radius: 4px !important; }
      .mainNavbar .nav .dropdown-menu > li > a {
        padding: 3px 20px !important; }
    .mainNavbar .nav .select-country {
      padding-right: 0;
      padding-left: 0; }
      .mainNavbar .nav .select-country .dropdown-menu {
        min-width: 0 !important;
        text-align: center; }
    .mainNavbar .nav .select-language {
      padding-right: 0;
      padding-left: 0; }
  .mainNavbar .nav-pills > li > a:hover, .mainNavbar .nav-pills > li > a:visited, .mainNavbar .nav-pills > li > a:active, .mainNavbar .nav-pills > li > a:focus {
    background-color: transparent; }
  .mainNavbar .nav .open > a, .mainNavbar .nav .open > a:focus, .mainNavbar .nav .open > a:hover {
    background-color: transparent; }

/************************* forms ****************************/
.patientView .header, .loginView .header, .requestPasswordView .header, .createdView .header, .confirmationView .header {
  padding-bottom: 5px; }
.patientView .form-input, .loginView .form-input, .requestPasswordView .form-input, .createdView .form-input, .confirmationView .form-input {
  border: 0 !important;
  border-radius: 0 !important; }

.text-light-success {
  color: #5cb85c; }

a.text-light-success:hover,
a.text-light-success:active,
input.text-light-success:hover,
input.text-light-success:active {
  color: #3c763d; }

/********** login **********/
.title-login {
  color: #337ab7;
  margin-bottom: 30px; }

#login-form > form {
  border-right: 1px solid rgba(147, 147, 147, 0.5);
  margin-right: -20px; }

#login-form {
  padding-left: 20px; }

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5) !important;
  z-index: 6000;
  display: block !important; }

.staticAffix {
  position: static !important; }

/******* picture gallery for profiles (practice, doctor, group) *********/
#practice-profile .profile-photo .profile-photo-main, #doctor-profile .profile-photo .profile-photo-main {
  margin-bottom: 10px; }
  #practice-profile .profile-photo .profile-photo-main img, #doctor-profile .profile-photo .profile-photo-main img {
    width: 100%;
    border-radius: 0;
    margin-bottom: 0;
    cursor: pointer !important; }
  #practice-profile .profile-photo .profile-photo-main .profile-photo-all-mobile, #doctor-profile .profile-photo .profile-photo-main .profile-photo-all-mobile {
    display: none; }
#practice-profile .profile-photo .profile-photo-other ul, #doctor-profile .profile-photo .profile-photo-other ul {
  list-style-type: none;
  padding-left: 0; }
  #practice-profile .profile-photo .profile-photo-other ul li, #doctor-profile .profile-photo .profile-photo-other ul li {
    width: 24%;
    float: left;
    margin-bottom: 10px;
    cursor: pointer;
    position: relative;
    height: 45px;
    overflow: hidden;
    display: block;
    margin-left: 1%; }
    #practice-profile .profile-photo .profile-photo-other ul li:first-child, #doctor-profile .profile-photo .profile-photo-other ul li:first-child {
      margin-left: 0; }
    #practice-profile .profile-photo .profile-photo-other ul li img, #doctor-profile .profile-photo .profile-photo-other ul li img {
      position: relative;
      width: 100%;
      border-radius: 0;
      margin-bottom: 10px;
      cursor: pointer;
      top: 50%;
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
#practice-profile .profile-photo .profile-photo-gallery-link, #doctor-profile .profile-photo .profile-photo-gallery-link {
  clear: both; }
#practice-profile .profile-photo .profile-photo-all, #doctor-profile .profile-photo .profile-photo-all {
  display: none;
  cursor: pointer;
  float: left;
  margin-bottom: 20px; }

#galleryModal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: transparent;
  transition: 0.7s opacity;
  /* The Close Button */ }
  #galleryModal .close {
    color: #ffffff;
    position: absolute;
    top: 10px;
    right: 25px;
    opacity: 1;
    font-size: 35px;
    text-shadow: none;
    font-weight: normal;
    outline: 0;
    z-index: 1; }
    #galleryModal .close:hover, #galleryModal .close:focus {
      text-decoration: none;
      cursor: pointer; }
  #galleryModal .modal-content {
    position: relative;
    background-color: transparent !important;
    margin: auto;
    padding: 0;
    height: 100%;
    width: 80%;
    max-width: 1200px;
    text-align: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    padding-top: 60px;
    /* Hide the slides by default */
    /* Next & previous buttons */
    /* Position the "next button" to the right */
    /* Caption text */ }
    #galleryModal .modal-content #modal-slides {
      height: 100%;
      width: 100%; }
      #galleryModal .modal-content #modal-slides .modal-slides-image {
        display: none;
        height: 100%;
        width: 100%; }
        #galleryModal .modal-content #modal-slides .modal-slides-image #caption-number {
          color: #f2f2f2;
          font-size: 12px;
          padding: 8px 12px;
          position: absolute;
          top: 0; }
        #galleryModal .modal-content #modal-slides .modal-slides-image img {
          width: auto !important;
          max-width: 80%;
          max-height: 59%;
          position: absolute;
          top: 45%;
          right: 0;
          bottom: 0;
          left: 0;
          margin: 0 auto;
          -ms-transform: translateY(-63%);
          -webkit-transform: translateY(-63%);
          transform: translateY(-63%); }
    #galleryModal .modal-content .prev, #galleryModal .modal-content .next {
      text-decoration: none;
      cursor: pointer;
      position: absolute;
      top: 45%;
      width: auto;
      padding: 16px;
      margin-top: -50px;
      color: white;
      font-weight: bold;
      font-size: 20px;
      transition: 0.6s ease;
      border-radius: 0 3px 3px 0;
      user-select: none;
      -webkit-user-select: none; }
    #galleryModal .modal-content .next {
      right: 0;
      border-radius: 3px 0 0 3px; }
    #galleryModal .modal-content .prev {
      left: 0; }
    #galleryModal .modal-content .caption-container {
      text-align: center;
      background-color: transparent;
      padding: 2px 16px;
      color: white;
      position: absolute;
      width: 100%;
      bottom: 20%; }
      #galleryModal .modal-content .caption-container span {
        font-size: 11px;
        color: #8f9094; }
    #galleryModal .modal-content .modal-gallery {
      position: absolute;
      margin-bottom: 25px;
      bottom: 0;
      width: 100%; }
      #galleryModal .modal-content .modal-gallery .modal-gallery-other-images {
        position: relative !important;
        overflow: hidden;
        height: 117px !important; }
        #galleryModal .modal-content .modal-gallery .modal-gallery-other-images ul {
          text-decoration: none;
          position: absolute !important;
          width: 1000px;
          padding-left: 0;
          margin-bottom: 0; }
          #galleryModal .modal-content .modal-gallery .modal-gallery-other-images ul li {
            float: left;
            position: relative;
            height: 100px;
            width: 150px;
            overflow: hidden;
            display: block; }
            #galleryModal .modal-content .modal-gallery .modal-gallery-other-images ul li img.modal-gallery-image {
              opacity: 0.6;
              position: absolute;
              left: 0;
              margin: auto;
              width: 100%;
              top: 50%;
              -ms-transform: translateY(-50%);
              -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
              padding: 0 3px;
              cursor: pointer !important; }
              #galleryModal .modal-content .modal-gallery .modal-gallery-other-images ul li img.modal-gallery-image.active, #galleryModal .modal-content .modal-gallery .modal-gallery-other-images ul li img.modal-gallery-image:hover {
                opacity: 1; }
    @media (max-height: 700px) {
      #galleryModal .modal-content .modal-gallery .modal-gallery-other-images {
        display: none; }
      #galleryModal .modal-content #modal-slides .caption-container {
        bottom: 0; } }
  #galleryModal .modal-backdrop.fade.in {
    z-index: 0 !important;
    opacity: 0.8 !important;
    height: 100% !important; }

@media (max-width: 767px) {
  #practice-profile .profile-photo .profile-photo-main img, #doctor-profile .profile-photo .profile-photo-main img {
    margin: 0 auto 10px auto;
    width: 30% !important;
    min-width: 130px; }
  #practice-profile .profile-photo .profile-photo-main .profile-photo-all-mobile, #doctor-profile .profile-photo .profile-photo-main .profile-photo-all-mobile {
    height: 100%;
    position: relative;
    width: 30% !important;
    min-width: 130px;
    margin: 0 auto;
    background-color: transparent;
    padding: 4px 5px;
    border: 0;
    cursor: pointer;
    bottom: 51px; }
    #practice-profile .profile-photo .profile-photo-main .profile-photo-all-mobile.active.focus, #doctor-profile .profile-photo .profile-photo-main .profile-photo-all-mobile.active.focus, #practice-profile .profile-photo .profile-photo-main .profile-photo-all-mobile.active:focus, #doctor-profile .profile-photo .profile-photo-main .profile-photo-all-mobile.active:focus, #practice-profile .profile-photo .profile-photo-main .profile-photo-all-mobile.focus, #doctor-profile .profile-photo .profile-photo-main .profile-photo-all-mobile.focus, #practice-profile .profile-photo .profile-photo-main .profile-photo-all-mobile.focus:active, #doctor-profile .profile-photo .profile-photo-main .profile-photo-all-mobile.focus:active, #practice-profile .profile-photo .profile-photo-main .profile-photo-all-mobile:active:focus, #doctor-profile .profile-photo .profile-photo-main .profile-photo-all-mobile:active:focus, #practice-profile .profile-photo .profile-photo-main .profile-photo-all-mobile:focus, #doctor-profile .profile-photo .profile-photo-main .profile-photo-all-mobile:focus {
      outline: 0 !important;
      outline-offset: 0  !important;
      background-image: none  !important;
      -webkit-box-shadow: none !important;
      box-shadow: none  !important; }
    #practice-profile .profile-photo .profile-photo-main .profile-photo-all-mobile .icon-slideshow, #doctor-profile .profile-photo .profile-photo-main .profile-photo-all-mobile .icon-slideshow {
      width: 32px;
      display: none;
      background: #646469;
      border-radius: 15px !important;
      text-align: initial;
      opacity: 0.7;
      border: none;
      padding: 5px 0;
      position: absolute;
      right: 5px; }
      #practice-profile .profile-photo .profile-photo-main .profile-photo-all-mobile .icon-slideshow:after, #doctor-profile .profile-photo .profile-photo-main .profile-photo-all-mobile .icon-slideshow:after {
        content: "";
        display: block;
        width: 32px;
        height: 22px;
        background: url(../../images/sprite-profile.png) no-repeat -36px -1057px; } }

@media (max-width: 767px) {
  #galleryModal .modal-content {
    width: 100%;
    /* Next & previous buttons */
    /* Caption text */ }
    #galleryModal .modal-content .modal-slides-image img {
      max-width: 100% !important;
      max-height: 300px !important;
      top: 30% !important;
      -ms-transform: translateY(-50%) !important;
      -webkit-transform: translateY(-50%) !important;
      transform: translateY(-50%) !important; }
    #galleryModal .modal-content .prev, #galleryModal .modal-content .next {
      top: 32%;
      z-index: 1; }
    #galleryModal .modal-content .caption-container {
      bottom: 20%; } }

/********** reset password **********/
#forget-password, #request-password {
  padding-left: 20px; }
  #forget-password form, #request-password form {
    width: 75%; }
    #forget-password form .btn-success, #request-password form .btn-success {
      width: 100%; }

/****************** media queries ********************************/
@media screen and (max-width: 991px) {
  /****** login form ******/
  #login-form {
    /* margin-bottom: 8%; */
    border-right: 0px;
    margin-bottom: 20px; }
    #login-form > form {
      border-bottom: 1px solid rgba(147, 147, 147, 0.5);
      padding-bottom: 40px;
      border-right: 0;
      margin-right: 0; }
      #login-form > form .form-group {
        width: 100% !important; }
      #login-form > form .btn.btn-success {
        width: 100% !important; }

  /********** reset password **********/
  #forget-password form, #request-password form {
    width: 100%; } }
@media (min-width: 481px) and (max-width: 767px) {
  .header .logo img {
    margin: auto; }

  /*********** hamburger menu *************/
  .lines-button {
    position: fixed !important;
    display: inline-block;
    padding: 17.5px 8.75px;
    transition: .3s;
    cursor: pointer;
    user-select: none;
    border-radius: 5px;
    left: 10px; }
    .lines-button:hover {
      opacity: 1; }
    .lines-button:active {
      -webkit-transition: none;
      -moz-transition: none;
      -ms-transition: none;
      -o-transition: none;
      transition: none;
      background: rgba(0, 0, 0, 0.1); }

  .lines {
    display: inline-block;
    width: 35px;
    height: 5px;
    background: #f9f9f9;
    border-radius: 2.5px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    position: relative;
    /*create the upper and lower lines as pseudo-elements of the middle line*/ }
    .lines:before, .lines:after {
      display: inline-block;
      width: 35px;
      height: 5px;
      background: #f9f9f9;
      border-radius: 2.5px;
      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -ms-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      top: 0;
      width: 19.44444px;
      position: absolute;
      left: 0;
      content: '';
      transform-origin: 2.5px center; }
    .lines:before {
      transform: rotate(40deg);
      -ms-transform: rotate(40deg);
      /* IE 9 */
      -webkit-transform: rotate(40deg);
      /* Chrome, Safari, Opera */ }
    .lines:after {
      transform: rotate(-40deg);
      -ms-transform: rotate(-40deg);
      /* IE 9 */
      -webkit-transform: rotate(-40deg);
      /* Chrome, Safari, Opera */ }

  .lines-button.arrow.collapsed:hover {
    opacity: 1; }
    .lines-button.arrow.collapsed:hover .lines:before {
      top: 10px; }
    .lines-button.arrow.collapsed:hover .lines:after {
      top: -10px; }

  .lines-button.arrow.collapsed {
    opacity: 0.9 !important;
    position: relative !important;
    left: 0 !important; }
    .lines-button.arrow.collapsed .lines {
      background: #504f4f; }
      .lines-button.arrow.collapsed .lines:before, .lines-button.arrow.collapsed .lines:after {
        width: 35px;
        background: #504f4f;
        transform: none;
        -ms-transform: none;
        /* IE 9 */
        -webkit-transform: none;
        /* Chrome, Safari, Opera */ }
      .lines-button.arrow.collapsed .lines:before {
        top: 8.75px; }
      .lines-button.arrow.collapsed .lines:after {
        top: -8.75px; }

  .mainNavbar .lines-button {
    float: left !important;
    z-index: 500;
    background: transparent; }
  .mainNavbar .nav {
    float: none !important;
    text-align: left; }
    .mainNavbar .nav li {
      float: none !important;
      border-top: 1px solid rgba(255, 255, 255, 0.2);
      border-radius: 0;
      padding: 0 20px !important;
      margin: 0; }
      .mainNavbar .nav li:first-child {
        border-top: 0; }
      .mainNavbar .nav li a {
        float: none !important;
        color: #fff !important;
        padding: 15px 0;
        font-size: 16px; }
        .mainNavbar .nav li a:hover, .mainNavbar .nav li a:focus {
          color: #fff !important; }
      .mainNavbar .nav li .dropdown-menu {
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        text-align: left !important;
        background-color: #212e3c;
        margin-left: -20px;
        border-radius: 0 !important;
        margin-right: -20px; }
        .mainNavbar .nav li .dropdown-menu li {
          border-top: 0; }
          .mainNavbar .nav li .dropdown-menu li a {
            padding: 10px 20px !important; }
            .mainNavbar .nav li .dropdown-menu li a:hover, .mainNavbar .nav li .dropdown-menu li a:focus {
              background-color: transparent; }
          .mainNavbar .nav li .dropdown-menu li.active a, .mainNavbar .nav li .dropdown-menu li.active a:hover, .mainNavbar .nav li .dropdown-menu li.active a:focus {
            background-color: #5b6269 !important;
            margin-left: -20px;
            margin-right: -20px;
            padding: 10px 40px !important; }
    .mainNavbar .nav .how-it-works a {
      padding: 15px 0 !important;
      border: 0;
      color: #ffffff !important;
      background-color: transparent !important; }
      .mainNavbar .nav .how-it-works a:hover, .mainNavbar .nav .how-it-works a:focus {
        color: #ffffff !important; }
    .mainNavbar .nav .divider-vertical-second-menu {
      display: none; }

  .openNavbar {
    position: fixed !important;
    height: 100%;
    width: 70% !important; }

  .mainNavbar .collapse, .mainNavbar .collapsing {
    border-top: 0;
    padding: 0;
    margin-top: -56px;
    margin-left: -32px !important;
    overflow-y: hidden !important; }
    .mainNavbar .collapse.in .nav, .mainNavbar .collapsing.in .nav {
      margin-left: -1px; }
    .mainNavbar .collapse .nav, .mainNavbar .collapsing .nav {
      top: -15px;
      height: 100%;
      position: absolute;
      display: block;
      z-index: 6001;
      width: 100%;
      padding: 50px 0;
      left: 1px;
      background: #161d27;
      list-style-type: none;
      -webkit-font-smoothing: antialiased;
      margin-left: -100%;
      /* to stop flickering of text in safari */
      -webkit-transform-origin: 0% 0%;
      transform-origin: 0% 0%;
      -ms-transform-origin: 0% 0%;
      /* IE 9 */
      -webkit-transition: all .50s;
      -moz-transition: all .50s;
      -ms-transition: all .50s;
      -o-transition: all .50s;
      transition: all .50s; }

  /****** login form *****/
  .login-header .container, .sign-up-header .container, .reset-header .container {
    padding-top: 0px !important; }
    .login-header .container .title-login, .sign-up-header .container .title-login, .reset-header .container .title-login {
      margin-top: 0px; } }
@media (max-width: 480px) {
  .header .logo img {
    margin: auto; }

  /*********** hamburger menu *************/
  .lines-button {
    position: fixed !important;
    display: inline-block;
    padding: 17.5px 8.75px;
    transition: .3s;
    cursor: pointer;
    user-select: none;
    border-radius: 5px;
    left: 10px; }
    .lines-button:hover {
      opacity: 1; }
    .lines-button:active {
      -webkit-transition: none;
      -moz-transition: none;
      -ms-transition: none;
      -o-transition: none;
      transition: none;
      background: rgba(0, 0, 0, 0.1); }

  .lines {
    display: inline-block;
    width: 35px;
    height: 5px;
    background: #f9f9f9;
    border-radius: 2.5px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    position: relative;
    /*create the upper and lower lines as pseudo-elements of the middle line*/ }
    .lines:before, .lines:after {
      display: inline-block;
      width: 35px;
      height: 5px;
      background: #f9f9f9;
      border-radius: 2.5px;
      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -ms-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      top: 0;
      width: 19.44444px;
      position: absolute;
      left: 0;
      content: '';
      transform-origin: 2.5px center; }
    .lines:before {
      transform: rotate(40deg);
      -ms-transform: rotate(40deg);
      /* IE 9 */
      -webkit-transform: rotate(40deg);
      /* Chrome, Safari, Opera */ }
    .lines:after {
      transform: rotate(-40deg);
      -ms-transform: rotate(-40deg);
      /* IE 9 */
      -webkit-transform: rotate(-40deg);
      /* Chrome, Safari, Opera */ }

  .lines-button.arrow.collapsed:hover {
    opacity: 1; }
    .lines-button.arrow.collapsed:hover .lines:before {
      top: 10px; }
    .lines-button.arrow.collapsed:hover .lines:after {
      top: -10px; }

  .lines-button.arrow.collapsed {
    opacity: 0.9 !important;
    position: relative !important;
    left: 0 !important; }
    .lines-button.arrow.collapsed .lines {
      background: #504f4f; }
      .lines-button.arrow.collapsed .lines:before, .lines-button.arrow.collapsed .lines:after {
        width: 35px;
        background: #504f4f;
        transform: none;
        -ms-transform: none;
        /* IE 9 */
        -webkit-transform: none;
        /* Chrome, Safari, Opera */ }
      .lines-button.arrow.collapsed .lines:before {
        top: 8.75px; }
      .lines-button.arrow.collapsed .lines:after {
        top: -8.75px; }

  .mainNavbar .lines-button {
    float: left !important;
    z-index: 500;
    background: transparent; }
  .mainNavbar .nav {
    float: none !important;
    text-align: left; }
    .mainNavbar .nav li {
      float: none !important;
      border-top: 1px solid rgba(255, 255, 255, 0.2);
      border-radius: 0;
      padding: 0 20px !important;
      margin: 0; }
      .mainNavbar .nav li:first-child {
        border-top: 0; }
      .mainNavbar .nav li a {
        float: none !important;
        color: #fff !important;
        padding: 15px 0;
        font-size: 16px; }
        .mainNavbar .nav li a:hover, .mainNavbar .nav li a:focus {
          color: #fff !important; }
      .mainNavbar .nav li .dropdown-menu {
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        text-align: left !important;
        background-color: #212e3c;
        margin-left: -20px;
        border-radius: 0 !important;
        margin-right: -20px; }
        .mainNavbar .nav li .dropdown-menu li {
          border-top: 0; }
          .mainNavbar .nav li .dropdown-menu li a {
            padding: 10px 20px !important; }
            .mainNavbar .nav li .dropdown-menu li a:hover, .mainNavbar .nav li .dropdown-menu li a:focus {
              background-color: transparent; }
          .mainNavbar .nav li .dropdown-menu li.active a, .mainNavbar .nav li .dropdown-menu li.active a:hover, .mainNavbar .nav li .dropdown-menu li.active a:focus {
            background-color: #5b6269 !important;
            margin-left: -20px;
            margin-right: -20px;
            padding: 10px 40px !important; }
    .mainNavbar .nav .how-it-works a {
      padding: 15px 0 !important;
      border: 0;
      color: #ffffff !important;
      background-color: transparent !important; }
      .mainNavbar .nav .how-it-works a:hover, .mainNavbar .nav .how-it-works a:focus {
        color: #ffffff !important; }
    .mainNavbar .nav .divider-vertical-second-menu {
      display: none; }

  .openNavbar {
    position: fixed !important;
    height: 100%;
    width: 70% !important; }

  .mainNavbar .collapse, .mainNavbar .collapsing {
    border-top: 0;
    padding: 0;
    margin-top: -56px;
    margin-left: -32px !important;
    overflow-y: hidden !important; }
    .mainNavbar .collapse.in .nav, .mainNavbar .collapsing.in .nav {
      margin-left: -1px; }
    .mainNavbar .collapse .nav, .mainNavbar .collapsing .nav {
      top: -15px;
      height: 100%;
      position: absolute;
      display: block;
      z-index: 6001;
      width: 100%;
      padding: 50px 0;
      left: 1px;
      background: #161d27;
      list-style-type: none;
      -webkit-font-smoothing: antialiased;
      margin-left: -100%;
      /* to stop flickering of text in safari */
      -webkit-transform-origin: 0% 0%;
      transform-origin: 0% 0%;
      -ms-transform-origin: 0% 0%;
      /* IE 9 */
      -webkit-transition: all .50s;
      -moz-transition: all .50s;
      -ms-transition: all .50s;
      -o-transition: all .50s;
      transition: all .50s; }

  /****** login form *****/
  .login-header .container, .sign-up-header .container, .reset-header .container {
    padding-top: 0px !important; }
    .login-header .container .title-login, .sign-up-header .container .title-login, .reset-header .container .title-login {
      margin-top: 0px; } }
/**
 * Author:      Damien Bernard
 * DateTime:    30 May 2018 (Wednesday)
 * Description: Modal stylesheet
 * This is meant to be generic for all modals, but right now it only applies
 * to gdpr modals.
 */
.gdpr-modals {
  line-height: 1.42857143; }
  .gdpr-modals .modal p {
    font-size: 15px; }
  .gdpr-modals .modal-title {
    color: #374D77;
    font-size: 27px;
    font-weight: 500; }
  .gdpr-modals .modal-body {
    padding: 30px 30px 15px; }
  .gdpr-modals .modal-footer {
    text-align: left; }

@media screen and (max-height: 600px) {
  .gdpr-modals .modal-body {
    overflow-y: scroll;
    max-height: 300px; } }
.faq-title {
  color: #706f6f; }

.faq-subTitle {
  border-bottom: 2px solid #2571AD;
  display: inline-block; }

.faqView .header h2 {
  margin-bottom: 25px;
  font-size: 2.7em;
  float: left; }

.panel-heading h4 {
  width: 100%; }
  .panel-heading h4 a {
    display: inline-block;
    width: 580px; }
  .panel-heading h4 .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';
    /* essential for enabling glyphicon */
    content: "\e114";
    /* adjust as needed, taken from bootstrap.css */
    float: right;
    /* adjust as needed */
    color: grey;
    /* adjust as needed */
    width: 0;
    left: 5px;
    position: relative; }
  .panel-heading h4 .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";
    /* adjust as needed, taken from bootstrap.css */ }

@media (min-width: 992px) and (max-width: 1200px) {
  .panel-heading a {
    width: 462px !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .panel-heading a {
    width: 610px !important; }

  .accordion-toggle:after {
    left: 17px !important; } }
@media (max-width: 767px) {
  .panel-heading a {
    width: 90% !important; }
  .panel-heading .accordion-toggle:after {
    left: 7% !important; } }
.join-us-title {
  color: #706f6f; }

.form-group .controls .icon-error {
  position: relative; }

.form-group .controls .icon-error:after {
  content: "\f071";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #dc261f;
  font-size: 18px;
  position: absolute;
  top: -5px;
  right: 8px; }

.mobileInput .intl-tel-input {
  width: 100%; }
  .mobileInput .intl-tel-input #phoneField {
    border: 0;
    border-radius: 0; }

.group-profile-wrapper {
  min-height: 100%;
  margin-bottom: -166px; }

.wrapper-push {
  height: 166px; }

.footer-container-customer-branding {
  height: 166px;
  position: relative;
  background: #2571ad;
  width: 100%;
  left: 0;
  height: auto;
  clear: both; }

#practice-profile {
  /************* group photo *********/
  /************* practice info *********/
  /************ practice map *************/
  /************ practice accessibility ***********/
  /*************** practice payment **************/
  /*************** practice name ****************/
  /************ practice book appointment ************/
  /*********** practice details **********/
  /********** practice team *********/ }
  #practice-profile nav {
    margin-bottom: 15px; }
    #practice-profile nav span, #practice-profile nav a {
      color: #646469; }
    #practice-profile nav .breadcrumb_sep:after {
      content: "/";
      padding: 0 1px; }
  #practice-profile ul label {
    display: inline; }
  #practice-profile .col-sm-4.col-md-3.col-lg-3 {
    padding: 0; }
  #practice-profile .col-xs-12.col-sm-8.col-md-9.col-lg-9 {
    padding-right: 0; }
  #practice-profile .newGroupsPhoto img {
    width: 100%;
    border-radius: 0; }
  #practice-profile .newPracticeTeam .newPracticeAddress h3 {
    font-size: 1em;
    color: #646469;
    font-weight: 500;
    text-transform: initial;
    margin: 5px 0 10px 0; }
    #practice-profile .newPracticeTeam .newPracticeAddress h3 address {
      color: #646469; }
  #practice-profile .newPracticeInfo {
    background-color: #eaece9;
    padding: 20px;
    margin-bottom: 20px;
    color: #646469;
    width: 100%;
    float: left; }
    #practice-profile .newPracticeInfo .newPracticeOpeningHours {
      margin-bottom: 20px;
      width: 100%;
      float: left; }
      #practice-profile .newPracticeInfo .newPracticeOpeningHours .visible-xs {
        float: left;
        font-size: 1em;
        color: #646469;
        font-weight: 500;
        text-transform: initial;
        margin: 5px 0 10px 0;
        cursor: pointer;
        text-decoration: underline; }
        #practice-profile .newPracticeInfo .newPracticeOpeningHours .visible-xs .glyphicon {
          font-size: 10px;
          padding-left: 8px;
          font-weight: 100; }
      #practice-profile .newPracticeInfo .newPracticeOpeningHours .table {
        float: left;
        margin-bottom: 0; }
        #practice-profile .newPracticeInfo .newPracticeOpeningHours .table > tbody > tr > td {
          padding: 4px 0px;
          border: 0;
          float: left; }
          #practice-profile .newPracticeInfo .newPracticeOpeningHours .table > tbody > tr > td:nth-child(odd) {
            width: 45%; }
          #practice-profile .newPracticeInfo .newPracticeOpeningHours .table > tbody > tr > td:nth-child(even) {
            width: 55%; }
    #practice-profile .newPracticeInfo .newPracticeWebsite {
      width: 100%;
      float: left; }
      #practice-profile .newPracticeInfo .newPracticeWebsite a {
        color: #646469;
        text-decoration: underline; }
  #practice-profile #map-group-container {
    float: left;
    width: 100%;
    margin-bottom: 20px; }
    #practice-profile #map-group-container #mapGroups {
      height: 250px; }
      #practice-profile #map-group-container #mapGroups .gm-iv-address {
        height: 56px; }
  #practice-profile .newPracticeAccessibility {
    float: left;
    width: 100%;
    margin-bottom: 10px; }
    #practice-profile .newPracticeAccessibility h3 {
      color: #2076b3;
      font-weight: normal;
      font-size: 22px !important;
      text-transform: uppercase;
      margin: 0; }
    #practice-profile .newPracticeAccessibility ul {
      float: left;
      list-style: none;
      padding-left: 0;
      color: #646469;
      font-weight: 500;
      margin-top: 10px; }
      #practice-profile .newPracticeAccessibility ul li {
        float: left;
        text-align: left;
        margin-right: 10px; }
        #practice-profile .newPracticeAccessibility ul li span {
          display: block;
          width: 33px;
          height: 39px; }
          #practice-profile .newPracticeAccessibility ul li span.icon_ground_fr {
            width: 69px; }
          #practice-profile .newPracticeAccessibility ul li span.icon_ground_de, #practice-profile .newPracticeAccessibility ul li span.icon_ground_it {
            width: 50px; }
          #practice-profile .newPracticeAccessibility ul li span.icon_ground_ch {
            width: 55px; }
          #practice-profile .newPracticeAccessibility ul li span.icon_ground_po {
            width: 60px; }
      #practice-profile .newPracticeAccessibility ul .icon_elevator::before {
        content: "";
        position: absolute;
        width: 33px;
        height: 39px;
        background: url(../images/sprite-profile.png) no-repeat -36px -35px; }
      #practice-profile .newPracticeAccessibility ul .icon_special_needs::before {
        content: "";
        position: absolute;
        width: 33px;
        height: 39px;
        background: url(../images/sprite-profile.png) no-repeat -36px -353px; }
      #practice-profile .newPracticeAccessibility ul .icon_parking::before {
        content: "";
        position: absolute;
        width: 33px;
        height: 39px;
        background: url(../images/sprite-profile.png) no-repeat -34px -243px; }
      #practice-profile .newPracticeAccessibility ul .icon_ground_en::before {
        content: "";
        position: absolute;
        width: 33px;
        height: 39px;
        background: url(../images/sprite-profile.png) no-repeat -34px -801px; }
      #practice-profile .newPracticeAccessibility ul .icon_ground_fr::before {
        content: "";
        position: absolute;
        width: 69px;
        height: 39px;
        background: url(../images/sprite-profile.png) no-repeat -153px -802px; }
      #practice-profile .newPracticeAccessibility ul .icon_ground_de::before {
        content: "";
        position: absolute;
        width: 50px;
        height: 39px;
        background: url(../images/sprite-profile.png) no-repeat -274px -802px; }
      #practice-profile .newPracticeAccessibility ul .icon_ground_ch::before {
        content: "";
        position: absolute;
        width: 55px;
        height: 39px;
        background: url(../images/sprite-profile.png) no-repeat -405px -802px; }
      #practice-profile .newPracticeAccessibility ul .icon_ground_it::before {
        content: "";
        position: absolute;
        width: 50px;
        height: 39px;
        background: url(../images/sprite-profile.png) no-repeat -551px -801px; }
      #practice-profile .newPracticeAccessibility ul .icon_ground_po::before {
        content: "";
        position: absolute;
        width: 60px;
        height: 39px;
        background: url(../images/sprite-profile.png) no-repeat -688px -801px; }
      #practice-profile .newPracticeAccessibility ul .tooltip.bottom {
        margin-top: 0; }
        #practice-profile .newPracticeAccessibility ul .tooltip.bottom .tooltip-arrow {
          display: none; }
        #practice-profile .newPracticeAccessibility ul .tooltip.bottom .tooltip-inner {
          padding: 8px 8px;
          color: #646469;
          background-color: #fff;
          border-radius: 3px;
          box-shadow: 2px 2px 1px #888888;
          max-width: 116px;
          word-wrap: break-word; }
  #practice-profile .newPracticePayment {
    float: left;
    width: 100%;
    margin-bottom: 10px; }
    #practice-profile .newPracticePayment h3 {
      color: #2076b3;
      font-weight: normal;
      font-size: 22px !important;
      text-transform: uppercase;
      margin: 0; }
    #practice-profile .newPracticePayment ul {
      float: left;
      list-style: none;
      padding-left: 0;
      color: #646469;
      font-weight: 500;
      margin-top: 10px; }
      #practice-profile .newPracticePayment ul li {
        float: left;
        text-align: left;
        margin-right: 10px; }
        #practice-profile .newPracticePayment ul li span {
          display: block;
          width: 48px;
          height: 32px; }
          #practice-profile .newPracticePayment ul li span.icon_vpay {
            width: 36px;
            height: 37px; }
          #practice-profile .newPracticePayment ul li span.icon_invoice {
            width: 28px;
            height: 37px; }
          #practice-profile .newPracticePayment ul li span.icon_cash, #practice-profile .newPracticePayment ul li span.icon_shape {
            width: 37px;
            height: 37px; }
      #practice-profile .newPracticePayment ul .icon_amex::before {
        content: "";
        position: absolute;
        width: 48px;
        height: 32px;
        background: url(../images/sprite-profile.png) no-repeat -36px -551px; }
      #practice-profile .newPracticePayment ul .icon_visa::before {
        content: "";
        position: absolute;
        width: 48px;
        height: 33px;
        background: url(../images/sprite-profile.png) no-repeat -151px -551px; }
      #practice-profile .newPracticePayment ul .icon_maestro::before {
        content: "";
        position: absolute;
        width: 48px;
        height: 33px;
        background: url(../images/sprite-profile.png) no-repeat -268px -551px; }
      #practice-profile .newPracticePayment ul .icon_master::before {
        content: "";
        position: absolute;
        width: 48px;
        height: 33px;
        background: url(../images/sprite-profile.png) no-repeat -399px -551px; }
      #practice-profile .newPracticePayment ul .icon_vpay::before {
        content: "";
        position: absolute;
        width: 35px;
        height: 37px;
        background: url(../images/sprite-profile.png) no-repeat -405px -676px; }
      #practice-profile .newPracticePayment ul .icon_cash::before {
        content: "";
        position: absolute;
        width: 37px;
        height: 37px;
        background: url(../images/sprite-profile.png) no-repeat -153px -677px; }
      #practice-profile .newPracticePayment ul .icon_invoice::before {
        content: "";
        position: absolute;
        width: 29px;
        height: 37px;
        background: url(../images/sprite-profile.png) no-repeat -275px -677px; }
      #practice-profile .newPracticePayment ul .icon_shape::before {
        content: "";
        position: absolute;
        width: 37px;
        height: 38px;
        background: url(../images/sprite-profile.png) no-repeat -38px -675px; }
      #practice-profile .newPracticePayment ul .tooltip.bottom {
        margin-top: 0; }
        #practice-profile .newPracticePayment ul .tooltip.bottom .tooltip-arrow {
          display: none; }
        #practice-profile .newPracticePayment ul .tooltip.bottom .tooltip-inner {
          padding: 8px 8px;
          color: #646469;
          background-color: #fff;
          border-radius: 3px;
          box-shadow: 2px 2px 1px #888888;
          max-width: 116px;
          word-wrap: break-word; }
  #practice-profile .newPracticeName {
    background-color: #eaece9;
    padding: 10px;
    margin-bottom: 15px;
    width: 100%;
    float: left;
    min-height: 70px; }
    #practice-profile .newPracticeName h1 {
      color: #0088cc;
      font-weight: normal;
      margin: 0; }
    #practice-profile .newPracticeName h3 {
      font-size: 15px;
      font-weight: normal;
      margin-top: 5px;
      width: 100%;
      float: left; }
      #practice-profile .newPracticeName h3 a {
        color: #a7a6a6; }
  #practice-profile .newPractitionerBook {
    background-color: #eaece9;
    margin-bottom: 15px;
    float: left;
    width: 100%; }
    #practice-profile .newPractitionerBook h4 {
      background-color: #a8a9ad;
      color: #fff;
      text-align: center;
      font-weight: normal;
      line-height: 24px;
      font-size: 1em;
      margin: 0;
      text-transform: uppercase; }
    #practice-profile .newPractitionerBook section {
      padding: 15px 0; }
  #practice-profile .newPracticeDetails {
    padding: 0 15px; }
    #practice-profile .newPracticeDetails div.col-md-12.col-lg-12 {
      border-top: 1px solid #eaece9;
      padding: 15px 0; }
      #practice-profile .newPracticeDetails div.col-md-12.col-lg-12:first-child {
        border-top: 0; }
      #practice-profile .newPracticeDetails div.col-md-12.col-lg-12 h4 {
        float: left;
        width: 22%;
        color: #646469 !important;
        font-weight: 500 !important;
        line-height: 30px !important;
        font-size: 1.1em;
        margin: 0; }
      #practice-profile .newPracticeDetails div.col-md-12.col-lg-12 p {
        overflow: hidden;
        float: left;
        width: 78%;
        color: #8f9094;
        padding-left: 30px;
        margin-bottom: 0; }
        #practice-profile .newPracticeDetails div.col-md-12.col-lg-12 p a {
          color: #8f9094; }
    #practice-profile .newPracticeDetails .moreToShow {
      padding: 0;
      margin-left: 25.5%;
      float: left; }
      #practice-profile .newPracticeDetails .moreToShow a {
        color: #53b659;
        padding: 0; }
        #practice-profile .newPracticeDetails .moreToShow a:hover {
          color: #49a04e; }
    #practice-profile .newPracticeDetails .freeTextbtn {
      margin-left: 0 !important; }
  #practice-profile .newPracticeTeam {
    float: left;
    width: 100%;
    margin-top: 20px;
    position: relative;
    z-index: 1; }
    #practice-profile .newPracticeTeam h4 {
      background-color: #a8a9ad;
      color: #fff;
      text-align: center;
      font-weight: normal;
      line-height: 24px;
      font-size: 1em;
      margin: 0;
      text-transform: uppercase; }
    #practice-profile .newPracticeTeam .list-item-practice {
      width: 49%;
      float: right;
      border-bottom: 2px solid #a8a9ad; }
      #practice-profile .newPracticeTeam .list-item-practice:nth-of-type(odd) {
        margin-right: 2%;
        float: left; }
      #practice-profile .newPracticeTeam .list-item-practice .doctor-info {
        width: 100%; }
        #practice-profile .newPracticeTeam .list-item-practice .doctor-info .doctor-img {
          float: left;
          width: 32%;
          margin-right: 8%; }
          #practice-profile .newPracticeTeam .list-item-practice .doctor-info .doctor-img img {
            max-height: none;
            margin-bottom: 17px;
            width: 100%;
            border-radius: 0; }
        #practice-profile .newPracticeTeam .list-item-practice .doctor-info .doctor-details {
          margin: 0;
          font-size: .9em;
          width: 60%;
          float: left; }
          #practice-profile .newPracticeTeam .list-item-practice .doctor-info .doctor-details h2 {
            color: #2076b3;
            line-height: 1em;
            margin: 0 0 5px 0;
            font-size: 24px; }
            #practice-profile .newPracticeTeam .list-item-practice .doctor-info .doctor-details h2 a {
              font-weight: 500;
              word-wrap: break-word;
              display: block;
              font-size: .7em; }
          #practice-profile .newPracticeTeam .list-item-practice .doctor-info .doctor-details .doctor-specialties {
            color: #646469;
            font-size: 1.1em;
            margin-bottom: 5px; }
          #practice-profile .newPracticeTeam .list-item-practice .doctor-info .doctor-details .doctor-languages {
            color: #646469;
            font-weight: 500; }
  #practice-profile .modal.fade.in {
    z-index: 999999999999; }
  #practice-profile .btn-info {
    color: #2f96b4;
    text-shadow: none;
    background-color: #FFFFFF;
    background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#E6F3F7));
    background-image: -webkit-linear-gradient(top, #FFFFFF, #E6F3F7);
    background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: linear-gradient(to bottom, #ffffff, #e6f3f7);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5BC0DE', endColorstr='#FF2F96B4', GradientType=0);
    border-color: #2f96b4 #2f96b4 #1f6377;
    /* border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
  #practice-profile .btn-info:hover {
    background-color: #CDE8F0;
    background-image: -moz-linear-gradient(top, #CDE8F0, #CDE8F0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#CDE8F0), to(#CDE8F0));
    background-image: -webkit-linear-gradient(top, #CDE8F0, #CDE8F0);
    background-image: -o-linear-gradient(top, #CDE8F0, #CDE8F0);
    background-image: linear-gradient(to bottom, #cde8f0, #cde8f0); }
  #practice-profile .location.hcard .fn {
    display: none; }
  #practice-profile #map {
    height: 220px;
    width: auto !important; }

.slots-calendar.active .modal {
  z-index: 999999999 !important; }

/* modal gallery photos */
@media (min-width: 992px) and (max-width: 1199px) {
  /*********** doctor details **********/
  .newPracticeDetails div.col-md-12.col-lg-12 h4 {
    width: 26% !important; }
  .newPracticeDetails div.col-md-12.col-lg-12 p {
    width: 74% !important; }
  .newPracticeDetails .moreToShow {
    margin-left: 30% !important; }

  /************* practice info *************/
  .newPracticeInfo {
    padding: 20px 11px !important; }
    .newPracticeInfo .newPracticeOpeningHours .table > tbody > tr > td {
      font-size: 13px !important; }
      .newPracticeInfo .newPracticeOpeningHours .table > tbody > tr > td:nth-child(odd) {
        width: 40% !important; }
      .newPracticeInfo .newPracticeOpeningHours .table > tbody > tr > td:nth-child(even) {
        width: 60% !important; }

  /********** practice team *********/
  .newPracticeTeam .list-item-practice .doctor-info .doctor-img {
    width: 35% !important;
    margin-right: 7% !important; }
  .newPracticeTeam .list-item-practice .doctor-info .doctor-details {
    width: 58% !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  /************* practice info *************/
  .newPracticeInfo {
    padding: 20px 13px !important; }
    .newPracticeInfo .newPracticeOpeningHours .table > tbody > tr > td {
      font-size: 13px !important; }
      .newPracticeInfo .newPracticeOpeningHours .table > tbody > tr > td:nth-child(odd) {
        width: 40% !important; }
      .newPracticeInfo .newPracticeOpeningHours .table > tbody > tr > td:nth-child(even) {
        width: 60% !important; }

  /********** practice team *********/
  .newPracticeTeam .list-item-practice .doctor-info .doctor-img {
    width: 35% !important;
    margin-right: 7% !important; }
  .newPracticeTeam .list-item-practice .doctor-info .doctor-details {
    width: 58% !important; }

  /*********** doctor details **********/
  .newPracticeDetails div.col-md-12.col-lg-12 h4 {
    width: 25% !important; }
  .newPracticeDetails div.col-md-12.col-lg-12 p {
    width: 75% !important; }
  .newPracticeDetails .moreToShow {
    margin-left: 32% !important; } }
@media (max-width: 767px) {
  #practice-profile .col-xs-12.col-sm-8.col-md-9.col-lg-9 {
    padding-left: 0; }

  .practicesProfileView .container .mainPracticeProfileContainer {
    padding: 0; }

  /************* group photo *********/
  .newGroupsPhoto {
    width: 40%;
    margin: 0 auto; }

  /*************** doctor name ****************/
  #practice-profile .newPracticeName {
    text-align: center;
    background-color: initial;
    margin-bottom: 0; }
    #practice-profile .newPracticeName .title-seo {
      font-size: 27px; }

  /*********** doctor details **********/
  .newPracticeDetails {
    padding: 0 !important; }
    .newPracticeDetails .col-xs-6, .newPracticeDetails .col-xs-12 {
      padding: 10px 15px !important; }
      .newPracticeDetails .col-xs-6 h4, .newPracticeDetails .col-xs-12 h4 {
        width: 100% !important;
        margin-bottom: 5px !important;
        background-color: transparent !important;
        text-transform: none !important;
        text-align: left !important; }
      .newPracticeDetails .col-xs-6 p, .newPracticeDetails .col-xs-12 p {
        width: 100% !important;
        padding-left: 0 !important; }
    .newPracticeDetails .detailsPractice p {
      margin: 0; }
    .newPracticeDetails .moreToShow {
      margin-bottom: 0 !important;
      margin-left: 0 !important; }

  /*********** practice info accessibility *********/
  .newPracticeTeam {
    margin-top: 0 !important; }
    .newPracticeTeam .nav-tabs > li {
      padding: 0; }
      .newPracticeTeam .nav-tabs > li > a {
        margin-right: 0;
        border: 1px solid transparent;
        background-color: #fff;
        border-bottom: 5px solid #ddd !important;
        border-radius: 0;
        border-top-color: #ddd;
        color: #a7a6a6;
        font-size: 1.2em; }
      .newPracticeTeam .nav-tabs > li > a:hover, .newPracticeTeam .nav-tabs > li.active > a, .newPracticeTeam .nav-tabs > li.active > a:hover, .newPracticeTeam .nav-tabs > li.active > a:focus {
        color: #337ab7;
        border-bottom: 5px solid #337ab7 !important;
        border-top: 1px solid #ddd !important;
        border: 0; }
    .newPracticeTeam #practiceInfo {
      background-color: #eaece9;
      width: 100%;
      float: left; }
      .newPracticeTeam #practiceInfo .col-xs-6 {
        padding: 0; }
      .newPracticeTeam #practiceInfo .newPracticeInfo {
        padding: 5px 15px 15px 15px;
        margin-bottom: 0; }
        .newPracticeTeam #practiceInfo .newPracticeInfo .newPracticeOpeningHours .table > tbody > tr > td {
          font-size: 13px !important; }
          .newPracticeTeam #practiceInfo .newPracticeInfo .newPracticeOpeningHours .table > tbody > tr > td:nth-child(odd) {
            width: 40% !important; }
          .newPracticeTeam #practiceInfo .newPracticeInfo .newPracticeOpeningHours .table > tbody > tr > td:nth-child(even) {
            width: 60% !important; }
      .newPracticeTeam #practiceInfo .newGroupsMap {
        margin-bottom: 15px; }
        .newPracticeTeam #practiceInfo .newGroupsMap #mapGroups {
          height: 300px; }
      .newPracticeTeam #practiceInfo .newPracticeOpeningHours {
        margin-bottom: 10px; }
      .newPracticeTeam #practiceInfo .newPracticeAccessibility, .newPracticeTeam #practiceInfo .newPracticePayment {
        padding: 5px 15px 15px 15px;
        margin: 0; }
        .newPracticeTeam #practiceInfo .newPracticeAccessibility h3, .newPracticeTeam #practiceInfo .newPracticePayment h3 {
          color: #646469;
          font-weight: 500;
          font-size: 14px !important;
          text-transform: initial;
          margin: 5px 0; }
        .newPracticeTeam #practiceInfo .newPracticeAccessibility ul, .newPracticeTeam #practiceInfo .newPracticePayment ul {
          margin-top: 0;
          display: inline-block;
          width: 100%; }
    .newPracticeTeam #teamInfo {
      background-color: #eaece9;
      width: 100%;
      float: left; }
      .newPracticeTeam #teamInfo .list-item-practice {
        width: 94%;
        margin-left: 3%;
        margin-right: 3% !important;
        border-top: 2px solid #ffffff;
        border-bottom: 0; }
        .newPracticeTeam #teamInfo .list-item-practice:first-of-type {
          border-top: 0 !important; }
        .newPracticeTeam #teamInfo .list-item-practice .doctor-info .doctor-img {
          width: 22%;
          margin-right: 4%; }
        .newPracticeTeam #teamInfo .list-item-practice .doctor-info .doctor-details {
          width: 74%; }
      .newPracticeTeam #teamInfo .newPracticeTeam #teamInfo .list-item-practice:last-child {
        border-top: 0 !important; } }
@media (max-width: 480px) {
  /*********** practice info accessibility *********/
  #practiceInfo .col-xs-6 {
    width: 100%; } }
#dbclickflood_ana {
  display: none !important; }

.jumbotron-header {
  background: #f7f8f8; }
  .jumbotron-header.homepageHeader {
    background-color: #ffffff; }
    .jumbotron-header.homepageHeader .logo-search-link {
      background-color: #ffffff; }

.jumbotron-directories {
  background: #fff; }

.homeProgressBar {
  margin-top: 23px;
  margin-right: 10px;
  margin-left: 10px;
  display: none;
  margin-bottom: 0 !important; }

/******************** need help section **************************/
.jumbotron-help {
  background: #ffffff;
  border-bottom: 2px solid #e5e4e7; }
  .jumbotron-help .row > div {
    text-align: right; }
    .jumbotron-help .row > div:nth-of-type(2) {
      text-align: left; }
      .jumbotron-help .row > div:nth-of-type(2) a {
        font-size: 0.6em;
        vertical-align: middle;
        color: #66A948; }
  .jumbotron-help .help-footer {
    padding: 20px 0;
    color: #304D7B;
    font-size: 2.5em; }

.jumbotron-footer {
  background: #161d27;
  padding: 40px 0; }

/******************** header section **************************/
.jumbotron-header.homepageHeader {
  text-align: center;
  padding-bottom: 50px; }
  .jumbotron-header.homepageHeader .fixed-top {
    position: fixed;
    top: 0;
    transition: top 0.2s linear;
    width: 100%;
    z-index: 2;
    background-color: #ffffff; }
  .jumbotron-header.homepageHeader .subheader-area {
    padding-top: 90px; }
  .jumbotron-header.homepageHeader h1 {
    margin-bottom: 0; }
  .jumbotron-header.homepageHeader h2 {
    font-family: "Come Unto Me";
    color: #0088cc;
    font-size: 3.2em;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 30px; }

.language-nl .header h2 {
  font-size: 2.6em; }

.jumbotron-header.homepageHeader .search-form label {
  display: none; }

.search-iframe .search-form {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 10px !important;
  width: 340px;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important; }

.jumbotron-header.homepageHeader .practitioner-search {
  text-align: left;
  color: #878787; }

.jumbotron-header.homepageHeader .search-form button {
  background: #4dab36;
  width: 100%;
  outline: 0;
  border: 0; }
  .jumbotron-header.homepageHeader .search-form button:hover, .jumbotron-header.homepageHeader .search-form button:visited, .jumbotron-header.homepageHeader .search-form button:active, .jumbotron-header.homepageHeader .search-form button:link {
    background-color: #419641; }

.patient-form button {
  border-radius: 0;
  background: #2571AD;
  color: white;
  text-transform: uppercase;
  width: 100%; }

.infoTitle {
  text-align: left; }
  .infoTitle h1 {
    font-size: 4.5em;
    font-weight: normal;
    color: #274F7F;
    margin-top: 80px; }
  .infoTitle h3 {
    margin: 20px 0 85px 0 !important;
    font-size: 1.5em !important;
    font-weight: normal;
    color: #878787;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }

.jumbotron-header.homepageHeader .search-area {
  background-color: #85AED9;
  opacity: .9; }
  .jumbotron-header.homepageHeader .search-area .row-forms {
    min-height: 95px;
    width: 100%;
    display: inline-block;
    padding: 20px 0; }
    .jumbotron-header.homepageHeader .search-area .row-forms.formHasCheckbox {
      min-height: 125px; }
  .jumbotron-header.homepageHeader .search-area.searchHasOneField {
    background-color: transparent;
    opacity: 1; }
    .jumbotron-header.homepageHeader .search-area.searchHasOneField .practitioner-search .select2.select2-container {
      border: 1px solid #878787;
      border-radius: 4px; }
      .jumbotron-header.homepageHeader .search-area.searchHasOneField .practitioner-search .select2.select2-container .select2-selection, .jumbotron-header.homepageHeader .search-area.searchHasOneField .practitioner-search .select2.select2-container .select2-selection--multiple {
        min-height: 35px !important; }
        .jumbotron-header.homepageHeader .search-area.searchHasOneField .practitioner-search .select2.select2-container .select2-selection .select2-selection__rendered, .jumbotron-header.homepageHeader .search-area.searchHasOneField .practitioner-search .select2.select2-container .select2-selection--multiple .select2-selection__rendered {
          height: 35px;
          padding: 2px 20px 6px 17px !important; }

@media (max-width: 1200px) {
  .header h2 {
    font-size: 2.5em;
    margin-top: 0; }

  .language-nl .header h2 {
    font-size: 2.1em; } }
/**************** submenu section *****************/
#submenuNav {
  background: #85AED9;
  width: 100%;
  -moz-transform: rotate(-1deg);
  -o-transform: rotate(-1deg);
  -webkit-transform: rotate(-1deg);
  -ms-transform: rotate(-1deg);
  transform: rotate(-1deg);
  margin: 0 0 -16px 0;
  position: relative;
  top: 0;
  z-index: 1; }
  #submenuNav.submenu-fixed {
    position: fixed !important;
    margin: -14px 0 0 0 !important; }
  #submenuNav ul {
    margin: 0 auto;
    text-align: center;
    border-bottom: 1px solid #ffffff; }
    #submenuNav ul li {
      padding: 35px 0 0 0;
      display: inline-block;
      margin-left: 20px; }
      #submenuNav ul li:first-child {
        margin-left: 0; }
      #submenuNav ul li a {
        padding-bottom: 0;
        text-decoration: none;
        color: #ffffff;
        font-size: 15px; }
        #submenuNav ul li a:hover, #submenuNav ul li a:visited, #submenuNav ul li a:active, #submenuNav ul li a:link {
          background-color: #85AED9; }
      #submenuNav ul li.active a {
        font-weight: bold;
        border-bottom: 4px solid #fff;
        margin-bottom: -1px; }

/**************** new styles ********************/
.box {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px; }

.widgetSearch #city {
  max-height: 35px !important;
  border: 0 !important;
  border-radius: 5px;
  height: 100%; }

.row-forms .search-form__input {
  min-height: 44px !important;
  border: 0 !important;
  border-radius: 0;
  height: 100%; }

.search-form .form-group, .practitioner-search .form-group {
  margin-bottom: 0; }
.search-form .search-form__input, .practitioner-search .search-form__input {
  box-shadow: none;
  padding: 6px 17px; }
  .search-form .search-form__input:focus, .practitioner-search .search-form__input:focus {
    box-shadow: none; }
.search-form select[multiple], .practitioner-search select[multiple] {
  height: 25px !important;
  border: 0; }
.search-form .select2-selection, .search-form .select2-selection--multiple, .practitioner-search .select2-selection, .practitioner-search .select2-selection--multiple {
  min-height: 44px !important;
  border: 0 !important;
  border-radius: 0; }
  .search-form .select2-selection .select2-selection__rendered, .search-form .select2-selection--multiple .select2-selection__rendered, .practitioner-search .select2-selection .select2-selection__rendered, .practitioner-search .select2-selection--multiple .select2-selection__rendered {
    display: block;
    padding: 19px 20px 20px 17px !important; }
    .search-form .select2-selection .select2-selection__rendered .select2-selection__choice, .search-form .select2-selection--multiple .select2-selection__rendered .select2-selection__choice, .practitioner-search .select2-selection .select2-selection__rendered .select2-selection__choice, .practitioner-search .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
      background-color: #fff;
      border: 0;
      margin-right: 0;
      padding: 0;
      max-width: 100%;
      overflow-y: auto; }
      .search-form .select2-selection .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove, .search-form .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove, .practitioner-search .select2-selection .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove, .practitioner-search .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
        display: none; }
    .search-form .select2-selection .select2-selection__rendered .select2-search--inline, .search-form .select2-selection--multiple .select2-selection__rendered .select2-search--inline, .practitioner-search .select2-selection .select2-selection__rendered .select2-search--inline, .practitioner-search .select2-selection--multiple .select2-selection__rendered .select2-search--inline {
      float: none !important;
      color: #333; }
.search-form .select2-selection__arrow, .practitioner-search .select2-selection__arrow {
  height: 65px !important; }
.search-form .select2-selection__clear, .practitioner-search .select2-selection__clear {
  display: none; }
.search-form .select2-container *:focus, .practitioner-search .select2-container *:focus {
  outline: none; }
.search-form #city::placeholder, .search-form .select2-search__field::placeholder, .practitioner-search #city::placeholder, .practitioner-search .select2-search__field::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #757575;
  opacity: 1;
  /* Firefox */ }
.search-form #city::-webkit-input-placeholder, .search-form .select2-search__field::-webkit-input-placeholder, .practitioner-search #city::-webkit-input-placeholder, .practitioner-search .select2-search__field::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #757575; }
.search-form #city::-moz-placeholder, .search-form .select2-search__field::-moz-placeholder, .practitioner-search #city::-moz-placeholder, .practitioner-search .select2-search__field::-moz-placeholder {
  /* Firefox 19+ */
  color: #757575; }
.search-form #city:-ms-input-placeholder, .search-form .select2-search__field:-ms-input-placeholder, .practitioner-search #city:-ms-input-placeholder, .practitioner-search .select2-search__field:-ms-input-placeholder {
  /* IE 10+ */
  color: #757575; }
.search-form #city:-moz-placeholder, .search-form .select2-search__field:-moz-placeholder, .practitioner-search #city:-moz-placeholder, .practitioner-search .select2-search__field:-moz-placeholder {
  /* Firefox 18- */
  color: #757575; }
.search-form button:hover, .practitioner-search button:hover {
  background: #459a30; }

.practitioner-search {
  position: relative; }
  .practitioner-search .select2-selection {
    -webkit-border-radius: 5px 0px 0px 5px !important;
    -moz-border-radius: 5px 0px 0px 5px !important;
    -ms-border-radius: 5px 0px 0px 5px !important;
    border-radius: 5px 0px 0px 5px !important; }
  .practitioner-search .select2-selection__rendered {
    height: 65px; }

.circle-doc {
  display: block;
  position: absolute;
  top: 29%;
  right: 0;
  width: 30px;
  height: 30px;
  background-color: #1e5e90;
  border-radius: 32px;
  font-size: 9px;
  line-height: 30px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  z-index: 1; }

/*********************** search fr, at, de ***********************/
.jumbotron-header.homepageHeader .practitioner-search.practitionerOneField {
  margin-top: 0 !important;
  width: 29% !important; }
  .jumbotron-header.homepageHeader .practitioner-search.practitionerOneField label {
    float: left; }
  .jumbotron-header.homepageHeader .practitioner-search.practitionerOneField .select2-selection__rendered {
    padding: 2px 20px 2px 7px !important;
    height: 32px; }
  .jumbotron-header.homepageHeader .practitioner-search.practitionerOneField .select2-selection__arrow {
    height: 30px !important;
    right: 2px !important; }
  .jumbotron-header.homepageHeader .practitioner-search.practitionerOneField .select2-selection--single {
    border: 1px solid #878787 !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    border-radius: 4px !important;
    height: 34px !important; }

/*********************** search-widget ***********************/
.widgetSearch .search-form {
  background: #2571ad;
  padding: 10px;
  margin-bottom: 20px;
  -webkit-box-shadow: 0 52px 165px 5px #fff;
  -moz-box-shadow: 0 52px 165px 5px #fff;
  box-shadow: 0 52px 165px 5px #fff;
  text-align: center; }
  .widgetSearch .search-form button {
    width: 100%; }
.widgetSearch .form-group {
  margin-bottom: 15px; }
.widgetSearch .search-form .select2-selection, .widgetSearch .search-form .select2-selection--multiple {
  min-height: 35px !important; }
  .widgetSearch .search-form .select2-selection .select2-selection__rendered, .widgetSearch .search-form .select2-selection--multiple .select2-selection__rendered {
    padding: 2px 20px 2px 7px !important; }
.widgetSearch .select2-selection--single {
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  border-radius: 4px !important; }

/*********************** social media section ***************************/
.jumbotron-social-media {
  background: #fff; }
  .jumbotron-social-media .social-media {
    padding-top: 46px;
    padding-bottom: 46px;
    float: right;
    text-align: right; }
    .jumbotron-social-media .social-media .sociaMediaLinks {
      padding: 0;
      width: 42px;
      display: inline-block;
      margin-left: 5px; }
      .jumbotron-social-media .social-media .sociaMediaLinks a {
        border: 2px solid #b2b2b2;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 25px;
        padding: 10px 13px; }
        .jumbotron-social-media .social-media .sociaMediaLinks a i {
          color: #b2b2b2;
          vertical-align: middle;
          font-size: 1.7em; }
        .jumbotron-social-media .social-media .sociaMediaLinks a:hover {
          border: 2px solid #706f6f; }
          .jumbotron-social-media .social-media .sociaMediaLinks a:hover i {
            color: #706f6f; }
    .jumbotron-social-media .social-media .twitter a, .jumbotron-social-media .social-media .google-plus a {
      padding: 10px 7px !important; }
    .jumbotron-social-media .social-media .instagram a {
      padding: 10px 8px !important; }
  .jumbotron-social-media .social-media__logos .made-in-luxembourg {
    width: 70px; }
  .jumbotron-social-media .social-media__logos .healthcare-communication-award {
    width: 85px;
    margin-top: 30px; }
  .jumbotron-social-media .social-media__logos .social-media__logos-link {
    text-decoration: none;
    margin-left: 10px; }
    .jumbotron-social-media .social-media__logos .social-media__logos-link:first-child {
      margin-left: 0; }
    .jumbotron-social-media .social-media__logos .social-media__logos-link .doctena-partner-healthbank {
      width: 200px;
      height: auto;
      padding: 40px 0; }
    .jumbotron-social-media .social-media__logos .social-media__logos-link .doctena-vitodata {
      width: 118px;
      height: auto;
      padding: 32px 0 45px 0; }

/************************** facts section ****************************/
.jumbotron-facts {
  background: #ffffff;
  border-top: 1px solid #e5e4e7;
  z-index: 1;
  position: relative; }
  .jumbotron-facts .facts {
    padding-top: 10px;
    padding-bottom: 20px; }
    .jumbotron-facts .facts .text-center {
      color: #878787; }
    .jumbotron-facts .facts .text-center div {
      font-size: 3em;
      color: #878787;
      margin-bottom: -5px;
      font-weight: 100; }

/****************** doctors advertisement **********************/
.jumbotron-doctors-advertisement {
  background-color: #ffffff;
  position: relative;
  margin-top: -15px; }
  .jumbotron-doctors-advertisement .doctors {
    padding: 110px 0 120px 0; }
    .jumbotron-doctors-advertisement .doctors .doctors-advertisement h3 {
      font-size: 2.5em;
      color: #274F7F;
      font-weight: normal;
      margin-bottom: 35px; }
    .jumbotron-doctors-advertisement .doctors .doctors-advertisement .becomePracticeText {
      color: #274F7F;
      font-size: 1.4em; }
      .jumbotron-doctors-advertisement .doctors .doctors-advertisement .becomePracticeText ul {
        margin-top: 15px;
        font-size: 0.9em;
        padding: 0; }
        .jumbotron-doctors-advertisement .doctors .doctors-advertisement .becomePracticeText ul li:before {
          content: '- '; }
    .jumbotron-doctors-advertisement .doctors .doctors-advertisement .becomePracticeButtons ul {
      display: inline-block;
      margin: 30px auto 0 auto;
      padding-left: 0;
      text-align: center; }
      .jumbotron-doctors-advertisement .doctors .doctors-advertisement .becomePracticeButtons ul li {
        float: left; }
        .jumbotron-doctors-advertisement .doctors .doctors-advertisement .becomePracticeButtons ul li:first-child {
          margin-right: 30px; }
          .jumbotron-doctors-advertisement .doctors .doctors-advertisement .becomePracticeButtons ul li:first-child a {
            color: #ffffff;
            background-color: #4cae4c;
            border: 0; }
            .jumbotron-doctors-advertisement .doctors .doctors-advertisement .becomePracticeButtons ul li:first-child a:hover {
              background-color: #419641;
              color: #ffffff; }
        .jumbotron-doctors-advertisement .doctors .doctors-advertisement .becomePracticeButtons ul li a {
          border-radius: 0;
          display: block;
          min-width: 210px;
          font-size: 16px;
          padding: 8px 15px;
          text-decoration: none;
          color: #878787;
          background-color: #ffffff;
          border: 1px solid #adadad; }
          .jumbotron-doctors-advertisement .doctors .doctors-advertisement .becomePracticeButtons ul li a:hover {
            color: #3e3d3d;
            background-color: #eaeaea; }
          .jumbotron-doctors-advertisement .doctors .doctors-advertisement .becomePracticeButtons ul li a:first-child {
            margin-bottom: 20px; }

.rotateLine {
  -moz-transform: rotate(-1deg);
  -o-transform: rotate(-1deg);
  -webkit-transform: rotate(-1deg);
  -ms-transform: rotate(-1deg);
  transform: rotate(-1deg);
  height: 29px;
  background-color: #ffffff;
  border-top: 1px solid #ffffff;
  position: relative;
  top: -14px;
  margin: 0; }

/******************  hiring section  **********************/
.jumbotron-hiring {
  text-align: right;
  background-color: #5B5D7E; }
  .jumbotron-hiring .row {
    padding: 150px 0; }
    .jumbotron-hiring .row .doctena-hiring {
      color: #ffffff; }
      .jumbotron-hiring .row .doctena-hiring h3 {
        font-size: 2.5em;
        font-weight: normal;
        margin-bottom: 35px; }
      .jumbotron-hiring .row .doctena-hiring div {
        font-size: 1.3em;
        margin: 0; }
      .jumbotron-hiring .row .doctena-hiring .btn {
        margin: 50px 0 20px 0;
        border-radius: 0;
        min-width: 210px;
        font-size: 16px;
        padding: 8px 15px; }

/******************* impressum belgique section ******************/
.jumbotron-impressum-belgique {
  background-color: #ffffff;
  opacity: .6; }
  .jumbotron-impressum-belgique .impressum {
    padding-bottom: 30px; }
    .jumbotron-impressum-belgique .impressum .impressum-belgique h3 {
      font-size: 1.2em;
      color: #706f6f;
      font-weight: normal; }
    .jumbotron-impressum-belgique .impressum .impressum-belgique p {
      color: #504f4f; }
    .jumbotron-impressum-belgique .impressum .impressum-belgique ul {
      width: 55%;
      margin-left: 30%;
      padding: 0; }
      .jumbotron-impressum-belgique .impressum .impressum-belgique ul li {
        width: 50%;
        float: left; }

/********************************************************************/
.comments {
  padding-top: 30px;
  padding-bottom: 30px; }
  .comments .title {
    color: #878787; }
  .comments > .comment {
    font-size: 1em;
    color: #4d4d4d; }
    .comments > .comment .name {
      color: #2571ad; }
    .comments > .comment .message {
      color: #878787; }
  .comments .avatar {
    float: left;
    margin-right: 12px;
    margin-top: 3px;
    position: relative; }
    .comments .avatar > img {
      height: 50px;
      width: 50px; }
    .comments .avatar .decorator {
      position: absolute;
      width: 16px;
      height: 16px;
      top: -6px;
      right: -6px; }

/********************************************************************/
.directories {
  font-size: 1.3em;
  color: #878787;
  padding-top: 30px;
  padding-bottom: 30px; }

.directories ul {
  padding-left: 0;
  list-style: none;
  margin-top: 10px;
  font-size: 0.9em; }

/*********************** smarphone app *****************************/
.jumbotron-smarphone-app {
  background: #85AED9; }
  .jumbotron-smarphone-app .smartphone-app {
    position: relative;
    min-height: 490px; }
    .jumbotron-smarphone-app .smartphone-app .flex {
      height: 490px;
      text-align: center;
      color: #ffffff;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      justify-content: center;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center; }
      .jumbotron-smarphone-app .smartphone-app .flex .smartphoneText div {
        margin-bottom: 30px;
        font-size: 2.5em; }
      .jumbotron-smarphone-app .smartphone-app .flex .smartphoneText .appstore-badge {
        width: 130px;
        cursor: pointer; }
      .jumbotron-smarphone-app .smartphone-app .flex .smartphoneText .playstore-badge {
        width: 161px;
        cursor: pointer; }

.smartphone-app .close-button {
  position: absolute;
  color: white;
  right: 10px;
  top: 10px;
  cursor: pointer;
  z-index: 2;
  background: #b5b5b5;
  padding: 3px;
  line-height: 1em;
  border-radius: 3px; }

.smartphone-app .smartphone {
  position: relative; }
  .smartphone-app .smartphone img {
    height: 550px;
    top: 40px;
    left: 60px;
    width: auto;
    position: absolute; }

/*********************** footer section **********************************/
.footer-links span {
  font-weight: bold; }

.footer-links .emergency {
  color: #d1000e;
  font-weight: bold;
  line-height: 1.2em; }
  .footer-links .emergency .icon_emergency {
    content: "";
    position: relative;
    display: inline-block;
    width: 15px;
    height: 21px;
    top: 3px;
    margin-right: 4px;
    background: url(../images/sprite-profile.png) no-repeat -423px -952px; }

.footer-links {
  color: #ffffff;
  font-size: 14px; }
  .footer-links .col-sm-2 {
    padding: 0; }

.footer-links ul {
  padding: 0 10px 0 0;
  list-style: none;
  margin: 20px 0;
  font-size: 0.9em; }
  .footer-links ul li {
    padding: 3px 0; }
    .footer-links ul li a {
      color: #b2b2b2; }

.btnVacancies {
  margin-top: 20px;
  white-space: normal !important; }

.footerJoinUs {
  padding: 15px 15px 0 15px; }
  .footerJoinUs a {
    margin-left: 20px;
    color: #b2b2b2;
    font-size: 0.9em;
    padding: 0; }
    .footerJoinUs a:hover, .footerJoinUs a:focus, .footerJoinUs a:visited {
      text-decoration: underline;
      color: #b2b2b2; }

/********************************************************************/
.jumbotron-bottom-footer {
  background-color: #000000; }
  .jumbotron-bottom-footer footer {
    text-align: right;
    color: #b2b2b2;
    font-size: 0.8em; }
    .jumbotron-bottom-footer footer p {
      margin: 0 0 5px 0;
      padding-top: 40px; }
    .jumbotron-bottom-footer footer .emergency {
      float: left;
      padding: 20px 0 !important;
      font-size: 13px;
      text-transform: uppercase;
      color: #ca696a; }

.footer.visible-xs .made-in-luxembourg {
  width: 70px; }

.footer.hidden-xs .made-in-luxembourg {
  width: 70px; }
.footer.hidden-xs .healthbank-ch {
  margin-bottom: 10px;
  text-align: center; }
  .footer.hidden-xs .healthbank-ch span {
    display: block;
    color: #878787;
    font-size: 0.9em;
    margin-bottom: 5px; }
  .footer.hidden-xs .healthbank-ch img {
    width: 200px;
    height: auto; }
.footer.hidden-xs .healthcare-communication-award {
  width: 140px; }

.footer .press img {
  max-height: 100px;
  width: 100%; }

/********************************************************************/
/* OVERWRITES FOR ALTERNATIVE INDEX-2 */
/* Change value of radius for new style for the search-form with the patient module */
.jumbotron-header.homepageHeader .search-form,
.jumbotron-header.homepageHeader .search-form button {
  border-radius: 5px; }

/********************************************************************/
.customer-branding-header ul.lang_selector {
  position: relative;
  z-index: 9; }

ul.lang_selector li:not(.active) {
  filter: gray;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease;
  -webkit-transition-delay: 0s;
  transition: all 0.5s ease 0s; }
  ul.lang_selector li:not(.active):hover {
    filter: none;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease;
    -webkit-transition-delay: 0s;
    transition: all 0.5s ease 0s; }

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  background: none;
  font-weight: bold;
  color: #23527c; }

.divider-vertical-second-menu {
  height: 20px;
  margin-right: 5px;
  background-color: #504f4f;
  border-right: 1px solid #504f4f;
  margin-top: 10px; }

.dropdown-blue {
  background-color: #2571ad;
  border-radius: 0;
  border: 0;
  box-shadow: none; }

.dropdown-blue > li > a {
  color: white; }

.dropdown-blue > .active > a,
.dropdown-blue > .active > a:hover,
.dropdown-blue > .active > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
  outline: 0; }

.btn-app-download {
  margin-left: 10px; }

/********************************************************************/
#disclaimer-container-desktop {
  position: fixed;
  right: -300px;
  bottom: 300px;
  z-index: 999998;
  overflow: hidden;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc; }

#disclaimer-desktop {
  position: relative;
  width: 300px;
  height: 300px;
  display: block;
  background: #fbfbfb none repeat scroll 0% 0%;
  box-shadow: -1px 2px 4px rgba(0, 0, 0, 0.14); }

#disclaimer-desktop-close {
  display: block;
  cursor: pointer;
  background: #2571ad none repeat scroll 0% 0%;
  overflow: hidden;
  padding: 2px;
  color: #fff; }
  #disclaimer-desktop-close h4 {
    float: left;
    padding-left: 10px; }
  #disclaimer-desktop-close span {
    float: right;
    line-height: 40px;
    padding-right: 10px; }

#disclaimer-container-mobile {
  overflow: hidden; }

#disclaimer-mobile {
  position: relative;
  width: 100%;
  display: block;
  background: #fbfbfb none repeat scroll 0% 0%; }

#disclaimer-close-mobile {
  display: block;
  cursor: pointer;
  background: #2571ad none repeat scroll 0% 0%;
  overflow: hidden;
  padding: 2px;
  color: #fff; }
  #disclaimer-close-mobile h4 {
    float: left;
    padding-left: 10px; }
  #disclaimer-close-mobile span {
    float: right;
    line-height: 40px;
    padding-right: 10px; }

@media screen and (max-width: 750px) {
  #disclaimer-container-desktop {
    display: none; } }
@media screen and (min-width: 751px) {
  #disclaimer-container-mobile {
    display: none; } }
/******************** OFF SITE ***********************/
#off-site-maintenance-container {
  position: fixed;
  right: -300px;
  bottom: 80px;
  z-index: 999998;
  overflow: hidden;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  border-top: 1px solid #982b2b;
  border-bottom: 1px solid #982b2b;
  border-left: 1px solid #982b2b;
  color: #fff; }

#off-site-maintenance {
  position: relative;
  width: 300px;
  height: 180px;
  display: block;
  background: #f34f4f none repeat scroll 0% 0%;
  box-shadow: -1px 2px 4px rgba(0, 0, 0, 0.14); }

#off-site-maintenance-close {
  display: block;
  cursor: pointer;
  background: #e03838 none repeat scroll 0% 0%;
  overflow: hidden;
  padding: 2px;
  color: #fff; }
  #off-site-maintenance-close h4 {
    float: left;
    padding-left: 10px; }
  #off-site-maintenance-close span {
    float: right;
    line-height: 40px;
    padding-right: 10px; }

@media screen and (max-width: 750px) {
  #off-site-maintenance-container {
    display: none; } }
/************************* frequent search section ****************************/
.frequent-searches .visible-xs .seeAll {
  text-align: center; }

.frequent-search-col {
  position: relative;
  color: #b2b2b2; }
  .frequent-search-col li {
    list-style-type: disc; }
    .frequent-search-col li:last-of-type {
      list-style-type: none; }

.link-parners {
  color: #b2b2b2; }

.tagline-it {
  margin-top: 7px !important;
  margin-bottom: 33px !important;
  font-size: 2.2em !important; }

.availabilities-online {
  position: relative !important; }

/******************** media queries ***********************/
@media (min-width: 1200px) {
  .circle-doc {
    margin-right: -15px !important; }

  .jumbotron-header.homepageHeader .practitioner-search.practitionerOneField {
    margin-left: 1.5em; } }
@media (min-width: 992px) {
  /*********** search form **************/
  .jumbotron-header.homepageHeader .practitioner-search {
    width: 22%;
    float: left;
    font-size: 15px;
    height: 65px;
    background-color: #ffffff;
    border-radius: 5px 0 0 5px; }
    .jumbotron-header.homepageHeader .practitioner-search .form-control {
      height: 55px; }
    .jumbotron-header.homepageHeader .practitioner-search .select2-selection__rendered {
      padding: 19px 20px 20px 17px !important; }
    .jumbotron-header.homepageHeader .practitioner-search .select2-selection__arrow {
      right: 10px !important; }

  .jumbotron-header.homepageHeader .search-form {
    width: 78%;
    float: right;
    font-size: 15px;
    height: 65px;
    background-color: #ffffff;
    border-radius: 0 5px 5px 0; }
    .jumbotron-header.homepageHeader .search-form .form-group {
      width: 28%;
      float: left;
      border-left: 1px solid #e5e4e7;
      text-align: left;
      height: 65px; }
      .jumbotron-header.homepageHeader .search-form .form-group .form-control {
        height: 55px; }
        .jumbotron-header.homepageHeader .search-form .form-group .form-control.search-form__input {
          height: 100%; }
    .jumbotron-header.homepageHeader .search-form button {
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px;
      width: 15%;
      height: 45px;
      float: left;
      margin-top: 10px;
      font-weight: bold;
      font-size: 16px; }
    .jumbotron-header.homepageHeader .search-form .checkbox {
      float: right;
      margin: 0;
      padding: 10px 10px 0 0; }

  .circle-doc {
    margin-right: -15px; }

  /************ doctors advertisment ************/
  .doctors-advertisement .becomePracticeButtons ul {
    margin: 30px auto -10px auto !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  /*********** smarphone app *************/
  .smartphone-app .smartphone img {
    left: 0; }

  /**************** submenu section *****************/
  #submenuNav ul li {
    margin-left: 0; }
    #submenuNav ul li a {
      font-size: 13px;
      padding: 10px 6px; } }
@media (min-width: 768px) and (max-width: 991px) {
  /*********** search form **************/
  .search-form .form-group {
    border-top: 1px solid #eee;
    text-align: left;
    min-height: 55px;
    background-color: #fff; }
    .search-form .form-group .search-form__input {
      min-height: 55px !important; }

  .jumbotron-header.homepageHeader {
    padding-bottom: 30px !important; }
    .jumbotron-header.homepageHeader .row:first-child {
      padding-bottom: 0 !important; }
    .jumbotron-header.homepageHeader .search-area {
      margin: 0 6%;
      border-radius: 10px; }
      .jumbotron-header.homepageHeader .search-area .container {
        width: auto !important; }
      .jumbotron-header.homepageHeader .search-area .search-form button {
        -webkit-border-radius: 0px 0px 5px 5px;
        -moz-border-radius: 0px 0px 5px 5px;
        -ms-border-radius: 0px 0px 5px 5px;
        border-radius: 0px 0px 5px 5px;
        height: 44px; }
      .jumbotron-header.homepageHeader .search-area .select2-selection__rendered {
        padding: 15px 20px 15px 17px !important;
        height: 55px; }

  .practitioner-search {
    min-height: 55px;
    background-color: #fff; }
    .practitioner-search .select2-selection {
      -webkit-border-radius: 5px 5px 0px 0px !important;
      -moz-border-radius: 5px 5px 0px 0px !important;
      -ms-border-radius: 5px 5px 0px 0px !important;
      border-radius: 5px 5px 0px 0px !important; }

  .circle-doc {
    top: 40px;
    left: 50%;
    margin-left: -16px; }

  .infoTitle {
    text-align: center; }
    .infoTitle h3 {
      margin: 15px 0 25px 0 !important; }

  /**************** submenu section *****************/
  #submenuNav {
    display: none; }

  /********** facts section **************/
  .facts {
    padding-bottom: 30px; }

  .text-center div {
    font-size: 3em !important; }

  /*********** smarphone app *************/
  .smartphone-app .smartphone img {
    left: 0; }

  /************ search fr ************/
  .jumbotron-header.homepageHeader .practitioner-search.practitionerOneField {
    margin-top: 2em !important;
    width: 100% !important; }

  /******************* impressum belgique section ******************/
  .jumbotron-impressum-belgique .impressum .impressum-belgique ul {
    width: 60%;
    margin-left: 25%; } }
@media (max-width: 767px) {
  /*********** widget-search form **************/
  .widgetSearch .form-group {
    border-top: 0 !important; }
  .widgetSearch .search-form button {
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    border-radius: 5px !important;
    height: 34px; }

  /*********** search form **************/
  .select2-dropdown {
    z-index: 6051 !important; }

  .search-form .form-group {
    border-top: 1px solid #eee;
    text-align: left; }
  .search-form button {
    -webkit-border-radius: 0px 0px 5px 5px !important;
    -moz-border-radius: 0px 0px 5px 5px !important;
    -ms-border-radius: 0px 0px 5px 5px !important;
    border-radius: 0px 0px 5px 5px !important;
    height: 44px; }

  .practitioner-search .select2-selection {
    -webkit-border-radius: 5px 5px 0px 0px !important;
    -moz-border-radius: 5px 5px 0px 0px !important;
    -ms-border-radius: 5px 5px 0px 0px !important;
    border-radius: 5px 5px 0px 0px !important; }

  .circle-doc {
    top: 40px;
    left: 50%;
    margin-left: -16px; }

  .jumbotron-header.homepageHeader {
    padding-bottom: 30px; }
    .jumbotron-header.homepageHeader .row:first-child {
      padding-bottom: 0 !important; }
    .jumbotron-header.homepageHeader .search-area {
      margin: 0 2%;
      border-radius: 10px; }
      .jumbotron-header.homepageHeader .search-area .select2-selection__rendered {
        padding: 15px 20px 15px 17px !important;
        height: 55px; }

  /******** header section ********/
  .mainNavbar {
    position: absolute !important;
    left: 0; }
    .mainNavbar .how-it-works, .mainNavbar .nav > li.divider-vertical-second-menu.first {
      display: block !important; }
    .mainNavbar .nav {
      margin: 15px 0; }

  .infoTitle {
    text-align: center; }
    .infoTitle h1 {
      font-size: 2.5em;
      margin-top: 20px; }
    .infoTitle h3 {
      margin: 15px 0 25px 0 !important; }

  /**************** submenu section *****************/
  #submenuNav {
    display: none; }

  /*********************** social media section ***************************/
  .jumbotron-social-media .row {
    float: none;
    margin: 0;
    text-align: center; }
  .jumbotron-social-media .social-media {
    padding-top: 30px;
    padding-bottom: 30px; }
  .jumbotron-social-media .social-media__logos .social-media__logos-link .doctena-partner-healthbank {
    padding: 30px 0 0 0; }
  .jumbotron-social-media .social-media__logos .social-media__logos-link .doctena-vitodata {
    padding: 18px 0 0 0; }

  /********************* facts section **********************/
  .facts {
    padding-bottom: 30px; }

  .text-center div {
    font-size: 3em !important; }

  /******************  hiring section  **********************/
  .jumbotron-hiring {
    text-align: right; }
    .jumbotron-hiring .row {
      padding: 50px 0; }
      .jumbotron-hiring .row .doctena-hiring {
        padding: 0 40px; }
        .jumbotron-hiring .row .doctena-hiring h3 {
          font-size: 2em;
          margin-bottom: 25px; }
        .jumbotron-hiring .row .doctena-hiring div {
          font-size: 1.3em; }

  /******************** need help section **************************/
  .jumbotron-help .row > div {
    text-align: center; }
    .jumbotron-help .row > div:nth-of-type(2) {
      text-align: center; }
  .jumbotron-help .help-footer {
    font-size: 2em; }

  /******************** footer section ***********************/
  .btnVacancies {
    display: block !important;
    float: left;
    margin: 20px auto !important; }

  .footerJoinUs a, .footerJoinUs a:hover, .footerJoinUs a:focus, .footerJoinUs a:visited {
    float: left;
    width: auto;
    margin: 20px auto 0 auto;
    font-size: 1em; }

  .footer-links {
    text-align: left; }
    .footer-links div span {
      float: left;
      width: 100%;
      font-size: 15px; }
    .footer-links div ul {
      float: left;
      width: 100%;
      font-size: 1em; }
      .footer-links div ul li {
        text-align: left;
        list-style-type: none; }

  footer a {
    display: inline-block; }

  /********* doctors advertisement ********/
  .jumbotron-doctors-advertisement .doctors {
    padding: 50px 0 60px 0; }
    .jumbotron-doctors-advertisement .doctors .doctors-advertisement {
      padding: 0 40px; }
      .jumbotron-doctors-advertisement .doctors .doctors-advertisement h3 {
        font-size: 2em !important;
        margin-bottom: 20px !important; }
      .jumbotron-doctors-advertisement .doctors .doctors-advertisement .becomePracticeText {
        font-size: 1.3em !important; }
    .jumbotron-doctors-advertisement .doctors .becomePracticeButtons ul li {
      float: none !important; }
      .jumbotron-doctors-advertisement .doctors .becomePracticeButtons ul li:first-child {
        margin-right: 0 !important; }

  .jumbotron-bottom-footer footer p {
    padding: 0;
    width: 100%;
    text-align: left; }

  /*********************** smarphone app *****************************/
  .smartphone-app .flex {
    height: auto !important;
    min-height: 140px !important; }
    .smartphone-app .flex .smartphoneText div {
      margin-bottom: 20px !important;
      font-size: 1.5em !important; }
  .smartphone-app .smartphone {
    position: relative; }
    .smartphone-app .smartphone img {
      display: block;
      margin: -15px auto 20px auto;
      height: 350px;
      position: static; }

  /************ search fr ************/
  .jumbotron-header.homepageHeader .practitioner-search.practitionerOneField {
    margin-top: 0 !important;
    width: 100% !important; }

  /******************* impressum belgique section ******************/
  .jumbotron-impressum-belgique .impressum {
    padding-top: 30px; }
    .jumbotron-impressum-belgique .impressum .impressum-belgique ul {
      width: 100%;
      margin-left: 0; }
      .jumbotron-impressum-belgique .impressum .impressum-belgique ul li {
        width: 100%;
        text-align: center; } }
.signup .signup__container.jumbotron {
  background-color: white;
  padding: 30px;
  max-width: 500px;
  margin: 30px auto; }
  .signup .signup__container.jumbotron p {
    font-weight: normal; }
.signup .signup__title {
  color: #337ab7;
  text-align: center;
  font-size: 16px;
  margin-top: 0px;
  margin-bottom: 20px; }
.signup .signup__password-input {
  margin-bottom: 5px; }
.signup .signup__password-error {
  margin-bottom: 5px;
  font-size: 14px; }
.signup .signup__gdpr_short {
  font-size: 11px;
  color: #999; }
.signup .signup__submit {
  width: 100%;
  margin-bottom: 10px;
  background-color: #4dab36; }
.signup .signup__medical-representative, .signup .signup__newsletter {
  margin-bottom: 5px; }
.signup .signup__medical-representative-input, .signup .signup__newsletter-input {
  margin-right: 5px; }
.signup .signup__medical-label, .signup .signup__newsletter-label {
  color: #999;
  font-weight: normal;
  display: inline; }
.signup .signup__has-account {
  text-align: center;
  font-size: 12px;
  margin-bottom: 0; }
  .signup .signup__has-account a {
    font-weight: bold; }

#calendar-container {
  background-color: #ffffff;
  margin: auto auto;
  width: 560px;
  overflow: hidden; }

.calendar-header {
  height: 42px;
  border-bottom: 1px solid #dcdcdc; }

.slots-header {
  position: relative;
  overflow: hidden;
  background-color: #ffffff; }
  .slots-header a {
    position: absolute;
    width: 30px;
    top: 0; }
    .slots-header a.prev {
      left: 0; }
  .slots-calendar.fixed .slots-header {
    position: fixed;
    z-index: 1100;
    top: 0; }

.slots-calendar {
  float: left; }
  .slots-calendar.fixed .slots-list {
    margin-top: 43px; }

.slots-container {
  padding: 0 10px;
  width: 540px;
  height: 100%;
  margin-left: 15px; }

#calendar-container .inner {
  position: relative; }

.slots-list .full-row {
  line-height: 175px;
  text-align: center; }

.slot-column {
  float: left;
  text-align: center;
  width: 70px;
  height: 175px; }
  .expanded .slot-column {
    height: 100%; }
  .slot-column.odd {
    background-color: #ffffff; }
  .slot-column.event {
    background-color: #dcdcdc; }

.calendar-widget.modal {
  position: static;
  margin: 0;
  width: 560px; }
.calendar-widget .modal-header {
  padding: 0;
  border: none;
  height: 20px; }
  .calendar-widget .modal-header a {
    margin: 0;
    padding-right: 10px; }
.calendar-widget .modal-body {
  max-height: none; }

html, body {
  height: 100%; }

.new-calendar-widget {
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  background-color: white; }

.slots-container {
  width: 550px; }

#mentor-form .form-group {
  margin-left: 0px; }

#form_mentor_patient {
  width: 370px; }

#form_mentor_patient .help-block {
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
  margin-top: 10px; }

/* line 129, ../../data/sass/_booking.scss */
#form_mentor_patient .help-block ul {
  list-style-type: none;
  color: #912323;
  border: 1px solid #dc261f;
  padding: 5px;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 1px #D95252;
  border-radius: 4px;
  margin: 0px; }

/* line 143, ../../data/sass/_booking.scss */
#form_mentor_patient .help-block ul:after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 10%;
  width: 0;
  height: 0;
  border-right: 8px solid transparent;
  border-top: 8px solid transparent;
  border-bottom: 8px solid #dc261f;
  border-left: 8px solid transparent; }

/* line 159, ../../data/sass/_booking.scss */
#form_mentor_patient:hover.help-block ul {
  visibility: visible;
  opacity: 0.8;
  left: 100%;
  bottom: 100%;
  margin-top: -15px;
  margin-left: 15px;
  z-index: 999; }

#form_mentor_patient .control-group .controls .icon-error:after {
  content: "\f071";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #dc261f;
  font-size: 18px;
  position: absolute;
  margin-left: 345px;
  margin-top: -27px; }

#mentor_patient_flash {
  width: 70%;
  margin-left: 5%; }

#mentor_patient_flash ul {
  list-style-type: none; }

#form_mentor_patient #doctorLastName,
#form_mentor_patient #doctorFirstName {
  width: 370px; }

.internal-linking-page .internal-linking-page__header {
  background: #ffffff; }
.internal-linking-page .internal-linking-page__content {
  background: #ffffff; }
  .internal-linking-page .internal-linking-page__content .internal-linking-page__content--specialties h2,
  .internal-linking-page .internal-linking-page__content .internal-linking-page__content--cities h2 {
    border-bottom: 2px solid #333;
    padding-bottom: 5px; }

@media screen and (max-width: 991px) {
  .center-list {
    margin-left: 25%; } }
_:-ms-fullscreen, :root #search-block.collapse {
  display: none !important;
  visibility: hidden !important; }

#search-block.open {
  transition: height .5s;
  height: auto !important;
  overflow: hidden !important; }

.zEWidget-launcher {
  z-index: 500 !important; }

.zendesk-fake-button {
  border: none;
  background: transparent;
  z-index: 500;
  transform: translateZ(0px);
  position: fixed;
  opacity: 1;
  width: 49px;
  height: 49px;
  margin: 10px 20px;
  right: 0px;
  bottom: 0px;
  background-color: #2571ad;
  color: white;
  fill: white;
  padding: 1.08333rem 1.83333rem;
  border-radius: 999rem;
  font: 16px sans-serif; }
  .zendesk-fake-button:focus {
    outline: 0; }
  .zendesk-fake-button .zendesk-fake-button__icon {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-left: -3px; }
  .zendesk-fake-button .zendesk-fake-button__loader {
    margin-top: -2px;
    margin-left: -3px;
    width: 20px; }

@media screen and (max-width: 767px) {
  #search-block.open {
    padding: 10px !important; }

  #search-block.closed {
    transition: height .5s;
    height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important; } }
/* COLORS TO BE DETERMINED ?

	MOCKUP GDPR NEW BOOKING FORM
		Success green buttons : #10B11C;
		Unimportant Gray buttons : #BCBCBC;
		Success message Gray text : #7C7C7C;

	GATHERED THROUGHOUT THE WEBSITE
		GENERAL
			Zendesk button : #2671AD;
			Links : #08c;

		BOOKING
			Background onglet docteur booking : #428BCA;
			Font color onglet docteur booking : #3a87ad;
*/
/*
	Name : clear-float-breakpoint
	Description : Under this screen width value, we should avoid floating elements
	Used in : color-panel (booking pages)
*/
/********* header *****/
.responsive_header h1 {
  margin-bottom: 0 !important; }
  .responsive_header h1 a {
    margin: 0 auto !important;
    width: auto !important; }
    .responsive_header h1 a img {
      margin: 0 auto !important; }

#alerts {
  display: none;
  padding-left: 15px; }

.practicesProfileView .header h2 {
  margin-bottom: 25px;
  font-size: 2.7em;
  float: left; }
.practicesProfileView .bodyContainer {
  padding: 0 0 80px 0; }

#doctor-profile .col-sm-4.col-md-3.col-lg-3 {
  padding: 0; }
#doctor-profile .col-xs-12.col-sm-8.col-md-9.col-lg-9 {
  padding-right: 0; }
#doctor-profile .sharebuttons {
  padding-right: 20px;
  margin-top: 10px; }
#doctor-profile .profile-header img {
  width: 100%;
  margin-bottom: 10px; }
  #doctor-profile .profile-header img.thumbnail {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    background: #fff; }
#doctor-profile h1 {
  line-height: normal; }
  #doctor-profile h1 a {
    font-size: 0.7em;
    line-height: normal;
    display: block; }
  #doctor-profile h1 small {
    font-size: 0.4em; }
#doctor-profile h3 {
  line-height: 24px;
  font-size: 1em;
  margin: 0;
  font-weight: normal; }
#doctor-profile hr {
  margin-bottom: 5px; }
#doctor-profile .profile-photo .profile-photo-main {
  min-height: 285px; }
#doctor-profile .newDoctorPhoto img {
  width: 100%;
  border-radius: 0; }

/************** doctor breadcrumb **************/
#doctor-profile nav {
  margin-bottom: 15px;
  color: #646469 !important; }
  #doctor-profile nav a {
    color: #646469 !important; }
    #doctor-profile nav a:hover span {
      color: #37373a; }
  #doctor-profile nav .breadcrumb_sep:after {
    content: '/';
    padding: 0 1px; }

.agendaBreadcrump {
  display: none; }

/*************** doctor name ****************/
.newDoctorName {
  background-color: #eaece9;
  padding: 10px 15px;
  margin-bottom: 15px;
  width: 100%;
  display: inline-block; }
  .newDoctorName .doctor-name__container {
    display: table-row; }
    .newDoctorName .doctor-name__container .titleFav {
      margin-right: 10px;
      display: inline-block;
      vertical-align: middle; }
      .newDoctorName .doctor-name__container .titleFav h1 {
        margin: 0;
        color: #337ab7;
        font-weight: normal; }
  .newDoctorName #removeFav,
  .newDoctorName #addFav {
    text-decoration: none;
    margin-left: 10px; }
    .newDoctorName #removeFav img,
    .newDoctorName #addFav img {
      width: 25px;
      position: relative;
      bottom: 6px; }
  .newDoctorName #addFav .glyphicon-heart {
    color: #bebebe; }
  .newDoctorName .star-rater {
    text-decoration: none;
    display: block; }
    .newDoctorName .star-rater.reviews {
      display: inline-block;
      vertical-align: middle;
      height: 20px; }
    .newDoctorName .star-rater .reviews__icon-container {
      display: inline-block;
      width: auto;
      height: 20px; }
      .newDoctorName .star-rater .reviews__icon-container .half-star-container {
        width: 10px;
        height: 20px; }
      .newDoctorName .star-rater .reviews__icon-container .full-star-container {
        width: 20px;
        height: 20px; }
    .newDoctorName .star-rater .Search__ratings-number {
      position: relative;
      top: -3px;
      left: 5px;
      color: #6C6C6C; }
  .newDoctorName h2 {
    font-size: 15px;
    font-weight: normal;
    margin-top: 10px;
    width: 100%;
    float: left;
    color: #8f9094; }

/************ book appointment ************/
#book-apt {
  background-color: #eaece9;
  margin-bottom: 15px;
  float: left;
  width: 100%; }
  #book-apt h4 {
    background-color: #8f9094;
    color: #fff;
    text-align: center;
    font-weight: normal;
    line-height: 24px;
    font-size: 1em;
    margin: 0;
    text-transform: uppercase; }
  #book-apt section {
    padding: 15px 0; }

/************ doctor info ************/
.newDoctorInfo {
  background-color: #eaece9;
  padding: 20px;
  margin-bottom: 20px;
  color: #646469;
  float: left;
  width: 100%; }
  .newDoctorInfo a {
    color: #646469;
    text-decoration: underline; }
    .newDoctorInfo a:hover {
      color: #37373a; }
  .newDoctorInfo .newDoctorAddress a {
    text-decoration: none; }
  .newDoctorInfo .newDoctorOpeningHours {
    margin-bottom: 20px;
    width: 100%;
    float: left; }
    .newDoctorInfo .newDoctorOpeningHours .visible-xs {
      font-size: 1em;
      color: #646469;
      font-weight: 500;
      text-transform: initial;
      margin: 5px 0 10px 0;
      cursor: pointer;
      text-decoration: underline; }
      .newDoctorInfo .newDoctorOpeningHours .visible-xs .glyphicon {
        font-size: 10px;
        padding-left: 8px;
        font-weight: 100; }
    .newDoctorInfo .newDoctorOpeningHours .table {
      margin-bottom: 0; }
      .newDoctorInfo .newDoctorOpeningHours .table > tbody > tr > td {
        padding: 4px 0px;
        border: 0;
        float: left; }
        .newDoctorInfo .newDoctorOpeningHours .table > tbody > tr > td:nth-child(odd) {
          width: 45%; }
        .newDoctorInfo .newDoctorOpeningHours .table > tbody > tr > td:nth-child(even) {
          width: 55%; }
  .newDoctorInfo .newDoctorWebsite {
    float: left;
    width: 100%; }
    .newDoctorInfo .newDoctorWebsite div {
      margin-bottom: 5px; }
  .newDoctorInfo .newDoctorPracticeWebsite {
    float: left;
    width: 100%; }
    .newDoctorInfo .newDoctorPracticeWebsite a {
      color: #646469 !important;
      border-radius: 5px;
      padding: 6px 12px;
      text-decoration: none !important;
      margin-top: 10px; }
      .newDoctorInfo .newDoctorPracticeWebsite a:hover {
        text-decoration: none; }
  .newDoctorInfo .callToBookDirectory {
    float: left;
    width: 100%; }
    .newDoctorInfo .callToBookDirectory a {
      color: #646469 !important;
      border-radius: 5px;
      padding: 6px 12px;
      text-decoration: none !important;
      min-width: 120px;
      white-space: normal; }
      .newDoctorInfo .callToBookDirectory a:hover {
        text-decoration: none; }

/*********** doctor details **********/
.newDoctorDetails {
  padding: 0 15px; }
  .newDoctorDetails .doctor-details__container {
    line-height: 30px;
    border-top: 1px solid #eaece9;
    padding: 15px 0;
    /**********  reviews section  ***********/
    /**********  comment section  ***********/ }
    .newDoctorDetails .doctor-details__container:first-child {
      border-top: 0; }
    .newDoctorDetails .doctor-details__container p {
      overflow: hidden;
      float: left;
      width: 78%;
      color: #646469;
      padding-left: 30px;
      margin-bottom: 0; }
      .newDoctorDetails .doctor-details__container p a {
        color: #646469; }
        .newDoctorDetails .doctor-details__container p a:hover {
          color: #68686b; }
    .newDoctorDetails .doctor-details__container h4 {
      float: left;
      width: 22%;
      color: #646469;
      font-weight: 500;
      line-height: 30px;
      font-size: 1.1em;
      margin: 0; }
    .newDoctorDetails .doctor-details__container ul {
      overflow: hidden;
      float: left;
      width: 78%;
      list-style-type: none;
      color: #646469;
      word-wrap: break-word;
      padding-left: 30px; }
      .newDoctorDetails .doctor-details__container ul li a {
        color: #8f9094; }
        .newDoctorDetails .doctor-details__container ul li a:hover {
          color: #68686b; }
    .newDoctorDetails .doctor-details__container.reviews-section .reviews-section__recommendation {
      overflow: hidden;
      float: left;
      width: 78%;
      list-style-type: none;
      color: #646469;
      word-wrap: break-word;
      padding-left: 30px;
      line-height: 25px;
      margin-bottom: 5px; }
      .newDoctorDetails .doctor-details__container.reviews-section .reviews-section__recommendation .reviews-section__recommendation-text {
        display: inline-block; }
      .newDoctorDetails .doctor-details__container.reviews-section .reviews-section__recommendation .reviews-section__recommendation-icon {
        margin-right: 10px;
        display: inline-block; }
    .newDoctorDetails .doctor-details__container.reviews-section .reviews-section__rating-list {
      margin-bottom: 5px; }
      .newDoctorDetails .doctor-details__container.reviews-section .reviews-section__rating-list .reviews-section__rating-list-item:first-child {
        margin-bottom: 20px;
        color: #333; }
      .newDoctorDetails .doctor-details__container.reviews-section .reviews-section__rating-list .reviews-section__rating-list-item .reviews-section__rating-list-item-label {
        width: 60%;
        float: left; }
      .newDoctorDetails .doctor-details__container.reviews-section .reviews-section__rating-list .reviews-section__rating-list-item .star-rater {
        margin-top: 5px;
        display: inline-block;
        width: 40%; }
        .newDoctorDetails .doctor-details__container.reviews-section .reviews-section__rating-list .reviews-section__rating-list-item .star-rater .half-star-container {
          width: 10px;
          height: 20px; }
        .newDoctorDetails .doctor-details__container.reviews-section .reviews-section__rating-list .reviews-section__rating-list-item .star-rater .full-star-container {
          width: 20px;
          height: 20px; }
    .newDoctorDetails .doctor-details__container.comment {
      font-size: 14px;
      color: #8f9094;
      padding: 0;
      border-top: 0; }
      .newDoctorDetails .doctor-details__container.comment .comment__list {
        list-style-type: none;
        width: 100%;
        border-top: 1px solid #eaece9;
        padding: 15px 0; }
        .newDoctorDetails .doctor-details__container.comment .comment__list .comment__list-item {
          padding: 15px 0;
          border-bottom: 1px solid #eaece9;
          float: left;
          width: 100%;
          padding-left: 26%; }
          .newDoctorDetails .doctor-details__container.comment .comment__list .comment__list-item:first-child {
            padding-top: 0; }
          .newDoctorDetails .doctor-details__container.comment .comment__list .comment__list-item .comment__list-item-name {
            color: #646469;
            font-size: 15px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            padding-top: 3px;
            line-height: 20px; }
          .newDoctorDetails .doctor-details__container.comment .comment__list .comment__list-item .comment__list-item-text {
            line-height: 1.4em;
            overflow: hidden;
            width: 100%;
            margin-top: 10px; }
          .newDoctorDetails .doctor-details__container.comment .comment__list .comment__list-item .comment__list-item-image,
          .newDoctorDetails .doctor-details__container.comment .comment__list .comment__list-item .comment__reply-list-item-image {
            float: left;
            width: 36px;
            max-width: 50px;
            margin: 5px 5px 0 0;
            border-radius: 20px;
            opacity: 0.75; }
        .newDoctorDetails .doctor-details__container.comment .comment__list .comment__reply-list {
          overflow: hidden;
          width: 100%;
          word-wrap: break-word;
          border-top: 0;
          padding: 0; }
          .newDoctorDetails .doctor-details__container.comment .comment__list .comment__reply-list .comment__reply-list-item {
            border-bottom: none;
            padding-left: 7%;
            padding-bottom: 0; }
            .newDoctorDetails .doctor-details__container.comment .comment__list .comment__reply-list .comment__reply-list-item:first-child {
              padding-top: 15px; }
            .newDoctorDetails .doctor-details__container.comment .comment__list .comment__reply-list .comment__reply-list-item .comment__reply-list-item-text {
              color: #646469;
              line-height: 1.4em; }
            .newDoctorDetails .doctor-details__container.comment .comment__list .comment__reply-list .comment__reply-list-item .comment__reply-list-item-name {
              line-height: 20px;
              color: #646469; }
        .newDoctorDetails .doctor-details__container.comment .comment__list .comment__more-container {
          float: left;
          padding-top: 15px;
          margin-left: 26%; }
          .newDoctorDetails .doctor-details__container.comment .comment__list .comment__more-container .comment__more-link {
            color: #53b659;
            padding: 0;
            -webkit-box-shadow: none;
            box-shadow: none; }
            .newDoctorDetails .doctor-details__container.comment .comment__list .comment__more-container .comment__more-link:hover {
              color: #49a04e; }
  .newDoctorDetails .moreToShow {
    padding: 0;
    margin-left: 25.5%;
    float: left; }
    .newDoctorDetails .moreToShow a {
      color: #53b659;
      padding: 0; }
      .newDoctorDetails .moreToShow a:hover {
        color: #49a04e; }
  .newDoctorDetails p {
    color: #646469; }
  .newDoctorDetails.reviews-iframe {
    padding: 0; }
    .newDoctorDetails.reviews-iframe .reviews-iframe__container {
      display: block;
      position: fixed;
      width: 100%;
      z-index: 2;
      background-color: #ffffff;
      padding: 0 30px; }
      .newDoctorDetails.reviews-iframe .reviews-iframe__container .reviews-iframe__container-title {
        font-size: 18px;
        font-weight: normal; }
      .newDoctorDetails.reviews-iframe .reviews-iframe__container .doctor-details__container.reviews-section {
        border-top: 0; }
        .newDoctorDetails.reviews-iframe .reviews-iframe__container .doctor-details__container.reviews-section h4 {
          display: none; }
        .newDoctorDetails.reviews-iframe .reviews-iframe__container .doctor-details__container.reviews-section .reviews-section__recommendation {
          width: 100%;
          padding-left: 0; }
        .newDoctorDetails.reviews-iframe .reviews-iframe__container .doctor-details__container.reviews-section .reviews-section__rating-list {
          padding-left: 0;
          width: 100%; }
          .newDoctorDetails.reviews-iframe .reviews-iframe__container .doctor-details__container.reviews-section .reviews-section__rating-list .reviews-section__rating-list-item {
            width: 100%;
            float: left; }
            .newDoctorDetails.reviews-iframe .reviews-iframe__container .doctor-details__container.reviews-section .reviews-section__rating-list .reviews-section__rating-list-item .reviews-section__rating-list-item-label {
              width: 20%; }
            .newDoctorDetails.reviews-iframe .reviews-iframe__container .doctor-details__container.reviews-section .reviews-section__rating-list .reviews-section__rating-list-item .star-rater {
              width: 80%;
              display: inline-block; }
    .newDoctorDetails.reviews-iframe .doctor-details__container.comment {
      padding: 0 30px; }
      .newDoctorDetails.reviews-iframe .doctor-details__container.comment .comment__list {
        border-top: 0;
        padding: 30px 0 15px 0; }
        .newDoctorDetails.reviews-iframe .doctor-details__container.comment .comment__list .comment__reply-list-item {
          padding-left: 3%; }
      .newDoctorDetails.reviews-iframe .doctor-details__container.comment .comment__list-item {
        border-bottom: 0;
        padding-left: 0; }

/********** google map **************/
#map-doctor-container {
  float: left;
  width: 100%;
  margin-bottom: 20px; }
  #map-doctor-container #mapDoctor {
    height: 250px; }
    #map-doctor-container #mapDoctor .gm-iv-address {
      height: 56px; }

/******** doctor accessibility and payment *********/
.newDoctorPayment {
  float: left;
  width: 100%; }
  .newDoctorPayment h3 {
    color: #0088cc;
    font-weight: normal;
    font-size: 22px !important;
    text-transform: uppercase;
    margin: 0; }
  .newDoctorPayment ul {
    float: left;
    list-style: none;
    padding-left: 0;
    color: #646469;
    font-weight: 500;
    margin-top: 10px; }
    .newDoctorPayment ul li {
      float: left;
      text-align: left;
      margin-right: 10px; }
      .newDoctorPayment ul li span {
        display: block;
        width: 48px;
        height: 32px; }
        .newDoctorPayment ul li span.icon_vpay {
          width: 36px;
          height: 37px; }
        .newDoctorPayment ul li span.icon_invoice {
          width: 28px;
          height: 37px; }
        .newDoctorPayment ul li span.icon_cash, .newDoctorPayment ul li span.icon_shape {
          width: 37px;
          height: 37px; }
    .newDoctorPayment ul .icon_amex::before {
      content: '';
      position: absolute;
      width: 48px;
      height: 32px;
      background: url(../images/sprite-profile.png) no-repeat -36px -551px; }
    .newDoctorPayment ul .icon_visa::before {
      content: '';
      position: absolute;
      width: 48px;
      height: 33px;
      background: url(../images/sprite-profile.png) no-repeat -151px -551px; }
    .newDoctorPayment ul .icon_maestro::before {
      content: '';
      position: absolute;
      width: 48px;
      height: 33px;
      background: url(../images/sprite-profile.png) no-repeat -268px -551px; }
    .newDoctorPayment ul .icon_master::before {
      content: '';
      position: absolute;
      width: 48px;
      height: 33px;
      background: url(../images/sprite-profile.png) no-repeat -399px -551px; }
    .newDoctorPayment ul .icon_vpay::before {
      content: '';
      position: absolute;
      width: 35px;
      height: 37px;
      background: url(../images/sprite-profile.png) no-repeat -405px -676px; }
    .newDoctorPayment ul .icon_cash::before {
      content: '';
      position: absolute;
      width: 37px;
      height: 37px;
      background: url(../images/sprite-profile.png) no-repeat -153px -677px; }
    .newDoctorPayment ul .icon_invoice::before {
      content: '';
      position: absolute;
      width: 29px;
      height: 37px;
      background: url(../images/sprite-profile.png) no-repeat -275px -677px; }
    .newDoctorPayment ul .icon_shape::before {
      content: '';
      position: absolute;
      width: 37px;
      height: 38px;
      background: url(../images/sprite-profile.png) no-repeat -38px -675px; }
    .newDoctorPayment ul .tooltip.bottom {
      margin-top: 0; }
      .newDoctorPayment ul .tooltip.bottom .tooltip-arrow {
        display: none; }
      .newDoctorPayment ul .tooltip.bottom .tooltip-inner {
        padding: 8px 8px;
        color: #646469;
        background-color: #fff;
        border-radius: 3px;
        box-shadow: 2px 2px 1px #888888;
        max-width: 116px;
        word-wrap: break-word; }

/************ doctor accessibility ****************/
.newDoctorAccessibility {
  float: left;
  width: 100%;
  margin-bottom: 10px; }
  .newDoctorAccessibility h3 {
    color: #0088cc;
    font-weight: normal;
    font-size: 22px !important;
    text-transform: uppercase;
    margin: 0; }
  .newDoctorAccessibility ul {
    list-style: none;
    padding-left: 0;
    color: #646469;
    font-weight: 500;
    margin-top: 10px;
    float: left; }
    .newDoctorAccessibility ul li {
      float: left;
      text-align: left;
      margin-right: 10px; }
      .newDoctorAccessibility ul li span {
        display: block;
        width: 33px;
        height: 39px; }
        .newDoctorAccessibility ul li span.icon_ground_fr {
          width: 69px; }
        .newDoctorAccessibility ul li span.icon_ground_de, .newDoctorAccessibility ul li span.icon_ground_it {
          width: 50px; }
        .newDoctorAccessibility ul li span.icon_ground_nl {
          width: 55px; }
        .newDoctorAccessibility ul li span.icon_ground_pt {
          width: 60px; }
    .newDoctorAccessibility ul .icon_elevator::before {
      content: '';
      position: absolute;
      width: 33px;
      height: 39px;
      background: url(../images/sprite-profile.png) no-repeat -36px -35px; }
    .newDoctorAccessibility ul .icon_special_needs::before {
      content: '';
      position: absolute;
      width: 33px;
      height: 39px;
      background: url(../images/sprite-profile.png) no-repeat -36px -353px; }
    .newDoctorAccessibility ul .icon_parking::before {
      content: '';
      position: absolute;
      width: 33px;
      height: 39px;
      background: url(../images/sprite-profile.png) no-repeat -34px -243px; }
    .newDoctorAccessibility ul .icon_ground_en::before {
      content: '';
      position: absolute;
      width: 33px;
      height: 39px;
      background: url(../images/sprite-profile.png) no-repeat -34px -801px; }
    .newDoctorAccessibility ul .icon_ground_fr::before {
      content: '';
      position: absolute;
      width: 69px;
      height: 39px;
      background: url(../images/sprite-profile.png) no-repeat -153px -802px; }
    .newDoctorAccessibility ul .icon_ground_de::before {
      content: '';
      position: absolute;
      width: 50px;
      height: 39px;
      background: url(../images/sprite-profile.png) no-repeat -274px -802px; }
    .newDoctorAccessibility ul .icon_ground_nl::before {
      content: '';
      position: absolute;
      width: 55px;
      height: 39px;
      background: url(../images/sprite-profile.png) no-repeat -405px -802px; }
    .newDoctorAccessibility ul .icon_ground_it::before {
      content: '';
      position: absolute;
      width: 50px;
      height: 39px;
      background: url(../images/sprite-profile.png) no-repeat -551px -801px; }
    .newDoctorAccessibility ul .icon_ground_pt::before {
      content: '';
      position: absolute;
      width: 60px;
      height: 39px;
      background: url(../images/sprite-profile.png) no-repeat -688px -801px; }
    .newDoctorAccessibility ul .tooltip.bottom {
      margin-top: 0; }
      .newDoctorAccessibility ul .tooltip.bottom .tooltip-arrow {
        display: none; }
      .newDoctorAccessibility ul .tooltip.bottom .tooltip-inner {
        padding: 8px 8px;
        color: #646469;
        background-color: #fff;
        border-radius: 3px;
        box-shadow: 2px 2px 1px #888888;
        max-width: 116px;
        word-wrap: break-word; }

#overlay {
  display: none; }

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #000;
  z-index: 1000;
  display: block; }

#calendar-profile .modal {
  width: 100%;
  min-width: 560px; }
#calendar-profile .modal-header {
  display: none; }
#calendar-profile #calendar-container {
  margin: auto auto; }
#calendar-profile.highlight {
  position: relative;
  z-index: 10001; }
  #calendar-profile.highlight .modal-header {
    display: block; }

.overlay2 #overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  display: block; }
.overlay2 #book-apt {
  position: relative;
  background-color: #ffffff;
  z-index: 10000; }

.calendar-loader {
  z-index: 1;
  position: relative; }
  .calendar-loader .img-loader-calendar {
    display: block;
    width: 64px;
    height: 64px;
    margin: 100px auto 0;
    position: relative;
    background-image: url("/images/2.gif"); }

/********* directory **********/
#doctor-profile .directoryPractitionerView {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  display: flex; }
  #doctor-profile .directoryPractitionerView .col-md-6 {
    background-color: #eaece9;
    width: 49%;
    float: left;
    padding: 15px; }
    #doctor-profile .directoryPractitionerView .col-md-6:first-child {
      margin-right: 2%; }
      #doctor-profile .directoryPractitionerView .col-md-6:first-child #notifyMeForm {
        position: absolute;
        width: 93%;
        bottom: 15px; }
        #doctor-profile .directoryPractitionerView .col-md-6:first-child #notifyMeForm .form-group {
          margin-bottom: 0px; }
    #doctor-profile .directoryPractitionerView .col-md-6 h3 {
      text-align: center;
      font-size: 22px;
      font-weight: 500;
      padding: 15px 1px;
      color: #646469; }
    #doctor-profile .directoryPractitionerView .col-md-6 p {
      color: #646469;
      margin-bottom: 15px; }
    #doctor-profile .directoryPractitionerView .col-md-6 .btn {
      width: 100%;
      margin-top: 10px; }
      #doctor-profile .directoryPractitionerView .col-md-6 .btn.btn-primary {
        margin-top: 0; }

/************ image gallery ****************/
.row > .column {
  padding: 0 8px; }

.row:after {
  content: "";
  display: table;
  clear: both; }

/* modal gallery photos */
@media (max-width: 1200px) {
  #doctor-profile .profile-photo .profile-photo-main {
    min-height: 235px; } }
@media (min-width: 992px) and (max-width: 1199px) {
  /************ doctor info ************/
  .newDoctorInfo {
    padding: 15px; }

  /********** doctor details **********/
  .newDoctorDetails .doctor-details__container p,
  .newDoctorDetails .doctor-details__container ul {
    width: 74%; }
  .newDoctorDetails .doctor-details__container.reviews-section .reviews-section__recommendation {
    width: 74%; }
  .newDoctorDetails .doctor-details__container h4 {
    width: 26%; }
  .newDoctorDetails .doctor-details__container.comment .comment__list .comment__list-item {
    padding-left: 31%; }
    .newDoctorDetails .doctor-details__container.comment .comment__list .comment__list-item .comment__reply-list-item {
      padding-left: 9%; }
  .newDoctorDetails .doctor-details__container.comment .comment__list .comment__more-container {
    margin-left: 31%; }
  .newDoctorDetails .moreToShow {
    margin-left: 31%; }
  .newDoctorDetails.reviews-iframe .reviews-iframe__container .doctor-details__container.reviews-section .reviews-section__rating-list .reviews-section__rating-list-item .reviews-section__rating-list-item-label {
    width: 30%; }
  .newDoctorDetails.reviews-iframe .reviews-iframe__container .doctor-details__container.reviews-section .reviews-section__rating-list .reviews-section__rating-list-item .star-rater {
    width: 70%; }
  .newDoctorDetails.reviews-iframe .doctor-details__container.comment .comment__list .comment__list-item {
    padding-left: 0; }
  .newDoctorDetails.reviews-iframe .doctor-details__container.comment .comment__list .comment__reply-list-item {
    padding-left: 3%; }

  /********* directory **********/
  #doctor-profile .directoryPractitionerView .col-md-6:first-child #notifyMeForm {
    width: 91%; } }
@media (min-width: 768px) and (max-width: 991px) {
  #header-logo .span6 {
    width: 500px; }

  /************ doctor info ************/
  .newDoctorInfo {
    padding: 15px; }

  /********** doctor details **********/
  .newDoctorDetails .doctor-details__container p,
  .newDoctorDetails .doctor-details__container ul {
    width: 75%; }
  .newDoctorDetails .doctor-details__container.reviews-section .reviews-section__recommendation {
    width: 75%; }
  .newDoctorDetails .doctor-details__container h4 {
    width: 25%; }
  .newDoctorDetails .doctor-details__container.comment .comment__list .comment__list-item {
    padding-left: 32%; }
    .newDoctorDetails .doctor-details__container.comment .comment__list .comment__list-item .comment__reply-list-item {
      padding-left: 13%; }
  .newDoctorDetails .doctor-details__container.comment .comment__list .comment__more-container {
    margin-left: 32%; }
  .newDoctorDetails .moreToShow {
    margin-left: 32%; }
  .newDoctorDetails.reviews-iframe .reviews-iframe__container .doctor-details__container.reviews-section .reviews-section__rating-list .reviews-section__rating-list-item .reviews-section__rating-list-item-label {
    width: 30%; }
  .newDoctorDetails.reviews-iframe .reviews-iframe__container .doctor-details__container.reviews-section .reviews-section__rating-list .reviews-section__rating-list-item .star-rater {
    width: 70%; }
  .newDoctorDetails.reviews-iframe .doctor-details__container.comment .comment__list .comment__list-item {
    padding-left: 0; }
  .newDoctorDetails.reviews-iframe .doctor-details__container.comment .comment__list .comment__reply-list-item {
    padding-left: 3%; }

  /********* directory **********/
  #doctor-profile .directoryPractitionerView .col-md-6:first-child #notifyMeForm {
    width: 87%; } }
@media (max-width: 767px) {
  .practicesProfileView .header .logo img {
    margin: 0 auto; }
  .practicesProfileView .bodyContainer {
    padding: 0 0 35px 0; }
    .practicesProfileView .bodyContainer .mainDoctorProfileContainer {
      padding: 0; }

  .bodyContainer {
    padding: 0 0 35px 0; }
    .bodyContainer .mainDoctorProfileContainer {
      padding: 0; }

  /********* header *****/
  .responsive_header h2 a img {
    width: 100%; }

  /*********** doctor details **********/
  .newDoctorDetails .doctor-details__container {
    padding: 15px 0; }
    .newDoctorDetails .doctor-details__container h4 {
      width: 100% !important;
      margin-bottom: 5px !important; }
    .newDoctorDetails .doctor-details__container ul,
    .newDoctorDetails .doctor-details__container p {
      width: 100%;
      padding-left: 0; }
    .newDoctorDetails .doctor-details__container.reviews-section .reviews-section__recommendation {
      width: 100%;
      padding-left: 0; }
    .newDoctorDetails .doctor-details__container.comment .comment__list .comment__list-item {
      padding-left: 0; }
      .newDoctorDetails .doctor-details__container.comment .comment__list .comment__list-item .comment__reply-list-item {
        padding-left: 5%; }
    .newDoctorDetails .doctor-details__container.comment .comment__list .comment__more-container {
      margin-left: 0; }
  .newDoctorDetails .moreToShow {
    margin: 0; }
  .newDoctorDetails.reviews-iframe .reviews-iframe__container .doctor-details__container.reviews-section .reviews-section__rating-list .reviews-section__rating-list-item .reviews-section__rating-list-item-label {
    width: 40%; }
  .newDoctorDetails.reviews-iframe .reviews-iframe__container .doctor-details__container.reviews-section .reviews-section__rating-list .reviews-section__rating-list-item .star-rater {
    width: 60%; }

  .practice-details .opening-hours table tbody {
    display: none; }

  /************ doctor info ************/
  .newDoctorAddress {
    margin-top: 10px; }
    .newDoctorAddress a {
      color: #646469; }

  /*************** doctor name ****************/
  .newDoctorName {
    text-align: center; }
    .newDoctorName .doctor-name__container {
      display: block; }
      .newDoctorName .doctor-name__container .titleFav {
        width: 100%; }
        .newDoctorName .doctor-name__container .titleFav .title-seo {
          font-size: 27px; }
    .newDoctorName #removeFav img,
    .newDoctorName #addFav img {
      top: -2px;
      margin-right: 10px; }
    .newDoctorName .star-rater.reviews {
      display: block; }
    .newDoctorName .star-rater .reviews__icon-container {
      top: 0 !important;
      margin-left: 0; }
    .newDoctorName .star-rater .reviews__rating-number {
      top: -3px; }
    .newDoctorName .star-rater .doctor-recommendation {
      top: 0;
      left: 0; }

  #doctor-profile .col-xs-12.col-sm-8.col-md-9.col-lg-9 {
    padding-left: 0; }
  #doctor-profile .profile-header .span2 {
    float: left;
    width: 80px;
    margin-right: 1em; }
    #doctor-profile .profile-header .span2 img {
      width: auto;
      max-height: 100px; }
  #doctor-profile .profile-header h1 {
    margin-top: 0;
    color: #0088cc;
    display: block;
    font-size: 17px;
    font-weight: normal; }
    #doctor-profile .profile-header h1 span {
      display: block; }
    #doctor-profile .profile-header h1 small {
      font-size: 13px; }
  #doctor-profile .newDoctorPhoto img {
    margin: 0 auto 10px auto;
    width: 30%;
    min-width: 130px; }
  #doctor-profile .profile-photo .profile-photo-main {
    min-height: 0; }
  #doctor-profile #modalBookingRules.fade {
    top: 20px !important; }

  /********* directory **********/
  #doctor-profile .directoryPractitionerView .col-md-6:first-child #notifyMeForm {
    width: 91%; }
  #doctor-profile .directoryPractitionerView #alertsMobile .alert {
    padding: 10px; } }
@media (max-width: 480px) {
  /* directory */
  #doctor-profile .directoryPractitionerView {
    display: block; }
    #doctor-profile .directoryPractitionerView .col-md-6 {
      width: 100%;
      min-height: 0; }
      #doctor-profile .directoryPractitionerView .col-md-6:first-child {
        margin-bottom: 15px; }
        #doctor-profile .directoryPractitionerView .col-md-6:first-child #notifyMeForm {
          position: relative;
          width: 100%;
          bottom: 0; }
    #doctor-profile .directoryPractitionerView #alertsMobile .alert {
      padding: 15px; }

  /*********** doctor details **********/
  .newDoctorDetails.reviews-iframe .reviews-iframe__container .doctor-details__container.reviews-section .reviews-section__rating-list .reviews-section__rating-list-item .reviews-section__rating-list-item-label {
    width: 50%; }
  .newDoctorDetails.reviews-iframe .reviews-iframe__container .doctor-details__container.reviews-section .reviews-section__rating-list .reviews-section__rating-list-item .star-rater {
    width: 50%; } }
.star-rater {
  display: inline-block; }
  .star-rater .half-star-container {
    width: 20px;
    height: 40px; }
  .star-rater .full-star-container {
    width: 40px;
    height: 40px;
    margin-right: 2px; }
  .star-rater .star-container .star-path {
    fill: #F4BC41; }
  .star-rater.star-picker .star-container {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none; }
    .star-rater.star-picker .star-container .star-path {
      fill: #E4E4E4; }
    .star-rater.star-picker .star-container.hovered .star-path, .star-rater.star-picker .star-container.active .star-path {
      fill: #F4BC41; }
  .star-rater.star-picker:hover {
    cursor: pointer; }
    .star-rater.star-picker:hover .star-container.active:not(.hovered) .star-path {
      fill: #E4E4E4; }

.doctor-recommendation {
  background-color: #F4BC41;
  border-radius: 2px;
  padding: 0 3px;
  display: inline-block;
  position: relative; }
  .doctor-recommendation .doctor-recommendation-number {
    color: #ffffff;
    font-size: 17px; }
  .doctor-recommendation .doctor-recommendation-image {
    top: 2px;
    left: -1px;
    width: 14px;
    height: 14px;
    position: relative; }

/*# sourceMappingURL=doctor_profile.css.map */