/* input(81,39): run-time error CSS1046: Expect comma, found '160'
input(81,47): run-time error CSS1046: Expect comma, found '/'
input(106,13): run-time error CSS1036: Expected expression, found '.' */
html, body {font-family: 'Roboto', sans-serif; -webkit-backface-visibility: none; /*fix chrome bug*/ }

/*flex behaviour*/
.d-flex {
    display: flex !important; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;
}
.flex-column {
    flex-direction: column !important;
}
.justify-content-start {
    justify-content: flex-start!important;
}
.justify-content-end {
    justify-content: flex-end!important;
}
.justify-content-center {
    justify-content: center!important;
}
.justify-content-between {
    justify-content: space-between!important;
}
/*buttons*/
img { max-width: 100%; }
.btn-xl { padding: 15px; min-width: 150px; font-weight: bold !important; font-size: 18px !important; }
.btn-lg { border-radius: 4px; font-size: 15px !important; transition: 0.3s; padding: 10px 15px; min-width: 88px; font-weight: 500 !important; }
.btn-default {
    background-color: #fff;
    border-color: #3b276a;
    color: #3b276a !important;
}
.btn-primary {
    background-color: #3b276a;
    color: #ffffff !important;
    border-color: #3b276a;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active {
    background-color: #746eb1 !important;
    border-color: #7e7db5 !important;
}
.btn-primary:focus {
    background-color: #3b276a;
    color: #ffffff !important;
    border : 2px solid #8b89bf;
}
.btn-default:hover {
    background-color: #ffffff;
    color: #6054a3;
    border-color: #6054a3;
}
.btn-icon-type { border-radius: 4px; font-size: 15px !important; transition: 0.3s; font-weight: bold !important; padding: 3px; min-height:42px;
}
.mw-auto { min-width: auto !important; }
.btn-icon-type .icon { background-color:#fff; display: inline-block; padding: 6px; border-radius: 3px 0 0 3px; }
.btn-icon-type .text { min-width: 130px; display:inline-block; top:1px; }
.italic { font-style:italic; color: #5986DE; font-size: 11px; }
.relative { position: relative; }
.is-checkbox label > i { top: 3px; }
.head-title {
    font-weight: bold;
    color: #2F7EB1;
    font-size: 17px;
    padding-bottom: 20px;
}
.mb-5 { margin-bottom: 5px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-15 { margin-bottom: 15px !important; }
.py-10 { padding-top:10px !important; padding-bottom: 10px !important;  }
.rounded-bottom-0 { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; }
.modal-open .section { -webkit-filter: blur(3px); -ms-filter: blur(3px); -o-filter: blur(3px); filter: blur(3px); -webkit-transform: scale(0.8); }
.section { -webkit-transform: scale(1); -webkit-transition: all linear 0.5s 0; }
.link { color: #3333ff; text-decoration: underline; }
.phonelink { color: #3333ff; }
.darkblue { color: #165b9c; }
.link-line { color: #0000ff; text-decoration: underline; }
.text_truncate { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
/*Modal*/
.modal-ht {
    min-height: 340px;
}
.modal-xs { width: 450px; }
.modal.in { background-color: rgb(160 160 160 / 40%) !important ; }
.modal.in .modal-dialog.modal-dialog-zoom {-webkit-transform: translate(0,0)scale(.5);transform: translate(0,0)scale(.5);}
.modal.in .modal-dialog.modal-dialog-zoom {-webkit-transform: translate(0,0)scale(1);transform: translate(0,0)scale(1);}
.modal-content { border: 0; border-radius: 20px; }
.modal-content button.close { background-color: #979797; width: 22px; height: 22px; border-radius: 22px; position:absolute; right: 10px; top: 10px; display:flex; align-items: center; justify-content: center; }
.modal-content button.close span { font-weight: normal; font-size: 20px !important; color: #fff; text-shadow: none }
    .modal-content .modal-title {
        font-weight: bold;
        color: #2F7EB1 !important;
        font-size: 17px !important;
        padding: 25px 10px 10px !important;
        text-align: center;
    }
.modal-content .modal-body { padding: 10px 25px; }
.modal-open .background-container, .modal-open .userpswd {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(7px);
    filter: url("https://gist.githubusercontent.com/amitabhaghosh197/b7865b409e835b5a43b5/raw/1a255b551091924971e7dee8935fd38a7fdf7311/blur".svg#blur);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4');
}
/*header*/
.theme-api-header { background-color: #fff; border-bottom: 1px solid #a7a7a7; padding: 10px; position: relative; }
.theme-api-header-wrapper { display: flex; align-items: center; font-size: 18px; font-weight: 500; }

.theme-api-header .userprofile { position:absolute; top: 10px; right:10px; display:flex; align-items:center; }
.theme-api-header .userprofile .name { border: 1px solid #b2b2b2; border-radius:5px; font-size: 15px; padding: 6px 25px 6px 10px; display:inline-block; margin-right: -20px; font-family: 'Roboto', sans-serif; font-weight: 500; }
.theme-api-header .userprofile .userimg { width: 50px; height: 50px; border-radius: 50px; border: 1px solid #AEAEAE; background-color:#fff; 
    display: flex; align-items: center; justify-content: center; }
.theme-api-header .userprofile .userimg img { width: 100%; height: 100%; object-fit: cover; border-radius: 100%; }
.background-illustration {display: none;}
.theme-api-body { padding: 10px; }
    .theme-api-body .box-container {
        background: #fff;
        border: 1px solid #00503E;
        border-radius: 10px;
        position: relative;
        z-index: 8;
        max-height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        display: flex;
        flex-direction: column;
    }
.noscroll { overflow: inherit !important; }
.headbar-textbar {
    border-radius: 10px 10px 0 0;
    border-bottom: 1px solid #00503E;
    padding: 12px 15px;
    background-color: #DFF3F1;
    color: #000;
}
.body-wrapper { padding: 10px; }
.tilebox { padding-bottom: 0; }
.tilebox .row { margin-left: -15px; margin-right: -15px; }
.tilebox .row > [class*="col-"] { padding-left: 15px; padding-right: 15px; }
.tilebox .row { flex-wrap: wrap; display: flex; align-items: center; }
.tilebox .row .col-md-6 { flex: 0 0 auto; }
.box-container .thumbnail { padding: 0; display: flex; overflow: hidden; border-radius:8px; font-size: 12px; line-height: 16px;  margin-bottom:10px; transition: 0.3s; }
.box-container .thumbnail:hover { border-color:#ccc; box-shadow: 0 0 6px rgba(0, 0, 0, 0.16); }
.box-container .thumbnail .caption { width: calc(100% - 150px);}
.box-container .thumbnail .img-box { width:150px; height: 150px; display: inline-flex; justify-content: center; align-items: center; position: relative; overflow: hidden; }
.box-container .thumbnail .img-box .img-box-bg {position: absolute;top: 0;left: 0;height: 100%;width: 100%;filter: blur(20px);background-size: cover;}
.box-container .thumbnail .img-box img { max-width: 100%; max-height: 100%; position:relative; z-index:1; }
.box-container .thumbnail .tile-bottom-btn { position:absolute; bottom: 20px; }
.tilebox .btn { font-size: 12px; padding: 5px 10px 6px; border-radius: 4px; transition: 0.3s; }

.patientselection .thumbnail { border: 1px solid #ccc; border-radius: 10px; flex-flow:column; text-align: center; }
.patientselection .tilebar-head {
    background-color: #3b276a;
    color: #fff;
    font-size: 16px;
    padding: 15px;
    font-weight: bold;
}
.patientselection .tilebar-body { padding: 15px; height: 230px; }
.patientselection .tilebar-body img { height: 100%; }
.patientselection .thumbnail:hover {
    border-color: #00503E;
    box-shadow: 0 7px 12px rgba(0, 0, 0, 0.16);
}
    .patientselection .thumbnail:hover .tilebar-head {
        background-color: #7e7db5;
        color: #fff;
    }
    .patientselection .thumbnail:hover .tilebar-body {
        background-color: #FFF5DC;
    }
/*footer*/
.footer { padding: 0 10px; text-align: center; }
.footer .foothomebtn { position: fixed; left: 10px; bottom: 10px; display:flex; padding: 7px; background-color: #fff; width: 40px; height: 40px; border-radius: 6px; border: 1px solid #C5C5C5; }
.foothomebtnIn { display:flex; padding: 7px; background-color: #fff; width: 40px; height: 40px; border-radius: 6px; border: 1px solid #C5C5C5; }

.homeBtn { padding:9px 12px 7px; min-width: auto !important; }
.patientlist-table .table thead tr th,
.patientlist-table .table tbody tr td {
    font-size: 13px !important;
    border-top: 1px solid #a7a7a7 !important;
    border-bottom: 1px solid #a7a7a7 !important;
}
.patientlist-table .table > thead > tr > th,
.patientlist-table .table > tbody > tr > th,
.patientlist-table .table > tfoot > tr > th,
.patientlist-table .table > thead > tr > td,
.patientlist-table .table > tbody > tr > td,
.patientlist-table .table > tfoot > tr > td { padding: 8px; }

.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 !important; width: 42px !important; line-height: 42px !important; padding: 11px;}
.input-42 ~ .form-control-feedback .calendarIcon {height: 42px; width: 42px; line-height: 42px; background: transparent url(/Content/Images/calender2.svg?v=mjliPmZ1LDRnYaKchb7ZjCiFfRg) no-repeat;}
.form-control ~ .form-control-feedback > .imgCal{width: 14px;height: 14px;background:transparent url(/Content/Images/calender2.svg?v=mjliPmZ1LDRnYaKchb7ZjCiFfRg) no-repeat;color: transparent;outline:none;border:none;cursor:pointer;pointer-events:auto;}
.input-42 ~ .form-control-feedback > .imgCal{width: 24px;height: 24px;margin:8px;}
.box-container .form-group label.control-label {font-size: 15px; color: #000; margin-bottom: 4px;}
.box-container .box-body  .form-group {margin-bottom: 20px !important;}
.btns-bar { border-top: 1px solid #9f9f9f; font-size: 16px; }
.registrationform .body-wrapper:first-child { padding-bottom: 10px; }
.registrationform .is-checkbox label > i { top: 2px; }

.pwd-info {
    background-color: #F5F7FA;
    border: 1px solid #ccc;
    padding: 10px 10px 8px;
    border-radius: 5px;
    color: #696B6D;
    margin-bottom: 15px;
}
.pwd-info span, .usernamebox span { width:12px; height: 12px; display:inline-block; margin-right: 5px; position: relative; }
.usernamebox {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #696B6D;
    margin-bottom: 15px;
    overflow: hidden;
}
.usernamebox .pwd-info { border-bottom: 1px solid #ccc !important; border: 0; border-radius: 0; margin-bottom: 0; padding: 6px 10px 4px; }
.suggestUsernameBox { max-height: 155px; min-height: 155px; overflow-y:auto; overflow-x: hidden; }

.head-infobox {
    background-color: #dcf2dc;
    border: 1px solid #00503E;
    color: #000;
    border-radius: 8px;
    padding: 10px 15px;
}
.patientsDetails .boxPanel_header {
    padding: 10px !important;
    background-color: #DEE0E4;
    box-shadow: none;
    color: #000;
    border: 1px solid #ccc;
    border-radius: 0;
}
.patientsDetails .boxPanel_header .panel-title { font-size: 14px; font-weight: 500 !important; }
.patientsDetails .boxPanel_header .is-checkbox-inline { font-size: 14px; }
.patientsDetails .panel { border: 0; border-radius: 0; }
.fixedFooter { width: 100%; background-color: #f5f5f5; border-top: 1px solid #d0cfcf; padding: 10px; text-align:left; left: 0px; position:fixed; bottom: 0; padding-left: 50px; }
.identification .panel-body { cursor: pointer; transition: 0.3s; margin-bottom: 10px; display: flex; border-radius: 10px; border-color: #d7d7d7; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); height: 45px; }
.identification .panel-body:last-child { margin-bottom:0; }
    .identification .panel-body:hover {
        background-color: #FAC230;
    }
    .identification .panel-body .lefticon {
        width: 45px;
        margin: 5px 6px;
        padding: 4px 8px;
        border-radius: 8px;
        background-color: #FAC230;
        display: flex;
        align-items: center;
        justify-content: center;
    }
.identification .panel-body .lefticon img { height: 100%; }
.identification .panel-body .rightbar { display: flex; align-items: center; font-size: 13px; color:#000; padding: 8px; border-left: 1px solid #d7d7d7; }

.identification .modal-body { min-height: 190px; }

.centerblock { display: flex; justify-content: center; flex-direction: column; }
.centerblock .btn { margin: 10px auto !important; } 

.infomative-box {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: column;-webkit-align-items: flex-start ;align-items: flex-start;padding: 10px 0;position: relative;}
.infomative-box-img {max-width: 30%; margin-top: 3% }
.oops-box-img {max-width: 24%; }
.infomative-box-text {flex-basis: 0; flex-grow: 1; max-width: 100%; margin-top: 20px; font-size: 16px; }
.infomative-box-text .headingBlue { color: #165b9c; font-size: 28px; }

.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;}

#WorkFlowScreenPatEngagement .box-container .thumbnail .tile-bottom-btn {
    font-weight: 500 !important;
}
#loginInfo, #appointmentApiBody, #loginInfo, #appointmentApiBody, #NewPatientScreenPatEngagement, #PatientEngagementUserInputID,
#ReturningNewPatientScreenPatEngagement {
    padding-bottom: 10px !important;
}
#divPatientFormAssessmentTool { padding:10px !important; }
#divAppointmentInternal .boxbottombtnfixed { border-radius: 0 0 10px 10px; }
#divProfileDynamicFromIframe .patientsDetails .panel:last-child {
    margin-bottom: 0px !important;
}
.boxbottombtnfixed { position: absolute; bottom:0; left:0; right:0; z-index: 11; }
#patientImg { position: absolute; top: 0; opacity:0; left: 0; cursor: pointer; }
#divProfileDynamicFromIframe .checkboxrightset .is-checkbox-inline i { top:2px; }
#divProfileDynamicFromIframe .checkboxrightset .checkboxWrap { position: absolute; top: 9px; right: 30px; font-size: 14px; }
.registration-popup .btn-primary {
    background-color: #3b276a !important;
    border-color: #3b276a !important;
}
.registration-popup .btn-primary.disabled_state {
    background-color: #c5c7ca !important;
    border-color: #c5c7ca !important;
}
.registration-popup .btn-primary:hover, .registration-popup .btn-primary:focus, .registration-popup .btn-primary:active {
    color: #ffffff !important;
}
.commonmodelSQ .modal-header { background-color: transparent !important; border: 0; height: auto !important; }
.commonmodelSQ .modal-content .modal-title {
    font-weight: bold;
    color: #2F7EB1 !important;
    font-size: 17px !important;
    padding: 25px 10px 10px !important;
    text-align: center;
}
.commonmodelSQ .modal-content .modal-body { height: 225px; overflow-y: auto; display: flex; align-items: center; justify-content: center; font-size: 14px !important; }
#modalCaptureImage .modal-content .modal-body { height: auto !important; }
.commonmodelSQ .text-left { text-align: center; }
.commonmodelSQ .modal-content .modal-footer {
    padding: 15px !important;
    border: 0 !important;
    text-align: center !important;
}
.commonmodelSQ .modal-content .modal-footer .btn-gray, #btnCancelCaptureImage {
    background: #fff !important;
    border-color: #ccc !important;
    color: #231f20 !important;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    padding: 10px 15px !important;
    font-size: 15px !important;
    min-width: 88px;
    font-weight: 500 !important;
}
.commonmodelSQ .modal-content .modal-footer .btn-ok, #btnCaptureImage {
    background: #ffca3a !important;
    color: #231f20 !important;
    border-color: #ffca3a !important;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    padding: 10px 15px !important;
    font-size: 15px !important;
    min-width: 88px;
    font-weight: 500 !important;
}
.identification label.is-checkbox-inline > input:checked ~ i::after {
    border: 3px solid #00a651;
    top: -5px;
    border-width: 0 3px 3px 0px;
    left: 4px;
    width: 8px;
    height: 16px;
}
#divNotAutoApproved .infomative-box { align-items: start; }
#WorkFlowScreenPatEngagement { border:0 !important; overflow:hidden !important; height: calc(var(--window-height) - 70px) !important; padding:10px !important; }
.wfhfixed { max-height: 100%; overflow-x: hidden; overflow-y: auto; max-height: calc(var(--window-height) - 105px); border-radius: 10px;}
.insuranceDetail .insurace-card-upload .imgbox { width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; }
.insuranceDetail .insurace-card-upload .imgbox img { max-width: 100%; max-height: 100%; }
.insurace-card-upload .imgbox .insuranceFrontPatientimg {
    max-width: 100px;
    max-height: 100px;
    margin: 0 auto;
}
.keep_img_zoomOnHover, .keep_img_zoomOnHover {
    display: inline-block;
    position: relative;
    z-index: 2;
}
.keep_img_zoomOnHover:hover, .keep_img_zoomOnHover:hover {
    box-shadow: 0px 0px 0px #000000;
    z-index: 9;
}
.PDbtb-rightblock .btn-seaGreen-light, .PDbtb-rightblock .btn-danger-light {
    margin-bottom: 10px;
}
.imagePreview-wrapper { height:auto; }
.theme-api-header-wrapper img {
    max-height: 50px; /*max-width: 110px;*/
}
.footer .pwrdByLogo { right: 10px; bottom: 10px; position: fixed; transform: none; }
#divInsuranceForm .patientsDetails { margin-bottom:0; }
.footer { min-height: auto; width: auto; }


.login-not-allowed { cursor: not-allowed; display: inline-block; }
.login-not-allowed > a { pointer-events: none; }
.mandate { color: red; font-weight: bold;}
.patient-form--custom-ui label.PatientFormLabel { font-size: 13px; font-weight: bold;}
#Insurance-Modal label.is-checkbox-inline > input:checked ~ i::after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 10px;
    border: 1px solid #ffffff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top:  0px;
    left: 4px;
}
#Insurance-Modal label.is-checkbox-inline > i { top: 2px; }
.insurace-card-upload .fileinput-button { font-size: 10px; }
.ApiReasonForVisit_txt_area { vertical-align: top; width: 100%; resize: none; overflow-y: hidden !important; z-index: 9999; }
.animated { -webkit-transition: height 0.2s; -moz-transition: height 0.2s; transition: height 0.2s; }
.fa-stack, .navpointer { transition: all 0.2s;}
.fa-stack:hover { color: #dcffdc !important; }
.fa-stack:hover .txt_black { color: #0a910a !important; }
.timebackgoundClass { border: 1px solid #66afe9 !important; outline: 0; 
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6) !important; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6) !important;
}
.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: #231f20;
    height: 100%;
    margin: 0 !important;
}
.owl-carousel .owl-nav .owl-prev.disabled, .owl-carousel .owl-nav .owl-next.disabled { opacity: 0.2; cursor: not-allowed !important; }
#prefDateInline .bootstrap-datetimepicker-widget .datepicker-days .table-condensed > tbody > tr > td { padding: 8px 5px !important; }
#prefDateInline .bootstrap-datetimepicker-widget table td.day { height: 14px; line-height: 14px; }
.captureImageblock #video { width: 100%; height: auto; vertical-align: middle !important;}
.captureImageblock #canvas { display: none; }
.captureImageblock .camera { max-width: 400px !important; width: 100%; display: inline-block; border-radius: 10px !important; overflow: hidden;}
.captureImageblock.contentarea { font-size: 16px; font-family: Arial; text-align: center; }
.addresgraybar { position: absolute; right: 0; z-index: 4; width: auto; height: 100%; display: flex; align-items: center; }
#ddlApiProvider ~ .CaptionCont.SelectBox.search.valid-input img { margin-top: -2px; }

@media (min-width: 1400px) {
    .patientselection .tilebar-body { padding: 15px; height: 280px; }
    #ReturningNewPatientScreenPatEngagement { align-items: center; }
}
@media (min-width: 1200px) {
    .box-container-lg { width: 1200px; }
    .box-container-lg2 { width: 1080px; }
    .box-container-md {width: 880px;}
    .api-main-body { height: calc(var(--window-height) - 70px); }
    .theme-api-body {
        padding: 15px 25px 15px 60px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        height: calc(var(--window-height) - 70px);
    }
    #WorkFlowScreenPatEngagement {
        padding: 15px 0 15px 20px !important;
    }
    #ReturningNewPatientScreenPatEngagement .patientselection .btnApplicableforboth { margin-bottom: 0px !important; }
    .main-container { display: flex; flex-direction: column; max-height: calc(var(--window-height) - 210px); overflow-y: auto; }
}

@media (min-width: 992px) {
    body {
        background: url('/content/Images/bg_left.svg?v=mjliPmZ1LDRnYaKchb7ZjCiFfRg') left bottom no-repeat, url('/content/Images/bg_right.svg?v=mjliPmZ1LDRnYaKchb7ZjCiFfRg') right bottom no-repeat;
    }
    .footer .pwrdByLogo img { width: 120px; }
    .background-illustration {display: block;position: absolute;top: 50%;right: 5%;transform: translateY(-50%);width: 25%;z-index: 0 !important;}
    .background-illustration > img {width: 100%;}
    .box-container .thumbnail { margin-bottom: 30px; font-size: 13px; }
    .body-wrapper { padding: 30px; }
    #ReturningNewPatientScreenPatEngagement .body-wrapper { padding: 25px 30px; }
    .box-container .thumbnail .tile-bottom-btn {
        position: absolute;
        bottom: 15px;
    }
    #ReturningNewPatientScreenPatEngagement { display: flex; align-items:center; }
}

@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; 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;
    }
    .box-container .box-body  .form-group {margin-bottom: 10px !important;}
    .infomative-box {flex-direction: row;}
    .infomative-box-img {max-width: 15%;margin-right: 20px;}
    .infomative-box-text {text-align: left;margin-top: 0;}
    .captcha-wrapper .captcha-google {max-width: 304px;}
    .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;}
    .box-container .thumbnail .caption .maintitle { font-size: 15px; font-weight: 500; }
    .box-container .thumbnail .caption { padding: 15px; position: relative; width: calc(100% - 170px);}
    .box-container .thumbnail .img-box {
        width: 170px; height: 170px; display: inline-flex; justify-content: center; align-items: center; position: relative; overflow: hidden;
    }
    .box-container .thumbnail .img-box .bgimgblur { height: 175px; width: 175px; position: absolute; background-size: cover; -webkit-filter: blur(10px); filter: blur(10px);  }
    .italic { font-size: 12px; }
    .text_truncate_2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
    .text_truncate { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
    .commonmodelSQ .modal-dialog { width: 450px; }
    .modal-open .background-container .theme-api-body { margin-top: 70px; }
}
@media (max-width: 1200px) {
    .patientsDetails, #divInsuranceForm .patientsDetails  { margin-bottom: 73px; }
    .keep_img_zoomOnHover:hover, .keep_img_zoomOnHover:hover { transform-origin: 0% 50%; transform: scale(2.5); }
    #divProfileDynamicFromIframe .patientsDetails {
        height: calc(var(--window-height) - 230px); overflow-y:auto; margin-bottom: 0;
    }
    #ReturningNewPatientScreenPatEngagement { height: calc(var(--window-height) - 70px); }
    #Insurance-Modal.modal .modal-dialog { top: 0 !important; }
    #Insurance-Modal.modal .modal-dialog, .custom-modal.modal .modal-dialog { position: relative !important; top:25% !important; margin:0 auto !important; }
    /*Add CSS from max-768*/
    span#spanlogin-submit { width: inherit !important; margin-right: 10px; margin-bottom:0 !important; }
    #ReturningNewPatientScreenPatEngagement .patientselection .btnApplicableforboth { margin-bottom: 10px !important; }    
    .modal .modal-dialog, .APItheme-modal.modal .modal-dialog, .clsVerifyidentity.modal .modal-dialog {
        margin: 10px auto !important; position: relative;
    }
    #modalCaptureImage.modal .modal-dialog { position: relative; top: 0 !important; transform: inherit !important; }
    .dialogsigpad { margin-top: 0 !important; }
    .form-group.form-group-sm .SumoSelect > .CaptionCont, .form-group-sm .input-sm {
        line-height: 42px; height: 42px; border-radius: 6px; font-size: 14px;
    }
    #divPatientFormAssessmentTool .insuranceDetail { height: calc(var(--window-height) - 190px); }
    /*Add CSS from max-768*/
}
@media (max-width: 1024px) {
    .captcha-wrapper .captcha-manually .captcha-manually--image #CaptchaImage {
        width: calc(100% - 50px);
        max-width: 200px;
    }
    .PDbtb-rightblock .col-sm-4 .btn-seaGreen-light, .PDbtb-rightblock .col-sm-4 .btn-danger-light {
        font-size: 13px;
    }
    .footer .pwrdByLogo img { width: 80px; }
    #NewPatientScreenPatEngagement .box-container, #divReferringPatient .box-container, #NewPatientScreenPatEngagement .box-container,
    #VerifyPatientScreenPatEngagement .box-container, #ReturningNewPatientScreenPatEngagement .box-container {
        margin-bottom: 50px;
    }
}
@media (max-width: 767px) {
    .APItheme-modal.modal .modal-dialog, #modalCancel .modal-dialog  { top:50% !important; }
    #Insurance-Modal.modal .modal-dialog { transform: inherit !important; }
    .custom-modal.modal .modal-dialog { position: relative; transform: translate(0, 0%) !important; }
    .modal .modal-dialog, .APItheme-modal.modal .modal-dialog, .clsVerifyidentity.modal .modal-dialog { top: 25% !important; }
    #modalAppointment .modal-dialog, #modalDiscardChanges .modal-dialog, #modalAddInsuranceDetails .modal-dialog {
        top: 50% !important;
    }
    #modalAppointment .modal-dialog #btnBookVisit { margin-bottom: 10px !important; }
    .text_truncate_2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
    .text_truncate { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
    .box-container .thumbnail .img-box { width:140px; height: 140px; }
    .box-container .thumbnail .caption { padding: 10px; width: calc(100% - 140px);}
    /*.footer { min-height: 40px; position: absolute; }*/
    .headbar-textbar { font-size: 12px; }
    .body-wrapper.btns-bar { padding-bottom: 7px !important; }
    .body-wrapper.btns-bar .btn-lg { margin-right: 5px !important; margin-bottom: 8px !important; }
    input[type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; }
    #WorkFlowScreenPatEngagement { height: calc(var(--window-height) - 120px) !important; }
    span#spanlogin-submit { margin-bottom:8px !important; }
    .pwd-info #errorMessage > div { font-size: 12px; }
    .patientsDetails, #divInsuranceForm .patientsDetails { margin-bottom: 88px; }
    .modal-xs { width: 100% !important; }
    .checkboxrightset .Markasprimary { left: 0px !important; top: 38px !important; }
    .checkboxrightset .boxPanel_header { padding-bottom: 55px !important; }
    .checkboxrightset .Importmydetails { right: inherit !important; top: 60px !important; left: 10px; }
    .checkboxrightset:last-child .boxPanel_header { padding-bottom: 32px !important; }
    .checkboxrightset:last-child .Importmydetails { right: inherit !important; top: 36px !important; left: 10px; }
    .insurace-card-upload .fileinput-button { margin-bottom: 6px; }
    .Referral { width: 100%; }
    /*.footer .foothomebtn { position: relative; left: 0; }*/
    .modal-content .modal-body { padding: 10px 15px; }
    .footer .foothomebtn { left: 11px; z-index: -1; }
    .modal-content .modal-body { padding: 10px 15px; }
    #ReturningNewPatientScreenPatEngagement .box-container .footer { min-height:auto; }
    .boxbottombtnfixed i.txt_red3 { display:block; }
    #patient-Signature { margin-top: 10px !important;}
    #ReturningNewPatientScreenPatEngagement { height: auto; }
    #divModalBodyLogin { height: calc(var(--window-height) - 140px) !important; }    
    #modalCaptureImage.modal .modal-dialog { top: 20% !important;  }
    #divPatientFormAssessmentTool .insuranceDetail { height: calc(var(--window-height) - 190px); }
    #dvAdditionalContactDetails .is-datepicker .form-control-feedback { top: 25px; right: 5px; }
    .theme-api-header .userprofile .name { font-size: 14px; }
    .theme-api-header .theme-api-header-wrapper .practicename { display: none; }
    .theme-api-header .userprofile { top: 15px; }
    .theme-api-header .userprofile .userimg { width: 40px; height: 40px; }
    #divAppointmentInternal .appoinmentDetails { margin-bottom: 122px; }
}

/*   ==========  Position specification classes ============*/
.left-0 {left: 0px !important;}
.right-10 { right: 10px !important;}
.right-35 { right: 35px !important;}
.top-8 {top:8px;}

.z_2{z-index:2 !important;}

#divReferralSourceDetail .body-wrapper { max-height: calc(var(--window-height) - 215px);}