@import url('fonts.css');

::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    /*background: #999999;*/
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.6);
}
body{
    font-family: 'AvenirNextLTPro-Regular';
    font-size:14px;
    line-height:18px;
    text-align:left;
}
a{
    color: #3399CC;
    font-family: 'AvenirLTStd-Roman';
    text-decoration: none;
    text-transform: capitalize;
}
.fullWidthList {
    width: 500px;
    border: 1px solid #ede9ee;
}
.clr-fff{
    color: #ffffff;
}
.clr-1d1d1d{
    color: #1d1d1d!important;
}
.clr-A6B2AD{
    color: #A6B2AD;
}
.clr-333{
    color: #333;
}
.clr-66CC99{
    color: #823667!important;
}
.clr-6A6F6C{
    color: #6A6F6C;
}
.clr-1D1D1D{
    color: #1D1D1D;
}
.clr-BDE6D0{
    color: #BDE6D0;
}
.clr-5e5d73{
    color: #5e5d73;
}
.clr-3399cc{
    color: #3399cc;
}
.font-13{
    font-size: 13px;
}
.float-r{
    float: right;
}
.float-l{
    float: left;
}
header{
    height: 60px;
    position: fixed;
    top:0; right: 0; width: 100%; z-index: 1020;
}
header p{
    display: inline-block;
    margin: 0; float: right;
    padding: 22px 20px 0 0;
}
.bg-blue{
    background: #f7faf9;
}
.bg-white{
    background: #ffffff;
}
#wrapper{
    z-index:99999; position: fixed; left: 0; top:0; height: 100%;
}
.page-content-wrapper{
    width: calc(100% - 80px);
    float: right;
    transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    -moz-transition: 0.25s all ease-in-out;
    -webkit-transition: 0.25s all ease-in-out;
}

/*.page-content-wrapper.toggled{
    width: calc(100% - 60px);
*/
.container-collapsed #sidebar-wrapper{
    width: 60px;
    left: -60px;
    margin-left: 0px;
    z-index:100;
}
.container-collapsed #sidebar-wrapper.toggled{
    left: 0px;
}
.container-collapsed #sidebar-wrapper{
    transition: 0.1s all ease-in-out;
    -o-transition: 0.1s all ease-in-out;
    -moz-transition: 0.1s all ease-in-out;
    -webkit-transition: 0.1s all ease-in-out;
}
.dropdown{
    color: #26292C;
    letter-spacing: 1.3px;
    line-height: 22px;
}
#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    /*padding-left: 250px;*/
}

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    left: 0px;
    width: 80px;
    height: calc(100% - 50px);
    /*margin-left: -250px;*/
    /*overflow-y: auto;*/
    /*background: #3295C9;*/
    /*background: -webkit-linear-gradient(#3295C9, #22579F); */
    /*background: -o-linear-gradient(#3295C9, #22579F); */
    /*background: -moz-linear-gradient(#3295C9, #22579F); */
    /*background: linear-gradient(#3295C9, #22579F);*/
    /*background: linear-gradient(#ec7268,#f9695d);*/
    /*background: linear-gradient(#c7569f,#8a2767); */
    background: linear-gradient(#333367,#8a2767);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    height: 100%;
}

#wrapper.toggled #sidebar-wrapper {
    /*left: 250px;*/
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}

/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}
.sidebar-nav li {
    text-indent: 20px;
    font-size: 15px;
    color: #ffffff;
}
.sidebar-nav li:first-child{
    text-indent: 0;
}
.sidebar-nav li.docProfile {
    line-height: 16px;
    margin-bottom: 27px;
}
.sidebar-nav li.docProfile img{
    margin: 20px 0 10px 0;
}
.sidebar-nav li.docProfile b{
    font-size: 16px;
}
.sidebar-nav li.docProfile{
    letter-spacing: 1.4px;
    font-size:14px;
}
.sidebar-nav li a {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border-left: 3px solid rgba(0, 0, 0, 0);
    font-size: 14px;
    text-transform:capitalize;
    padding: 15px 0; position: relative;
}
.sidebar-nav li a.active{
    text-decoration: none;
    color: #fff;
    /*background: #d4665d;*/
    /*border-left: 3px solid #d64034;*/
    /*background: #205780;*/
    /*border-left: 3px solid #66CC99;*/
    background: #3f165d;
    border-left: 3px solid #562098;
}
.sidebar-nav li a:hover{
    text-decoration: none;
    color: #fff;
    background: #3f165d;
    /*background: #d4665d;*/
    /*background: #205780;*/
    /*border-left: 3px solid #66CC99;*/
}
.sidebar-nav li a span, .popupEditSlots .sltHoverIMg, .popupEditSlots a:hover .slotIMg{display: none; }
.sidebar-nav li a:hover span{
    display: inline-block;
    position: absolute;
    top:0; left: 88px;
    background-color: #924a8d;
    text-indent: 0;
    padding:10px 15px 10px 15px;
    margin:9px 0 0 0;
}

.sidebar-nav li a span:before{
    content:'';
    width:0; height:0;
    position: absolute; left: -7px; top:12px;
    border-top:7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right:7px solid #924a8d;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
    /*background: #205780;*/
    /*background: #d4665d;*/
    background: #3f165d;
}
.sidebar-nav > .sidebar-brand {
    height: 60px;
    font-size: 18px;
    line-height: 60px;
    background: rgba(0, 0, 0, .10);
}
.sidebar-nav > .sidebar-brand a {
    padding: 0;
    font-size: 13px;
    font-family: quickSandBold;
    color: #ffffff;
}
.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
    border-left: 3px solid rgba(0, 0, 0, 0);
}

.sidebar-nav > .sidebar-brand .logo{
    width: 50px;
    height: 50px;
    /*background-image: url(/doctor/images/mtd_doc_sprite.png);*/
    /*background-repeat: no-repeat;*/
    /*background-position: -10px -11px;*/
    /*margin-top: 8px;*/
    margin-left: auto;
    margin-right: auto;
}
.container-collapsed .sidebar-nav > .sidebar-brand .logo{
    /*margin-left: -4px;*/
}
.sidebar-nav > .sidebar-brand span{
    float: left;
    font-size: 12px;
    line-height: 16px;
    font-size-adjust: .47;
    margin-top: 13px;
    letter-spacing: .48px;
}
.docStatus{
    font-size: 14px;
    letter-spacing: 1.4px;
}
.docProfile p{
    margin: 0;
}
.docProfile p{
    margin-left: -16px;
    margin-top: -1px;
}
.docProfile .docStatus{
    margin-left: -22px;
    margin-top: 22px;
}
.docProfile .docDP{
    height: 92px;
    width: 92px;
    margin: 30px auto 10px auto;
    border-radius: 50%;
    background-size: cover;
    border: 3px solid #23678C;
}

/********* Toggle Button *********/

.profile-status {
    position: relative;
    width: 50px;
    height: 24px;
    left: calc(25% - 14px);
    top: 5px;
}

.profile-status input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
  background-color: #66CC99;
}

input:focus + .slider {
  box-shadow: 0 0 1px #68CF9F;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/********* End of Toggle Button *********/

header{
    border-bottom: 1px solid #e8e9e8; background-color: #FFFFFF;
}
.appointments-list, .appointments-list.settings{
    float: left;
    width: 22%;
   /* width: 423px;*/
    background: #fff;
    padding: 0 15px;
    border-right: 1px solid #e8e9e8;
    position: fixed; top:0; left: 80px;
    height: 100%;
}
.appointments-list{margin: 60px 0 0 0;}
.appointments-details.settings{
    float: right;
    width: 77%;
    padding: 30px 30px 0 30px;
    background: #f7faf9;
    /*overflow-x: hidden;
    overflow-y: auto;*/
}

.appointments-details{
    float: right;
    width: 77%;
    padding: 21px 0 0 0;
    background: #f7faf9;
    margin: 60px 0 0 0;
    /*overflow-x: hidden;
    overflow-y: auto;*/
}
.appointments-list.settings{
    width: 20%;
    padding: 0 15px;
}
.appointments-details.settings{
    width: 79.2%; padding:25px 30px 0 30px;
}
.listEnd p {
    margin: 0 0 10px;
    text-transform: uppercase;
    text-align: center;
    padding-top: 10px;
    color: #66cc99;
}
.odash{
    margin: 12px 24px 12px 12px;
}
.odash .img{
    background: url(/doctor/images/doc-profile.png);
    border-radius: 50%;
    height: 36px;
    width: 36px;
    display: inline-block;
    margin-right: 10px;
    background-size: cover;
}
.odash .dropdown-menu{
    border-radius: 0;
    padding: 0;
    border: 1px solid #e8e9e8;
    box-shadow: -1px 0px 5px 0px #e8e9e8;
    -webkit-box-shadow: -1px 0px 5px 0px #e8e9e8;
}
.odash .dropdown-menu li{
    position: relative;
    z-index:10000;
}
.odash .dropdown-menu li a:hover, .odash .dropdown-menu li:hover{
    background: #f7faf9;
}
.odash .dropdown-menu li:first-child:before{
    content:"";
    position: absolute;
    right: 11px;
    top: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #fff transparent;
    z-index:9999;
}
.odash .dropdown-menu li:first-child:after{
    position: absolute;
    bottom: 0;
    height: 0;
    width: 0;
    right: 9px;
    border: 12px solid transparent;
    border-bottom-color: #e8e9e8;
    content: "";
    top: -24px;
}
.odash .dropdown-menu li:first-child:hover:before{
    border-bottom-color: #f7faf9;
}
.odash .dropdown-menu li a{
    height: 40px;
    font-size: 14px;
    line-height: 14px;
    padding-top: 13px;
    padding-bottom: 13px;
    font-family: 'AvenirNextLTPro-Regular';
    border-bottom: 1px solid #e8e9e8;
}
.odash .dropdown-toggle{
    height: 36px;
}
.odash .dropdown-toggle span{
    position: relative;
    top: -13px;
    color: #202020;
    font-size: 13px;
    opacity: .9;
    letter-spacing: .65px;
}
.appointments-list input{
    border: 0px;
    width: 100%;
    height: 25px;
    opacity: .6;
    font-size: 14px;
    font-family: 'AvenirNextLTPro-Regular';
    display: inline-block;
    /*margin-bottom: 8px;*/
}
.search-patient-icon{
    width: 14px;
    height: 16px;
    background-image: url(/doctor/images/mtd_doc_sprite.png);
    background-repeat: no-repeat;
    background-position: -153px -14px;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 4px;
}
.dropdown span{
    cursor: pointer;
}
.appointments-list input:focus{
    outline: none;
}
.appointments-list .appointment{
    min-height: 58px;
    border-bottom:1px solid #e8e9e8!important;
    padding: 0;
    cursor: pointer;
}

/*.appointment:hover{*/
    /*background-color: #66cc99;*/
/*}*/
/*.appointment:hover div{color:#FFFFFF !important;}*/

.appointment:hover{
    background-color: #823667; color:#FFFFFF;
}
.appointment:hover div {
    color: #FFFFFF !important;
}
.appointments-list .appointment:last-child{
    border: 0; margin-bottom:5px;
}
.lappoinment .appointment:last-child{
    border:0; margin-bottom: 20px;
}
.appointments-list .appointment.active{
    background: #823667;
}
.appointments-list .appointment.active, .appointments-list .appointment.active .patient-name, .appointments-list .appointment.active .appointment-date{
    color: #ffffff;
}
.appointments-list .appointment.active .patient-about{
    color: #f1f1f1;
    margin-top:     2px;
}
.appointments-list .appointments{
    border-top: 1px solid #e8e9e8;
    margin-top: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    z-index:2;
}
.appointment .patient-img{
    margin-left: 15px;
    height: 54px;
    width: 54px;
    border-radius: 50%;
}
.appointment .patient-sm-details{
    padding: 12px 15px 9px 15px; width:100%;
}
.patients-list .patient-sm-details{
    padding: 12px 15px 9px 15px;
}
.patients-list .patient-single-container .patName,.patients-list .patient-page-consult{width: 100%;}
.patients-list .search-sort-patients{
    margin-top: 20px;
}
.patients-list .patient-sm-details{
    padding-left: 0;
}
.appointment .patient-sm-details .patient-name{
    font-size: 16px;
    /*margin-top: 12px;*/
    color: #3399cc;
}
.patients-list .patient-sm-details .patient-name{
    font-size: 16px;
    margin-top: 10px;
    color: #1D1D1D;
}
.appointment .patient-sm-details .patient-about, .patients-list .patient-sm-details .patient-about{
    color: #A6B2AD;
    font-size:16px;
    margin-top: 2px;
    line-height: 18px;
}
.appointment .appointment-date{
    margin-top: 30px;
    margin-right: 10px;
    color: #6A6F6C;
    font-size: 13px;
}
.appointments-details h3{
    color: #823667;
    font-size: 18px;
    letter-spacing: .18px;
    text-transform: capitalize;
}
.appointments-details .patient-img{
    height: 72px;
    width: 54px;
    border-radius: 50%;
    background-size: cover;
    margin: 0 15px 0 0;
}
.appointments-details .appointment-para{
    color: #1D1D1D;
    line-height: 20px;
    opacity: .9;
}
.appointments-details .patient-sm-details{
    /*margin-left: 15px;*/
}
.appointments-details .patient-sm-details .patient-name{
    font-size: 24px;
    margin-top: 10px;
    text-transform: capitalize;
    padding:0 0 10px 0;
}
.appointments-details .patient-sm-details .patient-about{
    font-size:14px;
    color: #6A6F6C;
    margin-top: -8px;

}
.appointments-details .cancel-appointment{
    margin-top: 0;
    float: right;
}
.appointments-details .appointment-schedule{
    border-top:1px solid #e8e9e8;
    border-bottom:1px solid #e8e9e8;
    margin-top: 0;
}
.appointments-details .appointment-schedule .block{
    padding: 20px 10px;
    display: inline-block!important;
    width: calc(16% - 1px);
    border-right: 0px solid #e8e9e8;
    /*color: #823667;*/
    font-family: 'AvenirNextLTPro-Demi';
    font-size: 12px;
}
.appointments-details .appointment-schedule .block:last-child{
    border: 0;
}
.appointments-details .appointment-schedule .block img{
    margin-bottom: 10px;
}
.appointments-details p{
    font-size: 14px;
}
footer{
    height: 50px;
    border-top: 1px solid #e8e9e9;
    position: fixed;
    bottom: 0px;
    background: #ffffff;
    width: 100%;
}

/******** ICONS ********/
i{
    display: block;
}
i.docDash{
    height: 30px;
    width: 30px;
    background-image: url(/doctor/images/mtd_doc_sprite.png);
    background-repeat: no-repeat;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 8px;
}
i.docDash-Settings{
    height: 30px;
    width: 30px;
    background-image: url(/doctor/images/a_setting.png);
    background-repeat: no-repeat;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 8px;
}
i.docDash-referrals{
    height: 30px;
    width: 30px;
    background-image: url(/doctor/images/a_referral.png);
    background-repeat: no-repeat;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 8px;
}
.container-collapsed i.docDash{
    margin-left: -6px;
}
.appointment{
    background-position: 3% 26%;
}
.consultation{
    background-position: 18% 26%;
}
.patients{
    background-position: 33% 26%;
}
.money{
    background-position: 48% 27%;
}
.timings{
    background-position: 63% 26%;
}
.settings{
    background-position: 63% 26%;
}
.sidebar-nav li a.active .docDash, .sidebar-nav li a:hover .docDash{
    opacity: 1;
}
.toggle-head{
    border-right: 1px solid #e8e9e8;
    height: 60px;
}
.notification{
    border-left: 1px solid #e8e9e8;
    border-right: 1px solid #e8e9e8;
    height: 60px;
}
.toggle-head a{
    display: block;
    height: 24px;
}
.menu-collapse-toggle{
    width: 30px;
    height: 25px;
    margin: 17px;
    background: url(/doctor/images/menu_01.png) no-repeat 0px 5px;
}
.menu-collapse-toggle.toggled{
    background: url(/doctor/images/menu_02.png) no-repeat 0px 5px;
}
.notification{
    cursor: pointer;
}
.notification-icon{
    width: 30px;
    height: 25px;
    margin: 17px;
    background: url(/doctor/images/mtd_doc_sprite.png) -96px -11px;
}
/*.notification span{
    position: relative;
    font-size: 11px;
    color: #fff;
    background: red;
    top: -43px;
    left: 35px;
    width: 20px;
    display: block;
    height: 12px;
    text-align: center;
    border-radius: 20px;
    font-weight: bold;
}*/
.app-head{
    margin-bottom: 7px;
}
.sorting{
    margin-top: 16px;
    text-align: right;
    letter-spacing: 1.3px;
    color: #26292C;
}
.sort-down{
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(/doctor/images/mtd_doc_sprite.png) -126px -11px;
    position: relative;
    top: 5px;
}
.copyright{
    color: #656565;
    font-size: 14px;
    line-height: 14px;
    margin: 17px 30px;
    float: left;
    /*font-family: Avenir lt std light;*/
}
ul.policies{
    float: right;
    list-style: none;
    margin: 14px 30px;
}
ul.policies li{
    display: inline-block;
    margin-left: 15px;
    line-height: 14px;
}
ul.policies li a{
    text-decoration: none;
    font-size:14px;
    color: #3399CC;
    line-height: 14px;
    /*font-family: Avenir lt std light;*/
}
ul.policies li a:hover{
    text-decoration: none;
}
.dropdown-menu li a{
    font-family: 'AvenirNextLTPro-Regular';
}
.referral-form button, .followup-form button{
    padding: 6px 20px;
}
.consultation-container textarea{
    border-radius: 1px!important;
}
.consultation-container input[type=text], .consultation-container input[type=password], .consultation-container select, .lg-input{
    border-radius: 1px;
    border: 1px solid #e8e9e8;
    padding: 6px 10px;
    width: 100%;
    background: #fff;
    height: 34px;
    margin-bottom: 18px;
}
.consultation-container select,.homepage .SummeryDate select,.homepage2 select,
.doctor-filter select,.patients-page .form select,.editForm select,.lab select,.report select,
.customSelectDropdown select,.doctorInfoTabs select{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(/doctor/images/drop_ico.png);
    background-position: 96% 13px;
    background-repeat: no-repeat;
    color: #1D1D1D;
}
.doctorInfoTabs .docTimings .col-md-3.borderRight .col-md-6 select{
    background-position: 92% 13px;
}
.doctorInfoTabs .docTimings input[type='daterangepicker']{
    box-shadow: none;
}
.doctorInfoTabs input[type='daterangepicker']:focus,.doctorInfoTabs input[type='daterangepicker']:hover{
    border-color:#e8e9e8;
}
.consultation-container input:focus, .consultation-container select:focus, .lg-input:focus{
    outline: none;
}
.consultation-container .datepicker{
    background: url(/doctor/images/calendar_ico.png) no-repeat 96%;
}
#summary.consultation-container{
    padding-top: 0;
}
#summary .appointment-schedule .block {
    padding: 25px 25px 20px 25px;
}
.appointments-details .consultation-container.nav-tabs{
    /*margin-top: 20px;*/
    font-family: 'AvenirLTStd-Roman';
}
.appointments-details .tabs .appointment-schedule{
    margin-top: 0;
}
.appointments-details .tabs .appointment-schedule, .appointments-details .tabs .block{
    border: 0;
}
.appointments-details .consultation-container.nav-tabs>li>a, .money-section .nav-tabs>li>a{
    border-radius: 0;
}
.money-section .nav-tabs>li>a{
    border-top: 3px solid transparent;
    min-width: 120px;
    text-align: center;
    margin-right: 0;
}
.nav-tabs>li:hover{
    border-right: 1px;
    border-left: 0;
}
.nav-tabs>li.active{
    border-left: 1px solid #e8e9e8;
    border-right: 1px solid #e8e9e8;
}
.appointments-details .consultation-container.nav-tabs>li.active>a,
.consultation-container.nav-tabs>li.active>a:focus,
.consultation-container.nav-tabs>li.active>a:hover,
.money-section .nav-tabs>li.active>a,
.money-section .nav-tabs>li.active>a:focus,
.money-section .nav-tabs>li.active>a:hover,
.sms_template .nav-tabs>li.active>a,
.sms_template .nav-tabs>li.active>a:focus,
.sms_template .nav-tabs>li.active>a:hover,
.sms_template .nav-tabs>li>a,
.sms_template .nav-tabs>li>a:focus,
.sms_template .nav-tabs>li>a:hover{
    border-bottom-color: transparent;
    border-top: 3px solid #823667;
    color: #823667;
    border-left: 0;
    border-right: 0;
}
.appointments-details .consultation-container.nav-tabs>li>a:hover,
.money-section .nav-tabs>li>a:hover,.sms_template .nav-tabs>li>a:hover{
    color: #823667;
    background: #ffffff;
    border-top: 3px solid #823667;
    border-bottom: 1px solid transparent;
}
.appointments-details .consultation-container.nav-tabs>li>a,
.money-section.nav-tabs>li>a{
    border-top: 3px solid transparent;
    padding: 10px 13px;
    margin-right: 0;
}
.appointments-details .consultation-container.nav-tabs,
.money-section .nav-tabs{
    border-bottom: 1px solid #e8e9e8;
}
.appointments-details .tabs, .money-section .tabs{
    border: 1px solid #e8e9e8;
    border-top: 0;
    background: #fff;
}
.appointments-details .tab-content{
    position: relative;
}
.appointments-details .tab-content>.tab-pane{
    padding: 0; position: relative; display: inline-block; width: 100%;
}
#prescriptiontab{
    padding: 0;
}
.appointments-details .tab-content h4{
    font-size: 16px;
    margin-bottom: 3px;
    margin-top: 15px;
}
.appointments-details .tab-content p{
    color: #656565;
}
.appointments-details #summary.consultation-container p{
    color: #6A6F6C;
}
.appointments-details textarea{
    border-radius: 3px;
    border: 1px solid #e8e9e8;
    padding: 6px 10px;
    width: 100%;
    height:100px;
    margin-bottom: 8px;
}
.profileContainer textarea{
    border-radius: 3px;
    border: 1px solid #e8e9e8;
    padding: 6px 10px;
    width: 100%;
    height:80px;
    margin-bottom: 8px;
}
.appointments-details textarea:focus{
    outline: none;
}
/*.appointments-details .tab-pane{*/
    /*overflow-x: hidden;*/
    /*overflow-y: auto;*/
/*}*/
#messages{
    padding:0;
}
.chat-container{
    overflow-x: hidden;
    overflow-y: auto;
    padding: 30px;
}
.chat-msg{
    max-width: 60%;
    width: auto;
    padding: 15px 30px 6px 33px;
    position: relative;
    z-index: 2;
    border-radius: 4px;
    margin-bottom: 40px;
    display: inline-block;
}
.patient-msg{
    background: #f1f2f1;
    color: #525754;
    left: 25px;
    margin-top: 10px;
}
.patient-msg .time{
    color: #A6B2AD;
}
.doctor-msg{
    background: #66CC99;
    color: #ffffff;
    /*right: -44%;*/
    margin-top: 10px;
    padding: 12px 30px 6px 18px;
    font-size: 14px;
    float: right;
    right:25px;
}
.chat-msg .text-right.time{
    font-size: 11px;
    line-height: 11px;
    margin-right: -20px;
    margin-top: 6px;
    color: #d1f0df;
}
.chat-pic{
    position: absolute;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    z-index: 1000;
}
.chat-patient-pic{
    left: -25px;
    top: -25px;
}
.chat-doctor-pic{
    right: -25px;
    top: -25px;
}
.new-msg-container{
    position: absolute;
    bottom: 0px;
    height: 71px;
    background: #f7faf9;
    width: 100%;
    left: 0;
    padding: 0 18px;
    border-top: 1px solid #e8e9e8;
    overflow: hidden;
}

.new-msg-container input{
    border:1px solid #e8e9e8;
    border-radius: 4px 0px 0px 4px!important;
    padding: 9px 15px;
    width: calc(100% - 100px);
    margin: 0;
}
.new-msg-container input:focus, .new-msg-container button:focus{
    outline: none;
}
.new-msg-container button{
    border-radius: 0px 4px 4px 0px!important;
    margin: 0px 0px 0px -5px;
    border: 1px solid #3399CC;
    padding: 6px 17px 7px 17px;
    width: 100px;
}
.appointments-details .consultation-prescription.nav-tabs{
    width: 59.3%;
    margin-left: 20%;
}
.appointments-details .consultation-prescription.nav-tabs>li{
    width: calc(50% - 2px);
    text-align: center;
}
#prescriptiontab{
    padding-top: 20px;
}
.appointments-details .consultation-prescription.nav-tabs{
    border-bottom: 0;
}
.appointments-details .consultation-prescription.nav-tabs>li>a{
    border: 1px solid #3399CC;
    border-bottom: 1px solid #3399CC;
    padding: 7.5px 0;
    margin: 0;
    line-height:13px;
    font-size: 13px;
    font-weight: bold;
}
.appointments-details .consultation-prescription.nav-tabs>li:first-child>a{
    border-radius: 2px 0px 0px 2px;
}
.appointments-details .consultation-prescription.nav-tabs>li:last-child>a{
    border-radius: 0px 2px 2px 0px;
}
.appointments-details .consultation-prescription.nav-tabs>li.active>a,
.appointments-details .consultation-prescription.nav-tabs>li.active>a:focus,
.appointments-details .consultation-prescription.nav-tabs>li.active>a:hover,
.appointments-details .consultation-prescription.nav-tabs>li>a:hover,
.appointments-details .consultation-prescription.nav-tabs>li>a:focus{
    background: #3399CC;
    color: #fff;
}
.consultation-prescription.tab-content{
    margin-top: 20px;
    border: 0;
    overflow-y: auto;
}
.consultation-prescription.tab-content .tab-pane{
    padding: 0;
}
.appointments-details .prescription-list{
    margin: 0 30px 18px 30px;
}
.appointments-details .prescription-single{
    color: #A6B2AD;
    font-size: 13px;
    margin: 15px 30px 5px 0;
}
.appointments-details .prescription-single:first-child{
    margin-top: 0;
}
.appointments-details .prescription-single:last-child{
    margin-bottom: 0;
}
.appointments-details .prescription-single span{
    font-family: 'AvenirNextLTPro-Regular';
    color: #525754;
    display: block;
    margin-top: 2px;
    font-size: 13px;
}
.consultation-prescription .date{
    font-size: 13px;
    line-height: 13px;
    color: #a6b2ad;
}
.appointments-details .consultation-prescription h3{
    margin-top: 15px;
    font-size: 16px;
    font-weight: bold;
    font-family: 'AvenirLTStd-Roman';
}
.prescription-single h3{
    margin-top: 12px!important;
    font-size: 16px;
    font-family: 'AvenirLTStd-Roman';
    font-weight: normal!important;
    color:#a6b2ad;
}
.appointments-details .consultation-prescription>.tab-pane table.outertable tr td{
    border-right: 1px solid #e8e9e8;
    padding: 0 30px;
    line-height: 13px;
    height:35px;
}
.appointments-details .consultation-prescription>.tab-pane table.outertable tr td.no-border{
    border: 0;
}
.appointments-details .consultation-prescription>.tab-pane table.outertable tr td.no-padding{
    padding: 0;
}
.appointments-details .consultation-prescription>.tab-pane table.outertable tr td.frequency{
    padding-right: 10px;
}
.appointments-details .consultation-prescription>.tab-pane table.outertable tr td:first-child{
    padding-left: 0;
}
.appointments-details .consultation-prescription>.tab-pane table.innertable tr td span{
    display: block;
}
.appointments-details .consultation-prescription>.tab-pane table.innertable tr td{
    padding: 0px 15px 5px 15px;
    text-align: center;
    border: 0;
}
.appointments-details hr{
    margin: 0;
}
.consultation-prescription #lab_pres .date{
    margin-left: 30px;
    margin-bottom: 20px;
}
#lab_pres table{
    width: 100%;
}
#lab_pres table tr{
    border-bottom: 1px solid #e8e9e8;
    background: #fbfcfc;
}
#lab_pres table tr:first-child{
    border-top: 1px solid #e8e9e8;
}
#lab_pres table tr td{
    padding: 18px 15px;
    font-size: 13px;
    line-height: 13px;
}
#lab_pres table tr td:first-child{
    line-height: 14px;
    font-size: 14px;
    padding-left: 30px;
    color: #1D1D1D;
}
.prescription-status{
    color: #525754;
}
.prescription-status span{
    color: #A6B2AD;
}
.appointments-details .empty-followup-referral p{
    color: #6A6F6C;
    font-size: 13px;
    margin-bottom: 13px;
}
.empty-followup-referral .no-img{
    background-image: url(/doctor/images/mtd_doc_sprite.png);
    background-repeat: no-repeat;
    background-position: -197px -53px;
    width: 70px;
    height: 72px;
    margin: 70px auto 15px auto;
}
.document-sm-img{
    position: relative;
    margin-bottom: 40px;
    top:17px;
}
.document-sm-img img{
    cursor: pointer;
}
.document-sm-img .quick-view{
    position: absolute;
    width: 43px;
    height: 28px;
    /*background: rgba(0, 0, 0, 0.55);*/
    padding: 5px 5px 8px 5px;
    text-align: center;
    /*border-radius: 48%;*/
    cursor: pointer;
    display: none;
    top: calc(50% - 12px);
    left: calc(50% - 22px);
}
.document-sm-img:hover .quick-view{
    display: block;
}
.document-sm-img .quick-view a{
    color: #ffffff;
    font-size: 13px;
    line-height: 14px;
    font-family: Avenir lt std roman;
}
a:hover{
    text-decoration: none!important;
}
 .timings-container{
    padding-right: 15px;
    padding-left: 15px;
}
.patient-all-container{
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 15px;
}
.patient-single-container .patient-single{
    border: 1px solid #e8e9e8;
    padding: 23px;
    background: #ffffff;
    cursor: default;
    margin-bottom: 0;
}
.patient-single-Container{
    padding: 14px!important;
}
.patient-single-container .patient-single:hover, .patient-single-container .patient-single:focus, .patient-single-container .patient-single.active{
    background: #3399CC;
    border: 1px solid #3399CC;
    color: #fff;
    box-shadow: 0px 1px 10px 3px #e8e9e8;
    cursor: pointer;
}
.patient-single-container .patient-single .patient-img{
    height: 54px;
    width: 54px;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
}
.patients-list .heading{
    margin-bottom: 1px; margin-left: 15px; margin-top: 22px;
}
.headStrength{
    color: #1d1d1d;
    font-family: 'AvenirNextLTPro-Regular';
    font-weight: normal;
}
.patient-single-container .patient-single:hover .clr-1D1D1D{
    color: #FFFFFF !important;
}
.patient-single-container .patient-single:hover .patient-about, .patient-single-container .patient-single:hover .clr-6A6F6C{
    color: #BDE6D0;
}
.patient-single-container .patient-page-consult{
    margin-top: 7px;
}
.search-sort-patients input{
    border: 0px;
    width: 100%;
    height: 30px;
    /*color: #72787E;*/
    opacity: 1;
    background: transparent;
    font-size: 14px;
    font-family: 'AvenirNextLTPro-Regular';
    display: inline-block;
    border-bottom: 1px solid #d2d2d2;
}
.search-sort-patients input:focus{
    border-bottom: 1px solid #000000;
}
.search-sort-patients input::placeholder{color:#A6b2AD;}
.search-sort-patients > input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color:#A6b2AD;
}
.search-sort-patients > input:-moz-placeholder { /* Firefox 19+ */
    color:#A6b2AD;
}
.search-sort-patients > input:-ms-input-placeholder { /* IE 10+ */
    color:#A6b2AD;
}
.search-sort-patients > input:-moz-placeholder { /* Firefox 18- */
    color:#A6b2AD;
}
.search-sort-patients .search{width: 30%; margin: 0 14px 0 0;}

.search-sort-patients input:focus{
    outline: none;
}
.money-section, .edit-profile-section,.sms_template{
    padding: 0 15px; margin:60px 0 0 0;
}

.timings-section h3, .edit-profile-section h3{
    margin-bottom: 20px;
    margin-top: 20px;
    font-family: 'AvenirNextLTPro-Regular';
}
.money-section h3{
    margin-bottom: 20px;
    margin-top: 22px;
    font-family: 'AvenirNextLTPro-Regular';
}
.patients-list{margin:60px 0 0 0;}

.inline{
    display: inline-block;
}
.inline-block{
    display: inline-block;
}
.table-heading{
    margin-right: 30px;
    margin-left: 30px;
}
.money-section .money-details-form{
    margin-top: 20px;
}
.money-section .money-details-form .dropdown{
    margin-right: 20px;
}
.money-section .table>thead>tr>th,.bulk-upload .table>thead>tr>th{
    font-family: 'AvenirLTStd-Roman';
    color: #A7A7A7;
    font-weight: normal;
    border-bottom: 1px solid #e8e9e8;
    border-top: 1px solid #e8e9e8 !important;
    line-height: 14px;
    padding: 15px 30px 15px 30px;
}
.money-section .table>tbody>tr>td, .money-section .table>tfoot>tr>td,.bulk-upload .table>tfoot>tr>td{
    padding: 18px 30px 15px 30px;
    line-height: 14px;
}
.table-striped>tbody>tr:nth-of-type(odd),.bulk-upload .table>tbody>tr:nth-of-type(even){
    background: #FFFFFF;
}
.table-striped>tbody>tr:nth-of-type(even),.bulk-upload .table>tbody>tr:nth-of-type(even){
    background: #fbfcfc;
}
table {
    width: 100%;
}
.money-section table tr td{
    border-top: 0;
    border-bottom: 1px solid #e8e9e8;
}
/*.money-section thead,*/ .money-section tfoot, /*.money-section tbody, .money-section tr, .money-section td,*/ .money-section th{
    display: block;
}
.money-section tr:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both;
}
/*.money-section tbody,.feedback tbody {
    overflow-y: auto;
}*/
.money-section tbody td, .money-section tfoot td, .money-section thead th{
    float: left;
}
.earnings-table, .payouts-table{
    margin-bottom: 0!important;
}
.earnings-table td.dateTime, .earnings-table th.dateTime{
    width: 25%;
}
.earnings-table td.appointmentNo, .earnings-table th.appointmentNo{
    width: 20%;
}
.earnings-table td.payments, .earnings-table th.payments{
    width: 18%;
}
.earnings-table td.commission, .earnings-table th.commission{
    width: 20.33%;
}
.earnings-table td.amount, .earnings-table th.amount{
    width: 16.66%;
}
.earnings-table>tfoot>tr>td{
    color: #FFFFFF;
    font-family: 'AvenirLTStd-Roman';
    background: #66CC99;
}
.payouts-table td.date, .payouts-table th.date{
    width: 18%;
}
.payouts-table td.month, .payouts-table th.month{
    width: 15%;
}
.payouts-table td.amount, .payouts-table th.amount{
    width: 19%;
}
.payouts-table td.comment, .payouts-table th.comment{
    width: 48%;
}
.payouts-table>tfoot>tr>td{
    color: #FFFFFF;
    font-family: Avenir lt std roman;
    background: #66CC99;
}
.nav-tabs>li{
    border: 1px solid #e8e9e8;
    border-right: 0px;
}
.nav-tabs>li:last-child{
    border-right: 1px solid #e8e9e8;
}
.nav-tabs>li>a, .nav-tabs>li>a:hover{
    border: 0;
}
.nav-tabs>li.active, .nav-tabs>li:hover{
    border-bottom: 0;
    border-left: 1px solid #e8e9e8;
    border-right: 0;
}
.nav-tabs>li.active:last-child, .nav-tabs>li:hover:last-child{
    border-right: 1px solid #e8e9e8;
}
.consultation-prescription.nav-tabs>li{
    border: 0px;
}
.timings-form-container{
    width: 100%;
    border: 1px solid #e8e9e8;
    background: #fff;
    padding: 18px;
    display: inline-block;
    width: 100%;
    /*overflow-x: hidden;
    overflow-y: auto;*/
}
.timing-form-container{
    width: 100%;
    /*border: 1px solid #e8e9e8;*/
    background: #fff;
    padding: 18px;
    overflow-x: hidden;
    overflow-y: auto;
}
.profileContainer{
    width: 100%;
    /*border: 1px solid #e8e9e8;*/
    background: #fff;
    /*padding: 30px;*/
    overflow-x: hidden;
    overflow-y: auto;
}
.timing-form-container h4{
    font-family: 'AvenirNextLTPro-Regular';
    font-size: 16px;
    line-height: 16px;
    color: #66CC99;
    letter-spacing: .16px;
    margin: 0;
}
.timing-form-container form label{
    font-family: 'AvenirLTStd-Roman';
    line-height: 14px;
    font-weight: normal;
    font-size: 14px;
}
.timing-form-container form input{
    width: 100%;
    padding: 7px 8px;
    border: 1px solid #e8e9e8;
    /*opacity: .5;*/
}
.timing-form-container form input[type='text'],.timing-form-container form select{margin-bottom: 0;}
.timing-form-container form .row{margin-bottom:18px;}
.timing-form-container form input:focus{
    outline: none;
}
.timing-form-container form input[type=checkbox]{
    height: 20px;
    width: 20px;
    position: relative;
    top: 5px;
    border: 1px solid #e8e9e8;
    margin-right: 4px;
    margin-bottom: 0;
    color: #26292C;
    font-family: Avenir lt std roman;
}
.timing-form-container form .dates{
    margin-bottom: 25px;
}
.timing-form-container form .dates label{
    display: inline-block;
    margin-right: 24px;
}

.timings-form-container h4{
    font-family: 'AvenirNextLTPro-Regular';
    font-size: 16px;
    line-height: 16px;
    color: #1D1D1D;
    letter-spacing: .16px;
    margin: 0;
}
.timings-form-container form{
    margin-bottom: 0px;
}
.timings-form-container form label,.doctorPrescription form label,.doctorInvestigation form label{
    font-family: 'AvenirLTStd-Roman';
    line-height: 14px;
    font-weight: normal;
    font-size: 14px;
}
.timings-form-container form input,.doctorsTabsLayout .emrSearch,.doctorPrescription form input,
.doctorInvestigation form input,.referalDoctor input,.patients-page .form input,
.editForm input,.userAccounts input{
    width: 100%;
    padding: 9px 8px;
    border: 1px solid #e8e9e8;
    /*opacity: .5;*/
    margin-bottom: 18px;
}
.timings-form-container form input:focus,.userAccounts form input:focus{
    outline: none;
}
.timings-form-container form input[type=checkbox]{
    height: 20px;
    width: 20px;
    position: relative;
    top: 4px;
    border: 1px solid #e8e9e8;
    margin-right: 4px;
    margin-bottom: 0;
    color: #26292C;
    font-family: Avenir lt std roman;
}
.timings-form-container form .dates{
    margin-bottom: 8px; width: 24%;
}
.timings-form-container form .dates label{
    display: inline;
    margin-right: 24px;
	vertical-align:top;
}
.regular-checkbox{
    -webkit-appearance: none;
    border: 1px solid #e8e9e8;
    padding: 9px;
    border-radius: 0px;
    display: inline-block;
    position: relative;
}
.regular-checkbox:checked{
    border: 1px solid #e8e9e8;
    color: #525754;
}
.regular-checkbox:checked:after{
    content: '\2714';
    font-size: 16px;
    position: absolute;
    top: -2px;
    left: 3px;
    color: #525754;
}
.timings-form-container form .times label{
    margin: 0 0 5px 0;
}
.timings-form-container form .times input{
    padding-right: 25px;
    background-image: url(/doctor/images/drop_ico.png);
    background-repeat: no-repeat;
    background-position: 92%;
}

/*.timings-form-container form a{*/
    /*font-family: Avenir lt std roman;*/
/*}*/
.timings-form-container form button, {
    width: 100px;
    padding: 7px 5px 3px 5px;
    /*margin-top: 30px;*/
    /*margin-right: 17px;*/
    text-align: center;
    background-color: #FFFFFF; border: 1px solid #3399CC; color:#3399CC;
}
.timings-form-container form button:hover,
.timings-form-container form button:focus,
.timings-form-container form button:active,.btn:hover,.btn:focus,.btn:active{outline: 0 !important; outline-offset: 0 !important;}
.buttonWidthSave{
    width: 71px!important;
    padding: 6px 20px!important;
    text-align: center;
}
.buttonWidthCancel{
    width: 80px!important;
    padding: 6px 20px!important;
    text-align: center;
}
button:focus{
    outline: none;
}
.preview-profile-btn{
    position: relative;
    top: 20px;
}
.edit-profile-container{
    border: 1px solid #e8e9e8;
    background: #fff;
    padding: 20px;
}
.imgUpload{
    height: 90px;
    width: 90px;
    /*background: url(/doctor/images/doc-profile.png);*/
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border-radius: 50%;
    display: inline-block;
    margin-right: 20px;
}
.imgUpload input{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    height: 90px;
    cursor: pointer;
}
.imgUpload .caption{
    background: rgba(0, 0, 0, 0.4);
    font-family: Avenir lt std roman;
    margin-top: 65px;
    font-size: 12px;
    color: #fff;
    padding: 3px 0 10px 0;
}
.aboutDoc{
    display: inline-block;
    position: relative;
    top: -15px;
}
.lg-input{
    margin-bottom: 10px;
}
.md-input, .sm-input{
    border-radius: 1px;
    border: 1px solid #e8e9e8;
    width: 100%;
    background: #fff;
    margin-bottom: 2px;
}
.md-input{
    padding: 4px 8px;
}
.sm-input{
    padding: 3px 10px;
    font-size: 13px;
}
.md-input:focus, .sm-input:focus{
    outline: none;
}

/*************Incoming call starts here************/
.caller-dp{
    height: 90px;
    width: 90px;
    border-radius: 50%;
    border: 5px solid #66CC99;
    background-size: cover;
    margin: 0 auto;
    text-align: center;
}
.chatCaller .modal-title{
    color: #66CC99;
    margin-top: 6px;
    margin-left: 4px;
}
.chatCaller .modal-dialog{
    width: auto;
}
.chatCaller .modal-content{
    background: transparent;
    box-shadow: none;
    border-right: 0; width: auto;
    /*box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);*/
}
.firstView,.thirdViewView{
    width: 600px; background: #FFFFFF; border-radius: 4px; margin:0 auto; position: relative;
}
.secondView{
    width: 900px; background: #FFFFFF; border-radius: 4px; margin:0 auto; position: relative;
}
.modal-open .modal{
    width: 100%;
    height: 100%;
    left: 0;
    top:0;
}
/*.chatCaller  .modal-dialog{*/
/*    width: 94%;*/
/*}*/
.modal-dialog {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -moz-transition: none;
    -webkit-transition: none;
}
.modal-content{
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0);
    -moz-box-shadow: 0 5px 15px rgba(0,0,0,0);
    box-shadow: 0 5px 15px rgba(0,0,0,0);
}

.chatCaller  .modal-dialog .modal-content{
    border-radius: 5px!important;
    border: 0;
    padding: 0;
}
.chatCaller .modal-header, .chatCaller .modal-footer{
    border: 0;
}
.chatCaller .text-center{
    text-align: center!important;
}
.chatCaller .modal-body{
    padding: 0 0px 0px 20px;
}
.chatCaller .modal-footer .call-decline{
    padding-top: 2px;
    padding-bottom: 25px;
}
.chatCaller .chatCaller .call-decline{
    border: 0px;
    border-radius: 25px;
    color: #ffffff;
}
.call-cancel{
    background-color: #66cc99!important;
    background-image: url(/doctor/images/call_pick.png);
    border-radius: 25px;
    height: 37px;
    background-position: center;
    border:1px solid #66cc99;
    color: #ffffff;
    background-repeat: no-repeat;
}
.callDecline{
    background-color: #fff!important;
    /*background-image: url(/doctor/images/call_pick.png);*/
    background-position: center;
    border-radius: 4px;
    border:1px solid #3399cc;
    color: #3399cc!important;
    background-repeat: no-repeat;
}
.call-accept{
    background-color: red!important;
    background-image: url(/doctor/images/call_end.png);
    background-position: center;
    border-radius: 4px;
    border:1px solid red;
    background-repeat: no-repeat;
    color:#fff;
    border-radius: 25px;
    height: 37px;
}
.call-Accept{
    background-color: #3399cc!important;
    background-position: center;
    border-radius: 4px;
    border:1px solid #3399cc;
    background-repeat: no-repeat;
    color:#fff;
}
.modal-header{
    border:1px solid #3399cc;
    background-color:#3399cc;
    color:#fff;
    height:60px;
    border-radius: 9px 9px 0 0;
}
.TimeConsult{
    background-color: #ffffff;
    border-radius: 25px;
}
.border-10{
    border-radius: 10px 10px 0px 0px;
}
.reasonDeclination{
    width:100%;
    color:#3399cc;
}
.reasonDeclination h2 {
    /*font-family: 'Quicksand-Bold';*/
    font-size: 14px;
    text-transform: uppercase;
    color: #333366;
    border-bottom: 1px solid #ece9e9;
    padding: 15px 0 20px;
    margin: 0 0 20px 0;
}
.reasonDeclination .slotsSelects {
    padding: 0 !important;
    width: 422px;
    margin: 0 auto 20px auto;
    position: relative;
    display: block;
    overflow-y: auto;
    height: 200px;
    vertical-align: middle;
}
.reasonDeclination .slotsSelects span:nth-child(5n+5) button{
    margin:0 0 15px 0;
}
.reasonDeclination h3.text-center {
    /* font-family: 'Quicksand-Medium'; */
    display: inline-block;
    text-align: center;
    width: 97%;
    font-size: 12px;
    text-transform: uppercase;
    color: #000000;
    margin: 0;
    padding: 0;
}
.reasonDeclination .modal-schedule {
    background: #6C3C71;
    color: #ffffff;
    border: 0px;
    border-radius: 4px 4px 0px 0px;
    padding-left: 24px;
    font-family: inherit;
    letter-spacing: 1.8px;
}
.reasonDeclination .modal-schedule h4{
    margin: 0;
    padding: 6px 0 0 0;
    font-size: 22px;
    letter-spacing: 0;
    text-align: left;
}
.reasonDeclination .right {
    float: right;
    font-size: 18px;
    color: #3399CC;
    position: relative;
    top: -4px;
    right: 21.6%;
}
.reasonDeclination .left {
    float: left;
    font-size: 18px;
    color: #3399CC;
    position: relative;
    top: -4px;
    left: 22%;
}
.reasonDeclination .SlotavailableTime {
    border: 1px solid #3399CC;
    background-color: #FFFFFF;
    /*font-family: 'Quicksand-Medium';*/
    text-transform: uppercase;
    font-size: 12px;
    padding: 7px 0 3px 0;
    border-radius: 4px;
    color:#3399CC;
    width: 71px;
    outline: 0;
    margin: 0 15px 15px 0;
    float: left;
}
.reasonDeclination .SlotavailableTime:hover, .SlotavailableTime:focus, .SlotavailableTime:active {
    color: #FFFFFF;
    box-shadow: none;
    outline: 0 !important;
    background-color: #3399CC;
}

.reasonDeclination .bookApnt {
    background: #3399CC;
    border: 0;
    outline: 0;
    color: #FFFFFF;
    /*font-family: 'Quicksand-Bold';*/
    font-size: 13px;
    text-transform: uppercase;
    border-radius: 4px;
    padding: 6px 20px;
    margin: 0 auto;
    display: block;
}
.reasonDeclination p {
    /*font-family: 'Montserrat-Light';*/
    font-size: 18px;
    text-align: left;
    color: #333366;
    /* padding: 0 0 20px 0; */
}
.reasonDeclination p span {
    color: #f061b3 !important;
}
.popup-screen33 h2 {
    color: #99999C;
    font-size: 12px !important;
    text-transform: none;
    font-family: 'OpenSans' !important;
    text-align: center;
    border-bottom: 0;
}
.align-text h5 {
    position: relative;
}
.scheduleConfirmed h5 {
    /* font-family: 'Quicksand-Medium'; */
    font-size: 13px;
    color: #333366;
    height: 25px;
}
.scheduleConfirmed h6 {
    font-family: 'Quicksand-Medium';
    font-size: 11px;
    color: #F92168;
    text-transform: capitalize;
    padding: 0 0 0 0 !important;
}
.align-text h6 {
    position: relative;
}

.customRadioBtn input[type="radio"] + label {
    color: #292321;
    font-size: 14px;
}

.customRadioBtn input[type="radio"] + label span {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.customRadioBtn input[type="radio"] + label span {
    background-color: #FFFFFF;
    /*box-shadow: inset 0 0 0 2px #eF7F1B;*/
    border:2px solid #eF7F1B;

}

.customRadioBtn input[type="radio"]:checked + label span {
    background-color: #eF7F1B;
    box-shadow: inset 0 0 0 2px #FFFFFF;
    border:2px solid #eF7F1B;

}

.customRadioBtn input[type="radio"] + label span,
.customRadioBtn input[type="radio"]:checked + label span {
    -webkit-transition: background-color 0.4s linear;
    -o-transition: background-color 0.4s linear;
    -moz-transition: background-color 0.4s linear;
    transition: background-color 0.4s linear;
}


.customRadioButton [type="radio"]:checked + label:before,
.customRadioButton [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid transparent!important;
    border-radius: 100%;
    background: #fff;
}
.customRadioButton [type="radio"]:checked + label:after,
.customRadioButton [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: transparent!important;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.customRadioButton [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
}
.customRadioButton [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.customRadioButton [type="radio"]:checked + label:before {
    border:1px solid transparent;
}
/*************Incoming call ends here************/

.sm-popup-msg{
    position: absolute;
    top: 10px;
    padding: 5px 20px;
    color: #fff;
    z-index:10000;
    left: calc(50% - 120px);
}
.sm-popup-msg.success{
    background: #66CC99!important;
}
.sm-popup-msg.failure{
    background: red!important;
}
.small-heading-333367{
    color: #333367!important;
}
.pointer{
    cursor: pointer;
}
.content-container{
    background: #ffffff;
}

/**** SETTINGS PAGE ****/

 ul.settings-options,ul.settings-list{
    margin: 0;
    padding:0;
    list-style: none;
    overflow-y: auto;
}
ul.list-options,ul.settings-list{
    margin: 0;
    padding:0;
    list-style: none;
    overflow-y: auto;
}
ul.list-options>li,ul.settings-list>li{
    border: 1px solid #e8e9e8;
    border-bottom: 0;
    color: #5e5d73;
    padding: 8px 16px;
}
ul.settings-options>li,ul.settings-list > li{
    border-top: 1px solid #e8e9e8;
    border-bottom: 0;
    color: #5e5d73;
}
ul.list-options>li,.doctorPrescription ul.list-options>li{
    background: #fbfcfc;
}
.add-new ul.list-options>li.heading,.doctorPrescription ul.list-options>li.heading,.doctorInvestigation ul.list-options>li.heading{
    /*background: #FFFFFF;*/
    color: #A6B2AD;
    font-weight: 600;
    font-family: 'AvenirNextLTPro-Regular';
}
ul.list-options>li:hover, ul.list-options>li.active, ul.settings-options>li:hover, ul.settings-options>li.active{
    background: #66CC99; color:#FFFFFF;
}
ul.list-options>li:hover .clr-1d1d1d,ul.list-options>li:hover .clr-6A6F6C,ul.list-options>li:hover .clr-6A6F6C{color:#FFFFFF !important;}
ul.list-options>li:hover>a, ul.list-options>li.active>a, ul.settings-options>li:hover>a, ul.settings-options>li.active>a{
    text-decoration: none;
    color: #ffffff;
    background: #823667;
}
ul.list-options>li>a, ul.settings-options>li>a, ul.list-options>li>.head{
    color: #5e5d73;
    display: block;
    text-transform: capitalize;
    text-decoration: none;
    padding: 10px 10px 10px 25px;
}
.add-new ul.settings-options>li, .add-new ul.list-options>li,.settings-list li,.doctorPrescription ul.list-options>li,
.doctorInvestigation ul.list-options>li,.doctorEmr ul.settings-options>li{
    border: 1px solid #e8e9e8;
    border-bottom: 0;
    color: #5e5d73;
    padding: 8px 16px;
    font-family: 'AvenirNextLTPro-Regular';
}
.add-new ul.settings-options>li:last-child, .add-new ul.list-options>li:last-child, .border-bottom,.settings-list li:last-child,.doctorPrescription ul.list-options>li:last-child,
.doctorInvestigation ul.list-options>li:last-child,.doctorEmr ul.settings-options>li:last-child{
    border-bottom: 1px solid #e8e9e8;
}
.add-new ul.settings-options>li:hover, ul.settings-options>li.active, .add-new ul.list-options>li:hover, ul.list-options>li.active,.doctorPrescription ul.list-options>li:hover,
.doctorInvestigation ul.list-options>li:hover,.doctorEmr ul.settings-options>li:hover{
    background: transparent;
}
.btn{
    font-family: 'AvenirLTStd-Roman';
    font-weight: bold;
    font-size: 14px;
}
.table.normal{
    padding: 8px;
    font-size: 13px;
    font-weight: 600;
}
.sm-link-icon{
    position: relative;
    /*top: -2px;*/
}
.add-new a + a{
    margin-left: 15px;
}
.flt-box{
    border: 1px solid #e8e9e8;
    background: #ffffff;
    border-radius: 4px;
    margin-bottom: 30px;
}
.flt-box input{
    display: inline-block;
    border: 0;
    margin: 4px 0;
    padding-left: 12px;
    height: 28px;
    width: calc(50% - 2px);
}
.flt-box input:first-child{
    border-right: 1px solid #e8e9e8;
}
.flt-box input:last-child{
    padding-left: 8px;
}
.flt-box input:hover, .flt-box input:active, .flt-box input:focus{
    outline: none;
}
/**** END OF SETTINGS PAGE ****/
.margin-top-22{
    margin-top: 22px!important;
}
.m-b-5{
    margin-bottom: 5px;
}
.m-b-7{
    margin-bottom: 7px;
}
.m-b-30{
    margin-bottom: 30px;
}
.m-t-30{
    margin-top: 30px!important;
}
.m-t-5{
    margin-top: 5px!important;
}
.m-t-10{
    margin-top: 10px!important;
}
.m-b-10{
    margin-bottom: 10px!important;
}
.m-t-15{
    margin-top: 15px!important;
}
.m-t-25{
    margin-top: 25px!important;
}
.m-t-50{
    margin-top: 50px!important;
}
.m-t-40{
    margin-top: 40px!important;
}
.m-t-20{
    margin-top: 20px!important;
}
.m-r-10{
    margin-right: 10px;
}
.m-r-50{
    margin-right: 50px;
}
.m-l-15{
    margin-left: 15px;
}
.m-l-80{
    margin-left: 80px;
}
.m-l-90{
    margin-left: 90px;
}
.m-t--10{
    margin-top: -10px!important;
}
table.padding-10{
    border-top: 1px solid #e8e9e8;
}
table.padding-10 tr td{
    padding: 10px;
    background: #ffffff;
}
select, textarea {
    border-radius: 1px;
    border: 1px solid #e8e9e8;
    padding: 9px 8px;
    width: 100%;
    background: #fff;
    font-size: 13px;
    margin-bottom: 18px;
}
select:focus, textarea:focus, input:focus, btn:active{
    outline:none;
}
.normal-line-height{
    line-height: 28px;
}
.add-doctor{
    border: 1px solid #e8e9e8;
}
.p-l-20{
    padding-left: 20px;
}
.p-l-r-20{
    padding-left: 20px;
    padding-right: 20px;
}
.p-l-r-30{
    padding-left: 30px;
    padding-right: 30px;
}
.p-t-b-15{
    padding-bottom: 15px;
    padding-top: 15px;
}
.p-t-b-10{
    padding-bottom: 10px;
    padding-top: 10px;
}
.p-r-20{
    padding-right: 20px;
}
.p-r-30{
    padding-right: 30px;
}
.p-r-40{
    padding-right: 40px;
}
.p-b-5{
padding-bottom:5px;
}
.padding-10{
    padding: 10px;
}
.padding-15{
    padding: 15px;
}
.padding-4{
    padding: 4px!important;
}
.padding-20{
    padding: 20px!important;
}
.border{
    border: 1px solid #e8e9e8;
}
table.line-height-25 tr td{
    line-height: 25px;
}

.padding-30{
    padding: 30px;
}
.no-border-bottom{
    border-bottom: 0!important;
}
.z-index-99{
    z-index: 99;
}
.z-index-9{
    z-index: 9;
}
.caption{
    background: rgba(0, 0, 0, 0.5);
    padding: 5px;
}
.border-right{
    border-right: 1px solid #e8e9e8;;
}
.border-left{
    border-left: 1px solid #e8e9e8;;
}
.border-right{
    border-right: 1px solid #e8e9e8;;
}
.height-60{
    height: 60px;
}
.max-height-250{
    max-height: 250px;
}
.height-50{
    height: 50px!important;
}
.vertical-top{
    vertical-align: top;
}
.no-margin{
    margin: 0;
}
.no-border-right{
    border-right: 0!important;
}
.left-content-tab-inner{
    width: calc( 100% - 321px);
    /*border-right: 1px solid #e8e9e8;*/
}
.right-content-tab-inner{
    /*width: 35%;*/ width: 321px; position: absolute; right: 0px; height:100%; top:0;
}
.left-content-tab-inner table>tbody>tr{
    border-bottom: 1px solid #e8e9e8;
}
.left-content-tab-inner table>tbody>tr>td{
    padding: 18px 10px;
}
.left-content-tab-inner table>tbody>tr>td input{
    margin-bottom: 10px;
}
.left-content-tab-inner table>tbody>tr>td input:last-child{
    margin-bottom: 0;
}
.m-r-10{
    margin-right: 10px;
}
.m-r-15{
    margin-right: 15px;
}
.m-t-10{
    margin-top: 10px;
}
.m-t-20{
    margin-top: 20px;
}
.m-t-18{
    margin-top: 18px;
}
.m-t-5{
    margin-top: 5px;
}
.m-t-50{
    margin-top: 50px;
}
.m-b-20{
    margin-bottom: 20px!important;
}
.m-l-10{
    margin-left: 10px;
}
.p-b-10{
    padding-bottom: 10px;
}
.p-l-10{
    padding-left: 10px!important;
}
.p-b-18{
    padding-bottom: 18px;
}
.btn-l-length{
    padding: 6px 38px;
}
.btn-cancel{
    background-color: transparent !important;
    color:#3399CC !important;
    border:1px solid #3399CC;
    line-height: 18px;
    border-radius: 3px;
}
.m-b-18{
    margin-bottom: 18px;
}
/*.btn-cancel:hover,.btn-cancel:focus,.btn-cancel:active{*/
    /*background-color: #3399cc!important;*/
    /*color:#3399cc !important;*/
/*}*/
.btn-info:hover {
    color: #fff;
    background-color: #3399cc;
    border-color: #3399cc;
}
.prescription-sm .customRadioBtn input[type="radio"] + label {
    color: #1d1d1d;
    font-family: 'AvenirNextLTPro-Regular';
    font-size: 13px;
    width: auto;
}
.prescription-sm .customRadioBtn input[type="radio"] + label span {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.prescription-sm .customRadioBtn input[type="radio"] + label span {
    background-color: #FFFFFF;
    border: 1px solid #e8e9e8;
}
.prescription-sm .customRadioBtn input[type="radio"]:checked + label span {
    background-color: #3399cc;
    box-shadow: inset 0 0 0 2px #FFFFFF;
    border: 1px solid #3399cc;
}
.prescription-sm .customRadioBtn input[type="radio"] + label span,
.prescription-sm .customRadioBtn input[type="radio"]:checked + label span {
    -webkit-transition: background-color 0.4s linear;
    -o-transition: background-color 0.4s linear;
    -moz-transition: background-color 0.4s linear;
    transition: background-color 0.4s linear;
}
.customRadioBtn [type="radio"]:checked + label:before,
.customRadioBtn [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #3399cc;
    border-radius: 100%;
    background: #fff;
}
.customRadioBtn [type="radio"]:checked + label:after,
.customRadioBtn [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #3399cc;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.customRadioBtn [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
}
.customRadioBtn [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.customRadioBtn [type="radio"]:checked + label:before {
    border:1px solid #3399cc;
}
.btn-default:hover{
    background-color: #3399cc!important;
}
.drug-name .ui-select-container .btn-default{
    border: 1px solid #e8e9e8 !important;
    background-image: url(/doctor/images/drop_ico.png);
    background-position: 96% 13px;
    background-repeat: no-repeat;
    border-radius: 1px;
    padding: 6px 10px;
    width: 100%;
    background: #fff;
    font-size: 13px;
    margin-bottom: 18px;
    color:#3399cc;
}
.drug-name .ui-select-placeholder{
    background: #fff;
    font-size: 13px;
}
textarea{
    font-size: 13px;
}
.padding-30{
    padding: 30px;
}
/*.btn{*/
    /*font-family: "Montserrat-Light"!important;*/
/*}*/
.padding-10{
    padding: 10px;
}
.ui-select-bootstrap .ui-select-choices-row>span{
    font-size: 11px;
    padding-left: 10px;
}
.max-height-320{
    max-height: 320px;
}
.z-index-9{
    z-index: 9;
}
.z-index-99{
    z-index: 99;
}
.no-border-top{
    border-top: 0px!important;
}
.right-5{
    right: 5px;
}
.right-10{
    right: 10px;
}
.right-15{
    right: 15px;
}
.top-10{
    top: 10px;
}
.top-6{
    top: 6px;
}

.top-10{
    top: 10px;
}

.customRadioBtn input[type="radio"] + label {
    color: #454545;
    font-family: 'AvenirNextLTPro-Regular';
    font-size: 13px;
    position: relative;
    width: 100%;
    text-align: left;
    padding: 0 0 0 30px;
}
.customRadioBtn input[type="radio"] + label span {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.customRadioBtn input[type="radio"] + label span {
    background-color: #FFFFFF;
    /*box-shadow: inset 0 0 0 2px #eF7F1B;*/
    border:2px solid #eF7F1B;

}

.customRadioBtn input[type="radio"]:checked + label span {
    background-color: #eF7F1B;
    box-shadow: inset 0 0 0 2px #FFFFFF;
    border:2px solid #eF7F1B;

}

.customRadioBtn input[type="radio"] + label span,
.customRadioBtn input[type="radio"]:checked + label span {
    -webkit-transition: background-color 0.4s linear;
    -o-transition: background-color 0.4s linear;
    -moz-transition: background-color 0.4s linear;
    transition: background-color 0.4s linear;
}
/*.btn{*/
    /*font-family: Avenir lt std roman!important;*/
/*}*/
/* [type="radio"]:not(:checked), [type="radio"]:checked {
    position: absolute;
    left: -9999px;
} */
.p-b-15{
    padding-bottom: 15px!important;
}
.p-t-15{
    padding-top: 15px!important;
}
.p-t-5{
    padding-top: 5px;
}
.prescription-sm label{
    font-weight: normal;
}
.chat-input{
    width: calc(100% - 99px ) !important;}
.no-data-img{
    text-align: center;
    color: #c2c5c8;
    margin: 50px auto 15px auto;
}
.no-data-img.messages{
    margin-top: 60px;
}
.table-ver-1,.consultation-document  .table-ver-1 tr th{
    width: 100%;
}
.table-ver-1 tr,.consultation-document  .table-ver-1 tr {
    border-bottom: 1px solid #e8e9e8;
}
.table-ver-1 tr th,.consultation-document  .table-ver-1 tr th{
    background: #fbfcfc;
}
.table-ver-1 tr:first-child{
    border-top: 1px solid #e8e9e8;
}
.table-ver-1 tr td, .table-ver-1 tr th{
    padding: 18px 15px;
    font-family: 'AvenirNextLTPro-Regular';
    font-size: 14px;
    line-height: 18px;
    text-align: left;
}
.table-ver-1 tr td:first-child, .table-ver-1 tr th:first-child{
    line-height: 14px;
    font-size: 14px;
    padding-left: 30px;
    color: #1D1D1D;
}
.document-table tr{
    border-bottom: 0px solid transparent;
    background: transparent;
}
.document-table tr:first-child{
    border-top: 0px solid transparent;
}
.overflow-x-hidden{
    overflow-x: hidden;
}
.post-btn {
    position: relative;
    overflow: hidden;
    background-color: #3399CC;
    height: 34px;
    margin: 0 0 0 -5px;
    border-radius: 0px 2px 2px 0px;
    padding: 7.5px 6px;
    text-align: center;
    width: calc(70% - 2px);
    color: #fff;
}
.post-btn label {
    color: #FFFFFF;
}
.uploadFileName {
    margin: 0 0 0 15px;
    font-size: 12px;
}
.post-btn input.upload {
    position: absolute;
    top: 0;
    right: 0;
    /* margin: 0; */
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 1000;
}
.upload-photo {
    opacity: 0;
    position: absolute;
    z-index: -1;
}
.cursor-pointer {
    cursor: pointer;
}
.file-name{
    border: 1px solid #e8e9e8;
    padding: 6px 10px;
    height: 34px;
    border-radius: 1px;
    margin: 0px;
}
.no-border-right{
    border-right: 0!important;
}
.list-options.drug-settings{
    position: absolute;
    top: 75%;
    z-index: 9;
    /*width: calc(100% - 30px);*/
    max-height: 220px;
    background: #ffffff;
    overflow-y: auto;
}
.modal.in .modal-dialog{
    /*margin: 0;*/
    top: 50%;
    /*vertical-align: middle;*/
    /*left: 50%;*/
    transform: translateY(-50%);
    margin: 0;
}
.appoinmentSloteSide {
    padding: 20px 50px;
    border-radius: 5px;
    background: #fff;
}

.newAppointment .btn-save{
    background-color: #3399cc; color:#FFFFFF;
    border:1px solid #3399cc;
    margin: 0 5px 0 0px;
}
.newAppointment .btn-cancel{
    background-color: #FFFFFF;
    border:1px solid #3399cc;
    color: #3399cc; margin: 0;
}
.newAppointment select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(/doctor/images/drop_ico.png);
    background-position: 96% 13px;
    background-repeat: no-repeat;
}
.appoinmentSloteSide h2 {
    font-family: 'AvenirNextLTPro-Demi';
    font-size: 16px;
    text-transform: capitalize;
    text-align: center;
    display: block;
    border-bottom: 1px solid #ece9e9;
    padding: 0 0 10px 0;
    margin: 0 0 20px 0;
    color: #000000;
}

button.calender-next-btn:disabled,
button.calender-next-btn[disabled]{
  background-color: rgb(145 145 143)!important;
  color: rgb(145 145 143);
  cursor: not-allowed!important;
}
button.calender-day-btn:disabled,
button.calender-day-btn[disabled]{
  color: rgb(145 145 143);
  cursor: not-allowed!important;
}

.appoinmentSloteSide .left {
    float: left;
    font-size: 18px;
    color: #3399cc;
    left: 170px;
    position: relative;
}

.appoinmentSloteSide .right {
    float: right;
    font-size: 18px;
    color: #3399cc;
    position: relative;
    right:170px;
}

.appoinmentSloteSide h3 {
    font-family: 'AvenirNextLTPro-Regular';
    display: inline-block;
    text-align: center;
    width: 97%;
    font-size: 12px;
    text-transform: uppercase;
    color: #000000;
}
.availableTimeSlotes {
    border: 1px solid #3399cc;
    background-color: #FFFFFF !important;
    font-family: 'AvenirLTStd-Roman';
    text-transform: uppercase;
    font-size: 12px;
    padding: 7px 15px;
    border-radius: 4px;
    color: #3399cc !important;
    outline: 0;
    width: 90px;
    margin: 0 15px 15px 0;
    outline: none;
}

.availableTimeSlotes:hover, .availableTimeSlotes:active, .availableTimeSlotes:focus, .spcDate {
    color: #FFFFFF !important;
    background-color: #3399cc !important;
}

.allocatedTimeSlotes {
    border: 1px solid #b8bac3;
    background-color: #ede9ee;
    font-family: 'Quicksand-Medium';
    text-transform: uppercase;
    font-size: 12px;
    padding: 7px 11px;
    border-radius: 4px;
    color: #627078;
    width: 90px;
    outline: 0;
    margin: 0 15px 15px 0;
}

.allocatedTimeSlotes:hover,.allocatedTimeSlotes:focus {
    cursor: not-allowed !important; outline: 0 !important; box-shadow: none !important;
}
.selectSlotes {
    display: inline-block;
    padding: 20px 0 30px 0;
    width: 100%;
}
/*.AvenirNext{*/
    /*font-family: "Avenir next lt pro"!important;*/
/*}*/

input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #A6b2AD;
}
input::-moz-placeholder { /* Firefox 19+ */
    color: #A6b2AD;
}
input:-ms-input-placeholder { /* IE 10+ */
    color: #A6b2AD;
}
input:-moz-placeholder { /* Firefox 18- */
    color: #A6b2AD;
}

input, select option,textarea {
    color:#1d1d1d;
}
.timing input{
    color: #a6b2ad;
}
.FileName {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 50%;
}
.text-Wrap{
    white-space: nowrap;
    width: 67% !important;
    overflow: hidden;
    text-overflow: ellipsis!important;
}
.cursor-pointer{
    cursor:pointer;
}
.alling{
    top: 9px;
    position: relative;
}
.PaddinG{
    padding: 6px 17px 2px 17px!important;
}
.drop{
    top: -4px;
    position: relative;
}
.border-left{
    border-left: 1px solid #e8e9e8;
}
.patienForm .customCheckBox label {
    font-size: 13px!important;
    margin: 0 0 5px 0 !important;
}

.patienForm .customCheckBox [type="checkbox"]:not(:checked) + label:before,
.patienForm .customCheckBox [type="checkbox"]:checked + label:before {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    top: -2px !important;
}

.patienForm .customCheckBox [type="checkbox"]:not(:checked) + label:after,
.patienForm .customCheckBox [type="checkbox"]:checked + label:after {
    border-radius: 4px;
    width: 20px;
    height: 20px;
    font-size: 17px;
    padding: 4px 0 0 0;
    top: -2px;
}


.customCheckBox [type="checkbox"]:not(:checked),
.customCheckBox [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

.customCheckBox [type="checkbox"]:not(:checked) + label,
.customCheckBox [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    margin: 20px 0 0 0;
}


/* checkbox aspect */

.customCheckBox [type="checkbox"]:not(:checked) + label:before,
.customCheckBox [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 16px;
    height: 16px;
    border: 1px solid #cccccc;
    background: #FFFFFF;
    border-radius: 0px;
    /*box-shadow: inset 0 1px 3px rgba(0,0,0,.3)*/
}


/* checked mark aspect */

.customCheckBox [type="checkbox"]:not(:checked) + label:after,
.customCheckBox [type="checkbox"]:checked + label:after {
    content: '✔';
    position: absolute;
    top: 1px;
    left: 0px;
    font-size: 13px;
    line-height: 0.8;
    color: #ef7f1b;
    transition: all .2s;
    border: 1px solid #ef7f1b;
    width: 16px;
    height: 16px;
    text-align: center;
    padding: 2px 0 0 0;
}

.customCheckBox [type="checkbox"]:hover +label:before {
    border: 1px solid #ef7f1b !important;
}


/* checked mark aspect changes */

.customCheckBox [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}

.customCheckBox [type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}

.customCheckBox label {
    /*    font-family: 'OpenSans-SemiBold';*/
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 400;
    color: #6B6575;
}
.btn,
.btn-primary,.timings-form-container .btn-info {
    background-color: #3399CC;
    border-radius: 4px;
    color: #FFFFFF;
    font-family: 'AvenirLTStd-Roman';
    padding: 9px 20px 5px 20px;
    font-size: 13px;
    margin-top: -5px;
    border-color: #3399CC;
    box-shadow: none;
}
.btn-primary:hover,.btn-primary:focus,.open>.dropdown-toggle.btn-primary,
.btn-primary:active{
    background-color: #3399CC !important;
    border-color: #3399CC !important; outline: 0;
    box-shadow: none;
}
.btn,.btn:focus,.btn:active{
    outline-offset: 0 !important;
}
.summary {
    display: inline-block;
    width: 100%;
    padding: 13px;
}
/*.CompleteConsultation{*/
    /*top: 46px;*/
    /*position: relative;*/
/*}*/
.underline_text {
    border-bottom: solid 1px #e8e9e8;
    display: inline;
    padding-bottom: 2px;
}
.AvenirNextLTPro-Regular {
    font-family: 'AvenirNextLTPro-Regular';
}
.documentTxt .st0{fill:#C0C1C1;}
.documentTxt span{width: 24px; display: inline-block; margin: 0 15px 0 0; float:left;}
.documentTxt p{float: right; width:95%; margin: 7px 0 0 0;}
.documentTxt{padding: 10px 0 10px 15px; display: inline-block; width: 100%; border-top:1px solid #e8e9e8; vertical-align:top;}
.documentTxt:last-child{border-bottom:1px solid #e8e9e8;}
.sidebar-nav .st0, .sidebar-nav .st1{fill:#FFFFFF;}
.settingProfile{padding: 30px 0px 30px 20px !important; overflow-y: hidden; border:1px solid #e8e9e8;}
.sidebar-nav li a .orgImg{position: relative; left: -14px;}
/*.right-side-fix-height{border-left:1px solid #e8e9e8; display: inline-block; width: 35%;}*/
.consulationAClose{position: absolute; top:7px; right: 10px; background-color: #FFFFFF; padding: 0 0 0 5px;}
#details{ padding: 30px 0 0 0}
.p-l-0{
    padding-left:0px;
}
.documentUpload input[type=text]{
    width:50%;
    float: right;
    right: 44%;
    position: relative;
    height:40px;
}
#details h2{font-size: 16px; color:#1D1D1D; width:100%; display:inline-block; margin:0; padding:15px 0 5px 15px;}
#details p.text-capitalize{padding: 0 0 0 30px;}
.cosultant div{display: inline-block; float: left;}
.apponmentNum{width: 23%;}
.appinmentType{width: 13%;}
.appinmentStatus{width: 20%;}
.consultationName{width: 40%;}
.apponmentNum{font-size: 16px; color:#1D1D1D;}
.appinmentStatus,.appinmentType,.consultationName{color:#1D1D1D; text-transform: capitalize;}
.appinmentStatus span,.appinmentType span,.consultationName span{color:#5e5d73; padding: 0 5px 0 0;}
.prof-border{border:1px solid #e8e9e8;}
.m-b-7{
    margin-bottom: 7px!important;
}
.documentTxt .appNo{color:#3399CC; }
.documentTxt .time{ color:#5e5d73;}
.documentTxt p span{color:#1D1D1D; width: auto; margin: 0 2px 0 0;}
.notes[type=text]{margin-bottom: 10px !important;}
.docPrescription  input[type=text], .docPrescription  select{margin-bottom: 0px !important;}

input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #a6b2ad;
}
input::-moz-placeholder { /* Firefox 19+ */
    color: #a6b2ad;
}
input:-ms-input-placeholder { /* IE 10+ */
    color: #a6b2ad;
}
input:-moz-placeholder { /* Firefox 18- */
    color: #a6b2ad;
}

.docPrescription .col-md-4 {
    width: 31.333333% !important;
}

/*.docPrescription .col-md-4:last-child{width: 31.333% !important;}*/
.docPrescription .customRadioBtn input[type="radio"] + label {
    padding: 0 0 0 20px !important; cursor:pointer;
}
.hosp-timing-add input[type="radio"] {
    position: absolute;
    left: -9999px;
}

.presClose {
    position: absolute;
    left: 100px;
    top: 0px;
    font-size: 11px;
}
.presCloseInvestigation {
    position: absolute;
    left: 89px;
    top: 0;
    font-size: 11px;
}
.referal label {
    font-weight: normal;
}

.document-table > tbody > tr > td, .document-table > tbody > tr > th {
    padding: 18px 15px !important;
}

label {
    color: #6a6f6c !important;
    font-weight: 300;
}

.summary-button {
    /*position: relative;*/
    right: 6px;
}
.appointments-details .customCheckBox [type="checkbox"]:not(:checked) + label:before,
.appointments-details .customCheckBox [type="checkbox"]:checked + label:before{
    border:1px solid #CCCCCC;
}
.appointments-details .customCheckBox [type="checkbox"]:not(:checked) + label:after,
.appointments-details .customCheckBox [type="checkbox"]:checked + label:after{
    border:1px solid #3399cc;
    color:#3399cc;
}

.appointments-details .customCheckBox [type="checkbox"]:hover +label:before {
    border: 1px solid #3399cc !important;
}
.uploaddocimage{
    color: #6a6f6c !important;
    float: left;
    width: 100%;
    font-size: 14px;
    font-family: 'AvenirLTStd-Roman';
    line-height: 14px;
    font-weight: normal;
}
.docuploadImg{
    position: absolute;
    top: -12px;
    /*right:-12px;*/
}

.dropdown-menu{
    width: auto;
    min-width: auto !important;
    right: 0;
    text-align: left;
    padding: 5px 0;
    right:0;
}

.dropdown-menu > li > a{
    padding:5px 10px 5px 10px;
    font-size: 12px;
    cursor: pointer;
}

.staticInfo{
    padding:16px; display: inline-block;
}
.staticInfo h6{margin: 0; padding: 0 0 12px 0;}
.staticInfo span{color:#6a6f6c;}
.staticInfo p{color:#1D1D1D !important;}
/*.staticInfo .row{margin-bottom: 7px;}*/

.staticInfo table>tbody>tr{
    border-bottom:1px solid #e8e9e8;
}
.staticInfo > .table > tbody > tr > td {
    padding: 15px 30px 10px 30px;
    color: #5e5d73;
    font-size: 13px;
}

.staticInfo > .table > tbody > tr > th {
    border-top: 0;
    padding: 15px 30px 10px 30px;
    color: #1D1D1D;
    font-size: 14px;
    font-weight: 300;
}

.staticInfo > .table, .staticInfo .s-table {
    margin: 20px 0 0 0;
}

.staticInfo .s-table > tbody > tr > th {
    padding: 15px 15px 10px 15px;
    color: #1D1D1D;
    font-size: 14px;
    font-weight: 300;
}

.staticInfo .s-table > tbody > tr > td {
    padding: 15px 15px 10px 15px;
    color: #5e5d73;
    font-size: 13px;
}

.staticInfo .docsIcons {
    padding: 15px 0px 10px 30px !important;
}

.staticInfo .docsTxt {
    padding: 15px 30px 10px 15px !important;
}

.staticInfo .docsHeading {
    padding: 15px 30px 10px 29px !important;
}
.patientDetailspadding{
    padding: 0px 15px 9px 0px!important;
}
.ImageUploadDocument{
    top: 5px;
    text-align: left;
    left: 19px;
    position: relative;
}
.docuploadimage{
    float: left;
    width: 15px;
    position: relative;
    left: 40px;
    top: -6px;
}
.top23{
    top:23px;
}
.top28{
    top:28px;
}
.w-78-p{
    width:78%;
}
.w-52-p{
    width:52%;
}
.docConsltation  .right-content-tab-inner ul.list-options li{
  border-width:0 0 1px 0; border-style: solid; border-color:#e8e9e8;
}
.docConsltation  .right-content-tab-inner ul.list-options li:last-child {margin-bottom:30px;}
.rightInnerCnt{overflow-x:hidden; overflow-y:auto; /*position:absolute; height:100%; width:100%;*/}
.docConsltation{width:100%; display:inline-block;}
.drugList{display:inline-block; width:98.5%; float:right; padding:7px 0 0 0;}
.drugInst{display:inline-block; width:98.5%; float:right; padding:0;}
#prescriptiontab .prescription-sm  ul.list-options{border-bottom:1px solid #e8e9e8;}
#prescriptiontab .left-content-tab-inner{padding: 0;}
#prescriptiontab .left-content-tab-inner form .row{padding: 0 3px;}
.no-padding{padding: 0;}
.noData{position: absolute; top:30%; left: 50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); margin:0; padding:0;}
#prescriptiontab .no-data-img{position: absolute; top:30%; left: 38%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); margin:0; padding:0;}
.noReferal{left:38% !important;}
.bnotification{display:inline-block; position:relative; float:right; top:20px;}
.bnotification .dropdown-menu {position:absolute; left:-317px; top:36px; width:350px; padding:0;}
.bnotification .dropdown-menu .notificationList ul{margin: 0; padding: 0;}
.bnotification .dropdown-menu .notificationList ul li{border-bottom:1px solid #f7f7f7;}
.bnotification .dropdown-menu .notificationList ul li a{padding:15px; margin:0; font-size:13px; white-space:normal; word-wrap:break-word; display: table; width: 100%; color: #333333; font-weight: 400;}
.bnotification .dropdown-menu .notificationList ul li a:hover{ background-color:#fbfbfb;}
.bnotification .dropdown-menu .notificationList ul li:last-child a{text-align:center; font-weight:600; color:#365899;}
.bnotification .dropdown-menu .notificationList ul li:last-child:hover a{background-color:#FFFFFF;}
.bnotification .dropdown-menu h3{background-color:#3399cc; color:#FFFFFF; font-size:16px; font-weight:600; padding: 15px; position: relative; margin: 0;}
/*.bnotification .dropdown-menu li:first-child:hover a{background-color:#3399cc; color:#FFFFFF;}*/
.bnotification .dropdown-menu h3:before {
    content: "";
    position: absolute;
    right: 11px;
    top: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #3399cc transparent;
    z-index: 9999;
}
.bnotification .dropdown-menu h3:after {
    position: absolute;
    bottom: 0;
    height: 0;
    width: 0;
    left: 90.5%;
    border: 12px solid transparent;
    border-bottom-color: #e8e9e8;
    content: "";
    top: -24px;
}
.client_prescription h2,.client_invest h2{font-size:16px; border-bottom:1px solid #a6b2ad; margin:0 0 10px 0; padding:0; display:inline-block;}
.client_prescription h2 span,.client_invest h2 span{font-size:11px; color:#a6b2ad; font-weight:600; padding:0 0 0 5px;}
.client_prescription{font-size:14px; padding:10px 0 20px 0;}
.client_invest{font-size:14px; padding:0;}
.client_prescription h6,.client_invest h6{color:#A6B2AD;}
.homepage2 {padding:15px 18px 18px 18px; background-color:#f7faf9;display: inline-block; width: 100%;}
.homepage{padding:15px 18px 18px 18px; background-color:#f7faf9; margin: 60px 0 0 0; display: inline-block; width: 100%;}
.homepage .box,.revenue{background-color:#FFFFFF; padding:20px; border:1px solid #f2f2f2;height: 155px;}
.homepage h1,.homepage2 h2{font-size:30px; padding:0 0 25px 15px; margin:0; color: #823667;}
.homepage .box p{font-size:35px; padding:0 0 20px 0; position: relative; top:12px;}
.homepage .box h3{ font-size:20px; padding:0 0 20px 0; margin:0; color:#823667;}
.homepage .box button,.revenBtn button{background-color:#269abc; color:#FFFFFF; border-radius:5px; padding:6px 15px; margin:0; border:0; outline:0;}
.homepage h2{font-size:20px; padding:20px 0 20px 0; margin:0;}
.consultation{background-color:#FFFFFF; border:1px solid #f2f2f2;}
.consultation ul{border-bottom:1px solid #f2f2f2; margin:0; padding:0; position: relative;}
.consultation ul li{display:inline-block; border-right:1px solid #f2f2f2;}
.consultation ul li a{padding:12px 20px; border-top:3px solid transparent; display:inline-block;}
.consultation ul li a span{ background-color:#afaaaa; width:17px; height:17px; font-size:9px; text-align:center; border-radius:50px; display:inline-block; margin:0 0 0 5px; color:#FFFFFF;}
.consultation ul li a.active{color:#823667; border-top:3px solid #823667;}
.consultation ul li a.active span{background-color:#823667;}
.consultation .table>tbody>tr>th{font-family:'AvenirLTStd-Roman'; color:#823667; font-weight:700; border-top:0;}
.consultation .table>tbody>tr>td{border-top:1px solid #f2f2f2;}
.consultation .table>tbody>tr:first-child{background-color:#FFFFFF !important;}
.consultation .table>tbody>tr:last-child{background-color:#66CC99 !important; color:#FFFFFF !important;}
.consultation .table>tbody>tr:nth-of-type(odd) { background: #fbfcfc; }
.consultation .table{margin:0;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding:15px;}
a:hover,a:focus,a:active{text-decoration:none; outline:0;}
.appBnt{background-color:#269abc; color:#FFFFFF; margin:0 20px 0 0; border:0; font-weight:300;}
.appBnt:hover,.appBnt:focus,.appBnt:active{color:#FFFFFF; outline:0; border:0;}
.homepage img{border:1px solid #e2dede;}
.spinnerCss{border:none !important;}
.revenBtn a{width:100%; display:block; padding:0 10px; color:#000000;}
.revenBtn .dropdown-menu{margin:46px 0 0 0;}
.revenBtn button{margin:10px 0 0 0;}
.advertisement img{margin:0 0 40px 0;}
.appoinments h3{margin:10px 0 5px 0; padding: 0 0 0 30px;}
p.appointment-para{margin:0;}
.noDocumentTxt p{color:#1D1D1D; opacity:.9;}
.notes .left-content-tab-inner table>tbody>tr>td{padding:18px;}
.notes .chief input[type="text"],.notes .medical input[type="text"],.notes .obs input[type="text"]{padding:0 33px 0 10px;}
.notes .chief  div:last-child  input, .notes .medical div:last-child  input,.notes .obs div:last-child  input{margin-bottom:0 !important;}
.cons-header .apponmentNum,.cons-header .appinmentType,.cons-header .appinmentStatus, .consultationName{margin:8px 0 0 0; float: left}
.consultsPage{padding:13px 30px 0 30px !important;}
.appoinments p.appointment-para{padding:0 0 5px 30px; border-bottom: 1px solid #e8e9e8}
.instructionBlock{width:30%; float:left; margin-bottom:18px;}
.durationBlock{float:left; width:24%; margin: 0 0 0 15px;}
.foodBlock{width:40%; float:right;}
.foodBlock .customRadioBtn input[type="radio"] + label{padding:0 13px 0 0 !important;}
.foodBlock .customRadioBtn [type="radio"]:checked + label:before, .foodBlock .customRadioBtn [type="radio"]:not(:checked) + label:before{opacity:0;}
.investigation{padding:0 15px 0 15px}
.investigation .row{padding:17px 10px 0 10px; }
#followup form{padding: 5px; margin: 9px 0 0 0;}
#referrals form{margin: 14px 0 0 0;}
#referrals .right-content-tab-inner form{margin: 4px 0 8px 0; padding: 0 3px;}
#referrals form input{margin-bottom: 14px;}
#followup form .btn{margin: 6px 0 0 0;}
#followup .followup{padding: 0 13px 20px 13px;}
#followup .col-md-3{width: 20%;}
#followup .col-md-6{width: 46.4%;}
#followup .col-md-12{width: 86.4%;}
#referrals .docConsltation .left-content-tab-inner{padding: 0 18px;}
.list-options doc-list{overflow-y: auto; overflow-x: hidden;}
.notes .right-content-tab-inner form{margin: 12px 0 0 0; padding: 0 3px;}
.presFrms{margin: 4px 0 0 0; padding: 0 3px;}
.invesFrm{ padding: 0 3px; margin: 4px 0 0 0; display: inline-block; width: 100%;}
.invesFrm1{padding: 0 3px; margin: 11px 0 0 0; display: inline-block; width: 100%;}
.summmaryTxt{display: inline-block; }
.summary .summerTxt1{float: left;display: inline-block; width: 15%; margin: 0 5px 0 5px;}
.summary .summerTxt2{float: left;display: inline-block; width: 19%; margin: 0 5px 0 5px;}
.summary .summerTxt3{float: left;display: inline-block; width:20%; margin: 0 5px 0 5px;}
.summary .summerTxt4{float: left;display: inline-block; width: 18%; margin: 0 0 0 5px;}
.summary .patienForm .customCheckBox label{margin: 0 !important;}
.summryPrcs{padding: 0 0 0 20px; }
.summryPrcs h2 { padding: 0 0 5px 0; margin: 20px 0 5px 0; display: inline-block; width: 100%; }
.summryPrcs h3{padding:0; margin:0; display: inline-block; width: 100%;}
.summryPrcs h6{padding: 0; margin: 0;}
#referrals .docIMages{width:60px !important; margin:0 15px !important; padding: 0;}
.completedReferals{padding:0 15px;}
.completedReferals .row{padding: 0 3px;}
#documents .docDesc p{color:#1D1D1D; display: inline-block; width: 95%; margin: 8px 0 0 15px; float: left;}
.notes .staticInfo p{margin: 0;}
#prescriptiontab .staticInfo .row.drug,.notes .row.drug{margin: 0 0 15px 0; padding:0 0 15px 0; border-bottom:  1px solid #e8e9e8;}
.closeReferals{position: absolute; top: 43%; right: 18px; cursor: pointer; transform: translateY(-50%);}
.timings-form-container a,.settings-list li a{padding:2px 0 0 0; display:inline-block;}
.addNewComp{float:left; width:87.8% !important;}
.settings .rows,.doctorPrescription .instruction,.doctorInvestigation .rows {border-bottom:1px solid #e8e9e8; display:inline-block; width:100%; margin:0 0 18px 0;}
.referal h2{font-size:16px; color:#1D1D1D; margin:0; padding:18px 0 0 0; }
.referal p{font-size:14px; color:#656565; margin:0;}
p.docNotes{border-bottom: 1px solid #e8e9e8; padding:5px 0;}
p.docNotes:last-child{border-bottom:0;}
.notification{border:0;}
.notification span{position: absolute; top: -9px; background-color: #3295C9; color: #FFFFFF; border-radius: 50px; font-size: 11px; width: 20px; height: 20px; text-align: center; left: 10px; line-height: 22px;}
.reasonDeclination .modal-body{padding: 20px !important;}
.reasonDeclination .modal-footer{padding:15px 0 25px 0;}
 .callDecline:hover,.callDecline:focus,.callDecline:active {background-color: #FFFFFF !important; border:1px solid #3399cc; color:#FFFFFF;}
 .homeLeft{float:left; width: 75%;}
.homeRight{float:right; width: 23.5%;}
.homeRightimg {width: 100%;margin-bottom: 10px;}
.feedback{display: inline-block; width: 100%; margin: 60px 0 0 0; padding: 15px 15px 0 15px;}
.feedback .table-responsive{background-color: #FFFFFF; border:1px solid #e8e9e8; overflow: hidden; width: 100%;}
.feedback h3{ margin: 10px 0 15px 0; font-family: 'AvenirNextLTPro-Regular'; display: inline-block; float: left;}
.feedback .table> thead > tr > th{border-bottom: 0; font-weight: normal; color:#A7A7A7; font-family: 'AvenirLTStd-Roman';}
.feedback .search{    border: 0px; float: right;
    width: 15%;
    height: 30px;
    /*color: #72787E;*/
    background: transparent;
    font-size: 14px;
    font-family: 'AvenirNextLTPro-Regular';
    display: inline-block;
    border-bottom: 1px solid #d2d2d2;
    opacity: 1;
}
.feedback .search:focus{
    border-bottom: 1px solid #000000;
}
.feedback .search::placeholder{color:#A6b2AD;}
.feedback .search::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color:#A6b2AD;
}
.feedback .search:-moz-placeholder { /* Firefox 19+ */
    color:#A6b2AD;
}
.feedback .search:-ms-input-placeholder { /* IE 10+ */
    color:#A6b2AD;
}
.feedback .search:-moz-placeholder { /* Firefox 18- */
    color:#A6b2AD;
}
.search-sort-patients .search{width: 30%; margin: 0 14px 0 0;}

.search-sort-patients input:focus{
    outline: none;
}

/*.summerTxt1 [type="checkbox"]:not(:checked) + label::before, .summerTxt1 [type="checkbox"]:checked + label::before{border-radius: 4px; width: 20px; height: 20px;}*/
/*.summerTxt1 [type="checkbox"]:not(:checked) + label::after, .summerTxt1 [type="checkbox"]:checked + label::after{border-radius: 4px; border-color: #3399cc; width: 20px; height: 20px;}*/
#referrals  .customCheckBox [type="checkbox"]:not(:checked) + label,#referrals .customCheckBox [type="checkbox"]:checked + label{margin: 18px 0 0 0;}
#referrals  .customCheckBox [type="checkbox"]:not(:checked) + label::before, #referrals  .customCheckBox [type="checkbox"]:checked + label::before{border-radius: 4px; width: 20px; height: 20px; top:0;}
#referrals .customCheckBox [type="checkbox"]:checked + label::after{border-radius: 4px; width: 20px; height: 20px; content: '✔'; padding: 4px 0 0 0;}
#referrals .customCheckBox{display: inline-block; float: left;}
.maninReferal .patient-name,.maninReferal .patient-about{font-family: 'AvenirNextLTPro-Regular';}
.maninReferal h2{font-size: 16px; margin: 0; padding: 20px 0 0 0; }
.maninReferal .docIMages{padding: 0; width: 60px; height: 60px;}
.maninReferal .docIMages img{object-fit: cover;}
.maninReferal .col-md-1{width: 7% !important;}
.maninReferal .patient-details-header a {position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}

.timings-form-container h2{padding: 0 0 0 0; font-size: 16px; font-weight: bold; font-family: 'AvenirNextLTPro-Demi'; color:#1D1D1D; }
.patientAppInfo{display: inline-block; width: 100%; padding: 0 0 30px 0;}
.patientAppInfo .patientName{font-size: 24px; color: #1D1D1D; text-transform: capitalize; padding: 7px 0 0 10px; display: inline-block; margin:0;}
.patientAppInfo .age{font-size: 14px; color: #6A6F6C; display: -webkit-box; margin: 0; padding: 2px 0 0 10px;}
.patientAppInfo .patientId{font-size: 14px; color:#1D1D1D; padding: 9px 0 0 0;}
.patientAppInfo .mobile{font-size: 14px; color:#1D1D1D; padding: 2px 0 0 0;}
.showPatientAppDetails{display: inline-block; width: 100%; margin: 0 0 30px 0;}
.showPatientAppDetails .table>tbody>tr>td { border-top: 1px solid #f2f2f2; vertical-align: middle;}
.showPatientAppDetails .table-responsive{border:1px solid #f2f2f2f2}
.showPatientAppDetails  .table>thead>tr>th { font-family: 'AvenirLTStd-Roman'; color: #A7A7A7; font-weight: 300; border-top: 0; border-bottom: 0 ; }
.showPatientAppDetails  .table>tbody>tr:nth-child(odd) { background: #fbfcfc; }
.showPatientAppDetails .btn{ background-color: #269abc; color: #FFFFFF; border-radius: 5px; padding: 8px 15px 6px 15px; margin: 0; border: 0; outline: 0; font-weight: 300;}
.patientAppInfo .btn{ background-color: #269abc; color: #FFFFFF; border-radius: 5px; padding: 8px 15px 6px 15px; margin: 10px 15px 0 0; border: 0; outline: 0; font-weight: 300; float: right;}
.showPatientAppDetails  .table{margin-bottom: 0;}

.serarchPatient{display: inline-block; width: 100%; padding: 0 0 5px 0;}
.serarchPatient div{display: inline-block; float: left; width: 19.5%; margin: 0 20px 0 0;}
.serarchPatient .btn{float: right; margin: 25px 30px 0 0; padding: 7px 30px; font-weight: 300;}
.btn:hover,.btn:focus,.btn:active{color: #FFFFFF; outline: 0;}
.serarchPatient .form-control{hieght:27px; box-shadow: none;}
.serarchPatient .form-control:hover,.serarchPatient .form-control:focus,.serarchPatient .form-control:active{box-shadow: none; outline: 0; border-color: #CCCCCC;}

.searchPat{display: inline-block; width: 100%;}
.searchPat .form-control{ display: inline-block; width: 87%; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0; box-shadow: none;}
.searchPat .form-control:hover,.searchPat .form-control:active,.searchPat .form-control:focus{border-color: #CCCCCC;}
.searchPat button{ background-color: #269abc; color: #FFFFFF; font-size: 14px; font-weight: 300; outline: 0; border: 0; padding: 8px 30px 8px 30px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
/*#referrals .customCheckBox{content: '✔'; padding: 4px 0 0 0;}*/
/*.tabs .w-75-p .rows.instruction:last-child{border:1px solid red;}*/
.earnings-table span {
    /* padding-left: 15px; */
}
.selectToday
{
    background-color: #269abc;
    color: #FFFFFF;
    border-radius: 5px;
    padding: 6px 15px;
    margin: 0;
    border: 0;
    outline: 0;
    display: inline-block;
    float: right;
    margin: 0 20px 0 0;
}
.selectToday .dropdown-menu{width: 130px; left: -61px;}
.selectToday a{padding: 0 10px; display: inline-block; color: #000000; width: 100%;}
.selectToday button{background-color: transparent; border: 0; outline: 0; font-size: 14px; padding: 0;}
.addNew{background-color: #3399CC; border-radius: 4px; color: #FFFFFF; font-family: 'AvenirLTStd-Roman'; padding: 6px 15px; font-size: 13px;}
.addNew:hover,.addNew:active,.addNew:focus{color:#FFFFFF;}
.homeLeft .consultation .table>tbody>tr:last-child {background-color: transparent !important;}
.homeLeft .consultation .table>tbody>tr>td{color: #000000;}
/*.feedback .search{float: right; display: inline-block; width: 30%;}*/
 /*.tabs .w-75-p .rows.instruction:last-child{border:1px solid red;}*/
@media only screen and (min-width: 768px) and (max-width: 1023px){
    /*.left-content-tab-inner {
        width: 65%;
    }*/
    .patients-list .patient-single-container .patName{width: 64%;}
}

/*@media only screen and (min-width: 768px) and (max-width: 1366px){
.left-content-tab-inner {
        width: 65%;
    }
}*/

/*@media only screen and (min-width: 768px) and (max-width: 1133px){*/
    /*.patients-list .patient-single-container .patName{width: 52%;}*/
/*}*/

.selectDiv {
    margin-top: 30px;
}
.searchButton {
    padding: 9px 17px;
    margin-top: 10px;
}
.searchButton:hover , .searchButton:active,.searchButton:focus {
    color: #fff;
}
.star-ratings-sprite {
  background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/2605/star-rating-sprite.png") repeat-x;
  font-size: 0;
  height: 21px;
  line-height: 0;
  overflow: hidden;
  text-indent: -999em;
  width: 110px;
  margin: 0 auto;
}
.star-checked {
    color: #e7711b;
}
.feedback .avgRating {
    display: inline-block;
    float: left;
    margin: 10px 0 15px 25px;
}

.feedback .star-ratings-sprite {
    background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/2605/star-rating-sprite.png") repeat-x;
    font-size: 0;
    height: 21px;
    line-height: 0;
    overflow: hidden;
    text-indent: -999em;
    width: 110px;
    margin: 0 auto;
}
.star-ratings-sprite-rating{
    background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/2605/star-rating-sprite.png") repeat-x;
    background-position: 0 100%;
    float: left;
    height: 21px;
    display:block;
}

.moneybox,.moneybox2 {
    background-color: #FFFFFF;
    padding: 20px;
    border: 1px solid #f2f2f2;
    margin-top: 30px;
}
.moneybox2 {
    height: 520px;
    margin-top: 72px;
    position: relative;
}
.moneybox {
    margin-left: 15px;
    padding: 77px 20px;
}
.moneybox p,.moneybox2 p {
    font-size: 45px;
    padding: 0 0 20px 0;
    position: relative;
    top: 12px;
}
.moneybox h3,.moneybox2 h3 {
    font-size: 20px;
    padding: 0 0 20px 0;
    margin: 0;
    color: #823667;
}
canvas{
    height:430px !important;
    width: 80%;
}
.spanLegends {
    position: absolute;
    top: 4%;
    left: 85%;
}
.earnspan:before {
    content: '';
    background: #3399CC;
    width: 25px;
    position: absolute;
    height: 25px;
    left: -34px;
    top: 0;
}
.payspan {
    line-height: 4;
}
.payspan:before {
    content: '';
    background: #66CC99;
    width: 25px;
    position: absolute;
    height: 25px;
    left: -34px;
    top: 34px;
}
.spcPad {
    margin-top: 50px;
}
.feedUIcontainer {
    padding: 10px;
    border: 1px solid #ede9ee;
    background: white;
}
.feedUIcontainer h3 {
    background: #66CC99;
    color: white;
    margin: 0;
    padding: 10px;
    text-align: center;
}
.feedUIbox {
    padding: 10px;
    border: 1px solid #ede9ee;
    width: 100%;
    float: left;
}
.feedUIboximg1 {
    height: 50px;
    width: 75px;
    margin: 0;
    margin-top: 15px;
    margin-bottom: 20px;
}
.feedUIboximg2 {
    height: 20px;
    width: 20px;
}
.marginbot10 {
    margin-bottom: 10px;
}
.padleft0 {
    padding-left: 0;
}
.patient-sm-details-img {
    width: 20px;
    float: right;
    position: absolute;
    right: 10px;
    top: 20px;
}
.posrel {
    position: relative;
}
.readMsg{
    background-color: #e6f5ff !important;
}
.bnotification .notificationList{
    max-height: 460px;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0; padding: 0;
}

.textAgular .btn{
    margin-right: 5px;
    margin-top: 5px;
}

.ta-text{
    /*margin-top: 20px;*/
}

.doctors h3{
    font-weight: bold; margin: 0; padding: 0 0 5px 0; font-family: 'AvenirNextLTPro-Demi'; font-size: 14px;
}
.doctors p{
    padding: 0 0 20px 0; font-size: 12px;
}
.capitalize{
    text-transform: capitalize;
}
.doctors .patient-name{
    display: inline-block; width: 100%; padding: 0 0 15px 0 !important; font-family: 'AvenirNextLTPro-Demi';
}
.summeryBox .col-md-2{
    width: 20%;
}
header h2{
    font-size: 20px;
    padding: 20px 0 0 99px;
    margin: 0;
    display: inline-block;
}
.doctorsInfo .search-patient-icon,.lappoinment .search-patient-icon,
.conslts .search-patient-icon,.maninReferal .search-patient-icon{
    position: absolute;
    top:2px; left: 15px;
}
.doctorsInfo .appointments-list input,.lappoinment input, .conslts input,
.maninReferal .appointments-list input{
    padding: 0 0 0 19px;
}
.doctorsTabsLayout .panel-group{
    margin-bottom: 0; padding: 20px;
}

.doctorsTabsLayout .topBox{
    border:1px solid #e8e9e8;
    border-radius: 0;
    padding: 9px 8px;
    margin-bottom: 18px;
    width: 100%;
}
.doctorsTabsLayout .panel-title{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.doctorsTabsLayout .panel-title a{
    display: inline-block; width: 100%;
}
.doctorsTabsLayout .panel-heading,.doctorsTabsLayout .panel{
    border-radius: 0;
}
.profile .btn-toolbar{
    background: #f7f7f7;
    border-radius: 5px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px 1px 0 1px;
    width: 97.4%;
    border-radius: 5px 5px 0 0;
    padding: 5px 10px 10px 10px;
    box-sizing: content-box;
    margin-left: 0;
}
.profile .ta-scroll-window.form-control{
    border-radius: 0 0 5px 5px;
}

.profile .btn-toolbar .btn-group{
    margin-left:0;
}
.calenderFilter{
    padding: 0 0 0 15px;
    display: inline-block;
    width: 53%;
    float: left;
    position: relative;
    top:-5px;
}
.calenderFilter span{
    font-weight: 100 !important;
}

.fedFilter{
    display: inline-block;
    float: right;
    width: 12%;
    margin-right: 20px;
}
.staticInfo hr{
    border-top:1px solid #e8e9e8;
    padding: 15px 0 0 0;
    margin: 15px 0 0 0;
}
.prescription-sm .dName{
    width: 57%;
}
.w-27-5-p {
    width: 11.5% !important;
}
.doctorsTabsLayout .emrForm .btn-info{
    /*position: absolute;*/
    /*top: -49px;*/
    /*padding: 4px 10px;*/
    /*right: 10px;*/
}
.doctorsTabsLayout .precriptionForm .add,.doctorsTabsLayout .investForm .add{
    position: absolute;
    top: 25px;
    padding: 4px 10px;
    right: 30px;
    font-weight: 100;
}
.doctorsTabsLayout .precriptionTempForm .add,.doctorsTabsLayout .investTempForm .add{
    position: absolute;
    top: -49px;
    padding: 4px 10px !important;
    right: -5px;
}
.prescription-list .rows,.patientDetails .rows,.docs .rows{
    border-bottom: 1px solid #e8e9e8;
}
.prescription-list .rows h6{
    margin: 0; position: relative; top:10px;
}

.prescription-list .rows .row,.patientDetails .rows .row{
    margin-bottom: 30px;
}
.docs .rows .row{
    margin-bottom: 15px;
}
.prescription-list .rows .row:last-child,.patientDetails .rows .row:last-child,.docs .rows .row:last-child,
.lab input,.lab select{
    margin-bottom: 0 !important;
}
.patientDetails .rows h6{
    margin: 0;
}
.patientDetails .rows,.docs .col-md-12{
    padding: 15px 0;
}
.homepage2 .filter{
    width: 242px;
    display: inline-block;
    float: right;
}
.homepage2 .filter select{
    display: inline-block;
    width: 66%;
    margin-bottom:0;
}
.profile form button{
    width: auto;
}

.doctor-filter {
    position: absolute;
    background: #FFFFFF;
    z-index: 9;
    top: 89px;
    left: 0;
    padding: 0 0 15px 0;
    box-shadow: 0 8px 6px -6px #b9b6b6;
    display: none; height: 0;
    transition: all ease-in .5s;
    width: 100%;
}
.doctor-filter h2{
    font-size: 16px;
    margin: 0;
    padding: 10px 15px;
    background: #fbfcfc;
}
.doctor-filter .row{
    padding: 15px 15px 0 15px;
}
.bg-blue .open,.conslts .open{
    display: inline-block; height: auto;
    transition: all ease-in .5s;
}
.doctor-filter .calender{
    display: inline-block;
    width: 90%;
    border: 1px solid #e8e9e8;
    margin: 15px 0 0 15px;
    padding: 0 0 5px 10px;
    height: 38px; line-height: 38px;
}
.doctor-filter .calender .dropdown{
    display: inline-block;
    width: 32%;
    vertical-align: top;
    margin: 4px 0 0 0;
}
.doctor-filter select{
    color: #6a6f6c;
}
.patients-page .form{
    background: #FFFFFF;
    /* height: calc(80vh); */
    border: 1px solid #e8e9e8;
    padding: 18px;
    margin: 20px 0 0 0;
}
.settings .settLeft {
    float: left;
    width: 48%;
    display: inline-block;
}.settings .settRight {
     float: right;
     width: 48%;
     display: inline-block;
 }
 .lab h5{
    color: #823667;
    font-weight: bold;
    padding: 0 0 5px 0;
    display: inline-block;
    width: 100%;
}
 .lab .form-group,.userAccounts .form-group{
     margin-bottom: 15px;
     display: inline-block;
     width: 100%;
 }
.userAccounts input{margin-bottom: 0 !important;}
.bg-blue h4{
    font-size: 16px;
    padding: 0 0 5px 0;
}
.report h2{
    margin: 0; padding: 0 0 20px 0; font-size: 18px;
}

.report .homepage_filter{
    padding: 20px;
}

.report .homepage{
    background: #FFFFFF;
    padding: 0; margin: 0;
}
.report .appointmentTable{
    /*width: 2500px;*/
}
.report .patientTable{
    width: 1800px;
}
.report .table tr  td,.report .table  tr  th,.table thead:first-child>tr:first-child>th{
    border-bottom: 0 !important; border-top: 0 !important; float: none; display: table-cell; white-space: nowrap;
}
.report .table thead:first-child>tr,.bulk-upload .table thead:first-child>tr{
    border-top: 1px solid #e8e9e8;
}
.report .table tr,.bulk-upload .table tr{
    border-bottom: 1px solid #e8e9e8;
}
/*.report .table tr{*/
/*    display: table-row;*/
/*}*/
.noHover{
    background-color: transparent !important; color: #333333 !important; line-height: 35px;
}

.homepage2 .table>tbody>tr:last-child{
    background-color: #FFFFFF !important;
    color: #333333 !important;
}

.textAgular .btn-group button{
    width: auto;
}

.btn-no{
    background: transparent;
    border: 1px solid #3399CC;
    color: #3399CC;
}
.btn-default:focus,.btn-default:hover{
    background-color: #3399CC;
}
.btn-no:hover,.btn-no:focus{
    color: #3399CC;
}
.searchCard .patient-single:hover{
    background: transparent;
}
.searchCard .patient-single:hover .patient-name{
    color: #1D1D1D !important;
}
.searchCard .patient-single:hover .patient-about{
    color: #3399cc !important;
}
.uiselect input,input[type='daterangepicker']{
    box-shadow: none;
    border:1px solid #e8e9e8;
    border-radius: 0;
    height: 38px;
}
.uiselect input:hover,.uiselect input:focus,input[type='daterangepicker']:focus,input[type='daterangepicker']:hover{
    border:1px solid #e8e9e8;
    box-shadow: none;
}
.uiselect ul{
    padding: 0;
    background: #FFFFFF;
    position: absolute;
    top: 60px;
    left: 15px;
    width: 85%;
    z-index: 9999;
}

.uiselect ul li{
    list-style-type: none;
}
.uiselect ul li:first-child a{
    border-top: 1px solid #e8e9e8;
}
.uiselect ul li:last-child a{
    border-bottom: 1px solid #e8e9e8;
}
.uiselect ul li a{
    color: #333333;
    padding: 10px;
    display: table;
    width: 100%;
    border-style: solid;
    border-color: #e8e9e8;
    border-width: 0 1px 0 1px;
    border-bottom: 1px solid #e8e9e8;
}
.uiselect ul li a span{
    display: inline-block; width: 100%; word-break: break-word;
}
.uiselect ul li a:hover {
    background: #f1f1f1;
}

.referrals .homepage {
    padding: 0;
    background-color: #FFFFFF;
    margin: 0;
    display: inline-block;
    width: 100%;
}

.customFileUpload button{
    background-color: #3399CC !important;
    width: auto !important;
    color: #FFFFFF !important;
    padding: 10px 20px !important;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    float: left;
}
.customFileUpload .file{
    display: inline-block;
    height: 40px;
    width: 300px;
    float: left;
    border: 1px solid #3399CC;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0 0 0 15px;
    float: left;
}
.customFileUpload .file span{
    font-size: 16px;
    display: inline-block;
    margin: 11px 0 0 0;
    white-space: nowrap;
    width: 97%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bulk-upload .progress{
    display: inline-block;
    margin-left: 15px;
    margin-top: 10px;
    width: 37%;
    border: 1px solid transparent;
    margin-bottom: 0;
    height: 5px;
}
.bulk-upload .progress .progress-bar{
    background-color: #32CD32;
}
.sms_template .table tr td{
    white-space: normal;
}
.sms_template .hometage_inner{
    background: #FFFFFF; border: 1px solid #e8e9e8;
}
.sms_template .table>tbody>tr>td,.sms_template .table>thead>tr>th{
    border-bottom: 1px solid #e8e9e8;
}
.sms_template .nav-tabs>li>a{
    margin-right: 0; border-radius: 0; border-top: 3px solid transparent;
}
.dateRangePicker{
    width: 20%;
}

#docCalendar h2{
    font-size: 20px;
    position: relative;
    top: 8px;
    left: 10px;
    font-weight: 400;
}

.calenderpopup .modal-body .select-hospital button{
    background: #FFFFFF;
    /*color: #3399cc;*/
    border: 0 solid #e4e4e4;
    outline: 0;
    padding: 10px 10px;
    font-size: 12px;
    margin: 0 15px 15px 0;
    transition: all .5s ease-in-out;
    /*font-family: 'Quicksand-Medium';*/
    box-shadow: 0 1px 2px 1px #dedede;
    width: 30.5%;
    text-transform: capitalize;
}
.calenderpopup .modal-body button:hover,.calenderpopup .modal-body button:focus{
    background: #f9f9f9;
    /*border-color:#3399cc;*/
    border: 0;
    transition: all .5s ease-in-out;
}
.calenderpopup .modal-body .select-hospital button:nth-child(3n+1){
    margin: 0 0 15px 0;
}
#tabCnt1 .tab-pane.active,#tabCnt2 .tab-pane.active{
    display: inline-block; background: grey;
}

.calenderpopup .tab-pane,#rescheduleCalenderModal .editcnt{
    padding: 20px 30px;
}
.calenderpopup .timing,.calenderpopup .select-hospital,.consultation-type{
    border-radius: 10px; border:1px solid #e8e8e8;
    padding: 20px;
    position: relative;
    text-align: center;
}
.calenderpopup .timing span.heading,.calenderpopup .select-hospital span.heading,.consultation-type span.heading{
    position: absolute;
    top:-9px; left: 50%; text-transform: uppercase;
    transform: translateX(-50%);
    font-size: 8px; letter-spacing: 2px; font-weight: bold;
    background: #FFFFFF; padding: 0 20px; color: #8e8d8d;
}

.calenderpopup .timing .day{
    background: #f9f9f9;
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    border: 1px solid #efefef;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    float: left;
    margin-right: 10px;
}
.calenderpopup .timing .showTiming,.calenderpopup .timing .to,.calenderpopup .uib-time input{
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    background: #f9f9f9;
    border: 1px solid #efefef;
    letter-spacing: 1px;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    float: left;
    margin-right: 10px;
    border-radius: 0;
    box-shadow: none;
}
#rescheduleCalenderModal .editTabs li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background: #f9f9f9;
}
#rescheduleCalenderModal .editTabs li a {
    line-height: 1.42857143;
    position: relative;
    display: block;
    border-radius: 0;
    margin: 0;
    padding: 15px 0;
    width: 100%;
    text-align: center;
    border: 0;
    background: transparent;
    color: #5d5d5d;
    font-size: 15px;
}
.calenderpopup .uib-timepicker .hours input{
    border-style: solid; border-color: #efefef; border-width: 1px 0 1px 1px; margin-right: 0; padding: 2px 0 0 0; width: 34px; color: #333333; display: inline-block; box-shadow: none;
}
.calenderpopup .uib-timepicker .minutes input{
    border-style: solid; border-color: #efefef; border-width: 1px 1px 1px 0; margin-right: 0; padding: 2px 0 0 0; width: 34px; color: #333333; display: inline-block; box-shadow: none;
}
.calenderpopup input[type="radio"] + label{
    width: auto; margin-bottom: 0; cursor: pointer; padding: 0 0 0 40px;
}
.calenderpopup .editcnt .table.uib-timepicker{
    float: none;
}
.calenderpopup input[type='daterangepicker']{
    color: #333333;
}
.calenderpopup table.uib-timepicker{
    display: inline-block;
    width: auto;
    float: left;
    vertical-align: top;
}
table.uib-timepicker .uib-separator{
    background: #f9f9f9;
    border-style: solid; border-color: #efefef; border-width: 1px 0 1px 0;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    font-size: 13px;
}

.calenderpopup input[type="radio"] + label{
    width: auto; margin-right: 50px; margin-bottom: 0; cursor: pointer; padding: 0 0 0 40px; position: relative; color: #6a6f6c !important; font-weight: normal;
}
.calenderpopup .customRadioBtn [type="radio"]:checked + label:before,.calenderpopup .customRadioBtn [type="radio"]:not(:checked) + label:before{
    border: 3px solid #3399cc; width: 20px; height: 20px; top:-2px;
}

.calenderpopup .customRadioBtn [type="radio"]:checked + label:after, .calenderpopup .customRadioBtn [type="radio"]:not(:checked) + label:after{
    top: 3px; left: 5px; background: #3399cc;
}
.calenderpopup .customRadioBtn [type="radio"]:checked + label{
    color: #3399cc !important;
}

.calenderpopup .save{
    background: #3399cc !important;
    color: #FFFFFF !important;
    border-radius: 5px;
    border: 1px solid #3399cc !important;
    outline: 0 !important;
    padding: 7px 50px !important;
    margin-right: 20px !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
    width: auto !important;
    font-weight: bold;
}

.calenderpopup .delete{
    background: #FFFFFF !important;
    color: #3399cc !important;
    border-radius: 5px;
    border: 1px solid #3399cc !important;
    outline: 0 !important;
    padding: 7px 50px !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
    width: auto !important;
    font-weight: bold;
}
.calenderpopup .nav-tabs{
    overflow: hidden; width: 99.7%; border-top-left-radius: 10px; border-top-right-radius: 10px; margin-bottom: 0;
}
.calenderpopup .nav-tabs li{
    display: inline-block; width: 50%; float: left; border: 0; background: #f9f9f9; margin: 0; padding: 0;
}
.calenderpopup .nav-tabs li:first-child{
    border-top-left-radius: 10px;
}
.calenderpopup .nav-tabs li:last-child{
    border-top-right-radius: 10px;
}
.calenderpopup .nav-tabs li a{
    border-radius: 0; margin: 0; padding: 15px 0; width: 100%; text-align: center; border: 0; background: transparent; color: #5d5d5d; font-size: 15px;
}
.calenderpopup .nav-tabs li:first-child{
    border-right: 1px solid #e8e9e8;
}
.calenderpopup .active{
    color: #66CC99 !important;
}
.multiselect {
    width: 100%;
}

.selectBox {
    position: relative;
}

.selectBox select {
    width: 100%; margin: 0; padding: 0;
}

.overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#checkboxes {
    display: none;
    border: 1px solid #efefef;
}
.multi-select select::-ms-expand {	display: none; }
.multi-select select{
    -webkit-appearance: none;
    appearance: none;
    border: 0;
}
#checkboxes label {
    display: block;
    font-size: 13px;
    margin: 0;
}
#checkboxes button{
    background: #3399cc;
    border: 0;
    outline: 0;
    color: #FFFFFF;
    border-radius: 4px;
    font-size: 13px;
    padding: 0 20px;
    height: auto;
    margin-right: 10px;
    margin-bottom: 1px;
    margin-top: 13px;
    position: relative;
    z-index: 5;
    font-weight: bold;
}
.calenderpopup .customCheckBox [type="checkbox"]:not(:checked) + label:before, .calenderpopup .customCheckBox [type="checkbox"]:checked + label:before,
.calenderpopup .customCheckBox [type="checkbox"]:checked + label:after{
    border-radius: 4px; top:2px; line-height: 12px;
}
.select-slots{
    padding: 0; border:1px solid #e0dede; border-radius: 20px; position: relative; margin: 0; display: inline-block; width: 100%;
}
.select-slots .table-responsive{
    padding: 30px;
}
.select-slots .week .leftArrow{
    border: 1px solid #e0dede;
    border-radius: 50px;
    width: 25px;
    height: 25px;
    text-align: center;
    display: inline-block;
    position: relative;
    left: -10px;
    top: -3px;
    background: #3399CC;
    padding: 0;
    -moz-transform: scale(.9999);
}
.select-slots .week .rightArrow{
    border: 1px solid #e0dede;
    border-radius: 50px;
    width: 25px;
    height: 25px;
    text-align: center;
    display: inline-block;
    position: relative;
    left: 10px;
    top: -3px;
    background: #3399CC;
    padding: 0;
    -moz-transform: scale(.9999);
}

.select-slots .week .leftArrow img{
    transform: rotate(90deg);
    cursor: pointer;
    position: relative;
    top: 1px;
    left: -2px;
}
.select-slots .week .rightArrow img{
    transform: rotate(-90deg);
    cursor: pointer;
    position: relative;
    top: 1px;
    left: 1px;
}
.select-slots table .active button{
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50px;
    background: #3399CC;
    color: #FFFFFF;
    font-size: 13px;
    line-height: 36px;
}
.select-slots table .active span{
    color: #3399CC; font-size: 13px;
}
.select-slots .week .inner{
    display: inline-block;
    background: #FFFFFF;
    width: auto;
}
.select-slots .week{
    font-size: 13px;
    color: #929292;
    font-weight: 600;
    top: -10px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    /*background: #FFFFFF;*/
    padding: 0 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: 100%;
}
.select-slots .scroll{
    height: 250px; overflow-x: hidden; overflow-y: auto; padding: 30px 0 0 0; position: relative;
}
.select-slots .available-timings{
    display: inline-block;
    width: calc(100% - 60px);
    border: 1px solid #e0dede;
    border-radius: 20px;
    padding: 30px 15px 15px 30px;
    position: relative;
    margin: 0 0 23px 0;
}
.select-slots .available-timings h4{
    font-size: 13px;
    display: table;
    width: 100%;
    text-transform: capitalize;
    font-weight: 600;
    margin: 0;
    padding: 0;
    text-align: left;
    color: #474B4E;
}
.select-slots .available-timings h6{
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0 0 30px 0;
    font-size: 10px;
    font-weight: 600;
    color: #6a6f6c;
    text-align: left;
}
.select-slots .available-timings button{
    border-radius: 5px;
    /* padding: 10px 20px; */
    height: 38px;
    width: 17.5%;
    margin: 0 15px 15px 0;
    text-align: center;
    border: 0;
    outline: 0;
    background: transparent;
    font-size: 14px;
    box-shadow: 0 1px 3px 2px #e8e8e8;
    float: left;
    transition: all .5s ease-in-out;
    color: #333333;
}
.select-slots .available-timings button:hover,
.select-slots .available-timings button:focus,
.select-slots .available-timings button:active{
    background: #3399CC; color: #FFFFFF;
    transition: all .5s ease-in-out;
}
.select-slots table button{
    font-size: 13px;
    background: transparent;
    border: 0;
    outline: 0;
    padding: 0;
    margin: 10px 0 0 0;
    width: 32px;
    height: 32px;
    border-radius: 50px;
    display: inline-block;
    font-weight: 600;
    color: #333333;
}
.select-slots table span{
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #333333;
    font-size: 13px;
}
.select-slots .available-timings span{
    font-size: 13px;
    color: #929292;
    font-weight: 600;
    top: -8px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    background: #FFFFFF;
    padding: 0 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.select-slots span.week{
    font-size: 13px;
    color: #929292;
    font-weight: 600;
    top: -10px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    background: #FFFFFF;
    padding: 0 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.noSlots{
    margin: 0; position: absolute; top:50%; transform: translateY(-50%); width: 100%; text-align: center; font-size: 14px !important;
}
.popScroll{
    height: 300px; overflow-x: hidden; overflow-y: auto; display: inline-block; width: 100%; padding: 30px 0 0 0;
}
.chatCaller .select-slots .available-timings button{
    width: 17.9%;
}
.calenderpopup .popupEditSlots{
    display: inline-block; width: 100%; text-align: center; padding: 20px 0;
}
.calenderpopup .popupEditSlots a{
    display: inline-block; border: 1px solid #3399cc; border-radius: 5px; width: 173px; height: 140px; padding: 15px 0 0 0; text-align: center; vertical-align: top; margin: 30px 0 0 0;
}
.calenderpopup .popupEditSlots a p{
    font-size: 16px; padding: 10px 0 0 0;
}
.calenderpopup .popupEditSlots a:hover{
    background: #3399cc;
}
.calenderpopup .popupEditSlots a:hover p{color: #FFFFFF;}
.calenderpopup .popupEditSlots a:hover .sltHoverIMg{
    display: inline-block;
}
.confirmationPopup .modal-header h4 {
    margin: 0;
    padding: 6px 0 0 0;
    font-size: 22px;
    letter-spacing: 0;
    text-align: left;
}
.prescription-table-list{
    float: left; width: 100%;
}
.prescription-table-list .table{
    table-layout: fixed;
}
.prescription-table-list .table thead
{
    background:#fbfcfc;
}
.prescription-table-list .table tr{
    border-top: 1px solid #e8e9e8;
}
.prescription-table-list .table tr:nth-child(even){
    background: #fbfcfc;
}
.prescription-table-list{
    float: left; width: 100%;
}
.prescription-table-list .table{
    table-layout: fixed;
}
.prescription-table-list .table thead
{
    background:#fbfcfc;
}
.prescription-table-list .table tr{
    border-top: 1px solid #e8e9e8;
}
.prescription-table-list .table tr:nth-child(even){
    background: #fbfcfc;
}
.outcome-inner-tabs {
    padding: 0;
}
.prescription-inner-tabs{
    position: absolute; top:-64px; left: -22px; margin: 0; padding: 0;
}
.prescription-inner-tabs li, .outcome-inner-tabs li {
    display: inline-block;
    list-style-type: none;
    border: 1px solid #e8e9e8;
    float: left;
}
.prescription-inner-tabs li:last-child, .outcome-inner-tabs li:last-child {
    margin-left: -1px;
}
.prescription-inner-tabs li a, .outcome-inner-tabs li a {
    padding: 10px 13px;
    display: inline-block;
    border-top: 3px solid transparent;
}
.prescription-inner-tabs li a:hover,.prescription-inner-tabs li a:focus,
.outcome-inner-tabs li a:hover,.outcome-inner-tabs li a:focus {
    background: #FFFFFF; color: #66CC99; border-top: 3px solid #66CC99 !important;
}
.innerTabActive{
    border-top: 3px solid #66CC99 !important;
    border-bottom-color: transparent;
    color: #66CC99;
    background: #FFFFFF;
}

.referalsMedicalList .modal-dialog {
    margin: auto !important;
}
.custome-ui-select-style input.ui-select-search {
    width: 100% !important;
}
.table-default-style table thead,
.table-default-style table thead tr,
.table-default-style table tbody,
.table-default-style table tbody tr {
    display: revert!important;
}
.table-default-style table thead tr th,
.table-default-style table tbody tr td {
    float: initial!important;
    display: revert!important;
}
.next-home-btn, .prev-home-btn {
    text-decoration: none;
    display: inline-block;
    padding: 8px 16px;
}

.prev-home-btn:hover {
    background-color: #ddd;
    color: black;
}

.prev-home-btn {
    background-color: #f1f1f1;
    color: black;
}
.next-home-btn {
    background-color: #3399CC;
    color: white;
}
.next-home-btn-disabled {
    color: #000000;
    background-color: #2e647fb3;
}
.select-doc ul.doctor {
    padding: 0;
    position: absolute;
    top: 60px;
    z-index: 9;
    left: 15px;
    width: 92.5%;
    background: #FFFFFF;
}
.select-doc ul.doctor li:first-child {
    border-top: 1px solid #e8e9e8;
}
.select-doc ul.doctor li {
    list-style-type: none;
    border-left: 1px solid #e8e9e8;
    border-right: 1px solid #e8e9e8;
}
.select-doc ul.doctor li a {
    color: #333333;
    padding: 5px 10px;
    display: table;
    width: 100%;
}