@import url('https://fonts.googleapis.com/css?family=Montserrat');
body {
  font-family: 'Montserrat', sans-serif;
}
/* :root {
  --border-color: #1CB8EA;
  --main-color: linear-gradient(to right, #02CACB , #069DCF);
  --hover-color: linear-gradient(to right, #069DCF , #02CACB);
  --border-hover-color: #245CA8;
} */
:root {
  --main-color: #037D71;
  --hover-color: #12a193;
}
/* For text color */
table.table td h2 span,
.slick-next:before,
.slick-prev:before,
.main-nav .has-submenu.active .submenu li.active > a,
.clinic-booking a,
.load-more a,
.custom_check .checkmark::after,
a:hover,
.text-primary,
.dropdown-menu > li > a.text-primary,
.terms-accept a,
.exist-customer a,
.booking-total ul li .total-cost,
.doc-department,
.user-tabs .nav-tabs.nav-tabs-bottom > li > a.active,
.user-tabs .nav-tabs.nav-tabs-bottom > li > a.active:hover,
.user-tabs .nav-tabs.nav-tabs-bottom > li > a.active:focus,
.exp-year,
.speicality-img span i,
.view-btn,
.header-navbar-rht li a.header-login,
.main-nav > li.active > a {
  color: var(--main-color)!important;
}
.load-more a:hover,
.main-nav .has-submenu.active .submenu li.active > a:hover,
.clinic-booking a.view-pro-btn:hover,
.clinic-booking a.view-pro-btn:focus,
.speicality-img span i:hover,
.view-btn:hover,
.header-navbar-rht li a.header-login:hover,
.main-nav > li.active > a:hover {
  color: var(--hover-color)!important;
}
/* For border color */
.btn-primary,
.section-header .btn-primary,
.view-inv-btn,
.success-cont i,
.login-btn,
.load-more a,
.btn-search .btn,
.payment-radio input:checked ~ .checkmark,
.submit-section .submit-btn,
.time-slot li .timing.selected,
.nav-tabs.nav-tabs-bottom > li > a.active,
.nav-tabs.nav-tabs-bottom > li > a.active:hover,
.nav-tabs.nav-tabs-bottom > li > a.active:focus,
.clinic-booking a.apt-btn,
.book-btn,
.view-btn,
.search-box .search-btn,
.header-navbar-rht li a.header-login {
  border-color: var(--main-color)!important;
}
.btn-primary:hover,
.section-header .btn-primary:hover,
.view-inv-btn:hover,
.submit-section .submit-btn:hover,
.load-more a:hover,
.btn-search .btn:hover,
.login-btn:hover,
.clinic-booking a.view-pro-btn:hover,
.clinic-booking a.view-pro-btn:focus,
.clinic-booking a.apt-btn:hover,
.book-btn:hover,
.view-btn:hover,
.search-box .search-btn:hover,
.header-navbar-rht li a.header-login:hover {
  border-color: var(--hover-color)!important;
}
/* For background color */
.patient-info-modal .modal-header,
.btn-primary,
.section-header .btn-primary,
.view-inv-btn,
.success-cont i,
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus,
.login-btn,
.btn-search .btn,
.payment-radio input:checked ~ .checkmark::after,
.submit-section .submit-btn,
.time-slot li .timing.selected,
.clinic-booking a.apt-btn,
.slick-dots li.slick-active button,
.book-btn,
.about-content a,
.search-box .search-btn {
  background: var(--main-color)!important;
}
.btn-primary:hover,
.section-header .btn-primary:hover,
.view-inv-btn:hover,
.submit-section .submit-btn:hover,
.btn-search .btn:hover,
.login-btn:hover,
.clinic-booking a.apt-btn:hover,
.slick-dots li.slick-active button:hover,
.book-btn:hover,
.about-content a:hover,
.search-box .search-btn:hover {
  background: var(--hover-color)!important;
}
/* Custom CSS for white color when hover */
.nav-tabs.nav-tabs-solid.nav-tabs-rounded > li > a.active,
.nav-tabs.nav-tabs-solid.nav-tabs-rounded > li > a.active:hover,
.nav-tabs.nav-tabs-solid.nav-tabs-rounded > li > a.active:focus,
.patient-info-modal .modal-header h4,
.btn-primary:hover,
.section-header .btn-primary:hover,
.view-inv-btn:hover,
.submit-section .submit-btn:hover,
.time-slot li .timing.selected:hover,
.about-content a:hover,
.clinic-booking a.apt-btn,
.slick-next:hover:before,
.slick-prev:hover:before,
.login-btn:hover,
.book-btn:hover,
.clinic-booking a.apt-btn:hover {
  color: #fff!important;
}
/* .load-more a:hover,
.view-btn:hover,
.header-navbar-rht li a.header-login:hover ,
.clinic-booking a.view-pro-btn:hover,
.clinic-booking a.view-pro-btn:focus {
  background: none!important;
} */



/* Custom CSS */
 
 
.main-nav li a {
  text-transform: uppercase;
}
.login-right .dont-have a{
    color: #037D71!important;
}
.logo-text{
    color: #037D71;
}
footer{
    background-color: #037D71 !important;
}
.footer .footer-bottom .copyright {
    border-top: 1px solid #12a193 !important;
}
.header-navbar-rht li a.header-login{
    
    
   
}
.header-navbar-rht li a.header-login:hover{
    background-color: transparent !important;
    color:#037d71 !important;
    border-color: #037d71 !important;
 
}
.header-contact-img i {
    color: #12a193 !important;
}
.d-flex{
    display: flex;
    align-items: center;
}
.search-box .search-info {
    -ms-flex: 0 0 auto !important;
    flex: 0 0 auto;
    margin-right: 12px;
    position: relative;
    width: 490px;
}
.side-banner{
    margin: 0 auto;
}
.section-home-search{
    background-color: #f8f9fa;
    padding: 80px 0;
}
.footer .footer-bottom .copyright-text p a:hover{
    color: #fff !important;
}
.footer .social-icon ul li a{
    color: #fff !important; 
}
.speicality-img{
    border-radius: 10px !important;
}
.about-content{
    margin-bottom: 30px;
}
.about-content p { 
    color: #757575;
}
.login-header h3 a {
    color: #12a193;
    float: right;
    font-size: 15px;
    margin-top: 2px;
}
.breadcrumb-bar {
    background-color: #037d71 !important;
}
.clinic-booking a{
    border: 2px solid #037d71 !important; 
}
.btn-load-more .load-more a{
    background-color: #037d71 ;
    color: #fff !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #037d71 !important;
}
.clinic-booking a.view-pro-btn:hover{
    background-color:  #12a193 !important;
    color: #fff !important;
}
.features-list li{
  list-style-type: none;
  color:#757575;
  padding: 10px;
  font-size: 15px;
}

.features-list i.fas.fa-check{
  color: #037d71 !important;
}
.social-login .btn:hover, .social-login .btn:focus {
  color: #fff !important;
}
.unread-msg {
  background-color: #12a193 !important; 
  color: #fff !important;
}
.dashboard-menu > ul > li.active > a{
  color: #037d71 !important;
}
.change-photo-btn{
  background-color: #037D71 !important;
}
.services-card .badge-info{
  background-color: #12a193 !important;
}
.custom-control-input:checked~.custom-control-label::before {
  color: #fff;
  border-color: #12a193 !important;
  background-color: #12a193 !important;
}
.voice-call-incoming{
  margin: 0 auto;
  padding: 70px 50px ;
  border-radius: 10px;
}
.bar-icon span {
  background-color: #037d71 !important;
}
.info-label label{
  font-size: 13px;
  font-weight: 400 !important;
  color: #6b6a6a !important;
}
.info-widget{
  padding-bottom: 10px !important;
}
.nav-tabs.nav-tabs-solid > li > a.active{
  background-color: #12A193 !important;
  border-color: #037d71 !important;
}
.schedule-nav .nav-tabs li a.active {
  background: #037d71;
  border: 1px solid #037d71 !important;
}
.doc-slot-list {
  background-color: #12a193 !important;
  border: 1px solid #12a193 !important;
}
.doc-slot-list a {
  color: #08635a !important;
}
.edit-link {
  color: #12a193 !important;
}
.services-select2 .select2-container--default .select2-selection--multiple .select2-selection__rendered{
  line-height: 30px;
  
}
.hours-info .btn.btn-danger.trash:hover{
  color: #fff !important;
}
.add-more a {
  color: #12a193 !important;
}
.clinic-booking a{
  padding: 10px;
}
.call-btn:hover, .call-btn:focus {
  background-color: #12a193 !important;
  border-color: #12a193 !important;
  color: #fff !important;
}
.clinic-direction a {
  color: #12a193 !important; 
}
.before-circle {
  background-color: rgba(18, 161, 147, 0.52) !important; 
  border: 2px solid #12a193 !important;
}
.doc-location a {
  color: #12a193 !important;
}
.review-listing > ul li .comment .comment-body .comment-reply .comment-btn {
  color: #037d71 !important;
}
.recommended {
  color: #12a193 !important;
}
.btn.btn-danger.trash:hover{
  color: #fff !important; 
}
.doctor-action .fav-btn:hover{
  background-color: #12a193 !important; 
  color: #fff !important;
  border-color: #12a193 !important; 
}
.msg-btn:hover, .msg-btn:focus{
  background-color: #12a193 !important; 
  color: #fff !important;
  border-color: #12a193 !important;  
}
.patient-info ul li{
  text-transform: normal !important;
}
.health-info{
  padding-bottom: 30px;
} 
.add-new-btn {
  background-color: #037d71 !important;
  border-radius: .3rem !important;
}
.add-new-btn:focus, .add-new-btn:hover, .add-new-btn:active{
  color: #fff !important;
  background-color: #12a193 !important; 
}
.add-more-item a {
  color: #12a193 !important;
}
.pres {
  border: 0px solid #f8f8f8 !important;
  padding: 20px !important;
}
.banner-wrapper .banner-header h1{
  color: #fff !important;
}
.banner-wrapper .banner-header p {
  color: #e3e3e3 !important;
}
.search-box .form-text {
  color: #d6d6d6 !important;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  background-color: #058e81 !important;
  color:   #fff !important;
  opacity: 1;
}

.slick-prev:before{
 color: #fff !important;
 opacity: 1;
}
.slick-next:before{
 color: #fff !important;
 opacity: 1;
}
.slick-prev, .slick-next{
 background-color:  #037d71 !important;
  color: #fff !important;
}
.schedule-nav .nav-tabs li a.active:hover{
  color:#fff !important;
}

.doc-img { 
    height: 255px !important;
}

.section-search{
  background: url("../img/images/slider5.jpg") no-repeat bottom center !important;
  opacity: 1 !important;
  background-size: cover !important;
  min-height: 480px !important;
}

.address-section{margin-bottom : 30px }

.accordion .collapsed.card-link, .accordion .collapsed.card-link:hover {
  background: #fff;
  color: #2E3842!important;
}
.accordion .card-link, .accordion .card-link:hover {
  background: var(--main-color);
  color: #fff!important;
  display: block;
  padding: 12px 20px;
}
.accordion .card .card-header {
  padding: 0 0;
}

.card-label > textarea {
  background-color: #ffffff0f;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .05);
  display: block;
  height: 100px;
  padding: 5px 15px 0;
  transition: border-color .3s;
  width: 100%;
}
textarea:focus{
  outline: .5px solid #dcdcdc;  
}

.profile-widget p.speciality{     min-height: auto !important; }

.money-title{
font-size: 16px !important;
}

.view-btn:hover{
color: #fff !important;
background-color: var(--main-color)  !important;
}

.prescription-heading{
  padding: 15px 0;
}

.search-box .form-control{
  padding-left: 20px !important;
}

.search-location .form-control {
    background: #fff !important;
}

.search-info .form-control{
    background: #fff !important;
}

.contact-section {
    padding: 80px 0;
    background-color: #fff;
}

.section-features  .features-img{
  text-align: right;
}

.prescription-heading{
  padding: 15px 0;
}
.prescription-header{
  background-color: #fff;;
}
.hospital-address{
  font-size: 14px;
  color: #757575;
}
.pres-info { 
  margin-top: 30px;
}
.pres-header{
  border-bottom: 1px solid #ccc;
}
.hos-name{
  font-size: 18px;
}

.search-box .form-control {
  background: #fff !important;
  padding-left: 20px !important;
}
.reg-doc{
  text-decoration: underline;
}

.section-features .features-img {
  text-align: right;
}

@media only screen and (min-width: 1023px){
  .main-nav li.login-link {
    display: block;
}
}
@media only screen and (max-width: 991.98px){ 
.main-nav > li {
    border-bottom: 1px solid #057066;
}
.main-menu-wrapper{
  background-color: #037d71;
}
.main-nav > li.active > a{
  color: #fff !important;
}


.banner-wrapper {
  max-width: 100% !important; 
}
.search-box .search-info{
  width: 420px;
} 
}
@media (max-width:767px){
  .search-box .search-info{
    width: 100%;
  } 
}


.profile-widget p.speciality{
  min-height: auto !important;
  font-size: 14px !important;
  color: #037d71 !important;
}
.spec{
  padding-right: .7em;
  padding-left: .7em;
  padding-top: .2em;
  padding-bottom: .2em;
  font-size: 14px;
  font-weight: 400;
  border-radius: 50rem;
  background-color: #000;
  background-color: rgba(15, 183, 107, 0.17) !important;
  color: #037d71 !important;
}

.auto-complete-list {
    position: absolute;
    top: 44px;
    left: 0;
    right: 0;
    padding-left: 0px;
    list-style: none;
    overflow-y: scroll;
    z-index: 9999999;
} 

  /* For ZOOM Below CSS  has been used*/
  .sdk-select {
  height: 34px;
  border-radius: 4px;
  }

  .websdktest button {
  float: right;
  margin-left: 5px;
  }


  #show-test-tool {
  position: absolute;
  top: 100px;
  left: 0;
  display: block;
  z-index: 99999;
  }

  #display_name {
  width: 250px;
  }


  #websdk-iframe {
  width: 700px;
  height: 500px;
  border: 1px;
  border-color: red;
  border-style: dashed;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  margin: 0;
  }


  /* END */