.text-white { color: #fff !important }
.hide-custom { display: none }
.img100px { width: 100px; height: 100px }
.text-yellow { color: #ffbe00 }
.text-light-gray { color: #ccc }
.cursorPointer { cursor: pointer }
.print-personal-details-medical { text-align: right; float: right; margin-bottom: 10px; margin-right: 16px; margin-top: 10px }
.table > tbody > tr:hover { background-color: rgba(29,209,161,0.2); }
@media only screen and (min-width:768px) {
    .reportActionFixed { position: sticky; top: 0; left: 0; width: 100%; background: #fff; padding: 0; border-bottom: 1px solid #ccc; z-index: 1; }
}

.welcomeUserSection { background: url(../image/are-you-provider/searchFindScheduleSection.jpg) top center; background-size: cover; padding: 50px 0; overflow: hidden }
.welcomeUserSection h1 { font-weight: 700; font-size: 36px !important; color: #fff; }
.welcomeUserSection h2 { font-weight: 400; font-size: 30px !important; margin-top: 0 !important; padding-top: 0 !important; color: #fff }
.btn-border { border: 3px solid #fff; color: #fff }
.btn-danger.fa-trash::before, .btnCancel.fa-trash::before { color: white !important; }
.btn-border:focus, .btn-border:hover { border: 3px solid #fff !important; color: #fff !important; background: 0 0 !important }
.dashboard-welcome-page .dateFilter { background: #fff; border: 4px solid #55EFC4; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden; border-bottom: 0; padding: 10px; padding-bottom: 5px }
.dashboard-welcome-page .dateFilter::before { content: ''; position: absolute; top: -43px; left: -7px; width: 0; height: 0; border-left: 22px solid transparent; border-right: 0 solid transparent; border-top: 48px solid transparent; border-bottom: 88px solid #55EFC4; }
.dashboard-welcome-page .dateFilter::after { content: ''; position: absolute; top: -43px; right: -7px; width: 0; height: 0; border-left: 0 solid transparent; border-right: 22px solid transparent; border-top: 48px solid transparent; border-bottom: 88px solid #55EFC4; }
.dashboard-welcome-page .panel-primary { border: 0 !important }
.dashboard-welcome-page .panel-primary > .panel-heading { background: #55EFC4; color: #003760; font-size: 18px; border: 0 ;border-radius:5px 5px 0 0 !important}
.dashboard-welcome-page .panel-primary > .panel-body { border: 1px solid #55EFC4 !important; border-radius: 0 0 5px 5px; }
.dashboard-welcome-page h3 { font-size: 16px; padding: 0; margin: 0 }
.switch-new { position: relative; display: inline-block; width: 60px; height: 34px }
.switch-new input { display: none }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #37acae; -webkit-transition: .4s; transition: .4s }
.slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: #fff; -webkit-transition: .4s; transition: .4s }
input:checked + .slider { background-color: #55EFC4 }
input:focus + .slider { box-shadow: 0 0 1px #2196f3 }
input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); background: #37acae }
.slider.round { border-radius: 34px }
.slider.round:before { border-radius: 50% }

@media only screen and (max-width:991px) {
    .dashboard-welcome-page .dateFilter::after, .dashboard-welcome-page .dateFilter::before { display: none }
}

.pastAppointmentsBox { background: rgba(85, 239, 196, .4); border: 1px solid #1DD1A1; padding: 10px; overflow: hidden; margin-top: 20px; border-radius: 5px }
.pastAppointmentsBox img { border: 1px solid #dbdbdb }
.pastAppointmentsBox h5 { margin: 0 }
.pastAppointmentsBoxFooter { width: 100%; background: #f0f0f0; border: 1px solid #dbdbdb; padding: 8px; overflow: hidden; border-top: 0 }
.pastAppointmentsBoxFooter ul { margin: 0; padding: 0 }
.pastAppointmentsBoxFooter ul li { list-style: none; float: left; margin: 2px 5px }
.pastAppointmentsBox .btn-feedback { text-transform: inherit !important }
/*.modal #specialInstructions { display: block !important; text-align: left; white-space: normal; padding: 10px !important }*/
#notificationSettingModal .pending-notification-list { position: relative; border: 1px solid #1DD1A1; padding: 10px; margin: 10px 0; overflow: hidden; border-radius: 5px; border-bottom: none; }
#notificationSettingModal .pending-notification-list::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: #6155a6; overflow: hidden; }
#notificationSettingModal .pending-notification-list::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0%; height: 4px; background: #003760; transition: all .3s linear; overflow: hidden; }
#notificationSettingModal .pending-notification-list:hover::after { width: 100%; height: 4px; background: #55EFC4 }
#notificationSettingModal .pending-notification-list label { float: left; line-height: 32px; padding-bottom: 0 }
#notificationSettingModal .pending-notification-list .switch-new { float: right }
#tele-subscriptionModal .subscribe-telemedicine-list { border: 1px solid #ccc; padding: 10px; margin: 10px 0; overflow: hidden; border-bottom: 4px solid #ccc }
#tele-subscriptionModal .subscribe-telemedicine-list label { float: left; line-height: 32px; padding-bottom: 0 }
#tele-subscriptionModal .subscribe-telemedicine-list .switch-new { float: right }
.jc-demo-box { width: 100%; overflow: hidden }
.jc-demo-box img { width: 100% }
#target { width: 100% }
.jcrop-holder { width: 100% !important }
.center-element { float: none; margin: auto }
.jcrop-holder { margin: auto !important }
.jcrop-thumb { top: 15px; right: -20px; border: 1px #000 solid; width: 100px; height: 100px }
.drrsreportTitle { float: none !important; margin: 0 !important; padding: 0 !important; text-align: center !important; margin-top: 10px !important }
.alert-gray { background: #ececec; padding: 10px; border-radius: 4px; border: 1px solid #ccc }
.highlight { color: #f76c6c }
.point-star { overflow: hidden; position: relative; top: 2px; left: 0 }
.point-1 { width: 1.4px !important }
.point-2 { width: 2.8px !important }
.point-3 { width: 4.2px !important }
.point-4 { width: 5.6px !important }
.point-5 { width: 7px !important }
.point-6 { width: 8.4px !important }
.point-7 { width: 9.8px !important }
.point-8 { width: 11.2px !important }
.point-9 { width: 12.6px !important }
.wait-for-search { position: fixed; top: 25%; left: 0; right: 0; margin-right: auto; margin-left: auto; z-index: 100000; display: none }
.overflowHidden { overflow: hidden }
.rating-stars ul { list-style-type: none; padding: 0; -moz-user-select: none; -webkit-user-select: none }
.rating-stars ul > li.star { display: inline-block; cursor: pointer; background: 0 0; padding-left: 0 }
.rating-stars ul > li.star > i.fa { font-size: 1.6em; color: #ccc }
.rating-stars ul > li.star.hover > i.fa { color: #ffcc36 }
.rating-stars ul > li.star.selected > i.fa { color: #ff912c }
.ratingrequiredalertBg { background: #dd3737; color: #fff; padding: 6px 100px; display: none; padding-left: 10px; padding-right: 10px; width: 300px }
.ratingrequiredalertBg i { float: right; cursor: pointer }
#liPrintDrive { display: none }
.liPrintDrive { display: none }
.wait-for-search { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.4); z-index: 100000; display: none }
.wait-for-search img { max-width: 100px; max-height: 110px;animation:rotate_wait_search 5s infinite linear}
@keyframes rotate_wait_search{
    0% { transform: rotate(0deg)}
    100% { transform: rotate(360deg)}
}
.listIconBlue { background: url(../image/listIconBlue.png) no-repeat top 8px left }
.telemedicineUlList li { list-style: none }
.error { color: #dc3545 }
.btn-green-border { background: 0 0 !important; border: 2px solid #285287 !important; color: #285287 !important }
.btn-green-border:hover { background: 0 0 !important; border: 2px solid #285287 !important; color: #285287 !important }
.pac-icon { display: none !important }
.pac-matched { color: #f76c6c }
ul.preferredLocations { margin: 0; padding: 0 }
ul.preferredLocations li { list-style: none; border-bottom: 1px dashed #ccc; padding-bottom: 10px; margin-bottom: 10px; display: none }
.medicalhistory .panel-heading { padding: 0 }
.medicalhistory .panel-heading .panel-title { padding: 10px 15px; cursor: pointer; }
.checkbox { text-align: left; padding-left: 24px }
.checkbox label, .radio label { padding-left: 0 !important; display: inline }
.checkbox .cr, .radio .cr { position: relative; display: inline-block; border: 1px solid #285287; border-radius: 3px; width: 1.3em; height: 1.3em; float: left; margin-right: .5em }
.radio .cr { position: relative; display: inline-block; border: 1px solid #285287; border-radius: 50% !important; width: 1.3em; height: 1.3em; float: left; margin-right: .5em }
#selectedFiles .thumbnail, #selectedFiles div img { width: 100px; display: inline-block }
.checkbox label input[type=checkbox]:checked + .cr > .cr-icon, .radio label input[type=radio]:checked + .cr > .cr-icon { transform: scale(1) rotateZ(0); opacity: 1 }
.checkbox label input[type=checkbox] + .cr > .cr-icon, .radio label input[type=radio] + .cr > .cr-icon { transform: scale(3) rotateZ(-20deg); opacity: 0; transition: all .3s ease-in }
.checkbox .cr .cr-icon, .radio .cr .cr-icon { position: absolute; font-size: .9em; line-height: 0; top: 55%; left: 15% }
.cr .fa { color: #19c0f0 }
.modal-content::after { display: table; clear: both; content: "" }
.selectMoreValue .select2-selection--single { height: 100% !important }
.selectMoreValue .select2-selection__rendered { word-wrap: break-word !important; text-overflow: inherit !important; white-space: normal !important }
.selectMoreValue .select2-container--default .select2-selection--single { height: auto !important; min-height: 34px }
#reverseCountdownModal .modalContent { background: #003760; border-radius: 10px; overflow: hidden; color: #fff; box-shadow: 2px 4px 40px #888; border: 2px solid #fff; position: relative; z-index: 0; display: block }
#reverseCountdownModal .modalContent .countModalBg { background: #999; position: absolute; top: -100%; left: 0; width: 100%; height: 100%; z-index: -1; transition: all 2s }
#reverseCountdownModal .exCowntdown { font-size: 60px; font-weight: 700 }
#reverseCountdownModal .btn-ok { border-radius: 10px; padding: 6px 20px }
.custom-checkbox { position: relative; padding-left: 32px; cursor: pointer }
.custom-checkbox input[type=checkbox] { position: absolute; opacity: 0 }
.custom-checkbox .checkmark { position: absolute; top: 0; left: 0; width: 24px; height: 24px; background: transparent; border-radius: 2px; border: 1px solid #55EFC4 ;transition:all .3s linear}
.custom-checkbox:hover input ~ .checkmark { background: #37acae }
.custom-checkbox .checkmark:after { display: none; content: ''; position: absolute; top: 2px; left: 8px; width: 8px; height: 15px; color: #003760; border: solid; border-width: 0 2px 2px 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg) }
.custom-checkbox input:checked ~ .checkmark { background: #55EFC4 }
.custom-checkbox input:checked ~ .checkmark:after { display: block }
.menuBtn { cursor: pointer }
.backDropBg { background: rgba(0,0,0,.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000 !important; transition: all .45s; transform: translateY(-100%); -webkit-transform: translateY(-100%) }
.backDropShow { -webkit-transform: translateY(0) !important; transform: translateY(0) !important }
.customMenuRight { width: 250px; height: 100%; background: #fff; border-left: 1px solid #ccc; position: fixed; top: 0; right: 0; z-index: 10000; transition: all .45s; transform: translateX(500px); -webkit-transform: translateX(500px); box-shadow: 2px 4px 40px #888 }
.customMenuRight ul { margin: 0; padding: 0 }
.customMenuRight ul li { list-style: none }
.customMenuRight ul li a { text-decoration: none; padding: 12px 18px !important; border-top: 1px solid #f1f1f1; display: block; transition: all .45s }
.customMenuRight ul li a:hover { padding-left: 30px !important; background: #f1f1f1 }
.customMenuClose { float: right; padding: 25px; cursor: pointer; color: #0e6793 }
.customMenuRightActive { transform: translateX(0); -webkit-transform: translateX(0) }
.account-box { border: 1px solid #ccc; padding: 10px 5px; background: #f1f1f1; overflow: hidden }
.m-0 { margin: 0 !important }
.select2-container.select2-container--default.select2-container--open { z-index: 1000000 }
.btnAddnew { border-radius: 50px; border: 2px solid #55EFC4; color: #1dd1a1; cursor: pointer; padding: 7px 22px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; background: #fff; }
.btnAddnew:hover, .btnAddnew:focus { background: #1dd1a1; color: #fff; text-decoration: none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; }
.btn-4, .btn-forward { border-radius: 50px; border: 2px solid #55EFC4; color: #1dd1a1; cursor: pointer; padding: 7px 22px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; background: #fff; }
.btn-4:hover, .btn-4:focus, .btn-forward:hover, .btn-forward:focus { background: #1dd1a1; color: #fff; text-decoration: none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; }

.btnUpdate { border: 1px solid #1dd1a1; color: #003760; background-color: #55EFC4; overflow: hidden; cursor: pointer; padding: 7px 22px; position: relative; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; border-radius: 5px; }
.btnUpdate:hover, .btnUpdate:focus { border: 1px solid #55EFC4; color: #1dd1a1; background-color: #fff; }

.btnCancel { border: 1px solid #f54747; color: #fff; background-color: #f54747; cursor: pointer; padding: 7px 22px; position: relative; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; border-radius:5px}
/*.btnCancel:hover, .btnCancel:focus { border: 1px solid #f54747; color: #f54747;*/ /*background-color: #fff;*/ /*}*/
    .btnCancel:hover, .btnCancel:focus {
        color: #fff;
    }
    /*::-webkit-scrollbar{width:7px;height:7px;background-color:inherit}
::-webkit-scrollbar-thumb{background:linear-gradient(75deg,#19c0f0,#3763a7);border-radius:10px}
::-webkit-scrollbar-track{background-color:inherit;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}*/
    .popover.confirmation.fade {
        max-width: 180px
    }
.confirmation-buttons .btn-group .btn-primary { background: #37acae; border: 1px solid #37acae; }
.form-control:focus { border-color: #19c0f0; box-shadow: none; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #55EFC4; color: #003760; }
.btn-success:hover, .btn-danger:hover, warning:hover { color: #fff !important }
.btn-action { color: #37acae; border: 1px solid #55EFC4; padding: 2px 10px; border-radius: 10px;transition:all .3s linear }
.btn-action:hover, .btn-action:focus { background: #37acae; color: white; }
.btn-inactive { background-color: #ffe5e6; border: 1px solid #fe0000; color: #fe0000; padding: 3px 15px; border-radius: 4px; }
.btn-inactive:hover, .btn-inactive:focus { color: #fe0000; background: white; box-shadow: 1px 1px 1px #fe0000; }
.btn-active { background-color: #e5faf3; border: 1px solid #00ce7c; color: #00ce7c; padding: 3px 20px; border-radius: 4px; }
.btn-active:hover, .btn-active:focus { color: #00ce7c; background: white; box-shadow: 1px 1px 1px #00ce7c; }

input[type='checkbox'] { -webkit-font-smoothing: antialiased; text-rendering: optimizeSpeed; width: 13px; height: 13px; margin: 0; margin-right: 10px; display: block; float: left; position: relative; cursor: pointer; top: 4px; }

input[type='checkbox']::after { content: ""; vertical-align: middle; text-align: center; line-height: 13px; position: absolute; cursor: pointer;
                                height: 13px; width: 13px; left: 0px !important; top: 0; font-size: 10px; box-shadow: none !important; transition: .3s linear; transform: scale(1.8); }

input[type='checkbox']:hover::after, input[type='checkbox']:checked:hover::after { background: #55EFC4; content: '\2714'; color: #003760; transform: scale(1); }

input[type='checkbox']:checked::after { background: #55EFC4; content: '\2714'; color: #003760; transform: scale(1); }