.checkbox-align{
    display:flex;
    justify-content: space-evenly;
}
.pstn-teath-sysbls img {
    width: 100% !important;
}
.topbar-nav .navbar {
    display: none !important;
}

ul.ks-cboxtags {
    list-style: none;
    margin-bottom: 0;
    padding: 10px !important;
}
ul.ks-cboxtags li{
  display: inline;
}
ul.ks-cboxtags li label{
display: inline-block;
    background-color: rgba(255, 255, 255, .9);
    border: 2px solid #000;
    color: #000;
    white-space: nowrap;
    margin: 3px 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: all .2s;
    font-weight: 100;
    font-size: 12px;
    border-radius: 5px;
    border: 1px solid #ddd;
    font-weight: bold;
}

ul.ks-cboxtags li label {
    padding: 2px 2px;
    cursor: pointer;
}

ul.ks-cboxtags li input[type="checkbox"]:checked + label {
    border: 2px solid #a8c452;
    background-color: #a8c452;
    color: #fff;
    transition: all .2s;
}

ul.ks-cboxtags li input[type="checkbox"] {
  display: absolute;
}
ul.ks-cboxtags li input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}


.btn-cus{
    height: 100%;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mustasterisk{
    color: red;
}

.cus-pad{
    padding: 33px 0px 110px;
}
.hm-log{
    padding: 50px 0px;
}
.hm-log h2{
        font-weight: bold;
        text-align: center;
    margin-bottom: 25px;
    color: #a8c452;
}
.hm-log hr{   
    margin: 30px 0px;    color: #3563ea;
}

.hm-log h2 {
    font-weight: bold;
    font-size: 45px;
    margin-bottom: 25px;
    color: #a8c452;
}

.form-control:focus {
    border-color: #a8c4524f;
    box-shadow: 0 0 0 0.2rem rgb(251 99 120 / 26%);
}
.border-top a{color: #a8c452;}
.overlapdiv1 {
    height: fit-content;
    background-color: #a8c452;
    position: relative;
    padding: 25px 160px 0px;
    border-radius: 30px 30px 0px 0px;
}

/* .overlapdiv2{
    width: 100%;
    height: auto;
    padding: 1rem;
    background-color: #fff;
    position: absolute;
    z-index: 11;
    top: 60%;
    border: 1px solid black;
    border-radius: 33px;
} */

.overlapdiv3{
    height: fit-content;
    background-color: #a8c452;
    position: relative;
    padding: 10px;
}

.overlapdiv4{
    width: 100%;
    height: auto;
    padding: 1rem;
    background-color: #fff;
    position: absolute;
    z-index: 11;
    top: 80%;
    border: 1px solid black;
    border-radius: 33px;
}

.search-container{
    margin: 15px;
}

.bg-secondary{
background-color: #a8c452;
}

.bg-white{
    background: #fff !important;
    box-shadow: 10px 5px 5px #aaaaaa;
}

.rate {
    float: left;
    height: 46px;
    padding: 0 0px;
}
.rate:not(:checked) > input {
 position: absolute;
      top: 17px;
    margin: 0px 0px 0px 0px;
}
.rate:not(:checked) > label {
    /*float:right;*/
 margin-top: -10%;
    width: 1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 60px;
    color: #ccc;
}
input.fa-star.roseschecked:before{
    z-index: -1;top: -8px;
    left: -5px;
}
input.fa-star.roseschecked:hover:before{
    z-index: 999999;
}



/*.rate:not(:checked) > label:before {*/
/*    content: '★ ';*/
/*}*/
/*.rate > input:checked ~ label {*/
/*    color: #ffc700;    */
/*}*/
/*.rate:not(:checked) > label:hover,*/
/*.rate:not(:checked) > label:hover ~ label {*/
/*    color: #deb217;  */
/*}*/
/*.rate > input:checked + label:hover,*/
/*.rate > input:checked + label:hover ~ label,*/
/*.rate > input:checked ~ label:hover,*/
/*.rate > input:checked ~ label:hover ~ label,*/
/*.rate > label:hover ~ input:checked ~ label {*/
/*    color: #c59b08;*/
/*}*/

/*.rate.rate1{*/
/*    background: #f16c7c;position: relative;*/
/*}*/
.rate.rate1{
    background: #f16c7c;position: relative;
    width: 100%;
    text-align: center;
}


.rate:not(:checked) > label:before {
    /*content: '★ ';*/
    content: '' !important;
    background-image: url(../img/rose.png);
    z-index: 999999;
    position: absolute;
    height: 28px;
    width: 27px;
    background-size: 23px;
    background-repeat: no-repeat;
      margin:0px -13px;
}

.rate > input:checked ~ label {
    color: #ffc700;    
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color: #deb217;  
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
    color: #c59b08;
}

.searchfield{
    border: none;
    box-shadow: 5px 5px 5px 5px #aaaaaa;
    width: 25%;
    border-radius: 10px;
    padding: 9px;
    background-color: #dff0ff;
}

.weekdays{
    
    padding: 1%;
    text-align: center;
    width: auto;
    border-radius: 10px;
}

.bulletsicon{
    list-style: none !important;
}

.days-align{
    display: flex;
    justify-content: space-evenly;
}

.appointementdays{
    background: #a8c452;
    width: 8%;
    border: 1px solid transparent;
    height: 55px;
    border-radius: 16px;
    margin: 0px 18px 13px 0px;
    display: inline-block;
}

.appointementdays:active{
    background: #a8c452;
    width: 8%;
    border: 1px solid transparent;
    height: 55px;
    border-radius: 16px;
    margin: 0px 18px 13px 0px;
    display: inline-block;
}

.appointementdays:focus-visible{
    background-color:#27abfc;
    width: 85px;
    border: 1px solid transparent;
    border-radius: 60px;
    height: 85px;
    border-radius: 50px;
}





.appointementdays li a{
    color: #fff !important;
}

.weekdays1{
    box-shadow: 5px 5px 5px 5px #aaaaaa;
    text-align: center;
    width: auto;
    height: fit-content;
    display: flex;
    justify-content: space-around;
    border-radius: 10px;
    margin: auto;
}

/* .weekdays1:active{
    background: #039dfcdb;
    color: #fff;
    cursor: pointer;  
}
.weekdays:active{
    background: #039dfcdb;
    color: #fff;
    cursor: pointer;
} */
 /* .weekdays :active{
    color: #fff;
 } */

 .appointmentbutton{
    color: #fff !important;
    background-color: #F49110 !important;
    margin-top: 7px;
 }

.paymentstyle{
    font-size: 40px !important;
    padding-top: 10px !important;
    text-align: center !important;
    color: #fff !important;
    margin: 0px 20% !important;
}

.icon-container{
    text-align: center;
}

.modal-header{
    display: flex !important;
    justify-content: center !important;
}

.modal-footer{
    display: flex !important;
    justify-content: center !important;
}

.modal{
    z-index: 11111 !important;
}

/* ////////////////search-bar//////////////////// */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f6f6f6;
    min-width: 230px;
    overflow: auto;
    border: 1px solid #ddd;
    z-index: 1;
    width: 37%;
    top: 29%;
  }

  .show {display: block;}

@media screen and (max-width: 768px){
    .cus-pad{
        padding: 0 !important;
    }
}
.v_height{
    min-height:105vh !important
}

.v_height1{
    min-height:150vh !important
}

.v_height2{
    min-height:176vh !important
}

.v_height3{
    min-height:110vh !important
}
.v_height4{
    min-height:75vh !important
}

.v_height5{
    min-height:200vh !important
}
/* /////////////loader//////////////// */




/* Center the loader */
   #loader {
    height: 100%;
    width: 100%;
    z-index: 999999;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto !important;
}
    #loader img{
        width: 40%;
    }
  
  
  /* Add animation to "page content" */
  .animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s
  }
  
  @-webkit-keyframes animatebottom {
    from { bottom:-100px; opacity:0 } 
    to { bottom:0px; opacity:1 }
  }
  
  @keyframes animatebottom { 
    from{ bottom:-100px; opacity:0 } 
    to{ bottom:0; opacity:1 }
  }
  
  #myDiv {
    display: none;
    text-align: center;
  }

  a{
      cursor: pointer;
  }


  .dash-height{
      height: 80px;
  }


  /* //////////////checkboxwithdropdown///////////////////// */
  .dropdown {
    position: relative;
    font-size: 14px;
    color: #333;
  }
  .dropdown .dropdown-list {
    padding: 12px;
    background: #fff;
    position: absolute;
    top: 45px;
    left: 2px;
    right: 2px;
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.15);
    transform-origin: 50% 0;
    transform: scale(1, 0);
    transition: transform 0.15s ease-in-out 0.15s;
    max-height: 30vh;
    overflow-y: scroll;
  }
  .dropdown .dropdown-option {
    display: block;
    padding: 8px 12px;
    opacity: 0;
    transition: opacity 0.15s ease-in-out;
  }
  .dropdown .dropdown-label {
    display: block;
    height: 30px;
    background: #fff;
    padding: 6px 12px;
    line-height: 1;
    cursor: pointer;
  }
  .dropdown .dropdown-label:before {
    content: "▼";
    float: right;
  }
  .dropdown.on .dropdown-list {
    transform: scale(1, 1);
    transition-delay: 0s;
    z-index: 10;
  }
  .dropdown.on .dropdown-list .dropdown-option {
    opacity: 1;
    transition-delay: 0.2s;
  }
  .dropdown.on .dropdown-label:before {
    content: "▲";
  }
  .dropdown [type=checkbox] {
    position: relative;
    top: -1px;
    margin-right: 4px;
  }



  /* ///////////////////////////////////// */

  .c-day-session {
    border-bottom: 1px solid #f0f0f5;
}

.u-cushion--vertical {
    padding: 16px 0;
}

.pure-g {
    text-align: center;
    text-rendering: optimizespeed;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    display: -webkit-flex;
    align-content: flex-start;
}


.u-cushion--small-left {
    padding-left: 20px;
    margin: auto;
    text-align: center;
}

.u-grey_3-text {
    color: #787887;
}

.c-day-session__body {
    width: 85%;
}

.c-day-session__slot {
    width: 14.285%;
    padding: 4px;
    letter-spacing: normal;
}

.c-day-session__slot input {
    width: 84px;
    border-radius: 3px;
    border: 1px solid #e0e0e4;
    padding: 5px 0;
    display: inline-block;
    text-align: center;
    color: #2d2d32;
    cursor: pointer;
    background: #fff;
}

.c-day-session__slot input:hover {
    background-color: #5eaf59;
    color: #fff;
    border: 1px solid #188611;
}


.nav-pills-center{
    align-items: center;
    display: flex;
    justify-content: center;
}


.carousel-control1{
    left: 20% !important;
    top: 30% !important;
    width: 50px !important;
    height: 50px;
    margin-top: -1.5rem;
    font-size: 35px;
    background-color: rgba(0, 0, 0, 0.5);
    border: 2px solid #fff;
    border-radius: 50%;
    transition: all .3s;
}
.carousel-control2{
    right: 20% !important;
    top: 30% !important;
    width: 50px !important;
    height: 50px;
    margin-top: -1.5rem;
    font-size: 35px;
    background-color: rgba(0, 0, 0, 0.5);
    border: 2px solid #fff;
    border-radius: 50%;
    transition: all .3s;
}
.navbar ul.ml-auto {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.nav-item.dropdown  {
/*     width: 255px !important;*/
    text-align: center;
    display: inline-block;
}
.nav-link.dropdown-toggle h3{
white-space: nowrap;
    width: 144px;
    font-size: 17px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
}
.nav-link.dropdown-toggle{
    border: 1px solid #d0d0d0;
    background: #fff4f5;
    border-radius: 6px;
}
.days-align{
    width: 100%;
    display: inline-block;
    border: 1px solid #c1c1c1;
    border-radius: 7px;
    padding:0px;
}
.day-size{
    font-size: 16px;
}
.weekdays p{
    font-size: 14px;font-weight: normal;
}


/* /////////////////27/04/2021/////////slider testing/////////////////// */
/* 
body .nav-tabs {
    border-bottom: none;
  }
  body button.owl-prev {
    position: absolute;
    left: 0px;
    top: 37%;
    transform: translateY(-50%);
    background-color: white !important;
    width: 20px;
    height: 20px;
    border-radius: 100% !important;
    color: #000 !important;
  }
  body button.owl-next {
    position: absolute;
    right: 0px;
    top: 37%;
    transform: translateY(-50%);
    background-color: white !important;
    width: 20px;
    height: 20px;
    border-radius: 100% !important;
    color: #000 !important;
  }
  body .owl-dots {
    display: none;
  }
  body .item {
    display: flex;
    justify-content: center;
  }
  body .item li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    background-color: #fff;
    border-radius: 100%;
    color: #000;
    text-transform: uppercase;
    flex-wrap: wrap;
    text-align: center;
    font-size: 20px;
    text-decoration: none;
    font-weight: 700;
  }
  body .item li.active a {
    background-color: #009688;
    color: #fff;
  }
  body .tab-content {
    padding: 20px;
    background-color: #fff;
    font-size: 17px;
    text-align: center;
    line-height: 25px;
    margin-top: 30px;
    border-radius: 19px;
  }
  body .tab-content h3 {
    font-size: 40px;
    font-weight: bold;
  } */


  .Login-page .login-btn{
    width: 100% !important;
    background-color:#7abddb; color:#fff;
    border-radius: 12px 0px 12px 0px;
  }
  .Login-page .frgt-btn{
    background-color: #F49110;
    color: #fff;
    width: 100% !important;
    border-radius: 12px 0px 12px 0px;
    display: block;
    padding: 0px 5px 4px;
    font-size: 1rem;
    line-height: 39px;
    text-align: center;
  }
  .Login-page .rg-btn{
    background-color: #a8c452;
    color: #fff;
    width: 48% !important;
    border-radius: 12px 0px 12px 0px;
    padding: 9px;
    font-size: 18px;
    margin: 0px auto;
    display: block;
  }
  .Login-page .btn:hover{
      color: #fff;    opacity: 0.7;
  }
  .hm-log .Login-page hr {
    margin: 10px 0px 20px;
    color: #3563ea;
}
.hm-reg-hd{
    padding: 0px;
}
.hm-reg-hd h2 {
    text-align: center;
    font-weight: bold;
    font-size: 45px;
    margin-bottom: 25px;
    color: #a8c452;
}
.hm-reg-hd h3 {
    text-align: center;
    font-weight: bold;
    font-size: 76px;
    margin-bottom: 25px;
    color: #a8c4522e;
    position: absolute;
    top: 423px;
    left: -421px;
    transform: rotate(
270deg
);

}
.frm-sign{
    background: #f7edef1f;
    border: 1px solid #a8c45285;
    padding: 35px;
}
.pst-fix-dr{
    position: fixed;
    width: 24%;
    top: 277px;
    right: 0;
}
.frm-sign .form-group label {
    margin-bottom: 2px ;
}
.frm-sign .form-group.col-md-6 {
    padding-right: 15px;
    padding-left: 15px;
}
.frm-sign .form-group.col-md-12{
    padding-right: 15px;
    padding-left: 15px;
}
.grp-loctn{
    
    background: #efefef;
    border: 2px dotted #8fbbcf;
    padding: 16px 7px 10px;
    margin: 5px -4px 11px !important;
}
.modal-header{
    padding: 8px 15px;
    background: #a8c452;
}
.modal-header h5{
    color: #fff;
}

.modal-header  .close{
    color: #fff;
    opacity: 1;
}
.modal-prvcy {
    top: 15% !important;
}
.modal-footer .btn.btn-secondary{
    background-color:#a8c452;
}
.modal-prvcy .modal-body{
    overflow-y: scroll;
    height: 300px;
    overflow-x: hidden;
}
.modal-body {
    padding: 35px 6px !important;
}

::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F49110;
}

::-webkit-scrollbar
{
	width: 10px;
	background-color: #F49110;
}

::-webkit-scrollbar-thumb
{
	background-color: #a8c452;	
	background-image: -webkit-linear-gradient(45deg,
	                                          rgba(255, 255, 255, .2) 25%,
											  transparent 25%,
											  transparent 50%,
											  rgba(255, 255, 255, .2) 50%,
											  rgba(255, 255, 255, .2) 75%,
											  transparent 75%,
											  transparent)
}




.Login-page .rg-btn.paint{
    width: 100% !important;
}
.gmail-btn {
    background: #fff  !important;
    border: 2px dotted #333!important;
    color: #333!important;
    font-weight: bold!important;
}
.gmail-btn img{
    width: 10%;
    margin-right: 10px;
    display: inline-block;
}



/*-------------------------- Patient css Start -------------------*/
.patient-5btns {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.patient-5btns-mrg{
    flex: 1 0 auto;
    padding: 5px 5px;
}
  .patient-5btns a {
    background-color: #a8c452;
    color: #fff;
    width: 100%;
    display: inline-block;
    border-radius: 14px 0px 14px 0px;  
}
.patient-5btns a .btn{
    color: #fff;
    width: 100%;
    text-transform: capitalize;
}
.mrg-lft85{
    margin-left: 85px;
}


.add_prescription-page{
    padding: 150px 0px 30px;
}

.card .card-title{
    background: #a8c452;
    border-radius: 3px 3px 0px 0px;
    padding: 7px 16px;margin: 0;
    border-radius: 6px;
}
.card .card-title h3{
    color: #fff;
    margin-bottom: 0px;
    font-weight: bold;
}
.card .card-title a i{
    color: #a8c452;
}
.add_prescription-page .card .card-title a {
    /*background: #fff;*/
    border-radius: 8px 0px 8px 0px;
    padding: 6px 18px 10px;

}
a.btn.btn-white.btn-sm {
    color: #F49110 !important;
}
.submit-bt{
    background: #a8c452;
    color: #fff;
    border: none;
}

.other_dentist h1{
    color: #a8c452;
    font-weight: bold;

}

.other_dentist .card .card-title {
    padding: 0;
}
.other_dentist .card .card-title {
    padding: 0;
}
.card .card-title .btn-link{
    color: #fff;
    display: block;
    cursor: pointer;
    width: 100%;
    text-transform: capitalize;
    text-align: left;
}
.other_dentist .card .card-title {
    background: #a8c452;
    border-radius: 3px 3px 0px 0px;
    /* padding: 7px 0px; */
}

.prfl-mrg-btm{
    margin-bottom: 8px;
}
.prfl-mrg-btm h5{
    font-weight: bold;
        font-size: 16px;
}
.add_prescription-page .form-group label {
    margin-bottom: 5px;
    vertical-align: top;
}

.add_prescription-page .form-group.col-md-6 {
    padding-right: 15px;
    padding-left: 15px;
}
.add_prescription-page .form-group.col-md-12{
    padding-right: 15px;
    padding-left: 15px;
}

.banner-apoint{
    padding: 99px 0px 0px;
}
.banner-apoint-tabs{
    padding: 30px 0px 50px;
    background: #fff;
    border-radius: 40px 40px 0px 0px;
    z-index: 999999;
    position: relative;
    top: -34px;
}
.banner-apoint-tabs .overlapdiv2 {
    /* width: 100%;
    height: auto;
    padding: 30px 180px 0px;
    background-color: #fff;
    position: absolute;
    z-index: 11;
    top: 54%;
    border: none;
    border-radius: 33px 33px 0px 0px; */
}
.search-container .searchfield{
    background: #fff;
    box-shadow: none;
    border: 1px solid #a8c45275;
    width: 100%;
}
.search-container{
    margin: 15px;
    position: relative;
}
.search-container{
    margin: 15px 15px 35px;
    position: relative;
}
.search-container .submit-bt{
    position: absolute;
    right: 0;
    top: 0;
    width: 13%;
}
.font-wt-bold h3{
    font-weight: bold;
}
.font-wt-bold{
    font-weight: bold;
}

.book-app-3tabs .nav-item {
    width: 33% !important;
}
.book-app-3tabs .nav-item a.active .card-style7{
    border-radius: 25px;background: #fff;  
}
.book-app-3tabs .nav-item .bg-primary {
    background-color: #fff !important;
}
.book-app-3tabs .nav-item a.active .card-body{
    border-radius: 25px;
    background-image: linear-gradient(to right, rgb(255 146 161), rgb(251 99 120));
    position: relative;
    overflow: hidden;
}
.book-app-3tabs .nav-item h3.h4{
    margin: 0px 0px 10px !important;
    font-size: 18px;
}
.book-app-3tabs .nav-item .card-body{
    text-align: left;    background: #00669c;    border-radius: 25px;
}
.banner-apoint-tabs .media-body .media-heading a{
    text-transform: capitalize;
    color: #fc697d;
    font-size: 18px;
    font-weight: bold;
}
.overall-rating {
    display: inline-block;
    font-size: 18px;
    color: #f00;
}
.dr-list .bg-white{
    margin-bottom: 15px;
    background: #fff !important;
    box-shadow: none;
    width: 31.5%;
    display: inline-block;
    margin: 6px 6px 12px;
}
.user-icon0book{
    color: #fff;font-weight: 900; font-size: xxx-large;float: right;
}
.doc-dtl{
    padding: 10%;    text-align: left;
}
.doc-dtl h2{
    color: #fff;
    font-size: 42px;
    text-transform: capitalize;
}
.doc-dtl h6{
    color: #fff;
    text-transform: capitalize;
}
.doc-dtl .overall-rating{
    color: #fff;
    padding-right: 10px;
}
.dr-img-befr::before{
    content:'';
    position: absolute;
    top: 2px;
    background: #ffff;
    width: 50px;
    height: 50px;
}
.dr-img-befr{
    width: 80%;
}
.c-day-session .appointmentbutton{
    margin:0px;
}
.c-day-session .weekdays1{
    box-shadow: none;
}
.banner-apoint-tabs .bulletsicon{
    margin: 0px;
    padding: 0px ;
}
.no-found h2{
    font-size: 60px;
    font-weight: 800;
    color: #a8c45252;
    padding: 50px 15px;
}
.inline-blk{
    display: inline-block;
}
.form-rltv-btn {
    position: relative;
}
.form-rltv-btn .submit-bt{
    position: absolute;
    right: 6px;
    top: 5px;
}
.form-control{
    line-height: 2;
}

.add_prescription-page.sec-tp-btm-pd{
    padding: 100px 0px 50px;
}

.appointmentbutton.loc{
    margin-top: 5%;
    width: 100%;
}




.ap-cnfm{
    background: #a8c452;
    padding: 15px 0px 25px;
    margin: 99px 0px 1px;
}
.ap-cnfm .paymentstyle {
     margin: 0px 0% !important;
     font-weight: bold;
}
.ap-cnfm-form{
    padding: 0px;
}
.ap-cnfm-form .frm-ap-cnfm{
    background: #f5f5f5;
    padding: 30px 30px;
}
.wdt-alrgy {
	border: 1px solid #ced4da;
    margin: 5px;
    background: #fffefe;
    padding: 6px 10px 1px;
    flex: 1 0 auto;
    border-radius: 6px;
}

.frm-fnt-sz-w-labl{
    font-size: 15px;
    font-weight: 500;
    display: block;
}
.multi-s .btn-group button{
    border: 1px solid #ced4da;
    text-align: left;
}
.multi-s .input-group-btn{
    display: none;
}
.multi-s .dropdown-menu.show {
    width: 100%;
}
.multi-s .multiselect-container .input-group {
     margin: 0px; 
}
.multi-s .multiselect-container>li>a>label {
    padding: 3px 3px 3px 10px;
    display: block;
}

.appointementdays.Wed{
background: #000;
}
.hed-check{
    text-align: center;
    color: #F49110;
    font-weight: bold;
    margin-bottom: 10px
}

.checkup-pge{
    padding-bottom: 100px;
}
.add_prescription-page.bkng-dtls .d-flex.justify-content-between.card-title{
    position: relative;
}
.bkng-dtls .card .card-title h3 span{
    position: absolute;
    right: 17px;
    top: 10px;
    border-radius: 4px;
    padding: 6px 6px 5px;
    background: #F49110;
        color: white !important;
            font-size: 16px;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: #F49110;
}
.dropdown-divider {
    height: 0;
    margin: 0;
}
.doc-dtl{
    padding-top: 80px;
    padding: 0;
}
.banner-apoint-tabs .overlapdiv2.dr-ds .card{
    background: #F49110;
}
.banner-apoint-tabs .overlapdiv2.dr-ds .card a h5{
    color: #fff;
}
.banner-apoint-tabs .overlapdiv2.dr-ds .card a h5 .fa {
    color: #fff;
}
.overall-rating {
    color: #fff;
}
.dr-ds-rds.banner-apoint-tabs .overlapdiv2.dr-ds .card{
    background: #F49110;
    border-radius: 43px !important;
}
.dr-ds-rds.banner-apoint-tabs .bg-white{
    box-shadow: none;
}
.dr-ds-rds.banner-apoint-tabs .overlapdiv2.dr-ds .card-header{
    border: none;border-radius: 26px;
}
.dr-ds-rds.banner-apoint-tabs .overlapdiv2.dr-ds .card:hover {
    background: #a8c452;
}
.dr-ds-rds.banner-apoint-tabs .overlapdiv2.dr-ds .card a h5 {
    color: #fff;
    margin-bottom: 0;
}
.dr-bnr .doc-dtl{
    margin-top: 65px;
}


.dr-ds-rds .btn-info {
    color: #fff;
    background-color: #006399 ;
    border-color: #006399 ;
}
.appointementdays.active{
    background:linear-gradient(to right, rgb(39 171 252), rgb(112 193 243));
}
.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
    background: #a8c452;
    border-radius: 3px 3px 0px 0px;
    padding:  10px 12px;
    margin: 0;
}
.card-header:first-child h5 button{
    color: #fff;
    display: block;
    width: 100%;
    text-align: left;
    padding: 10px 12px;
    text-decoration: none;
}
.card-header:first-child h5 button:focus{
    box-shadow:none;
}
.chkup-titl h5{
    font-size: 1.25rem;
    font-weight: bold;
    margin: 0;
}
.chkup-titl-mrg{
    margin: 0px 0px 10px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #d2d2d2;
}
.chkup-titl-mrg .col-md-6{
    padding: 0px;
}
.src-dnts h6{
    font-size: 12px;
    margin: 0px 0px 4px;
    font-weight: normal;
}
.src-dnts h4{
    font-size: 13px;
    font-weight: 600;
    margin: 0px 0px 4px;
}
.src-dnts .overall-rating{
color: #000;
    font-size: 13px;
    width: 100%;
    display: block;
    flex: 0 0 100%;
    margin-bottom: 10px;
}
.src-dnts span.fa.fa-star.roses {
    background-color: #fc697d;
}
.src-dnts .ds-flx{
    flex-wrap: wrap;
}
.appointmentbutton{
    font-size: 13px;
}
.btn-info {
    color: #fff;
    background-color: #a8c452 !important;
    border-color: #a8c452 !important;
    border-radius: 0px 10px 0px 10px !important;
}
.btn-primary {
    border-radius: 0px 10px 0px 10px !important;
}
.grn-btn{
    background-color: #a8c452 !important;
    display: inline-block !important;
    color: #fff !important;
}
.rd-btn{
    background: #f00;
    padding: 5px 10px;
    display: inline-block;
    border: #f00;
    border-radius: 3px;
    color: #fff;
}
.other_dentist .card .card-title.hstry{
    background: #efefef;
    border: 1px solid #a8c452;
    margin-bottom: 30px;
    box-shadow: 0px 10px 15px #e8e8e8;
    padding: 12px 12px 8px;border-radius: 7px;
        flex-direction: column;


}
.other_dentist .card .card-title.hstry h3{
    display: inline-block;
    color: #333;
    font-weight: 800;
    width: 51%;
    line-height: 24px;
    float: left;
}
.other_dentist .card .card-title.hstry .alergy{
    display: inline-block;
    color: #f00;
    margin: 0px;
}
.bg-light.md.sec-teath-32{
    display: none;
}

.card-title.hstry{
    background: #efefef;
    border: 1px solid #a8c452;
    margin-bottom: 30px;
    box-shadow: 0px 10px 15px #e8e8e8;
    padding: 12px 12px 8px;border-radius: 7px;
        flex-direction: column;
}
.card-title.hstry h3{
    display: inline-block;
    font-weight: 800; 
    color: #a8c452;
    width: 51%;
    line-height: 24px;
}
.card-title.hstry .alergy{
    display: inline-block;
    color: #f00;
    margin: 0px;

}
.ad-hyg-chck-had h2{
    font-weight: bold;
    font-size: 35px;
    color: #1071a1;
    text-align: center;
    margin-bottom: 26px;
}

/* --------------------- Patient Dashboard --------------------- */
.painet-das-k  .mrg-tp-125 {
    margin-top:-50px;
}
.painet-das-k .pb-lg-10, .painet-das-k .py-lg-10 {
    padding: 150px 50px 30px;
}
.srch-dent-trt-lft.table-bordered thead td, .srch-dent-trt-lft.table-bordered thead th{
    padding: 0;
}
.srch-dent-trt-lft .btn-serch input{
    height: auto;
}
.srch-dent-trt-lft .blink{
    display: block;
}
.painet-das-k .blink{
    display: block;
      background: #a8c4521f;
    border-top: 1px solid;
    margin-bottom: 11px;
    padding: 4px;
    border-radius: 8px;
        width: 100%;
}
.lft-side {
    width: 49%;
    display: inline-block;
}
.srch-dent-trt-lft input[type="text"]{
    padding: 0px 8px;
    font-size: 14px;
    border: 1px solid #a8c452;
    border-radius: 0;
}
.painet-das-k .ds-none{
    display: none;
}
.dsply-none{
    display: none;
}
.p-check-accord .card-header{
    padding: 0px;
}
.p-check-accord .card-header h5 button{
    text-transform: capitalize;
    font-weight: 600;
}
.other_dentist .card .card-title.hyg-clng-hd-bx{
    padding: 7px 0px ;
}
.other_dentist .card .card-title.hyg-clng-hd-bx h3{
    font-weight: bold;
}
.overlapdiv2 .fa-search{
    margin: 0px 5px;
}
.back-to-page-app.btn-info{
    color: #a8c452;
    background-color: #fff !important;
}
.banner-apoint .bnr-dr .col-md-8 h2 {
    font-size: 30px;
    font-weight: bold;
}
.dr-list .tab-pane{
    display: none;
}
footer .animated-icon1{
    display: none;
}
.locat-pra{
    font-weight: normal;
    letter-spacing: 0;
}
.days-align h3{
    background: #a8c452;
    color: #fff;
    padding: 8px 38px;
}
.days-align-pad{
    padding: 16px 0px 15px 35px;
}
.no-data-bck{
    background: #a8c452 !important;
    color: #fff !important;
    padding: 10px 32px !important;
    margin-top: 16px !important;
    font-size: 20px !important;
    border-radius: 12px 0px 12px 0px !important;
}
.no-data-bx{
    text-align: center;
    background: #f5f5f5;
    padding: 70px;
    border: 1px solid #a8c452;
    box-shadow: 0px 6px 11px #dedede;
    border-radius: 50px 0px 50px 0px;
}
.no-data-bx h2{
    font-size: 48px;
    font-weight: bold;
    color: #a8c4524f;
}
.back-appo{
    background: #fff;
    color: #a8c452;
    font-size: 17px;
    margin-top: 12px;
    border-radius: 8px 0px 8px 0px;
    padding: 6px 18px;
}
.card-title .back-appo{
    margin-top: 0px;
}
.view_img{
    width: 13%;
    border: 1px solid #3333;
    padding: 10px 10px;

}



/* ------------------ Dentiest -------------------- */
.bnr-dr-ds{
    width: 100%;
}
.row.bnr-dr{
      width: 100%;
}
.dancets .doc-dtl{
    margin-top: 0;
}
.ad-chck-dnts .btn{
    background: #a8c452;
    color: #fff;
    padding: 2px 32px;
    margin-top: 16px;
    font-size: 20px;
    border-radius: 12px 0px 12px 0px;
}
.ad-chck-dnts{
    display: inline-block;
    margin-bottom: 38px;
}
.crd-hdr-pd-0.card-header{
    padding:0px;
}
.crd-hdr-pd-0.card-header h5 button{
    text-transform: capitalize;
}
.pad-bx-dh{
    padding: 7px 18px;
}
.pls-1{
    position: relative;
    background: #f9f9f9;
    border: 1px solid #a8c452;
    padding: 0px 0px 1px;
    margin-bottom: 25px;
}

.pls-2{
    position: relative;
    background: #f9f9f9;
    border: 1px solid #a8c452;
    padding: 0px 0px 1px;
    margin-bottom: 25px;
}
.border-cross{
    position: relative;
    margin: 0 !important;
}
.row.border-cross .checkbox-align > .container{
    width:100%;
    padding: 0;
    max-width: 100%;
}
.border-cross:before{
    content: '';
    height: 100%;
    width: 2px;
    position: absolute;
    z-index: 2;
    top: 46px;
    left: 50%;
    background: #a8c452;
    top: 50%;
    bottom: 0;
    transform: translateY(-50%);
}
.border-cross:after{
    content: '';
    height: 2px;
    width: 100%;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    background: #a8c452;
    transform: translate(-50%,-50%);
}
.pls-2 h6{
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    background: #a8c452;
    color: #fff;
    padding: 6px;
}
.pls-head h6{
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    background: #a8c452;
    color: #fff;
    padding: 6px;
    margin-bottom: 0;
}
.treatments h6{
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    background: #a8c452;
    color: #fff;
    padding: 6px;
}
.treatments{
    border: 1px solid #a8c452;
}
.pd-trt{
    padding: 2px 15px;
    height: 269px;
    overflow-y: scroll;
    min-height: 200px;
}
.trt-lbl{
    display: inline-block;
    border: 1px solid #333;
}
.trt-lbl{
    display: inline-block;
    border: 1px solid #a8c4528a;
    padding: 3px 6px;
    margin-bottom: 8px;
    margin-right: 8px;
}
.trt-lbl label{
    margin-bottom: 0px;
}
.prn{
    margin: 26px 0px;
}
.prn button{
    margin: 0px 12px;
}
.inv-prnt{
    padding: 50px 0px;
    background: #efefefab;
}
.prs-inf .chkup-titl-mrg  h5{
    font-weight: bold;
}
.prs-inf .chkup-titl-mrg{
    margin-bottom: 0;
    padding: 10px 0px 1px;
    height: 100%;
}
.dlt-trsh{
    background: #f00;
    color: #fff;
}

.tbl-ndx .edit-tl{
   background: #a8c452;
    color: #fff;
    padding: 4px 13px;
    border: none;
    border-radius: 8px 0px 8px 0px;
}
.tbl-ndx .edit-tl i.fa.fa-edit {
    color: #fff;
}
.tbl-ndx .dlt-trsh {
    background: #a8c452;
    color: #fff;
    padding: 4px 13px;
    border: none;
    border-radius: 8px 0px 8px 0px;
}


.roses:before{
    content: '' !important;
    background-image: url(../img/rose.png);
    z-index: 999999;
    position: absolute;
    height: 28px;
    width: 27px;
    background-size: 23px;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.fa-star.roses{

    padding: 14px;
    position: relative;
}
.fa-star.roseschecked {
    padding: 14px;
    position: relative;
}
.fa-star.roseschecked:before{
    content: '' !important;
    background-image: url(../img/rose-fill.png);
    z-index: 999999;
    position: absolute;
    height: 28px;
    width: 27px;
    background-size: 23px;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.ds-flx{
    display: flex;
}
table.tb-wdt tbody tr td {
    word-break: break-word;
    width: 50%;
}
.get-tch{
        font-size: 37px;
    font-weight: 900;
    border-left: 5px solid #F49110;
    padding-left: 13px;
    margin: 53px 0px 35px;
}


.pad-dr-trtd{
    padding: 150px 50px 30px;
}
.overlapdiv1 a:hover .btn-info:hover{
    color:#a8c452;
}



.src-dnts .rsss{
      display: flex;
    background: #ff8c9af7;
    padding: 6px 7px;
    color: #fff;  
}
.src-dnts .rsss .fa-star.roseschecked {
    margin: 0px 0px 0px 22px;
}
.src-dnts .rsss .fa-star.roseschecked:before{
        height: 22px;
    width: 22px;
    background-size: 14px;
}
.src-dnts .rsss .fa-star.roses:before {
        height: 22px;
    width: 22px;
    background-size: 14px;
}
.src-dnts .rsss .fa-star.roses {
    margin: 0px 0px 0px 24px;
}

.list_add_button{
	position: fixed;
    bottom: 50%;
    z-index: 999;
    right: 13px;
    transform: translateY(-50%);
}



.frgpas{
    border: 1px solid #3333;
    padding: 30px 30px;
    box-shadow: 6px 7px #dcdcdc;
}

.sidemenu_btn.d-none{
   display: none !important; 
}

/*time slot css*/
.show-calender-slots {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.show-calender-slots label {
    flex: 0 0 17%;
}
.show-calender-slots select.form-control{
        flex: 0 0 17%;
}
.form-check.vh-working-wrapper {
    margin-left: 150px;
}
.form-group.show-calender-slots {
    margin: 15px 0;
}
.row.form-upper-part {
    padding-bottom: 20px;
}
.form-group.working-days-wrapper:first-child{
    border-top: 1px dashed #000;
        padding-top: 28px;
}
.form-group.working-days-wrapper {
    display: flex;
    border-bottom: 1px dashed #000;
    padding: 10px 0 30px;
}

.form-group.working-days-wrapper > div:first-child {
    flex: 0 0 10%;
}
.form-group.working-days-wrapper > div:last-child {
    flex: 0 0 90%;
}

.form-label-select-wrapper {
    display: flex;
    justify-content: space-between;
}

.form-label-select-wrapper > * {
    flex: 0 0 33.3%;
}

.common-fl-wrapper {
    display: flex;
    align-items: center;
}

.first-form-lable {
    padding-right: 15px;
    flex: 0 0 40%;
    padding-left: 15px;
}

.second-form-select {
    display: flex;
    justify-content: space-between;
    flex: 0 0 60%;
}

/*.second-form-select > select:first-child {*/
/*    flex: 0 0 60%;*/
/*    width:60%;*/
/*}*/
/*.second-form-select > select:last-child {*/
/*    flex: 0 0 38%;*/
/*    width:38%;*/
/*}*/

.input-group.clockpicker span.input-group-addon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.input-group.clockpicker span.input-group-addon span.fa {
    font-size: 25px;
}
.form-group.show-calender-slots label {
    flex: 0 0 19%;
    padding-right: 15px;
}


.datepicker td,
.datepicker th {
    width: 2.5rem !important;
    height: 2.5rem !important;
    font-size: 0.85rem !important;
}
.datepicker {
    margin-bottom: 3rem !important;
}
.alldaywrap {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}
.alldaywrap > * {
    flex: 0 0 48%;
}
.col-md-12.blockslotwrap {
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
}

.col-md-12.blockslotwrap > * {
    flex: 0 0 30%;
}

.input-group.clockpicker {
    position: relative;
}

#blockModal .modal-body {
    padding: 25px 30px;
}

.block-content-wrapper p {
    font-size: 15px;
}

.block-content-wrapper .form-group label {
    font-weight: 700;
}
.datepicker{
    margin-bottom: 0 !important;
}

@media (max-width:1299px){
    .popover.clockpicker-popover.right.clockpicker-align-top {
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 62%;
    }
}    
@media (max-width:1199px){
    .form-group.show-calender-slots label{
        flex: 0 0 25%;
    }
    .chkup-titl h5 {
	    font-size: 1rem;
	}
}
@media (max-width:991px){
    .form-group.working-days-wrapper > div:first-child {
        flex: 0 0 20%;
    }
    .form-group.working-days-wrapper > div:last-child {
        flex: 0 0 80%;
    }
    .form-label-select-wrapper{
        flex-direction:column;
    }
    .form-label-select-wrapper > * {
        flex: 0 0 100%;
        margin:10px 0
    }
    .show-calender-slots select.form-control {
        flex: 0 0 30%;
    }

}
@media (max-width:767px){
    .form-group.working-days-wrapper{
        flex-direction:column;
    }
    .working-days-label {
        margin-bottom: 15px;
    }
}
@media (max-width:575px){
    .form-group.show-calender-slots {
        flex-direction: column;
        align-items: flex-start;
    }
    .all-blockslot-wrap{
        flex-direction: column;        
    }
    .form-group.show-calender-slots > :first-child {
        margin-bottom: 10px;
    }
    .col-md-12.blockslotwrap > *,
        .datepicker{
        margin-bottom: 15px !important; 
            box-shadow: none !important;
    }
    .datepicker span.input-group-text.px-4 {
        height: 50px;
    }
    .blockslotwrap .input-group.clockpicker span.input-group-addon {
        top: 43%;
    }
    .datepicker{
        border:1px solid #ddd !important;
        background-color:#fff !important;    
    }
}
@media (max-width:480px){
    .form-label-select-wrapper > * {
        flex: 0 0 100%;
        margin: 10px 0;
        flex-direction: column;
        text-align: left;
        display: flex;
        align-items: flex-start;
    }
    .first-form-lable {
        margin-bottom: 10px;
    }
    .first-form-lable,
    .second-form-select{
        flex:0 0 100%;
        width:100%;
    }
}

.hide{display:none;}
.appointmentDate.days-align-pad{
    padding:25px 15px !important;
}
.appointmentDate.days-align-pad .appointementdays{
    margin-bottom: 0 !important;
    width:12%;
}
.appointmentDate.days-align-pad .appointementdays:not(:nth-child(-n+7)){
    display:none;
}
.appointmentDate .slick-slide {
    padding: 0 6px;
}
.slick-prev, .slick-next{
    height:40px !important;
}
.slick-prev:before, .slick-next:before {
    color: #a8c452 !important;
    font-family: 'FontAwesome' !important;
    font-size: 40px !important;
}
.slick-prev:before{
  content:"\f100" !important;
}
.slick-next:before {
  content: "\f101" !important;
}


.disable-input {
    background-color:#ddd;
     /*pointer-events: none;*/
     color:#ddd !important;
}
.All.col-md-12.all-blockslot-wrap {
    justify-content: space-between;
    flex-wrap: wrap;
        display: flex;
}
.datepicker-dropdown {
    z-index: 999999 !important;
}

span.date-preview {
    float: right;
    padding: 10px 19px;
    background-color: rgb(0 102 158);
    border-radius: 10px;
    font-size: 20px;
    vertical-align: middle;
    margin: 5px 0;
}

.row.chkup-titl-mrg img {
    width: 70px;
    height: 70px;
    margin: 0 0 10px;
}

.card {
    border-radius: 10px !important;
}
.btn{
	border-radius: 8px 0px 8px 0px !important;
}
.pls-1, .pls-2,
.treatments,
input {
    border-radius: 4px !important;
}
.pls-1, .pls-2,
.treatments{
	overflow: hidden;
}
table{
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
}
.table-responsive {
    padding: 10px;
}
section.add_prescription-page > .container > .row {
    margin-bottom: 15px;
}
input[type="file"] {
    min-height: auto;
}
.list_wrapper {
    padding: 0px 25px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding-bottom: 5px;
}

span.blink {
    margin-bottom: 10px;
}
.frm-ap-cnfm .list_wrapper {
    padding: 0;
}
table.tbl-ndx {
    table-layout: fixed;
}
.add_prescription-page form img {
    width: 60px;
    height: 60px;
    margin-bottom: 15px;
}
.add_prescription-page .form-group input[type="radio"] {
    margin-right: 5px;
}
.user-icon0book > span {
	display: flex;
    max-width: 394px;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
    line-height: 35px;
    text-align: -webkit-right;
    font-size: 0.6em;
}
.user-icon0book > span > img{
	margin-left: 25px;
}
.bnr-dr img {
    height: 85%;
    object-fit: scale-down;
}
.mh-sec{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.mh-sec .frm-fnt-sz-w-labl{
	flex: 0 0 100%;
}
.wdt-alrgy input#otherValue {
    margin-bottom: 11px;
}
.btn-loc .btn {
    background-color: #a8c452 !important;
}

.book-app-3tabs .nav-item h3.h4 span {
    padding-left: 5px;
}
.card-title.hstry p {
    margin-top: 1px;
}
button.btn.btn-white.btn-sm.back-appo {
    background-color: #fff;
}

.dropdown-item {
    padding: 10px 12px;
}
.Book-ap-btn-blue{
    background: #316293;
}




@media (max-width: 1199px){
	.prs-inf .chkup-titl-mrg h5 {
	    font-size: 1rem;
	}
}
@media (max-width: 992px){
	table.tbl-ndx {
	    table-layout: auto;
	}
}
@media (max-width: 767px){
.card .card-title h3 {
	    margin-bottom: 15px;
	}
.add_prescription-page .col-md-4.col-sm-12.text-right {
    text-align: left !important;
}
}

h2.auth_heading {
    color: #a8c452;
}
.auth_heading.blue{
    color:#7abddb;
}

button.btn.btn-cus {
    background: #F49110 !important;
}
.btn-primary, .btn-danger {
    color: #fff;
    background-color: #F49110 !important;
    border-color: #F49110 !important;
}
.text-primary, h6.text-primary.get-tch {
    color: #a8c452 !important;
}
h2, h3, h4, h5, h6 {
    color: #a8c452 !important;
}
.card-header h5.media-heading {
    color: #ffff !important;
}