.fa_plus_sign_color { color: #7579e7; }
.popover { background: #55EFC4 !important; color: #003760 !important; }
.containerBoom { min-height: 580px }
.incominOutgoingBtn { border: 1px solid #55EFC4; margin-top: 10px !important;transition:all .2s linear;border-radius:5px}
.incominOutgoingBtnActive { border: 1px solid #37ACAE; margin-top: 10px !important; background: #55EFC4; color: #003760; border-radius: 5px; transition: all .2s linear }
.incominOutgoingBtn:hover { color: #fff; background: #37ACAE;  }
/*.ActiveAppointmentNav { background-color: #55EFC4; color: #003760 !important; }
.ActiveAppointmentNav:hover { background: #37acae; transition: all .3s linear; color: #003760; }*/



.vStripe { background: #ddd; color: #003760; padding: 5px 0; font-weight: 700; border-bottom: 1px solid #c8c8c8 }
.help-no h1 { font-size: 38px; color: #fff }
.incominOutgoingInnerBtn { border: 1px dashed black; margin-top: 10px !important; margin-left: 5px !important }
.incominOutgoingInnerBtn:hover { background: #37acae !important; color: #fff !important; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; }

.space-10 { /*height: 0px !important;*/ clear: both }
.space-15 { height: 15px; clear: both }
.space-20 { height: 20px; clear: both }
.customHr { margin: 10px 0; margin-bottom: 0 }
ul.headingRightBtns2 { margin: 2px 0; overflow: hidden; padding-left: 0 }
ul.headingRightBtns2 li { list-style: none; margin: 0 5px; float: left }
ul.headingRightBtns2 .btn { padding: 4px 10px !important; font-size: 15px !important }
ul.headingRightBtns2 li:last-child { margin-right: 0 }
.ndfHFb-c4YZDc-Wrql6b { display: none !important }
.fullScreenDisableBtn { width: 42px; height: 42px; background: #fff; position: absolute; top: 27px; right: 27px }
.navActGreen { background-color: #55EFC4; color: #003760 }
/*.navActGreen:hover { background: #003760 !important; color: #fff !important }*/
.tableToggleBtn { cursor: pointer; float: left; margin-right: 10px }
ul.tableToggleUl { margin: 0; padding: 0 }
ul.tableToggleUl li { list-style: none; float: left; width: 50%; border: 1px solid #ccc; padding: 6px; overflow: hidden; text-align: left }
ul.tableToggleUl li:nth-child(1) { width: 33% }
ul.tableToggleUl li:nth-child(2) { width: 33% }
ul.tableToggleUl li:nth-child(3) { width: 34% }
ul.tableToggleUl li:nth-child(4) { width: 33% }
ul.tableToggleUl li:nth-child(5) { width: 33% }
ul.tableToggleUl li:nth-child(6) { width: 34% }
ul.tableToggleUl li:nth-child(7) { width: 33% }
ul.tableToggleUl li:nth-child(8) { width: 33% }
ul.tableToggleUl li:nth-child(9) { width: 34% }
ul.tableToggleUl li:nth-child(6) label { width: 33% }
ul.tableToggleUl li:last-child label { width: 25% }
ul.tableToggleUl li span { margin-left: 48px; display: inline-block }
ul.tableToggleUl li span.txt { margin-left: 0 }
ul.tableToggleUlForReferralspecialist li:nth-child(1) { width: 100% !important }
ul.tableToggleUlForReferralspecialist li:nth-child(8) { width: 50% !important }
ul.tableToggleUlForReferralspecialist li:last-child { width: 50% !important }
ul.tableToggleUlForReferralspecialist li:nth-child(1) label { width: 25% !important }
ul.tableToggleUlForReferralspecialist li:last-child label { width: 40% !important }
ul.tableToggleUlAttorny li:nth-child(1) { width: 50% !important }
ul.tableToggleUlAttorny li label { width: 30% !important }
ul.tableToggleUlAttorny li:nth-child(2) { width: 50% !important }
ul.tableToggleUlAttorny li:nth-child(3) { width: 33.33% !important }
ul.tableToggleUlAttorny li:nth-child(4) { width: 33.33% !important }
ul.tableToggleUlAttorny li:nth-child(5) { width: 33.33% !important }
ul.tableToggleUlAttorny li:nth-child(6) { width: 100% !important }
.sentButton { cursor: default }
#addDocuments { overflow: scroll !important }
.backStripe { background: #0b6692; color: #fff; padding: 4px 10px; overflow: hidden }
.textBlue1 { color: #003760 }
.alrtMsg { top: -28px; background: red; color: #fff; border-radius: 50%; padding: 0 4px; left: 18px }
.alrtNotification { top: -17px; background: red; color: #fff; border-radius: 50%; padding: 0 4px; left: -18px }
.patientFormTemplateUl { margin: 0; padding: 0 }
.patientFormTemplateUl li { padding: 8px; list-style: none; float: left; border: 1px solid #e7e7e7; min-height: 65px }
.patientFormTemplateUl1 li:nth-child(1) { width: 28% }
.patientFormTemplateUl1 li:nth-child(2) { width: 44% }
.patientFormTemplateUl1 li:nth-child(3) { width: 28% }
.patientFormTemplateUl2 li:nth-child(1) { width: 33% }
.patientFormTemplateUl2 li:nth-child(2) { width: 25% }
.patientFormTemplateUl2 li:nth-child(3) { width: 42% }
.patientFormTemplateUl3 li { width: 25% }
.patientFormTemplateUl4 li { width: 33% }
.datetimepicker table tr td span.active, .datetimepicker table tr td span.active:hover, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active.disabled:hover{background-image:none !important}
#recieptModal .logoWaterMark { position: absolute; content: ''; top: 0; left: 0; transition: all; transform: rotate(-45deg) translateY(634%) translateX(-25%); opacity: .1 }
.patientRecieptUl { margin: 0; padding: 0 }
.patientRecieptUl li { padding: 8px; list-style: none; float: left; border: 1px solid #e7e7e7; min-height: 65px }
.table thead { background-color: #55EFC4; color: #003760 }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: #003760 !important; background-color: #55EFC4 !important; padding: 10px; border-radius: 5px;  border: 1px solid #55EFC4; }
.nav-tabs > li > a:hover { border-bottom: 1px solid #55EFC4; }
.nav > li > a, .nav > li > a{transition:all .3s linear ;border-radius:5px !important}
.nav > li > a:focus, .nav > li > a:hover { background: #37acae; transition: all .3s linear; color: white; border-radius: 5px }
.user-settting-tab li { color: #fff !important; background-color: #eeeeee !important; margin-bottom: 10px; border-radius:5px}
.user-settting-tab li a { color: #003760; transition: all .2s linear }
.user-settting-tab li a:hover { background-color: #37ACAE; color: white; }
.user-settting-tab li a span { width: 85%; display: inline-block }
.cr .fa { color: #55EFC4 !important }
.incominOutgoingInnerBtn:hover .cr { border: 1px solid white !important }
.incominOutgoingInnerBtn:hover .cr .fa { color: #fff !important }
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { z-index: 2; color: #fff; cursor: default; background-color: #1DD1A1 !important; border-color: #55EFC4 !important; }
.pagination > li > a, .pagination > li > span { color: #003760; }
ul.linktoreferralspecialistNav .active a { background: #55EFC4 !important; color: #003760 !important }
ul.drReportUl { border-top: 1px solid #98acf8; overflow: hidden; padding: 10px; text-align: center }
ul.drReportUl li { list-style: none; float: none !important; display: inline-block !important }
ul.drReportUl li a { width: 100%; text-align: left }
.modal { overflow-y: auto ;overflow-x:auto !important}
ul.SuggetionUlList { margin: 20px auto; padding: 0 }
ul.SuggetionUlList li { list-style: none; border: 1px solid #ccc; padding: 5px; width: 100%; box-sizing: border-box }
ul.SuggetionUlList li:first-child { border-bottom: 0 }
ul.SuggetionUlList li:last-child { border-top: 0 }
ul.SuggetionUlList li:nth-child(3) { margin-top: 20px }
ul.SuggetionUlList li label { font-weight: 700 !important }
.table-responsive { overflow-x: auto }
#divPersonalTaskList .table-responsive { overflow-x: auto }
.overflowXAuto { overflow-x: auto }
.facilityMessageModal { width: 632px !important }
.wordSpacing100Vh { word-spacing: 100vh }
.width40pxSquare { width: 40px; height: 40px }

@media only screen and (max-width:1024px) {
    .headpatientDashboardPanel { height: auto !important }
}

@media only screen and (max-width:767px) {
    .headpatientDashboardPanel { text-align: center }
    .headpatientDashboardPanel .img-responsive { display: inline }
    .table-responsive { overflow-x: auto; overflow-y: inherit }
    .wordSpacing100Vh { word-spacing: inherit }
    .textCenterMobile { text-align: center }
    .sd1 { margin-right: 0 }
    .sd2 { margin-right: 0 }
    .sd3 { margin-right: 0 }
}

#remove1 > .sd3 { margin: 10px 0 0 40px }
.form-control3 { display: block; width: 40%; height: 30px; padding: 4px 10px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s }
.width100 { width: 100% !important }
.overflowHidden { overflow: hidden }
.picSize40px { width: 40px; height: 40px }
/*.doctorAdStripe { padding: 5px 0 }*/
.doctorAdStripe .menu { padding: 0px 0px }
.topAd { float: right !important }
/*.doctorAdStripe .navbar-brand { padding: 0 }*/



@media screen and (max-width:2200px) {
    .doctorAdStripe .navbar-brand { padding: 35px; }
}

.modalAd { margin-bottom: 20px }
.doctorMenuStripe { padding: 0; height: auto}
.doctorMenuStripe .doctor-nav { width: 100% !important;}
ul.loginIconList { margin: 0; padding: 0 }
ul.loginIconList li { list-style: none; line-height: 28px !important }
.modalFooterContactInfo, .modalFooterContactInfo p { background: #55EFC4; color: #003760; padding: 10px }
.doctorMenuStripe .navbar-nav > li > a { line-height: 0; margin: 0; padding: 10px; font-size: 22px;cursor:pointer }
.doctorMenuStripe .navbar-nav > li > .dropdown-toggle { line-height: 25px }
.navbar-header { float: none }
.zIndex10000 { z-index: 10000 !important }
.zIndex1000000 { z-index: 1000000 !important }
.tableResponsiveScrollX { min-height: .01% !important; overflow-x: auto !important }
.referralFormBoxTitle { border: 1px solid #1DD1A1; border-bottom: 0; background: #55EFC4; padding: 10px 15px; line-height: 40px; font-size: 18px; color: #003760; border-radius: 5px 5px 0 0; }
.referralFormBox { border: 1px solid #ccc; overflow: hidden; padding: 15px 0; margin-bottom: 30px }
.pl0 { padding-left: 0 }
#referredByPlusBtn { display: none }
.referredByProviderSectionNext { display: none }
.referredByMinusBtn { display: none }
#referredToPlusBtn { display: none }
.appointmentOverviewList > .form-group > .label { font-size: 12px; border-radius: 18px; padding: 4px 9px }
.drRsReportNewDesign { width: 100%; height: auto }
.drRsReportNewDesign h3 { font-size: 20px; font-weight: 700; float: left; margin-top: 15px; margin-right: 20px; color: #006B72; }
.textRed { color: #dc3545 }
.notificationtab { background: rgba(152, 172, 248, 0.2); border: 1px solid #98acf8; width: 100%; height: auto; margin-top: 5px; border-radius: 5px }
.notificationBtn { width: 100%; height: auto; padding: 5px 0; overflow: hidden; cursor: pointer }
.notificationBtn .text { line-height: 20px; font-weight: 700; margin-bottom: 0 }
.notificationBtnIcon { cursor: pointer }
.notificationBox { width: 100%; height: auto; padding: 0; display: none }
ul.filterrightBtn { margin: 0; padding: 0; margin-top: 12px }
ul.filterrightBtn li { list-style: none; float: left; margin-right: 10px; margin-top: 2px }
ul.filterrightBtn li a { color: #003760 !important; padding: 6px 10px; font-size: 14px; border: 1px solid #1dd1a1; line-height: 22px; border-radius: 5px }
ul.filterrightBtn li a:focus, ul.filterrightBtn li a:hover { text-decoration: none }
ul.filterrightBtn li .icon { margin-right: 5px }
ul.filterrightBtn li h4 { line-height: 32px; margin: 0 }
ul.instructionIcons { margin: 0; padding: 0; text-align: left; margin: 4px 0; margin-top: 10px }
ul.instructionIcons li { list-style: none; display: inline-block; margin: 0; padding: 2px 0; border: 1px solid #ccc; white-space: nowrap; width: 24%; border-radius: 5px; }

@media only screen and (min-width:1024px) {
    ul.instructionIcons li { width: 16% }
    ul.instructionIcons { margin-top: 5px }
}

ul.instructionIcons li .col-md-2 { padding-left: 8px; padding-right: 5px }
ul.instructionIcons li .col-md-10 { padding-left: 8px; padding-right: 8px }
ul.instructionIcons li a { color: #333; padding: 5px 8px; border: 1px solid #c7c7c7; border-radius: 5px; display: block }
ul.instructionIcons li a:focus, ul.instructionIcons li a:hover { text-decoration: none }
ul.instructionIcons li .icon { margin: auto }
ul.instructionIcons li p { margin-top: 5px; margin-bottom: 0; font-size: 10.5px; text-align: left }
ul.instructionIcons li i { font-size: 24px }
ul.actionButtons { margin: 0; padding: 0 }
ul.actionButtons li { list-style: none; float: left; margin: 6px 2px }
ul.actionButtons li a { background: #55EFC4; color: #003760; padding: 6px 15px; font-size: 14px; transition: background-color .3s linear; border-radius: 5px; text-decoration: none }
ul.actionButtons li a:hover { background: #1dd1a1; }
ul.actionButtonsRight { margin: 0; padding: 0 }
ul.actionButtonsRight li { list-style: none; float: left; margin-right: 10px; margin-top: 2px }
ul.actionButtonsRight li a { color: #333; padding: 1px 10px; font-size: 14px; border: 1px solid #ccc; line-height: 22px }
ul.actionButtonsRight li a:hover { text-decoration: none }
ul.actionButtonsRight li .icon { margin-right: 5px }
ul.actionButtonsRight li h4 { line-height: 32px; margin: 0 }
/*.searchLog { border: 1px solid #ccc; margin: 5px 0 0; width: 100%; height: auto; overflow: hidden; position: relative }*/
.searchLog {
    border: 2px solid #FFC107;
    margin: 5px 0 0;
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    border-radius: 20px;
}

.searchLog input[type=text] { width: 100%; float: left; border: 0; padding: 2px 10px; padding-right: 55px; line-height: 32px; /*background: #f1f1f1*/ }
/*.searchLog button { background: #c7c7c7; padding: 0 15px !important; height: 100%; line-height: 32px; border: 0; position: absolute; top: 0; right: 0; content: '' }*/
.searchLog button { background: linear-gradient(75deg,#FFC107,#FFEB3B); padding: 0 15px !important; height: 100%; line-height: 32px; border: 0; position: absolute; top: 0; right: 0; border-radius: 0 !important; }
        .searchLog button:hover fa-search {
           transform:scale(1.5);
            color: #FFF;
        }
#tblReport thead td:first-child {
    border-right: 1px solid #ccc;
    height: auto;
    width: 50px;
    text-align: center
}
#tblReport tbody td:first-child { height: auto; width: 50px; text-align: center }
.filterList { width: 100%; height: auto; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; position: absolute; top: 100%; left: 0; content: ''; z-index: 999; display: none; padding: 16px 0; background: rgb(212 ,241 ,233); margin: 5px 0 0 }
.filterList label { width: 100% }
.filterList .select2 { width: 100% !important }
.filterList .form-control { background: #fff !important }
.filterList .input-group-addon { background: #fff !important }

@media only screen and (min-width:768px) and (max-width:1024px) {
    ul.headingRightBtns .btn { font-size: 12px !important }
    ul.instructionIcons li { margin: 5px 2px }
    ul.instructionIcons li a { padding: 4px }
    ul.instructionIcons li p { font-size: 12px }
    ul.drReportUl li { width: 24% }
    ul#instructionIcons li {
       width:48%;
    }
    ul#instructionIcons li p {
        font-size:10px;
    }
}
@media only screen and (max-width:768px) 
{
    ul#instructionIcons li {
        width: 48%;
    }
}
.referralmanagerDs .dashPanel { background: #f8f8f8; border: 1px solid #dedddd }
.referralmanagerDs .dashPanel h3 { font-size: 17px !important; margin: 0 }
.referralmanagerDs { padding-left: 10px; padding-right: 10px }
.select-errorFix label { position: absolute; top: 32px; left: 0 }
.theme-tooltip + .tooltip > .tooltip-inner { background-color: #37acae }
.theme-tooltip + .tooltip.top > .tooltip-arrow { border-top-color: #37acae }
.dashbox-hhc-holder { margin-top: 50px }
.dashbox-hhc-holder .dashPanel h3 { font-size: 20px !important }
.d-table { display: table !important }
.d-table-cell { display: table-cell !important }
.align-middle { vertical-align: middle !important }
.dashbox-hhc-holder .d-table > .first-cell { width: 35% !important; padding-right: 20px }
.dashbox-hhc-holder .full-table { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-left: 15px; padding-right: 15px; min-height: 160px; text-align: left }
.dashbox-hhc-holder .panel-body { position: relative; min-height: 160px }
.dashbox-hhc-holder .panel { border-bottom: solid 3px #285287; border-radius: 4px; background: url(../image/dashboard-background.png) repeat center }
.dashbox-hhc-holder .panel:hover { background: #f8f8f8 }
.clearfix::after { content: ""; display: block; clear: both }
.contact-heading { margin-top: 0 }
.btnModalClose { top: 22px !important; right: 15px !important }
.pf-query-form-bg { background: rgba(0,0,0,.8); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000 }
.pf-query-form { width: 60%; height: auto; background: #fff; border: 4px solid #fff; position: fixed; top: 5%; left: 0; right: 0; margin-left: auto; margin-right: auto; z-index: 1000; border-radius: 8px; z-index: 100000; transition: all .45s; padding: 20px 50px; text-align: center }
.pf-close { float: right; top: -18px; right: -18px; position: absolute; opacity: 1; cursor: pointer }
.close:hover { opacity: 1 }
ul.pf-goCenter { text-align: center; margin: 0; padding: 0 }
ul.pf-goCenter li { display: inline-block; list-style: none }
.pfCompleteBoxMain { text-align: center }
.pfCompleteBoxMain .col-md-4 { padding-left: 5px !important; padding-right: 5px !important; text-align: center; display: inline-block; vertical-align: top; float: none !important }
.pfCompleteBox { border: 1px solid #ccc; padding: 10px; background: #f1f1f1; padding-bottom: 20px; text-align: center; min-height: 114px }
.pfCompleteBox .checkbox { margin-bottom: 18px; display: inline-block !important }
.pfRemindMeLaterMain { text-align: center }
.pfRemindMeLaterMain .col-md-4 { padding-left: 5px !important; padding-right: 5px !important; text-align: center; display: inline-block; vertical-align: top; float: none !important }
.pfRemindMeLaterBox { border: 1px solid #ccc; padding: 10px; background: #f1f1f1; padding-bottom: 20px; text-align: center; height: 64px }
.pfRemindMeLaterBox .checkbox { margin-bottom: 18px; display: inline-block !important }
.dropdown-menu.mobileDropDown { position: fixed !important; margin-left: -192px; overflow: hidden; width: 210px; margin-top: 20px; z-index: 1050000 }
.text-primary { color: #003760 !important }
.panel-primary { border: 1px solid #ccc }
.panel-primary > .panel-heading { background: #55EFC4; color: #003760;border-color:transparent !important }
.custom-form-horizontal .control-label { text-align: left }
.form-panel-holder .panel-primary > .panel-heading { background-color: #0b6692; border-color: #0b6692; font-weight: 700; font-size: 16px }
.form-panel-holder .panel-primary { border-color: #0b6692; position: relative; cursor: pointer }
.form-panel-holder .panel-body p { line-height: 23px }
.medication-strength-ul { padding-left: 0; list-style-type: none }
.medication-strength-ul li { background: #fff; border: solid 1px #ccc; padding: 25px 15px; border-radius: 4px; width: 49%; position: relative; display: inline-block; margin-bottom: 20px }
.medication-strength-ul li .plus-button { position: absolute; bottom: 0; right: 0; padding: 4px 10px; color: #fff; border-radius: 20px 0 0 0; font-weight: 700; font-size: 22px; background-color: #0b6692; cursor: pointer }
.medication-strength-ul li .close-button { position: absolute; top: 0; right: 0; padding: 7px 11px; color: #fff; border-radius: 0 0 0 20px; font-weight: 700; font-size: 16px; background-color: #0b6692; cursor: pointer }
.medication-strength-ul li:nth-child(odd) { margin-right: 1.5% }
.custom-radio-inline .radio-inline > span { background: #fff; border: solid 1px #ccc; padding: 6px 12px; font-size: 16px; font-weight: 400; border-radius: 2px }
.custom-radio-inline .radio-inline > span.active { background: #0b6692; color: #fff; border: solid 1px #0b6692 }
.custom-radio-inline .radio-inline { padding: 0; margin-bottom: 20px; margin-left: 0 }
.main-form-section { padding: 40px 15px; background-color: #f7fcff }
.worker-compensation-section { background-color: #fafafa; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; padding: 40px 15px }
.checkbox-span { background: url(../image/corner.png); height: 66px; width: 66px; display: block; position: absolute; bottom: -5px; right: -5px }
.checkbox-span [type=checkbox] + input + .checkbox-label { position: absolute; top: 55%; left: 55%; width: 20px; height: 20px; border: solid 2px #fff; border-radius: 2px; cursor: pointer }
.checkbox-span [type=checkbox] + input + .checkbox-label > span { display: block; position: absolute; top: -1px; left: 1px; color: #fff; transform: scale(3) rotate(-30deg); opacity: 0; transition: all .3s ease-in }
.checkbox-span [type=checkbox]:checked + input + .checkbox-label > span { transform: scale(1) rotate(0); opacity: 1 }
.medication-strength-section { background-color: #f7fcff; padding: 30px 15px; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; margin-top: 40px }
.btn-light-blue { background-color: #0b6692; color: #fff }
.btn-light-blue:hover { background-color: #003760; color: #fff }
.btn-submit { padding: 8px 20px; font-size: 16px; transition: all .2s ease-in }
.btn-submit > span { display: inline-block; background-color: #003760; height: 25px; line-height: 25px; width: 25px; text-align: center; border-radius: 50% }
.form-panel-holder .panel.selected { border: solid 1px #003760; box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23); transition: all .3s cubic-bezier(.25,.8,.25,1) }
.form-panel-holder .panel.selected .panel-heading { background-color: #003760 }
.prn-option { width: 40px; height: 25px; color: #212425; border-radius: 2px; border: solid 1px #ccc; margin-left: 10px }
.reportPrintWidth { width: 20px; height: 20px }
.referral-form img { display: block; margin: 0 auto }
.spacer40 { width: 40px; height: 40px; display: block; clear: both }
.spacer20 { width: 20px; height: 20px; display: block; clear: both }
.spacer30 { width: 30px; height: 30px; display: block; clear: both }
.spacer10 { width: 10px; height: 10px; display: block; clear: both }

@media only screen and (max-width:767px) {
    .medication-strength-ul li { width: 100%; margin: 0 }
    .margin-bottom { margin-top: 50% }
    .selectError .error { top: 32px !important; position: inherit }
    .selectError .error { left: 6px }
}

@media only screen and (max-width:767px) {
    .text-sm-custom { width: 100%; text-align: center }
}

.pf-query-form-bg { display: none }
.notify-form { display: inline-block; height: auto; background: #ffc; box-shadow: 0 0 20px 0 rgba(0,0,0,.5); border: 1px solid #ccc; position: fixed; bottom: 5%; right: -100%; z-index: 100000; border-radius: 5px; transition: all .3s; padding: 25px 15px; text-align: center }
.notify-form.show { right: 2% }
.notify-form:hover { text-decoration: none }
.btn-close-notify { display: inline-block; padding: 0 !important; position: absolute; border: none; top: -10px; right: -8px; font-size: 24px; font-weight: 700; background: black; color: #fff; border-radius: 50%; height: 25px; width: 22px; line-height: 27px }
.hoh-dashboard-panel { border: 1px solid #ccc; background: #fff; margin-bottom: 25px; text-align: center; overflow: hidden; transition: all .45s; transform: scale(.9); display: block; padding: 25px 0 }
.hoh-dashboard-panel:hover { background: #f1f1f1; transform: scale(1); text-decoration: none; box-shadow: 2px 4px 40px #888; border: 5px solid #fff }
.hoh-dashboard-panel a:hover { text-decoration: none }
.hoh-dashboard-panel .img-responsive { display: inline }
.hoh-dashboard-panel h2 { margin-top: 20px; position: relative; z-index: 2 }
.input-group-select2 .select2-container--default .select2-selection--multiple { border-right: 0 !important; border-top-right-radius: 0; border-bottom-right-radius: 0 }
.buttton-link-1 { border: none; display: block; padding: 3px 30px; text-align: left; width: 100%; clear: both; font-weight: 400; line-height: 1.42857143; white-space: nowrap; font-size: 16px !important; color: #19c0f0; background: 0 0 }
.buttton-link-1:hover { color: #adabab;background-color: #f5f5f5; }
.dataTables_processing.panel { border: 0 !important; background: 0 0 !important }
#virtual-er-section { background-color: #e8f3f9 }
#virtual-er-section .virtual-benefit li { display: inline-block; padding: 20px; margin-right: 10px; text-transform: capitalize; color: #002756; font-weight: 600 }
#virtual-er-section .virtual-benefit li > i { color: green; font-size: 20px; padding: 5px }
.virtual-benefit h3 { color: #ed1c24; font-weight: 700; padding-bottom: 20px; text-align: center; text-transform: uppercase; position: relative }
#virtual-er-section ul { padding: 0 }

@media only screen and (max-width:768px) {
    #virtual-er-section .virtual-benefit li { padding: 10px 0 }
}

.suggestionButton { position: fixed; right: 0; top: 50%; z-index: 1000; border-radius: 0 !important; padding: 0 !important; height: 42.5667px !important; width: 210.267px !important; line-height: 42.5667px !important; font-size: 16px; transform: rotate(-90deg) translate(-50%,83.85015px); -webkit-transform: rotate(-90deg) translate(-50%,83.85015px); border: solid 1px #ccc; background: #003760; color: #fff; text-transform: uppercase; -webkit-transform-origin: 50% 51% }
.chat { list-style: none; margin: 0; padding: 0 }
.box { position: fixed; top: 30%; right: 0; overflow: hidden; width: 600px; padding: 0; background-color: none !important; padding: 0 !important }
.chat li { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dotted #b3a9a9 }
.addlinechat li { border-bottom: 0 }
.chat li.left .chat-body { margin-left: 60px }
.chat li.right .chat-body { margin-right: 60px }
.chat li .chat-body p { margin: 0; color: #777 }
.box .panel .slidedown .glyphicon, .chat .glyphicon { margin-right: 5px }
.box .panel-body { overflow-y: scroll; height: 250px }
.box::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #f5f5f5 }
.box::-webkit-scrollbar { width: 12px; background-color: #f5f5f5 }
.box::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #555 }
#chat-loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url(/Content/content/image/loader.gif) 50% 50% no-repeat; z-index: 1000000 }
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px }
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle { border-top-left-radius: 0; border-bottom-left-radius: 0 }
.input-group-btn > .btn { position: relative }
/*.btn { vertical-align: top !important }*/
/*.btn { border-radius: 0 !important }*/
#basicExampleModal .modal-body { height: 300px; overflow-y: scroll }
fa-plus-circle-green { background: #285287 !important; color: #fff !important; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease }
.plusopendrscreption + .tooltip > .tooltip-inner { background-color: #2c2c2c; padding: 5px; font-size: 14px; transition: all 1s }
/*.fa-minus-circle { color: #337ab7 !important; padding: 3px 3px; -webkit-transition: all .5s ease; transition: all .5s ease }*/
#dtatableid .fa-plus-circle:hover { color: #337ab7 !important; -webkit-transition: all .5s ease; transition: all .5s ease }

@media only screen and (max-width:567px) {
    ul#headingRightBtns li:last-child { margin-right: 0; margin-top: 0 !important }
    #dr-text { display: block !important }
    .selfix2 .error { top: 0; left: 0 }
    #category-new-btn { margin-top: -4px !important; margin-bottom: 4px !important }
    .new-btn-style { margin: -5px 0 5px 0 !important }
    #btnAssignedtask, #btnPendingtask { width: 80% !important; margin: 0 auto; display: block }
}
.new-btn-style { margin-top: 23px }
.alert-blue { color: #003760; background-color: #55EFC4; border-color: #003760; }
div.dataTables_wrapper .row:nth-of-type(2) {    overflow: auto;    min-height: 300px !important;}
.customlist{min-height:40px;}
.customlistCol {
    border: 1px solid #ccc;
    padding-top: 5px;
    padding-bottom: 5px;
}
    .customlistCol label {
        padding: 8px 0 0px;
    }
    .customlistCol span {
        margin-left:20px;
    }
@media (max-width:991px) {
    .customlistCol {
        width: 100%;
    }
}