/* Minification failed. Returning unminified contents.
(123,22): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-primary-grape'
(136,30): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-primary-grape'
(137,36): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-primary-lilac'
(138,25): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(139,37): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-primary-lilac'
(164,17): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-primary-grape'
(358,31): run-time error CSS1038: Expected hex color, found '#0003'
(369,99): run-time error CSS1038: Expected hex color, found '#0003'
(401,38): run-time error CSS1033: Expected closing bracket, found 'i'
(401,39): run-time error CSS1031: Expected selector, found ']'
(401,39): run-time error CSS1025: Expected comma or open brace, found ']'
(439,53): run-time error CSS1038: Expected hex color, found '#0003'
 */
html, body {font-family: 'Roboto', sans-serif;}

.d-flex {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.btn-block + .btn-block {margin-top: 10px;}
.font-12 {font-size: 12px;}
.font-18 {font-size: 18px !important;}
.font-20 {font-size: 20px !important;}
.rounded-6 {border-radius: 6px !important;}
.headingBlue{color: #3B286A;font-size: 16px;}
.text-themePrimary {color: #1fab9f;}
.text-red {color: red;}

.m-0 {margin: 0;}
.p-0 {padding: 0;}
.pt-80{padding-top:80px !important;}
.mt-24{margin-top: 24px !important}

.tableBorderWrapper {border: 2px solid transparent;}
.tableBorderWrapper table {margin-bottom: 0; font-weight: normal;}
.tableBorderWrapper table thead tr th {background-color: #ebebeb;}
.table-vMiddle th, .table-vMiddle td {vertical-align: middle !important;}

.btn {transition: all 0;}
.btn-themeSecondary {background: #FFF;border-color: #b2b2b2;color: #999;font-size: 16px;padding: 10px 15px;}
.btn-themeSecondary:hover {background: #b2b2b2;color: #fff;}

.panel-dark {border-color: #b2b2b2;}
.panel-dark > .panel-heading {color: #FFF;background-color: #b2b2b2;border-color: #b2b2b2;padding: 5px 15px;}
.panel .panel-body .is-checkbox {margin-bottom: 5px;}

/*New Checkbox command Radio Button*/
label.is-checkbox-inline,label.is-radio-inline{margin-right:10px;vertical-align:middle}
label.is-checkbox-inline +label.is-checkbox-inline:last-child,label.is-radio-inline + .is-radio-inline:last-child{margin-right:0;}
.is-checkbox label,label.is-checkbox-inline,
.is-radio label,label.is-radio-inline{cursor:pointer;position:relative;padding-left:20px;margin-bottom:0;float:none;min-height:14px;min-width:14px;display:inline-block;font-size: 15px;}
.inline-block-checkbox .is-checkbox label,.inline-block-checkbox label.is-checkbox-inline,
.inline-block-radio .is-radio label,.inline-block-radio label.is-radio-inline{display:inline-block;}
.is-checkbox label input[type="checkbox"],label.is-checkbox-inline input[type="checkbox"],
.is-radio label input[type="radio"],label.is-radio-inline input[type="radio"]{position:absolute;top:0;left:0;z-index:2;opacity:0;width:14px;height:14px;cursor:pointer;margin:0}
.is-checkbox label input[type="checkbox"][disabled],label.is-checkbox-inline input[type="checkbox"][disabled],
.is-radio label input[type="radio"][disabled],label.is-radio-inline input[type="radio"][disabled]{cursor:not-allowed;}
.is-radio label input[type="radio"]:focus ~ i,label.is-radio-inline input[type="radio"]:focus ~ i{box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);border:1px solid #66afe9}
.is-checkbox label > i,label.is-checkbox-inline > i,
.is-radio label > i,label.is-radio-inline > i {display:inline-block;width:14px;height:14px;border:1px solid #afafaf;background-color:#fff;position:absolute;top:4px;left:0;}
.is-checkbox label > input:checked ~ i::after,label.is-checkbox-inline > input:checked ~ i::after
{content:'';display:inline-block;width:6px;height:10px;border:1px solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:0;left:3px;}
.is-radio label > i,label.is-radio-inline > i{border-radius:50%}
.is-radio label > input:checked ~ i::after,
label.is-radio-inline > input:checked ~ i::after
{content:'';display:inline-block;width:0;height:0;border:3px solid #868686;position:absolute;top:2px;left:2px;border-radius:50%;}
/*Disabled checkbox - Radio*/
.is-checkbox label.disabled,label.is-checkbox-inline.disabled,
.is-radio label.disabled,label.is-radio-inline.disabled{opacity:0.6;cursor:not-allowed}
.is-checkbox label input[type="checkbox"][disabled] ~ i,label.is-checkbox-inline input[type="checkbox"][disabled] ~ i,
.is-radio label input[type="radio"][disabled] ~ i,label.is-radio-inline input[type="radio"][disabled] ~ i{opacity:0.6;cursor:not-allowed}
/*Checkbox or Radio without text*/
label.is-checkbox-inline.is-checkbox-only{padding-left:14px;margin-right:0;}
label.is-checkbox-inline.is-checkbox-only > i{top:0}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: left;
    }
}
.timeSlotBody{
    max-height: 150px;
    overflow-y: auto;
    margin-right: 1px;
    min-height: 270px;
    border-radius: 0px 0px 5px 5px;
}
.disableAll input[type=text] {
    pointer-events: none;
    background: #ddd;
    opacity: 0.6;
 }
.disableAll .pointer{cursor: default !important}
.disableAll label {opacity: 0.6;}
#Timelist .is-checkbox span {
    float: left;
    padding-top: 2px;
}
#divtimeSlotBody{border: inherit}
.tableBorderWrapper:hover{cursor:pointer; background-color:#ebf7df;}
.tableBorderWrapper .thumbnailContainer { height: 42px; width: 42px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center;align-items: center; -webkit-justify-content: center; justify-content: center; padding: 2px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background-color: #ffffff; overflow: hidden; border: 1px solid #ccc;}
.tableBorderWrapper .thumbnailContainer img { width: calc(100% + 4px); height: calc(100% + 4px);}
/*#ApiPatientExtraFieldSearchModal .modal-header, #Insurance-Modal .modal-header, #LoginCompleteModal .modal-header, #LoginSuccess-Modal .modal-header, #modalUserCreated .modal-header, #modalInsurancePending .modal-header, .APItheme-modal .modal-header {background: linear-gradient(to bottom, #408d40, #4ea84e); border-color:#408d40; height: auto;  padding: 4px 15px 5px !important;}*/
#ApiPatientExtraFieldSearchModal .modal-header, #Insurance-Modal .modal-header, #LoginCompleteModal .modal-header, #LoginSuccess-Modal .modal-header, #modalUserCreated .modal-header, #modalInsurancePending .modal-header, .APItheme-modal .modal-header {background:#e4e4e4;color:#333;border-bottom: 1px solid #ccc; font-weight: 600 !important; height: auto; padding: 4px 15px 5px !important;}
#ApiPatientExtraFieldSearchModal .modal-title, #Insurance-Modal .modal-title, #LoginCompleteModal .modal-title, #LoginSuccess-Modal .modal-title, #modalUserCreated .modal-title, #modalInsurancePending .modal-title, .APItheme-modal .modal-title {font-size:20px !important;color:#333;}
#ApiPatientExtraFieldSearchModal .close, #Insurance-Modal .close, #LoginCompleteModal .close, #LoginSuccess-Modal .close, #modalUserCreated .close, #modalInsurancePending .close, .APItheme-modal .close {color: white; text-shadow: none; font-size: 32px !important}
#Insurance-Modal .modal-body, #LoginSuccess-Modal .modal-body, #modalUserCreated .modal-body, #modalInsurancePending .modal-body, .APItheme-modal .modal-body {font-size: 15px;}
#ApiPatientExtraFieldSearchModal .control-label2{font-size: 15px; color: #000;} 
#ApiPatientExtraFieldSearchModal .form-control { border-radius: 6px; font-size: 14px !important; padding: 10px !important; height: 42px;}
.APItheme-modal .modal-footer {text-align: left !important; padding:5px 15px;background-color: #f5f5f5;border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}
.ampm-btn-group {width: 90px;}
.ampm-btn-group > .btn {font-size: 15px !important;height: 42px;padding: 0 10px !important;line-height: 42px !important;border-radius: 6px;}
.ampm-btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {border-top-left-radius: 0;border-bottom-left-radius: 0;}

/* New Styles */
.api-table-xl > thead > tr > th,
.api-table-xl > thead > tr > td,
.api-table-xl > tfoot > tr > th,
.api-table-xl > tfoot > tr > td { padding: 5px 10px;}
.api-table-xl > tbody > tr > th,
.api-table-xl > tbody > tr > td { padding: 15px 10px;}

/*.btn-theme-api, .btn-themePrimary {border-radius: 6px; font-size: 24px !important; font-weight: bold !important; letter-spacing: 0.24px; text-align: center; margin-right: 20px;}*/
.btn-theme-api:last-of-type {margin-right: 0px;}
/*.btn-theme-api.btn-theme-api--primary, .btn-themePrimary {background: linear-gradient(to bottom, #408d40, #4ea84e); color: #ffffff; padding: 10px 20px;}*/
.btn-theme-api.btn-theme-api--primary, .btn-themePrimary, #FixedFooter .btn-success, #patient-form .btn-success {
    color: #fff !important;
    font-size: 14px;
    min-width: 88px;
    font-weight: bold !important;
    /*letter-spacing: 1px;*/
    padding: 11px 15px 12px !important;
    /*padding: 4px 8px 5px 8px;*/
    border-radius: 2px;
    border: 2px solid transparent;
    cursor: pointer;
    display: inline-block;
    margin: 0px;
    background: var(--color-brand-primary-grape);
}
    #patient-form .btn-success {
        padding: 8px 15px !important;
        font-size: 14px;
    }
/*.btn-theme-api.btn-theme-api--primary:hover, .btn-themePrimary:hover{background: linear-gradient(to top, #408d40, #4ea84e);}*/
        .btn-theme-api.btn-theme-api--primary:hover, .btn-themePrimary:hover, #FixedFooter .btn-success:hover, #patient-form .btn-success:hover {
            color: #ffffff !important;
            background-color: #7e7db5;
            border: 2px solid transparent;
        }
        .btn:not(.btn-login):focus{
            background: var(--color-brand-primary-grape);
            border: 2px solid var(--color-brand-primary-lilac);
            color: var(--color-white);
            outline: 2px solid var(--color-brand-primary-lilac) !important;
            outline-offset: 0;
        }
/*.btn-theme-api.btn-theme-api--warning {background: linear-gradient(to bottom, #DC8418, #F58D0E); color: #ffffff; padding: 10px 20px;}*/
.btn-theme-api.btn-theme-api--warning { color: #ffffff !important;
    font-size: 14px;  
    /*letter-spacing: 1px;*/
    text-transform: uppercase;
    padding: 10px 15px !important;
    -webkit-border-radius: 5px;
    border-radius: 2px;
    font-weight: bold;
    background-color: #00a7e1;
}
/*.btn-theme-api.btn-theme-api--warning:hover {background: linear-gradient(to top, #DC8418, #F58D0E);}*/
    .btn-theme-api.btn-theme-api--warning:hover {
    color: #ffffff !important;
    background-color: #8bc53f;
    background: -moz-linear-gradient(45deg, rgba(139, 197, 63,1) 0%, rgba(0, 150, 57,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(139, 197, 63,1) 0%, rgba(0, 150, 57,1) 100%);
    background: linear-gradient (45deg, rgba(139, 197, 63,1) 0%, rgba(0, 150, 57,1) 100%);
    transform: scale(1.05);
    }
.btn-theme-api.btn-theme-api--primary-outline {border: solid 1px #4ca44c; color: #4ca44c; padding: 4px 8px 3px 8px; background: #fff !important; box-sizing:border-box;}
.btn-theme-api.btn-theme-api--primary-outline, #patient-form .btn-default, #insuranceInfo .btn-gray {
    color: var(--color-brand-primary-grape) !important;
    font-size: 14px;
    min-width: 88px;
    font-weight: bold !important;
    /*letter-spacing: 1px;*/
    padding: 10px 15px !important;
    /*padding: 4px 8px 3px 8px;*/
    -webkit-border-radius: 5px;
    border-radius: 2px;
    font-weight: bold;
    background: white !important;
    box-sizing: border-box;
    border: 2px solid #3b276a; /*#5a4200;*/
    vertical-align: top;
    /*margin-left:10px;*/
}
    .btn-theme-api.btn-theme-api--primary-outline:hover, #patient-form .btn-default:hover, #insuranceInfo .btn-gray:hover {
        color: #746eb1 !important;
        border: 2px solid #746eb1;
    }
  
    .btn-theme-api.btn-theme-api--primary.disabled:hover,
    .btn-theme-api.btn-theme-api--primary[disabled],
    .btn-theme-api.btn-theme-api--primary[disabled]:hover,
    .btn-theme-api.btn-theme-api--primary[disabled]:focus,
    .btn-theme-api.btn-theme-api--primary[disabled].active  
     {
            color: #fff !important;
            background-color: #3B286A;
            transform: none !important;
            border: none !important;
        }
     /*.btn-theme-api.btn-theme-api--primary-outline,*/ 
     .btn-theme-api.btn-theme-api--primary-outline.disabled:hover, 
     .btn-theme-api.btn-theme-api--primary-outline.disabled:focus,     
     .btn-theme-api.btn-theme-api--primary-outline[disabled], 
     .btn-theme-api.btn-theme-api--primary-outline[disabled]:hover, 
     .btn-theme-api.btn-theme-api--primary-outline[disabled]:focus, 
     .btn-default[disabled]:active, .btn-default[disabled].active
      {
        /*background-color: #fafafa;*/
        color:#949393 !important;
        transform: none !important;
        border-color: #dadada;
    }
.box-container .table-condensed > thead > tr > th {font-size: 14px;}
.box-container .table-condensed > tbody > tr > td {font-size: 15px;}

.shadow-none, .shadow-none:focus {box-shadow: none !important;-webkit-box-shadow: none !important;}


.wrapper {
  display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
  flex-direction: column;
  min-height: 100vh;
}
 
.wrapper > * {
  padding: 20px;
}
 
.page-main {
  flex-grow: 1;
}
/* Datepicker*/
.bootstrap-datetimepicker-widget .datepicker table > tbody > tr > td:not(.no-ellipsis){padding:10px;}
/*.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled{color:#ccc !important;}
.box-container .bootstrap-datetimepicker-widget table td.today{color: #fff !important;}*/

/*#patientInfo .panel-primary > .panel-heading, #insurance-form .panel-primary > .panel-heading {background: linear-gradient(to bottom, #408d40, #4ea84e); border-color:#408d40;}*/
#patientInfo .panel-primary > .panel-heading, #insurance-form .panel-primary > .panel-heading {background:#e4e4e4;color:#333;border: 1px solid #ccc;}
    #patientInfo .panel-primary > .panel-heading .panel-title, #insurance-form .panel-primary > .panel-heading .panel-title {font-weight:bold !important  }
#patientInfo {margin:0px 0px 60px 0px;}
/*#FixedFooter .btn-success, #patient-form .btn-success {background: linear-gradient(to bottom, #408d40, #4ea84e); color: #ffffff; padding: 10px 20px; font-size:20px;}*/
/*#patient-form .btn-default {border: solid 2px #4ca44c; color: #4ca44c; padding: 9px 20px; font-size:20px; background: none;}*/
.imagePreview-wrapper {max-height: 100%;height: 80px;width: 100%;margin: 5px auto 5px;max-width: 80px;}
#FixedFooter {
    width: 100%;
    background-color: #f5f5f5;
    border-top: 1px solid #d0cfcf;   
    padding: 10px;
    text-align:left;
    left: 0px;
}
#insuranceInfo{
    margin: 0px 0px 60px 0px;
}
/*#insuranceInfo .btn-gray {border: solid 2px #4ca44c; color: #4ca44c; padding: 9px 20px; font-size:20px; background: none; padding: 12px 20px;}*/
#insurance-form h4.panel-title-sub {font-size: 16px; padding: 10px 10px 12px 10px; margin:0px; border-bottom:1px solid #a7a7a7; background: #f3f7fa; font-weight: bold !important; border-top-left-radius: 4px;  border-top-right-radius: 4px;}
#insurance-form .spanvalign b{font-weight: normal !important; font-size: 14px !important}
#insurance-form .mandate, #patient-form .mandate{color: red;}
.panel-group .panel + .panel{}
#DeclineLang{margin-top:1px !important;}

.bg-orange{background:#FFF5DC;}
.bg-orange .ContrastText {color: #a06101;}
.bg-success .ContrastText {color: #206f00;}
.bg-faded {background-color: #f7f7f7 !important;}
.rounded-5{border-radius:5px;}
.ContrastBorder{border:1px solid rgba(0,0,0,0.2)}

.modal.in {background-color: rgba(0,0,0,0.75);}

.button-3d {display: inline-block;position: relative;text-align: center;text-decoration: none;font-weight: 600;padding: 4px 10px;}
.button-3d::before {border-radius: 3px;box-shadow: #959595 0 2px 5px;content: "";display: block;height: 100%;left: 0;padding: 2px 0 0;position: absolute;top: 0;width: 100%;}
.button-3d:active::before{padding:1px 0 0}
.button-3d.button-3d-gray{background:#eee;background:-webkit-gradient(linear,0 0,0 bottom,from(#dfdfdf),to(#e5e5e5));background:-moz-linear-gradient(#eee,#e2e2e2);background:linear-gradient(#eee,#e2e2e2);border:solid 1px #d0d0d0;border-bottom:solid 3px #b2b1b1;border-radius:3px;box-shadow:inset 0 0 0 1px #f5f5f5;color:#555;text-shadow:0 1px 0 #fefefe}
.button-3d.button-3d-gray:hover{background:#e4e4e4;background:linear-gradient(#e5e5e5,#dfdfdf);border:solid 1px #c2c2c2;border-bottom:solid 3px #b2b1b1;box-shadow:inset 0 0 0 1px #efefef}
.button-3d.button-3d-gray:active{background:#dfdfdf;background:linear-gradient(#e5e5e5,#dfdfdf);border:solid 1px #959595;box-shadow:inset 0 10px 15px 0 #c4c4c4;top:2px}
.button-3d.button-3d-red{background:#f5969c;background:linear-gradient(#f5969c,#fcd7dc);border:solid 1px #e36372;border-bottom:solid 3px #ff6771;box-shadow:inset 0 0 0 1px #f5bcca;color:#8e3540;text-shadow:0 1px 0 #f9a0ad}
.button-3d.button-3d-red:hover{background:#fcd7dc;background:linear-gradient(#fcd7dc,#f5969c);border:solid 1px #e36372;border-bottom:solid 3px #cb5462;box-shadow:inset 0 0 0 1px #f9aab5}
.button-3d.button-3d-red:active{background:#fcd7dc;background:linear-gradient(#fcd7dc,#f5969c);border:solid 1px #e36372;box-shadow:inset 0 10px 15px 0 #d45d6d}
.button-3d.button-3d-green{background:#a7cf6d;background:linear-gradient(#a7cf6d,#c0dd8d);border:solid 1px #98b85b;border-bottom:solid 3px #819d15;box-shadow:inset 0 0 0 1px #c6da7b;color:#526927;text-shadow:0 1px 0 #c2da45}
.button-3d.button-3d-green:hover{background:#c0dd8d;background:linear-gradient(#c0dd8d,#a7cf6d);border:solid 1px #98b85b;border-bottom:solid 3px #819d15;box-shadow:inset 0 0 0 1px #c6da7b}
.button-3d.button-3d-green:active{background:#c0dd8d;background:linear-gradient(#c0dd8d,#a7cf6d);border:solid 1px #98b85b;box-shadow:inset 0 10px 15px 0 #819d15}

​#toast-container > .toast-success {white-space:nowrap; width:fit-content !important}

    
.timelist label{border: 1px solid #bbb; border-radius: 3px; padding: 6px 5px 4px; position:relative; background:none; cursor: pointer;}
.timelist .ng-not-empty ~ .selectedSlot{background:#009639; top:0px; left:0px; position:absolute; width: 100%; height: 100%; z-index: 1;}
.timelist .ng-not-empty ~ .selectedSlot ~ .selectedTime {color: #fff;}
.timelist .selectedTime{z-index: 2; position:relative;}
.timelist input[type="checkbox"]{display:none;}
.timelist .lbltime{display:inline;}

.slot_all > div[class^="slot_"]:not(:last-child){border-bottom:1px solid #ccc;}

/* Morning */
.slot_morning .timelist label{border: 1px solid #538695; border-radius: 3px; padding: 6px 5px 4px; position:relative; background:none; cursor: pointer;color:#538695;}
.slot_morning .timelist .not-empty ~ .selectedSlot{background:#538695; top:0px; left:0px; position:absolute; width: 100%; height: 100%; z-index: 1;}
.slot_morning .timelist .not-empty ~ .selectedSlot ~ .selectedTime {color: #fff;}
.slot_morning .timelist .selectedTime{z-index: 2; position:relative;}
.slot_morning .timelist input[type="checkbox"]{display:none;}
.slot_morning .timelist .lbltime{display:inline;}
.slot_morning .timelist .lbltime:hover {background: #d4ebf2;}

/* Noon */
.slot_noon .timelist label{border: 1px solid #a76951; border-radius: 3px; padding: 6px 5px 4px; position:relative; background:none; cursor: pointer;color:#a76951;}
.slot_noon .timelist .not-empty ~ .selectedSlot{background:#a76951; top:0px; left:0px; position:absolute; width: 100%; height: 100%; z-index: 1;}
.slot_noon .timelist .not-empty ~ .selectedSlot ~ .selectedTime {color: #fff;}
.slot_noon .timelist .selectedTime{z-index: 2; position:relative;}
.slot_noon .timelist input[type="checkbox"]{display:none;}
.slot_noon .timelist .lbltime{display:inline;}
.slot_noon .timelist .lbltime:hover {background: #e1c9bf;}

/* Evening */
.slot_evening .timelist label{border: 1px solid #424774; border-radius: 3px; padding: 6px 5px 4px; position:relative; background:none; cursor: pointer;color:#424774;}
.slot_evening .timelist .not-empty ~ .selectedSlot{background:#969fb8; top:0px; left:0px; position:absolute; width: 100%; height: 100%; z-index: 1;}
.slot_evening .timelist .not-empty ~ .selectedSlot ~ .selectedTime {color: #fff;}
.slot_evening .timelist .selectedTime{z-index: 2; position:relative;}
.slot_evening .timelist input[type="checkbox"]{display:none;}
.slot_evening .timelist .lbltime{display:inline;}
.slot_evening .timelist .lbltime:hover {background: #d0d9f1;}

/* All Day*/
.slot_alldays .timelist .not-empty ~ .selectedSlot{background:#d5f0b9; top:0px; left:0px; position:absolute; width: 100%; height: 100%; z-index: 1;}
.slot_alldays .timelist .not-empty ~ .selectedSlot ~ .selectedTime {color: #000;}

.owl-carousel.nav_always_visible .owl-nav{display:block;}

.owl-carousel .multiple_items #slot_list:not(:last-child){margin-bottom:6px;}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next{position: absolute;top: 0;border: 1px solid #bbb;padding: 5px 5px 5px 5px;background: #eee;color:#333;height:100%;}
.owl-carousel .owl-nav .nav_arrow{top: 50%;position: relative;transform: translateY(-50%);}
    
.owl-carousel .owl-nav .owl-prev.disabled, .owl-carousel .owl-nav .owl-next.disabled{opacity:0.2;cursor:not-allowed;}

.slot_morning,.slot_noon,.slot_evening{padding:5px;}
.slot_morning{background-color:#f4fbfe}
.slot_noon{background-color:#fef6f3}
.slot_evening{background-color:#DEE0E4}



.theme-api-header {background-color: #fff;border-bottom: 1px solid #a7a7a7;padding: 10px;}
.theme-api-header--wrapper {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;height: auto;flex-wrap: wrap;-webkit-justify-content: center;justify-content: center;}
.theme-api-header .theme-api-header--practice-logo {flex-grow: 1;margin-bottom: 10px;width:100%;}
.theme-api-header .theme-api-header--practice-logo img {margin: 0 auto;}
.theme-api-header .theme-api-header--practice-name {font-size: 20px;font-weight: bold;}

.theme-api-body {padding: 10px;padding-bottom: 50px;position: relative; padding-bottom:50px !important;}

.box-container {background: #fff;border:1px solid #a7a7a7;border-radius:8px;position: relative;z-index: 8;}
.box-container .box-header {background: #E2EEF4;border-bottom:1px solid #a7a7a7;border-top-left-radius: 8px;border-top-right-radius: 8px;padding: 5px 10px;}
.box-container .box-header.box-header--padding-lg {padding: 10px 20px;}
.box-container .box-header.box-header-yellow {background: #fcf8e3 !important;}
.box-container .box-header .headingBlue {color: #3B286A;font-size: 16px;}
.box-container .box-header .headingBlack {color: #231f20;font-size: 20px;font-weight: 500;}
.box-container .box-header .headingRed {color: #f00;font-size: 16px;}
.box-container .box-header.box-hasNoBody {border: 0;border-radius: 8px;}
.box-container .box-header.box-header-rounded { border-radius: 8px; }
.box-container .box-body {padding:10px}
.box-container .box-body.box-body--padding-sm {padding:10px}

.cardBlock {border: 1px solid #0003;border-radius: 5px;padding: 10px 10px 0 10px;}
.cardBlock .cardBlock-controlLabel {font-size: 14px;font-weight: 500 !important;margin-bottom: 5px;}
.cardBlock.cardBlock-lightOrange {background: #FFF5DC;}
.cardBlock.cardBlock-lightGreen {background: #DFF3F1;}
.cardBlock.cardBlock-lightOrange .cardBlock-controlLabel {color: #a06101;}
.cardBlock.cardBlock-lightGreen .cardBlock-controlLabel {color: #3B286A;}

.panel-mobileOnly {}
.panel-mobileOnly .cardBlock {border: 0;border-radius: 0;}
.panel-mobileOnly .panel-body-with-padding {padding: 10px;}

.providerInfo-calender-wrapper .providerInfo-wrapper {background-color: #E2EEF4;border: 1px solid #0003;border-radius: 5px;padding: 10px;}
.providerInfo-calender-wrapper .datepicker-wrapper {margin: 15px auto 10px;}
.providerInfo-calender-wrapper .datepicker-wrapper .bootstrap-datetimepicker-widget {width: 100% !important;}
.providerInfo-calender-wrapper .datepicker-wrapper .bootstrap-datetimepicker-widget > ul > li.picker-switch.accordion-toggle {display: none;}

.background-illustration {display: none;}
.pwrdByLogo {position: absolute;right: 50%;bottom: 10px;transform: translateX(50%);}

.box-container .box-body  .form-group {margin-bottom: 20px !important;}
.box-container .box-body  .has-jumbo--form-group .form-group {margin-bottom: 20px !important;}
.box-container .box-body .form-group label.control-label {font-size: 15px; color: #000; margin-bottom: 4px;}

.api-modal .api-modal--body {overflow-y: auto;height: calc(100vh - 305px);}
.api-modal .api-modal--footer {background-color: #f5f5f5;border-top: 1px solid #ddd;border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;padding: 10px;text-align: left !important;}

.infomative-box {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: column;-webkit-align-items: center;align-items: center;padding: 10px 0;position: relative;}
.infomative-box--img {max-width: 30%;}
.infomative-box--text {flex-basis: 0;flex-grow: 1;max-width: 100%;margin-top: 20px;}

.captcha-wrapper {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-flow: column;}
.captcha-wrapper .captcha-manually {flex-basis: 0;flex-grow: 1;max-width: 100%;}
.captcha-wrapper .captcha-manually .captcha-manually--textarea {margin-bottom:15px;}
.captcha-wrapper .captcha-manually .captcha-manually--image {margin-bottom:50px;}
.captcha-wrapper .captcha-google {max-width: 304px;margin: 0 0 15px;}

.form-control.input-42 {border-radius: 2px; font-size: 14px !important; padding: 10px !important; height: 42px; resize: vertical;}

.input-42 ~ .form-control-feedback {height: 42px; width: 42px; line-height: 42px;}
.input-42 ~ .form-control-feedback .calendarIcon {width: 24px;height: 24px;background: transparent url(/Content/Images/calender2.svg) no-repeat;background-position:center;display: block;margin: 8px;}
.form-control ~ .form-control-feedback > .imgCal{width: 14px;height: 14px;background:transparent url(/Content/Images/calender2.svg) no-repeat;background-position:center;color: transparent;outline:none;border:none;cursor:pointer;pointer-events:auto;}
.input-42 ~ .form-control-feedback > .imgCal{width: 24px;height: 24px;margin:8px;}

.native-datepicker input[type="date" i]::-webkit-calendar-picker-indicator {opacity: 0;}

.SumoSelect > .input-42 ~ .CaptionCont {border-radius: 2px; height: 42px; padding: 10px;}
.SumoSelect > .input-42 ~ .CaptionCont > span {font-size: 14px !important;}
.SumoSelect.open > .input-42 ~ .optWrapper {top: 41px;}
.SumoSelect.open > .input-42 ~ .optWrapper > .options li label {font-size: 14px;}
.SumoSelect.open > .input-42 ~ .CaptionCont .search-txt {line-height: 20px; font-size: 14px; padding: 10px;}

.box-container-lg, .box-container-md {width: 100%;}
.timelist .owl-stage-outer .owl-item > div {width: 100% !important;}
#accordion .panel-heading, #insurance-form .panel-heading {margin-top: 15px !important;}
.bootstrap-datetimepicker-widget.dropdown-menu {overflow: hidden;}
.btn-mobile-link {background: none;border: none;}

.activeDays { background: #3b276a !important; border-color: #3b276a !important; color: #fff !important;}
#frmAPIPatientRegistration #divPatientAvailability.invalid-input { border: 0; }
.multi_ckb--lg.multi_ckb > label > span {font-size: 14px; width: 42px; height: 42px; line-height: 38px;}
/****** Mobile-First Media Queries ******/
@media (min-width: 768px) {
    body {padding-top: 70px;}

    .theme-api-header {position: fixed;top: 0;right: 0;left: 0;z-index: 9;padding: 10px 25px;height: 70px;}
    .theme-api-header--wrapper {flex-wrap: nowrap;-webkit-justify-content: flex-start;justify-content: flex-start;height: 50px;}
    .theme-api-header .theme-api-header--practice-logo {margin-bottom: 0; width: auto;}
    .theme-api-header .theme-api-header--practice-logo img {margin: 0;}

    .theme-api-body {padding: 10px 25px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;}

    .box-container .box-body {padding:20px}
    .box-container .box-body  .form-group {margin-bottom: 10px !important;}

    .api-modal .api-modal--body {max-height: 434px;}

    .cardBlock.form-horizontal .cardBlock-controlLabel {padding-top: 5px; margin-bottom: 0px;}
    .cardBlock:not(.form-horizontal) {padding-top: 5px;}
    .cardBlock .cardBlock-controlLabel {padding-top: 0px;margin-bottom: 2px;}

    .panel-mobileOnly {border: 0;margin: 0;}
    .panel-mobileOnly .cardBlock {border: 1px solid #0003;border-radius: 5px;margin-bottom: 10px;}
    .panel-mobileOnly .panel-body-with-padding {padding: 0px; margin-top: 5px;}

    .providerInfo-calender-wrapper {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
    .providerInfo-calender-wrapper .providerInfo-wrapper {flex-grow: 1;}
    .providerInfo-calender-wrapper .datepicker-wrapper {margin: 0 0 0 10px;}
    .providerInfo-calender-wrapper .datepicker-wrapper .bootstrap-datetimepicker-widget {width: 224px !important;} 

    .infomative-box {flex-direction: row;}
    .infomative-box--img {max-width: 15%;margin-right: 20px;}
    .infomative-box--text {text-align: left;margin-top: 0;}
    .floating-underReview-label {position: absolute;right: 0px;top: 0;}

    .captcha-wrapper {flex-flow: row;}
    .captcha-wrapper .captcha-manually {flex-basis: 0;flex-grow: 1;max-width: 100%;}
    .captcha-wrapper .captcha-manually .captcha-manually--image {text-align: left;margin-bottom: 15px;}
    .captcha-wrapper .captcha-google {max-width: 304px;}
}
@media (min-width: 992px) {
    body {
        background: url('/assets/images/icons/bg_left.svg') left bottom no-repeat, url('/assets/images/icons/bg_right.svg') right bottom no-repeat;
    }
    
    .pwrdByLogo {right: 15px;bottom: 7px;transform: none;}
    .background-illustration {display: block;position: absolute;top: 50%;right: 5%;transform: translateY(-50%);width: 25%;z-index: 7;}
    .background-illustration > img {width: 100%;}
}
@media (min-width: 1200px) {
    .theme-api-body {padding: 10px 40px;}

    .box-container-lg {width: 1000px;}
    .box-container-md {width: 850px;}
    .box-container-sm {width: 700px;}
}
@media (max-width: 1199px) {
    .box-container-sm {width: 55%;}
}
@media (max-width: 991px) {
    .box-container-sm {width: 100%;}
}

@media (min-width: 1600px) {
    .theme-api-body {padding: 10px 100px;}
}


/****** Desktop-First Media Queries ******/
@media (max-width: 1200px) {
    .owl-carousel .owl-nav .nav_arrow {line-height: 0;}
}
@media (max-width: 1024px) {
    .btn-mobile-link {width: 100%;}
    .mb-10-sm {margin-bottom: 10px !important;}
    .captcha-wrapper .captcha-manually .captcha-manually--image #CaptchaImage {width: calc(100% - 50px);max-width: 200px;}
}
@media (max-width: 768px) {

    html, body {background: #fff !important;}
    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {line-height: 1.5 !important;}
    .btn-theme-api {display: block;width: 100%;}
    .btn-theme-api + .btn-theme-api {margin-top:10px !important;}
    .btn-theme-api + span {margin-top:10px !important;display: inline-block;width: 100%;}
    .flex-wrap-sm {flex-wrap: wrap;}
    .mb-10-xs {margin-bottom: 10px !important;}
    .mb-25-xs {margin-bottom: 25px !important;}

    #dvProviderNotFound {font-size: 16px !important;line-height: normal !important;}
    span#spanlogin-submit {display: inline-block;width: 100%;margin-bottom: 10px;}
    #spNextAvailabilityDate {display: inline !important;}
    .btn-theme-api:hover {transform: scale(1) !important;}
    .bootstrap-datetimepicker-widget {zoom: 1.4;}
    #dvProviderNotFound {text-align: left !important;}
    .spanProviderName, .spanPrefferedDays {display: block !important;}
    .imagePreview-wrapper {margin-bottom: 15px;}
    #patient-form .form-group-sm .input-sm,
    #insurance-form .form-group-sm .input-sm {border-radius: 6px;font-size: 14px !important;padding: 10px !important;height: 42px;resize: vertical;}
    #patient-form .is-checkbox-inline,
    #patient-form .panel-title,
    #insurance-form .is-checkbox-inline,
    #insurance-form .panel-title {font-size: 15px !important;}
    #patient-form label.PatientFormLabel,
    #insurance-form label.PatientFormLabel {font-size: 15px;font-weight: 500;margin-bottom: 3px;}
    #patient-form .form-group,
    #insurance-form .form-group {margin-bottom: 20px !important;}
    .row-eq-height-md .border-left-1, .row-eq-height-md .border4-left {border: 0 none !important;}
    .div-dynamic-form-review-date-width {width: 100% !important;}
    .div-dynamic-form-review-date-width > .row > .col-md-6 {width: 80% !important;}
    #patientInfo, #insuranceInfo {margin: 0px 0px 110px 0px;}
    .ampm-btn-group {width: 77px;}
    .ampm-btn-group > .btn {padding: 0 7px !important;}
    #FlexibleTimeFrom, #FlexibleTimeTo {padding: 10px 5px !important;}
    #toast-container > div {padding: 15px !important;}
    #toast-container > div.toast-warning,
    #toast-container > div.toast-success,
    #toast-container > div.toast {background-image: none !important;}
    .insPicBox {height: 150px;width: 100%;}
    .insPicBox > img {height: 150px !important;width: 100% !important;}
    .modal .modal-dialog {margin: 0 !important;position: absolute;top: 50%;transform: translateY(-50%) !important;} 
    .APItheme-modal .modal-footer {padding: 10px !important;}
    #FixedFooter {padding-bottom: 50px !important;}
    button, input, optgroup, select, textarea {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
    #FlexibleTimeFrom, #FlexibleTimeTo {padding: 10px !important; border-radius: 6px !important;}
    .input-group.date, .input-group.time {width: 100%;}
    input[type=date], input[type=time] {line-height: 1.5 !important;}
    #bodyTermsAndConditions > h2 {margin-top: 20px !important;}
    .imagePreview-wrapper #imagePreview {height: 100%;}
    .clsCaptchaImage { left:0px !important;}
    
    .cardBlock.cardBlock-lightOrange, .panel-mobileOnly {margin-bottom: 20px;}
    .SumoSelect > .CaptionCont {border-radius: 6px;font-size: 14px;padding: 0 8px !important;height: 42px;line-height: 42px;}
    .SumoSelect.open .search-txt {line-height: 31px;}
    .SumoSelect.open > .optWrapper {top: 40px;}
    .SumoSelect.open > .optWrapper .select-all {padding: 7px 10px !important;font-size: 14px !important;height: auto !important;display: inline-block;width: 100%;}
    .SumoSelect.open > .optWrapper label, .SumoSelect > .CaptionCont > span.placeholder {font-size: 14px !important;}
    .SumoSelect > .optWrapper > .options li.opt, .SumoSelect > .optWrapper > .options li.group .li-wrp {padding: 7px 10px !important;font-size: 14px;}

    .timelist label {padding: 10px 5px !important;}

    .SumoSelect.open {height: auto !important;}

    .api-table-cardView--mobile {position: relative;}
    .api-table-cardView--mobile tr {border: 0 !important}
    .api-table-cardView--mobile td:before {top: 15px !important;}
    .api-table-cardView--mobile.cardview-tables td:not(.details) {padding-left: 30% !important;}
    .api-table-cardView--mobile.cardview-tables td.patientPicture:not(.details) {padding: 0 7px 0 7px !important;}
    .api-table-cardView--mobile .tableBorderWrapper .patientPicture {position: absolute;background: #fff;z-index: 1;padding: 0 7px 0 7px !important;right: 0px;border-bottom: 0 !important;top: 7px;}
    .api-table-cardView--mobile .tableBorderWrapper .patientPicture .thumbnailContainer {height: 80px;width: 80px;margin-left: auto;}
}