:root {
    --input-border-color: #BAC0C7;
    --input-border-color-hover: #80868D;
    --input-border-color-focus: #1A9CE0;
    --input-shadow-color-focus: 0 0 0 2px rgba(26, 156, 224, 0.15);
    --input-border-color-error: #d9534f;
    --blue-button-color: #26B4FF;
    --green-button-color: #02BC77;
    --orange-button-color: #FFAC60;
    --red-button-color: #D9534F;
    --dark-grey-button-color: #38747C;
    --table-border-color: #83c5e8;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

/*.tooltipTrigger .tooltip.show div{
    margin-left:14px;
}
*/

.modal {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

    .modal.allow-copy-using-selection {
        user-select: inherit;
        -moz-user-select: inherit;
        -webkit-user-select: inherit;
        -ms-user-select: inherit;
    }

button:focus {
    outline: 0px;
    outline: 0px;
}

.container-p-y:not([class^="pt-"]):not([class*=" pt-"]) {
    padding-top: 1.2rem !important;
}

.paymentCard {
    max-width: 250px;
    min-height: 150px;
    border-radius: 5px;
    background: rgb(2,0,36);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(42,103,179,1) 0%, rgba(0,212,255,1) 100%);
}

.tooltip {
    z-index: 9999;
}

.textBoxInModal {
    width: 100%;
    height: 100px !important;
}

.textAreaHeight {
    width: 100%;
    height: 200px !important;
}


.popover {
    z-index: 99999;
    min-width: 335px;
}

.z-index-max {
    z-index: 2147483647 !important;
}
/*
.dropdown-menu {
    width: max-content !important;
}*/

.moreIcon {
    position: absolute;
    left: 20px;
    font-size: 25px;
    top: 4px;
}

.previewModal {
    height: 100vh;
}

.cursor-pointer {
    cursor: pointer;
}

.optionsWrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    /*max-height: 150px;*/
}

.exam-control-max-Height {
    max-height: inherit;
}

.general-exam-padding {
    padding-left: 0.75rem !important;
}

.modal.show.modal-primary-focus {
    z-index: 30000;
}

/*.modal-primary-focus:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2500;
    width: calc(100% - 17px);
    height: 100vh;
    background-color: #181C21;
    opacity: 0.5;
}*/

.modal-primary-focus .modal-dialog {
    z-index: 2650;
}

body.gme-opened.modal-custom-focus .sideBarCloseBtn {
    z-index: 300;
}

.modal-custom-focus.modal-open .modal.modal-primary-focus {
    /* display: flex !important; */
    /* align-items: center !important; */
    transition: all 0.2s;
    /* align-items: flex-start; */
}

    .modal-custom-focus.modal-open .modal.modal-primary-focus .modal-dialog {
        flex-grow: 1;
        /* -webkit-transform: translateY(0) scale(0.8); */
        /* transform: translateY(0) scale(0.8); */
    }

#modals-customprovidernotes.modal-primary-focus:before,
#modals-file-preview.modal-primary-focus:before {
    display: none;
}

.modal.fade .modal-dialog {
    -webkit-transform: translateY(0) scale(0.8);
    transform: translateY(0) scale(1);
}

body.gme-opened #modals-customprovidernotes {
    max-width: calc(100% - 451px);
    transition: all 0.3s;
    display: flex;
    padding: 0 !important;
}

    body.gme-opened #modals-customprovidernotes .modal-dialog {
        padding: 0 15px;
    }

body.gme-opened.sideBar-opened #modals-customprovidernotes {
    max-width: calc(100% - 450px);
    padding: 0 !important;
    background: #00000050;
}

body.gme-opened #modals-customprovidernotes .modal-dialog {
    box-shadow: 0 0 1000px 1000px #0000002e;
    padding: 0;
    border-radius: 3px;
    max-width: calc(100% - 40px);
}

body.gme-file-preview-opened #modals-customprovidernotes {
    max-width: calc(100% - 600px);
}
/*body.gme-file-preview-opened #modals-customprovidernotes.modal.fade::after {
        max-width: calc(100% - 615px);
    }*/
/*body.gme-opened .sideContentBody .side-block .accordion-item .acc-heading button {
    display: none;
}*/
body .gme-opened #guarantorContainer .btn-table-action.bta-blue, body.gme-opened #btnShowInsuranceAddBtn, body.gme-opened #btnShowGuarantorAddBtn,
/*body.gme-opened #allergiesContainer .btn-table-action.bta-blue,
body.gme-opened #allergiesContainer .file-upload-info .link-action.red,*/
body.gme-opened #filesContainer .btn-table-action.bta-red,
/*body.gme-opened .file-upload-info a.link-action.red,*/
body.gme-opened .file-upload-info .btn-file-delete, body.gme-opened .file-upload-info .btn-file-share, body.gme-opened .file-upload-info .btn-file-review, body.gme-opened .file-upload-info .btn-file-unreview, body.gme-opened #filesModalBtn, body.gme-opened .hide-gme, body.gme-opened .btn-action-delete, body.gme-opened .btn-action-share, body.gme-opened .btn-action-add {
    display: none !important;
}

body.gme-opened #filesContainer td .table-expand-trigger {
    pointer-events: none;
}

body.gme-opened.gme-file-preview-opened .sideBarCloseBtn,
body.modal-open .sideBarCloseBtn,
body.gme-modal-open .sideBarCloseBtn,
body.gme-mobile-opened .sideBarCloseBtn {
    z-index: 300;
}

body.gme-opened.gme-file-preview-opened #modals-customprovidernotes, body.gme-opened.gme-results-opened #modals-customprovidernotes {
    max-width: calc(100% - 600px) !important;
}

body.gme-opened.sidebar-opened #modals-customprovidernotes {
    max-width: calc(100% - 450px);
}

    body.gme-opened.sideBar-opened #modals-customprovidernotes .modal-dialog {
        max-width: calc(100% - 80px);
    }

body.gme-opened.gme-file-preview-opened .modals-file-preview-image {
    height: auto !important;
    width: auto !important;
    align-self: flex-start;
}

body.gme-opened.gme-fullscreen-preview-opened .modals-file-preview-image {
    align-self: center;
}

body.gme-opened.gme-fullscreen-preview-opened #modals-file-preview {
    align-items: stretch;
}

body.gme-opened.gme-file-preview-opened #modals-file-preview-frame {
    height: 100% !important;
    align-self: flex-start;
}


body.gme-opened #modals-file-preview .modal-dialog,
body.gme-opened #modals-labresult-details .modal-dialog,
body.gme-opened #modals-download-labresult .modal-dialog {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    width: 100%;
    z-index: 1000;
    height: 100% !important;
    max-width: 100%;
    max-height: 100%;
}



body.gme-opened.gme-results-opened .modal-primary-focus:before {
    content: none;
}

body.gme-opened #modals-labresult-details .modal-header {
    border-radius: 0 !important;
}

body.gme-opened #modals-labresult-details .modal-content,
body.gme-opened #modals-download-labresult .modal-content {
    border-radius: 0;
    min-height: 100%;
}

body.gme-opened #modals-labresult-details .card-header.lab-view-obr.card-button {
    padding: 9px 15px;
    font-size: 13px;
    border-radius: 0;
}

body.gme-opened #modals-labresult-details #divLabResultDetails .card-block .col-md-12 {
    padding: 0px 15px;
}

body.gme-opened #modals-labresult-details #message-details .col-md-12 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.gme-opened.modal-open #modals-file-preview .modal-content {
    height: 100vh;
    border-radius: 0 !important;
}

body.gme-opened.modal-open #modals-file-preview .form-row,
body.gme-opened.modal-open #modals-file-preview iframe {
    height: 100% !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}

body.gme-opened.gme-fullscreen-preview-opened #modals-file-preview iframe {
    min-height: calc(100vh - 310px);
}

body.gme-opened.gme-fullscreen-preview-opened #modals-file-preview .form-row {
    width: 100%;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 200px) !important;
    padding: 10px;
    overflow: hidden;
}


body.gme-opened #modals-file-preview,
body.gme-opened #modals-file-preview-common,
body.gme-opened #modals-labresult-details,
body.gme-opened #modals-download-labresult {
    width: 600px !important;
    left: auto !important;
    right: 0;
    z-index: 9500;
    transition: all 0.2s;
    transform: translate(0);
    top: 0 !important;
    bottom: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    box-shadow: none;
}

body.gme-opened #modals-labresult-details {
    max-width: 600px !important;
    right: 0 !important;
}

body.gme-opened .resize-backdrop {
    display: none;
}


body.gme-opened.labresult-open #modals-review-labresult .modal-dialog {
    padding: 20px;
}

body.gme-opened.labresult-open #modals-download-labresult {
    max-width: 600px !important;
}


body.gme-opened .customProviderOpen #modals-file-preview,
body.gme-opened .customProviderOpen #modals-labresult-details,
body.gme-opened .customProviderOpen #modals-download-labresult {
}

body.gme-fullscreen-preview-opened.gme-opened #modals-file-preview, body.gme-fullscreen-preview-opened.gme-opened #modals-labresult-details, body.gme-fullscreen-preview-opened.gme-opened #modals-download-labresult {
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    max-width: 100%;
    min-width: 100%;
}

body.gme-file-preview-opened .modal-backdrop {
    display: none;
}

body.gme-fullscreen-preview-opened.gme-opened .customProviderOpen #modals-file-preview,
body.gme-fullscreen-preview-opened.gme-opened .customProviderOpen #modals-labresult-details,
body.gme-fullscreen-preview-opened.gme-opened .customProviderOpen #modals-download-labresult {
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    max-width: 100%;
    min-width: 100%;
}

    body.gme-fullscreen-preview-opened.gme-opened .customProviderOpen #modals-file-preview .modal-content,
    body.gme-fullscreen-preview-opened.gme-opened .customProviderOpen #modals-labresult-details .modal-content,
    body.gme-fullscreen-preview-opened.gme-opened .customProviderOpen #modals-download-labresult .modal-content {
        box-shadow: 0 0 9000px 9000px #0000005e;
        border-radius: 3px !important;
    }

body .gme-fullscreen-preview-opened .simple-resize-bottom-left, body.gme-fullscreen-preview-opened .simple-resize-top-left, body.gme-fullscreen-preview-opened .simple-resize-top-right, body.gme-fullscreen-preview-opened .simple-resize-bottom-right, body.gme-opened .simple-resize-bottom-left, body.gme-opened .simple-resize-top-left, body.gme-opened .simple-resize-top-right, body.gme-opened .simple-resize-bottom-right {
    display: none;
}


body.gme-opened #modals-labresult-details,
body.gme-opened #modals-download-labresult {
    width: 600px;
    bottom: 0;
    height: 100%;
}

body.gme-opened #viewExamEncounterHistoryModal {
    right: 0;
    left: auto;
    overflow: hidden;
    z-index: 3010;
    width: 600px;
    max-width: 550px;
}

    body.gme-opened #viewExamEncounterHistoryModal:before {
        left: auto;
        right: 0;
        max-width: 450px;
        z-index: 1;
    }

    body.gme-opened #viewExamEncounterHistoryModal .modal-body > div {
        margin: 0 !important;
        padding: 10px 0 !important;
    }

        body.gme-opened #viewExamEncounterHistoryModal .modal-body > div > div {
            padding: 0 0 0 10px !important;
        }

    body.gme-opened #viewExamEncounterHistoryModal .modal-body,
    body.gme-opened #viewExamEncounterHistoryModal .modal-footer {
        padding: 20px;
    }

body.gme-opened.gme-with-history #viewExamEncounterHistoryModal .modal-dialog {
    margin: 0;
    height: 100vh !important;
    background: #fff !important;
    max-height: calc(100% - 0px);
}

    body.gme-opened.gme-with-history #viewExamEncounterHistoryModal .modal-dialog.modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 0px);
    }

body.gme-opened.gme-with-history {
}

    body.gme-opened.gme-with-history #modals-customprovidernotes {
        max-width: calc(100% - 550px) !important;
    }

body.gme-opened #viewExamEncounterHistoryModal .modal-footer input[type='button'] {
    display: none !important;
}

body.gme-opened #viewExamEncounterHistoryModal .card-header > a {
    font-size: 14px;
}

body.gme-fullscreen-preview-opened #modals-file-preview {
    width: 100%;
    height: 100vh;
    left: 0;
    right: 0;
}

    body.gme-fullscreen-preview-opened #modals-file-preview:after {
        content: "";
        background: #0000008a;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    body.gme-fullscreen-preview-opened #modals-file-preview .modal-dialog {
        max-width: 100%;
        margin: auto;
        padding: 3%;
    }

        body.gme-fullscreen-preview-opened #modals-file-preview .modal-dialog .modal-content {
            max-width: 90%;
            margin: auto;
            height: auto;
        }

    body.gme-fullscreen-preview-opened #modals-file-preview .modal-header {
        display: none;
    }

body.gme-fullscreen-preview-opened #file-preview-header-gme-fullscreen {
    display: flex !important;
    justify-content: space-between;
    padding-right: 10px;
}

body.gme-opened #file-preview-header-default {
    display: none;
}


body.gme-opened #health-profile-content .modal, body.gme-opened #patient-insurance-modal.modal, body.gme-opened #patient-guarantor-modal.modal, body.gme-opened #Modal-CopyFromAnotherNote.modal {
    max-width: 450px;
    top: 0;
    right: 0px;
    left: auto;
    padding-right: 0 !important;
    scrollbar-width: thin;
    padding: 0;
}

body.gme-opened #health-profile-content-small-view .modal, body.gme-opened #patient-insurance-modal.modal, body.gme-opened #patient-guarantor-modal.modal, body.gme-opened #Modal-CopyFromAnotherNote.modal {
    max-width: 450px;
    top: 0;
    right: 0px;
    left: auto;
    padding-right: 0 !important;
    scrollbar-width: thin;
    padding: 0;
}

body.gme-opened #health-profile-content-small-view #searchArchivedPatientRightSide.modal {
    max-width: inherit;
    left: 0;
    right: 0;
}

body.gme-opened #health-profile-content #modals-review-labresult {
    max-width: 600px !important;
    right: 0;
}

    body.gme-opened #health-profile-content #modals-review-labresult .modal-dialog {
        margin: 10px auto;
    }

body.gme-opened #health-profile-content .modal .modal-dialog {
    margin: 0;
}

.tablesorter-bootstrap .sorter-false {
    cursor: default;
}

.tablesorter-bootstrap .tablesorter-header.sorter-false i.tablesorter-icon {
    display: none;
}

.tablesorter-bootstrap .tablesorter-header-inner {
    position: relative;
    padding: 4px 18px 4px 4px;
}

.tablesorter-bootstrap .sorter-false .tablesorter-header-inner {
    padding: 4px;
}

.tablesorter-bootstrap .tablesorter-header i.tablesorter-icon {
    font-size: 11px;
    position: absolute;
    right: 2px;
    top: 50%;
    margin-top: -7px; /* half the icon height; older IE doesn't like this */
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    line-height: 14px;
    display: inline-block;
}

.tablesorter-bootstrap .bootstrap-icon-unsorted {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAOCAYAAAD5YeaVAAAA20lEQVR4AWJABpKSkoxALCstLb0aUAsZaCAMhVEY6B0amx8YZWDDEDSBa2AGe7XeIiAAClYwVGBvsAcIllsf/mvcC9DgOOd8h90fxWvngVEUbZIkuWRZZlE8eQjcisgZMM9zi+LJ6ZfwegmWZflZDugdHMfxTcGqql7TNBlUB/QObtv2VBSFrev6OY7jngzFk9OT/fn73fWYpqnlXNyXDMWT0zuYx/Bvel9ej+LJ6R08DMOu67q7DkTkrSA5vYPneV71fX/QASdTkJwezhs0TfMARn0wMDDGXEPgF4oijqwM5YjNAAAAAElFTkSuQmCC);
}

.tablesorter-bootstrap .bootstrap-icon-white.bootstrap-icon-unsorted {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAOCAYAAAD5YeaVAAAAe0lEQVR4AbXQoRWDMBiF0Sh2QLAAQ8SxJGugWSA6A2STW1PxTsnB9cnkfuYvv8OGC1t5G3Y0QMP+Bm857keAdQIzWBP3+Bw4MADQE18B6/etRnCV/w9nnGuLezfAmXhABGtAGIkruvk6auIFRwQJDywllsEAjCecB20GP59BQQ+gtlRLAAAAAElFTkSuQmCC);
}

.tablesorter-bootstrap .tablesorter-processing {
    background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=');
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.tablesorter-bootstrap .tablesorter-filter-row .tablesorter-filter.disabled {
    background-color: #eee;
    color: #555;
    cursor: not-allowed;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    box-sizing: border-box;
    transition: height 0.1s ease;
}

.tablesorter-bootstrap .tablesorter-filter-row {
    background-color: #efefef;
}

    .tablesorter-bootstrap .tablesorter-filter-row.hideme * {
        height: 1px;
        min-height: 0;
        border: 0;
        padding: 0;
        margin: 0;
        /* don't use visibility: hidden because it disables tabbing */
        opacity: 0;
        filter: alpha(opacity=0);
    }

.tablesorter .filtered {
    display: none;
}

.tablesorter-default .header, .tablesorter-default .tablesorter-header {
    background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
    background-position: center right;
    background-repeat: no-repeat;
    cursor: pointer;
    white-space: normal;
}

.tablesorter-default thead .headerSortUp, .tablesorter-default thead .tablesorter-headerAsc, .tablesorter-default thead .tablesorter-headerSortUp {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
}

.tablesorter-default thead .headerSortDown, .tablesorter-default thead .tablesorter-headerDesc, .tablesorter-default thead .tablesorter-headerSortDown {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
}

.tablesorter-default thead .sorter-false {
    background-image: none;
    cursor: default;
    padding: 4px
}

.tablesorter-default .tablesorter-processing {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=) !important
}

.tablesorter-default .tablesorter-filter-row {
    background-color: #eee
}

    .tablesorter-default .tablesorter-filter-row td {
        background-color: #eee;
        -webkit-transition: line-height .1s ease;
        -moz-transition: line-height .1s ease;
        -o-transition: line-height .1s ease;
        transition: line-height .1s ease
    }

    .tablesorter-default .tablesorter-filter-row .disabled {
        opacity: .5;
        cursor: not-allowed
    }

    .tablesorter-default .tablesorter-filter-row.hideme td {
        padding: 2px;
        margin: 0;
        line-height: 0;
        cursor: pointer
    }

    .tablesorter-default .tablesorter-filter-row.hideme * {
        height: 1px;
        min-height: 0;
        border: 0;
        padding: 0;
        margin: 0;
        opacity: 0
    }

.tablesorter-default input.tablesorter-filter, .tablesorter-default select.tablesorter-filter {
    width: 95%;
    height: auto;
    margin: 4px auto;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: height .1s ease;
    -moz-transition: height .1s ease;
    -o-transition: height .1s ease;
    transition: height .1s ease
}

.tablesorter .filtered {
    display: none
}

.with-sort-icons:before {
    top: 50%;
    margin-top: -0.625rem;
    height: 1.25rem;
    line-height: 1.25rem;
    right: 0.3em;
    content: "\2191 \2193";
    position: absolute;
    bottom: 0.9em;
    display: block;
    opacity: 0.7;
    font-size: 0.9rem;
    font-weight: 700;
}

.sorted.with-sort-icons:before {
    content: '';
    display: none;
}

#file-preview-header-gme a,
#file-preview-header-gme-fullscreen a {
    line-height: 2;
    text-transform: uppercase;
    font-size: 0.7rem;
    font-weight: 500;
    letter-spacing: 0.2px;
}

#file-preview-header-gme-fullscreen a {
    font-size: 12px;
}

#file-preview-header-gme a i {
    font-size: 13px;
}

#file-preview-header-gme a:hover {
    background-color: #f5f5f5;
    color: #000;
}

/*body.gme-opened .file-upload-info a.link-action.red {
    display: none;
}*/

#file-preview-header-gme,
#file-preview-header-gme-fullscreen {
    display: none;
}

    #file-preview-header-gme > div {
        display: flex;
        align-items: center;
    }

body.gme-opened #file-preview-header-gme {
    display: flex;
    justify-content: space-between;
    padding: 1.25rem 1.5625rem;
    border-radius: 0 !important;
}

    body.gme-opened #file-preview-header-gme .close {
        right: auto;
        position: relative;
        transform: none;
        margin-right: 20px;
    }

body.gme-opened #modals-file-preview .modal-footer {
    display: none;
}

.subHeading {
    font-weight: bold;
    /*text-decoration: underline;*/
    font-size: 17px;
}

.modalCustomNotesWitdth {
    max-width: 1320px;
}

.accordian-card .card-heading {
    padding: 8px 8px;
    background: #F6F7FD;
    border-bottom: 1px solid #E2E4F4;
    color: #333;
    cursor: pointer;
}

.accordian-card {
    margin-bottom: 2px;
}

    .accordian-card .card-heading i {
        transform: rotate(180deg);
        float: right;
        margin: 4px 2px;
        font-size: 11px;
    }

    .accordian-card .card-heading.collapsed i {
        float: right;
        margin: 5px 2px;
        transform: rotate(0deg);
        font-size: 11px;
    }


div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0;
}





/*******************************Mega Patient Search*************************/
.patientsearchHome {
    text-align: center;
    min-height: calc(100vh - 160px);
    align-items: center;
    display: flex;
    justify-content: center;
    background: #fff;
    padding: 51px 0;
}

.megaSearchContainer {
    width: 100%;
    max-width: 700px;
    padding: 0 20px;
}

    .megaSearchContainer .pSearchField .form-control {
        border: 3px solid #7b7b7b;
        padding: 12px 13px;
        height: auto;
        margin-bottom: 36px;
        background: #ffffff73;
        border-radius: 14px;
        box-shadow: 0 0 4px #ddd;
        padding-left: 35px;
        padding-right: 125px;
    }

    .megaSearchContainer h3 {
        font-size: 22px;
        margin-bottom: 26px;
    }

.pSearchField {
    position: relative;
}

    .pSearchField i {
        position: absolute;
        left: 12px;
        top: 17px;
        font-size: 20px;
        color: #ccc;
    }

    .pSearchField a {
        position: absolute;
        right: 8px;
        top: 7px;
        border-radius: 7px;
    }


.megaSearchContainer .btn i {
    position: unset;
    display: block;
}

.megaSearchContainer .btn span {
    display: block;
}


.megaSearchContainer .pSearchField .btn {
    padding: 7px 25px;
    border-radius: 7px;
}

#btn-add-new-patient-mega {
    background: #F8F9FA;
}

    #btn-add-new-patient-mega:hover {
        background: #eee;
    }

.megaSearchContainer .btn i {
    display: none;
}

a#btnClearSeach {
    right: 157px;
    top: 0;
}

/*******************************Mega Patient Search end*************************/

.notify {
    background: #d9534f;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    display: inline-block;
    font-size: 10px;
    text-align: center;
    color: #fff;
    padding-top: 4px;
    vertical-align: top;
    margin-top: 1px;
}

.docFileName {
    word-break: break-all;
}

.table-compact-wrapper tbody tr td .table-expand-trigger i {
    align-self: start;
    margin-top: 4px;
}

.table-compact-wrapper div.file-upload-info ul {
    padding: 5px 4px;
    text-align: right;
    list-style: none;
}

.table-compact-wrapper div.file-upload-info li span .link-action.red {
    color: #D9534F;
}

.accordianOuter .card {
    height: 100%;
}

.accordianOuter {
    height: 100%;
}

.default-style .select2-selection--multiple .select2-selection__rendered {
    padding: 0 0.375rem 0.375rem 0.375rem;
    max-height: 300px;
    overflow-y: auto;
    scrollbar-width: thin;
}

button#btnClearMsgSeach {
    position: absolute !important;
    right: 47px !important;
    top: 5px !important;
    color: #ccc;
    background: none;
    border: 0;
    padding: 0 10px !important;
    height: auto !important;
}

    button#btnClearMsgSeach:focus {
        outline: none;
        box-shadow: none;
    }

.filter-inputs .form-label {
    display: block;
}

.sidenav-vertical .sidenav-menu .sidenav-link, .sidenav-vertical .sidenav-menu .sidenav-header {
    padding-left: 3.2rem !important;
}

#patients .badge.no-outline.badge-outline-primary {
    pointer-events: none;
}

.modal-open {
    overflow: hidden !important;
}

body.labresult-open {
    overflow: hidden;
}

.col.faq {
    margin-bottom: 70px;
}

.email-doc {
    width: 100%;
    max-width: 70%;
    margin: 16px;
}

    .email-doc iframe {
        min-height: 400px;
    }

.custm-modal {
    max-width: 78rem !important;
    padding-left: 17px;
    padding-bottom: 40px;
}

.custm-height-modal {
    min-height: 100% !important;
}

.custm-modal .pdf-preview {
    height: 100% !important;
}

#setDefaultNoteToPatient {
    background: #aaa !important;
    border-radius: 7px;
    padding: 1px 6px;
    font-size: 11px;
    line-height: 13px;
    margin-top: 3px;
}

#clearNoteToPatient {
    display: inline-block;
    cursor: pointer;
    font-size: 13px;
    font-style: italic;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    width: 19em !important;
}



.col-6-customhealthProfile .col-6 {
    flex: 0 0 100%;
    max-width: 100%;
}

.modal.fade::after, .custom-backdrop::after {
    background: #0000003d;
    content: "";
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    z-index: -1;
}

#access-right-modal:after {
    display: none;
}

.fullSideBar .modal.fade::after {
    display: none;
}
/************************** Fullwidth Menu start********************/
.sideBar {
    transition: all ease 1s !important;
}


.toggleSidebar {
    position: absolute;
    right: 21px;
    background: none;
    border: 0;
    font-size: 10px;
    color: #888;
    top: 15px;
    text-transform: uppercase;
    z-index: 1;
}

    .toggleSidebar.fullSizeView {
        top: 13px;
        right: 15px;
        left: inherit;
    }

.sideBar.fullSideBar {
    width: calc(100% - 100px);
    top: 0;
    display: none;
    right: 0 !important;
}



    .sideBar.fullSideBar.sideBarHeight {
        right: 0 !important;
        display: block;
        width: calc(100% - 100px);
    }

.fullSideBar .sideContent {
    display: block;
    position: unset;
    width: 100%;
    margin-top: 0;
    padding: 0 0.75rem 0;
}

.fullSideBar .sideContentWrapper {
    display: flex !important;
    flex-direction: column;
    height: calc(100% - 10px) !important;
    margin-top: 10px;
}

.removewidth {
    width: calc(100% - 100px) !important;
    right: 0 !important;
    display: none;
}

.fullSideBar .accordion-item .acc-heading button {
    display: flex;
    align-items: center;
    border: 0px solid #ADB8C7;
    border-radius: 0;
    color: #1F8EC9;
    background: #def4ff;
    gap: 3px;
    padding: 1px 5px;
    transition: all 0.2s ease-out;
    font-size: 10px;
    font-weight: 600;
    height: 20px;
    line-height: 1;
    align-self: center;
    text-transform: uppercase;
}

.fullSideBar .profile-side-block .profile-info h3 {
    color: #36393E;
    font-size: 0.9rem;
    margin: 0;
}

.col-md.encounterHistorysection {
    flex-basis: 12%;
}

ul.sb-info-list-full.sb-info-list {
    margin-right: 10px;
    margin-bottom: 20px;
}

.fullSideBar ul.sb-info-list-full.sb-info-list {
    margin-right: 0px;
}


.fullSideBar .sb-info-list-full {
    padding: 0 10px;
    list-style: none;
    font-size: 13px;
    padding-left: 0;
    margin-bottom: 10px;
}

.fullSideBar ul.sb-info-list-full.sb-info-list > li span:nth-child(2) {
    flex: auto;
    word-break: break-all;
    padding-left: 14px;
}

.fullSideBar .sb-info-list-full li:nth-child(2n) {
    background: #F8F8F8;
}

.fullSideBar .PastAppointmentList .sb-info-list-full li:nth-child(2n) {
    background: none;
}

.fullSideBar .PastAppointmentList .sb-info-list-full li {
    border-bottom: 1px solid #dae7f0 !important;
}

.fullSideBar .sb-info-list-full.sb-info-list li {
    display: flex;
    justify-content: space-between;
    padding: 4px 5px;
}

.fullSideBar .sb-info-list-full li {
    display: flex;
    justify-content: space-between;
    padding: 8px 10px;
    /* white-space: nowrap;*/
}

.fullSideBar .sb-info-list-full.sb-info-list > li:nth-child(2n+1) {
    background: none;
}


.fullSideBar .sb-info-list-full.sb-info-list li span {
    color: #262626;
}

    .fullSideBar .sb-info-list-full.sb-info-list li span:last-child {
        text-align: right;
    }

    .fullSideBar .sb-info-list-full.sb-info-list li span:first-child {
        display: inline-block;
        color: #4e5155;
        min-width: auto;
        white-space: nowrap;
    }

.fullSideBar .hide-gme .btn {
    padding: 4px 5px;
    font-size: 13px;
    margin: 0px 0px 4px;
}

    .fullSideBar .hide-gme .btn:focus {
        box-shadow: none;
    }

.fullSideBar .accordion-item.customAccordian {
    padding: 3px 0;
    border: 0;
    box-shadow: none;
}

.fullSideBar .table-compact-wrapper tbody tr:hover td.cursor-pointer, .fullSideBar .table-compact-wrapper tbody tr:hover td.cursor-pointer + td, .fullSideBar .table-compact-wrapper tbody tr:hover td.cursor-pointer + td + td {
    background: transparent;
}

.fullSideBar .table-compact-wrapper tbody tr td.cell-content, .fullSideBar .row-expand {
    border-top: 0;
    box-shadow: none;
}

.fullSideBar .accordion-item.customAccordian .table th, .fullSideBar #health-profile-section .accordion-item .table td {
    padding: 6px 10px;
    font-size: 12px;
}

.fullSideBar td.lifestylecell-content {
    padding: 0;
}

.fullSideBar .accordion-item .acc-heading {
    display: flex;
    justify-content: space-between;
    padding: 0 0;
}

.fullSideBar .accordion-item.customAccordian:hover {
    border: 0;
}

.fullSideBar .accordion-item.customAccordian .table-compact-wrapper tbody tr td.cell-content {
    box-shadow: none;
}

.fullSideBar .table-compact-wrapper tbody tr td.cell-content ul.file-upload-info {
    margin: 0;
    padding: 0;
    font-size: 13px;
}

.fullSideBar .accordion-item .acc-heading a {
    font-size: 14px;
    gap: 8px;
    color: #11608A;
}

    .fullSideBar .accordion-item .acc-heading a .icon {
        width: 17px;
        height: 17px;
        background: transparent;
        color: #1F8EC9;
    }

.fullSideBar .accordion-item-alt .acc-heading a {
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
}

.fullSideBar .accordion-item {
    background: #fff;
    padding: 8px 10px;
}

.fullSideBar #contentContainerVisitNotes {
    padding-top: 40px;
    display: block !important;
    padding-left: 0 !important;
}

.gme-opened .fullSideBar #contentContainerVisitNotes {
    padding-top: 0px;
}

.fullSideBar .profile-side-block {
    margin: 10px 0px 0px 0;
}

.fullSideBar .side-block .table-compact-wrapper .table-actions .btn,
.fullSideBar .side-block .table-compact-wrapper .table-actions .btn:focus {
    padding: 0;
    border: 0;
}

.fullSideBar .table-compact-wrapper tbody tr td.cell-content ul.file-upload-info li {
    display: flex;
    justify-content: space-between;
    padding: 1px 0px;
    padding-top: 1px;
    border-bottom: 0px solid #e0e0e0;
}

.healthProfilesection {
    background: #F4F8FB;
    border-left: 1px solid #C2D2DD;
    border-right: 1px solid #C2D2DD;
}

    .healthProfilesection .accordion-item {
        background: #fff;
    }

    .healthProfilesection .table-compact-wrapper table thead tr th {
        border-bottom-width: 0px !important;
        background: none;
        font-size: 0.63rem;
        line-height: 1.3;
        text-transform: uppercase;
        padding: 5px 9px;
        color: #aaa;
    }

.encounterHistorysection, .providerNoteSection {
    border-right: 1px solid #C2D2DD;
}

    .providerNoteSection .bg-lightgrey {
        background-color: #FFF !important;
    }



/*.fullSideBar .scrollbar-style .side-block {
    padding: 0 10px;
}*/

.fullSideBar .scrollbar-style .side-block.PastAppointmentList {
    background: #F4F8FB;
    padding: 13px 10px;
    position: relative;
    border-top: 1px solid #B3D6F0;
}

.fullSideBar #appointmentsCard {
    padding: 0;
}

.fullSideBar #appointmentsList_wrapper {
    padding-bottom: 15px;
}

.fullSideBar #appointmentsCard .table-wrapper {
    border: 0;
    box-shadow: none;
    padding: 0;
}

.fullSideBar #appointmentsCard .btn-table-action {
    padding: 0.15rem 0.4rem;
}

.fullSideBar #appointmentsList th {
    background: none;
    font-size: 11px;
    text-transform: uppercase;
    color: #999;
}

.fullSideBar .scrollbar-style .side-block.PastAppointmentList .sb-info-list-full {
    padding: 0 0;
}

.fullSideBar .sb-heading h4 {
    text-transform: capitalize;
    background: none;
}

#prescriptions-content h3 {
    font-size: 0.8rem;
    font-weight: 600;
}

.fullSideBar .sideContentWrapper .sideContentHeader {
    margin: -11px 10px 0 0 !important;
}

    .fullSideBar .sideContentWrapper .sideContentHeader h4 {
        font-size: 0.8rem;
        font-weight: 600;
    }

.fullSideBar .sb-heading::after {
    display: none;
}

.nav.nav-tabs.row.fullmenuTabs {
    background: rgba(24, 28, 33, 0.9);
    text-align: center;
    position: absolute;
    right: -1px;
    width: 48px;
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0;
    border: 0;
}

    .nav.nav-tabs.row.fullmenuTabs .nav-item {
        width: 100%;
        border-bottom: 1px solid #5D6269;
    }
    /* .nav.nav-tabs.row.fullmenuTabs .nav-item:first-child {
        width: 45%;
        display: inline-block;
    }
    .nav.nav-tabs.row.fullmenuTabs .nav-item:nth-child(2) {
        width: 35%;
    }
    .nav.nav-tabs.row.fullmenuTabs .nav-item:last-child {
        width: 20%;
    }*/
    .nav.nav-tabs.row.fullmenuTabs .nav-link {
        padding: 11px 5px;
        font-size: 0;
        width: 100%;
        min-height: 51px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .nav.nav-tabs.row.fullmenuTabs .nav-link i {
            font-size: 21px;
            color: #fff;
        }

        .nav.nav-tabs.row.fullmenuTabs .nav-link.active {
            border-radius: 0 5px 4px 0;
            margin: 0;
            border: 0;
            color: #cacaca;
            background: #fff !important;
        }

            .nav.nav-tabs.row.fullmenuTabs .nav-link.active i {
                color: #2E3236;
            }

        .nav.nav-tabs.row.fullmenuTabs .nav-link.disabled, .nav.nav-tabs.row.fullmenuTabs .nav-link.disabled i {
            color: rgba(255,255,255,.4);
            cursor: not-allowed;
        }


        .nav.nav-tabs.row.fullmenuTabs .nav-link:hover, .nav.nav-tabs.row.fullmenuTabs .nav-link:focus {
            border-color: transparent;
        }

.fullSideBar .encounterHistorysection .tab-content {
    padding-right: 50px;
}

.fullSideBar .link-action, .fullSideBar .link-action.blue {
    text-transform: uppercase;
    font-size: 10px !important;
    background: none;
    border: 0;
}

    .fullSideBar .link-action i, .fullSideBar .link-action.blue i {
        color: black;
        font-size: 13px;
        vertical-align: revert;
    }

        .fullSideBar .link-action.blue i.red {
            color: #D9534F;
        }


.fullSideBar #appointmentsCard {
    position: relative;
}

.fullSideBar #patient-detail.side-block {
    margin-bottom: 0;
}

.fullSideBar .fullAppointmentCard {
    position: absolute;
    right: 7px;
    top: 3px;
    font-size: 10px;
    text-transform: uppercase;
    color: #15ADFD;
    font-weight: 600;
}


.fullAppointmentCard input:checked + label span.showAppointments {
    display: none;
    cursor: pointer;
}

.fullAppointmentCard input + label span.showAppointments {
    display: block;
    cursor: pointer;
}

.fullAppointmentCard input + label span.hideAppointments {
    display: none;
    cursor: pointer;
}

.fullAppointmentCard input:checked + label span.hideAppointments {
    display: block;
    cursor: pointer;
}

.fullSideBar .fullAppointmentCard input {
    visibility: hidden;
}

.fullSideBar .fullappointmentsList .align-middle.p20 {
    padding: 5px 4px 5px 0px !important;
}

.fullSideBar .default-style div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-link {
    padding: 3px 4px !important;
    min-width: 20px;
}

body.gme-opened.sideBar-opened .fullSideBar #modals-customprovidernotes {
    padding: 0 !important;
    /*   background: #00000078;*/
    max-width: calc(100% - 450px);
}

    body.gme-opened.sideBar-opened .fullSideBar #modals-customprovidernotes .modal-dialog {
        padding: 0;
    }

.fullSideBar .reviewunreview span {
    justify-content: flex-start !important;
}

.fullSideBar .docActionBtns {
    display: flex;
    justify-content: end;
    gap: 10px;
    padding: 5px 0;
}

.fullSideBar .fullDocActionBtn.docActionBtns {
    display: flex;
    justify-content: right;
    flex-direction: row-reverse;
}

    .fullSideBar .fullDocActionBtn.docActionBtns li a, .fullSideBar .fullDocActionBtn.docActionBtns li button {
        display: flex;
    }

        .fullSideBar .fullDocActionBtn.docActionBtns li a i {
            margin-right: 3px;
        }

.fullSideBar .table-compact-wrapper tbody tr td.cell-content ul.file-upload-info li .link-action.blue {
    color: #1e70cd;
}

.showInFullmenu {
    display: none !important;
}

.fullSideBar .showInMinimenu {
    display: none !important;
}

.fullSideBar .showInFullmenu {
    display: block !important;
}

/*.fullmenuXRbtn {
    position: fixed;
    right: 13px;
    bottom: 12px;
    background: #24ABF2;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    z-index: 3003;
}*/

/*.RxSection {
    position: absolute;
    right: -100%;
    width: 450px;
    background: #fff;
    box-shadow: 0 0 31px #ddd;
    border-radius: 0;
    bottom: 0;
    padding: 15px;
    top: 0;
    z-index: 3002;
    transition: all ease 0.7s;
}
*/
/*  .RxSection.open {
        right: 0;
        transition: all ease 0.7s;
    }
*/


.providerNoteSection .form-control {
    display: block;
    width: 100%;
    height: calc(1.04em + 0.876rem + 2px);
    padding: 0.238rem 0.875rem;
    font-size: 0.894rem;
    font-weight: 400;
    line-height: 1.04;
}

.providerNoteSection textarea.form-control {
    height: calc(3.04em + 0.876rem + 2px);
}

.providerNoteSection .default-style .select2-selection--multiple .select2-selection__rendered {
    padding: 0px 0.375rem 0.075rem 0.375rem;
}

.providerNoteSection .select2-container .select2-search--inline .select2-search__field {
    min-height: calc(0.64em + 0.876rem + 2px);
}

.menuChangebtn {
    display: inline-block;
    height: 14px;
    border: 1px solid #8a8787;
    width: 20px;
    vertical-align: bottom;
    margin-left: 3px;
}

    .menuChangebtn span {
        width: 16px;
        background: #ccc;
        height: 10px;
        display: block;
        margin: 1px;
    }

.fullwidthMenu {
    height: 100%;
}

    .fullwidthMenu .menuColumns {
        height: 100%;
    }

        .fullwidthMenu .menuColumns > .tab-pane {
            height: 100%;
        }

            .fullwidthMenu .menuColumns > .tab-pane .chat-wrapper {
                height: 100%;
            }

        .fullwidthMenu .menuColumns > .encounterHistorysection {
            height: 100%;
        }

            .fullwidthMenu .menuColumns > .encounterHistorysection .tab-content {
                height: 100%;
            }

                .fullwidthMenu .menuColumns > .encounterHistorysection .tab-content .tab-pane:not(.loader) {
                    height: 100%;
                    padding-bottom: 10px;
                }

    .fullwidthMenu .menuChangebtn span {
        width: 6px;
        background: #ccc;
        height: 10px;
        display: block;
        margin: 1px;
        float: right;
    }

    .fullwidthMenu td.cursor-pointer {
        /*  display: flex;*/
        align-items: center;
        justify-content: space-between;
    }



    .fullwidthMenu .healthProfilesection td.cursor-pointer {
        justify-content: flex-start;
    }

    .fullwidthMenu td.cursor-pointer.guarantorDropArrow {
        justify-content: space-between;
        /* display: flex;*/
        flex-direction: row-reverse;
    }

.editProfileButtons.moveRight {
    margin-left: 0;
}

.g-btns {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
}

.fullwidthMenu td.cursor-pointer > i {
    align-self: flex-start;
}

.fullSideBar .table td:nth-child(2) {
    min-width: 86px;
    word-break: break-all;
}

.table td {
    word-break: break-word;
}
/*.healthProfilesection .modal.fade::after {
    background: #0000003d;
    content: "";
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    z-index: -1;
}*/
.fullSideBar.sideBar {
    z-index: 4000;
}

    .fullSideBar.sideBar ~ .modal, .fullSideBar.sideBar .modal {
        z-index: 4001;
    }

#modals-encounter-share {
    z-index: 4002;
}

#reScheduleModal.modal {
    z-index: 4001;
}

div#reScheduleModalRightMenu.modal {
    z-index: 4000;
}

div#modals-erx.modal {
    z-index: 4000;
}

#modals-copayAmount.modal, #modals-CopayAddPayment, #modals-insuranceCopay, #modals-CoPayReceipt {
    z-index: 4000;
}

/*.fullSideBar #modals-document.show:before, .fullSideBar #modals-patient-information.show:before, .fullSideBar .modal.show:before {
    content: "";
    background: #000;
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    z-index: -1;
    opacity: 0.5;
}*/
.fullSideBar #modals-document.show .modal-dialog, .fullSideBar #modals-patient-information.show .modal-dialog, .fullSideBar .modal.show .modal-dialog {
    box-shadow: 0 0 10000px 10000px #00000069;
    border-radius: 3px;
}

body.gme-opened #modals-customprovidernotes.modal.fade::after {
    /*width: calc(100% - 467px);*/
    display: none;
}

body.gme-opened.gme-file-preview-opened #modals-customprovidernotes.modal .modal-dialog {
    padding: 0 0;
    box-shadow: 0 0px 9999px 9999px #00000054;
    width: calc(100% - 40px);
    border-radius: 3px;
}



.fullSideBar #modals-customprovidernotes.modal.fade::after {
    width: 100%;
    display: none;
}



@media only screen and (max-width: 1500px) {

    @-webkit-keyframes loaderplaceholder {
        0% {
            width: 10px;
        }

        100% {
            width: calc(100% - 100px);
        }
    }
}


@media only screen and (min-width: 1500px) {
    .sideBar.fullSideBar {
        width: calc(100% - 258px);
    }

    @-webkit-keyframes loaderplaceholder {
        0% {
            width: 10px;
        }

        100% {
            width: calc(100% - 250px);
        }
    }

    .removewidth {
        width: calc(100% - 250px) !important;
    }





    .col-md.healthProfilesection {
        flex-grow: 1.3;
    }

    .nav.nav-tabs.row.fullmenuTabs .nav-link {
        font-size: 0;
        padding: 11px 4px;
    }

    .col-md.encounterHistorysection {
        flex-basis: 9%;
    }
}


@media only screen and (max-width: 1800px) {
    .editProfileButtons {
        margin-left: -85px;
    }

        .editProfileButtons.moveRight {
            margin-left: 0;
        }
}

@media only screen and (max-width: 1280px) {


    .editProfileButtons.moveRight {
        margin-left: -84px;
    }

    .toggleSidebar.fullSizeView {
        display: none;
    }
}

@media only screen and (min-width: 1800px) {
    .fullSideBar .col-6-customhealthProfile .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .col-md.healthProfilesection {
        flex-grow: 1;
    }
}

.fullSideBar.customProviderOpen {
    max-width: 450px;
    transition: all ease 0.1s !important;
}

.customProviderOpen .fullwidthMenu div.col-md {
    position: fixed;
    right: 48px;
    max-width: 402px;
    background: #fff;
    z-index: 1;
}

.customProviderOpen .fullwidthMenu #encounterHistorysection.col-md {
    right: 0;
    max-width: 508px;
    position: unset;
}

.customProviderOpen .fullwidthMenu #encounterHistorysection.col-md {
    padding-right: 15px;
    height: 100vh;
}

.forfullmenu {
    display: none;
}

.customProviderOpen .forfullmenu {
    display: block;
}


.customProviderOpen .fullwidthMenu div.col-md.active {
    z-index: 305;
}

.forOpenProviderNotes {
    display: none;
}

#encounterHistorysection.activeParent {
    z-index: 305;
}

.activeParent .tab-content.inner-content {
    display: block;
}

body.gme-opened.sideBar-opened .customProviderOpen #modals-customprovidernotes {
    z-index: 1;
}

.disabledtab {
    cursor: not-allowed;
}

    .disabledtab a {
        pointer-events: none;
        opacity: 0.5;
    }


/************************** Fullwidth Menu end********************/
.dropzone input[type="file"] {
    position: absolute;
    visibility: hidden;
}



.modal {
    z-index: 2001;
}

.block-provider-notes-usage {
    pointer-events: none;
    opacity: 0.4;
    filter: blur(1px);
}


div#modals-labresult-details:after {
    display: none;
}

#modals-labresult-details .modal-dialog {
    box-shadow: 0 0 9000px 9000px #00000040;
    border-radius: 3px;
}

.layout-collapsed #recentContiner {
    width: 70px;
    overflow: hidden;
}
.layout-collapsed #patientHistory a {
    width: 74px;
}
.layout-sidenav-hover #recentContiner #patientHistory a {
    width: 130px;
}
#recentContiner, .layout-sidenav-hover #recentContiner {
    background: #383c44;
    position: fixed;
    bottom: 0;
    width: 250px;
    overflow: hidden;
    transition: all ease 0.2s;
}


#patientHistory {
    width: 100%;
}

    #patientHistory tbody {
        display: flex;
        flex-direction: column-reverse;
    }

    #patientHistory tr {
        border-bottom: 1px solid #454a54;
    }

    #patientHistory td {
        padding: 6px 0;
        font-size: 13px;
    }

    #patientHistory a {
        color: #7db1ed;
        padding: 0 5px 0 10px;
        width: 130px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        white-space: nowrap;
        cursor: pointer;
    }


body.gme-opened {
    overflow: hidden !important;
}


.swal2-container {
    z-index: 4005;
}

body.sideBar-opened.gme-opened {
    overflow: hidden;
}

.modal-open .tooltip {
    z-index: 40000;
}

td.lifestylecell-content {
    padding: 0;
}

.lifestylecell-content ul.file-upload-info {
    padding: 0;
}

.table-compact-wrapper #LifestyleContainer tbody tr:hover td {
    background: #fff;
}

.rowTitle {
    width: 100%;
    margin: 10px 5px 7px;
    font-size: 16px;
    color: #219dde;
}

.fullwidthMenu #insurance th, .fullwidthMenu #guarantor th {
    border-bottom-width: 0px !important;
    background: none;
    font-size: 0.63rem;
    line-height: 1.3;
    text-transform: uppercase;
    padding: 5px 9px;
    color: #aaa;
}

#sharing-section .btn {
    padding-left: 5px;
    padding-right: 5px;
}

#LifestyleContainer tr.reviewedLabResults {
    display: flex;
    flex-direction: column;
}

    #LifestyleContainer tr.reviewedLabResults td {
        border: 0;
        padding: 10px 0 3px;
    }

#LifestyleContainer tbody.last-child-border-bottom {
    border: 0;
}

#LifestyleContainer tr.reviewedLabResults text {
    word-break: break-word;
}

#LifestyleContainer table.table {
    margin-bottom: 0;
}

#LifestyleContainer tr.reviewedLabResults td:nth-child(2) {
    padding-left: 0;
    margin-bottom: 6px;
    padding-top: 3px;
    border-bottom: 1px solid #eee;
}

    #LifestyleContainer tr.reviewedLabResults td:nth-child(2):before {
        content: "\2022";
        letter-spacing: 0px;
        margin-right: 3px;
        font-size: 18px;
        vertical-align: middle;
    }


.ScheduleAtPicker .datepicker.col-md-6, .ScheduleAtPicker .timepicker.col-md-6 {
    max-width: 100%;
    flex: 0 0 100%;
}

.timepicker.col-md-6 {
    max-height: 97px;
    min-height: 97px;
    padding-top: 5px;
}

.ScheduleAtPicker .timepicker-picker div, .ScheduleAtPicker .timepicker-picker td, .ScheduleAtPicker .timepicker-picker span {
    width: auto !important;
    height: auto !important;
    line-height: 1 !important;
}

    .ScheduleAtPicker .timepicker-picker td a {
        padding: 0 !important;
        margin: 0 !important;
    }

.ScheduleAtPicker .timepicker-picker {
    background: #fbfafa;
    padding-top: 8px;
}

.ScheduleAtPicker .timepicker-minutes, .ScheduleAtPicker .timepicker-hours {
    background: #fbfafa;
    padding: 12px 0;
}

    .ScheduleAtPicker .timepicker-minutes table td, .ScheduleAtPicker .timepicker-hours table td {
        height: 21px;
        line-height: 21px;
    }


body.gme-opened #health-profile-content #searchArchivedPatientRightSide {
    max-width: 100%;
    left: 0;
    right: 0;
}

    body.gme-opened #health-profile-content #searchArchivedPatientRightSide .modal-dialog {
        margin: 0.75rem auto;
    }

.resize-backdrop {
    position: fixed;
    /* background: #000; */
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
}

#select2-staffProvidersFilter-results.select2-results__options {
    overflow-y: auto;
    max-height: 12.5rem;
    word-break: break-word;
}

.no-searchbar input[type="search"] {
    display: none !important;
}


.feature-section > div.col-md-12:last-child {
    border: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.block-off-time {
    list-style: none;
    padding: 0;
}

    .block-off-time li {
        position: relative;
        padding-left: 26px;
        padding-bottom: 10px;
    }

        .block-off-time li i {
            position: absolute;
            left: 0;
            top: 0px;
            color: #26B4FF;
            font-size: 18px;
        }

#prescriptions-explicit-interaction-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh !important;
}

#prescriptions-explicit-interaction-content {
    text-align: center;
}

    #prescriptions-explicit-interaction-content p {
        font-size: 22px;
        color: #b9b6b6;
        font-weight: 300;
    }

.disabled-link {
    color: #666b71 !important;
    pointer-events: none;
}


.pasteDataHere {
    display: none;
    position: absolute;
    top: 56%;
    left: 50%;
    transform: translate(-50%, -56%);
    flex-direction: column;
    gap: 7px;
}

#Modal-CopyFromAnotherNote .modal-dialog {
    margin-top: 0 !important;
    margin-bottom: 0;
}

#Modal-CopyFromAnotherNote .modal-body {
    height: calc(100vh - 144px);
}



.loader-outer {
    background: #fff;
    height: 100vh;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    align-items: center;
    justify-content: center;
    box-shadow: -10px 0px 34px rgb(0 0 0 / 17%);
    -webkit-animation: loaderplaceholder 0.9s ease-in;
    -webkit-animation-fill-mode: forwards;
}

    .loader-outer #loader {
        position: relative !important;
        left: inherit !important;
        top: 50% !important;
        margin-top: -50px;
    }

/*.gme-favorites-list {
	max-height: 231px;
	overflow-y: auto;
}*/



.Intake-Success {
    padding: 0;
}

.swal2-container.swal2-center {
    z-index: 5000 !important;
}

span.archive-counts {
    background: red;
    border-radius: 12px;
    min-width: 22px;
    height: 22px;
    display: inline-block;
    padding: 2px 4px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    margin-right: 0;
    position: relative;
    top: -13px;
    left: -5px;
    margin-left: -6px;
}

.archivedAction.text-center {
    position: relative;
    padding: 0 6px;
    display: inline-block;
    margin: 0 auto;
    width: 100%;
}

#health-profile-section .archivedAction.text-center {
    left: 50%;
    transform: translateX(-50%);
}

.archivedAction.text-center #moreArchivedResultsRightside {
    position: absolute;
    top: 3px;
}

.archivedAction .spinner-border {
    width: 20px;
    height: 20px;
}

.modals-file-preview-image {
    max-width: 100% !important;
    max-height: inherit !important;
    height: inherit !important;
    width: inherit !important;
    margin: 0 auto;
}



.copay-section .accordion-item .acc-heading a {
    font-size: 14px;
    color: #4E5155;
}

    .copay-section .accordion-item .acc-heading a .icon {
        width: 25px;
        height: 25px;
        background: rgba(38,180,255, .15);
    }

.copyaBalance {
    background: #eee;
    padding: 7px;
    border-radius: 2px;
    margin-bottom: 10px;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
}

.addingAmount input.form-control {
    max-width: 280px;
    margin-bottom: 8px;
}

.addingAmount label {
    font-weight: 500;
    margin-bottom: 5px;
}

.sendEmailToPatient {
    margin-bottom: 0 !important;
}

    .sendEmailToPatient input {
        vertical-align: middle;
        margin-bottom: 2px;
        margin-right: 2px;
    }

span.receiptNumber {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
}

.receiptPaymentDetail ul {
    padding: 0;
    list-style: none;
    font-weight: 500;
}

    .receiptPaymentDetail ul li span {
        min-width: 109px;
        display: inline-block;
        font-weight: 400;
    }




ul.sb-info-list-copay li {
    display: flex;
    justify-content: space-between;
    padding: 6px 6px;
}

ul.sb-info-list-copay {
    padding: 0;
    list-style: none;
}

    ul.sb-info-list-copay li:nth-child(2n) {
        background: #eee;
        border-radius: 2px;
    }

.copay-section .accordion-item .acc-heading a {
    font-size: 14px;
    color: #4E5155;
}

    .copay-section .accordion-item .acc-heading a .icon {
        width: 25px;
        height: 25px;
        background: rgba(38,180,255, .15);
    }

.copyaBalance {
    background: #eee;
    padding: 7px;
    border-radius: 2px;
    margin-bottom: 10px;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
}

.addingAmount input.form-control {
    max-width: 280px;
    margin-bottom: 8px;
}

.addingAmount label {
    font-weight: 500;
    margin-bottom: 5px;
}

span.receiptNumber {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
}

.receiptPaymentDetail ul {
    padding: 0;
    list-style: none;
    font-weight: 500;
}

    .receiptPaymentDetail ul li span {
        min-width: 109px;
        display: inline-block;
        font-weight: 400;
    }




ul.sb-info-list-copay li {
    display: flex;
    justify-content: space-between;
    padding: 6px 6px;
}

ul.sb-info-list-copay {
    padding: 0;
    list-style: none;
}

    ul.sb-info-list-copay li:nth-child(2n) {
        background: #eee;
        border-radius: 2px;
    }

.badge-upcoming-status {
    background-color: #28c3d74a;
}

.badge-completed-status {
    background-color: #fff;
}

.badge-current-status {
    background-color: #02bc7778;
}

.badge-requested-status {
    background-color: #2681ff66;
}

.badge-confirmed-status {
    background-color: #181c2175;
}

.badge-denied-status {
    background-color: #ffb3b3;
}

.badge-cancelled-status {
    background-color: #ffb3b3;
}

.word-break-normal {
    word-break: normal !important;
}

.sidenav-vertical .sidenav-inner {
    padding-bottom: 96px !important;
}

.sideBarHeight .editProfileButtons {
    margin-left: 0;
}

.showInMiniMenu.red-btn {
    color: #D9534F !important;
}

.fullwidthMenu .showInMiniMenu.red-btn {
    color: #1e70cd !important;
}

.fullwidthMenu i.ion.showInFullmenu {
    display: inline-block !important;
}

.notess {
    max-width: 160px;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 87.5%;
}

.loader-outer.downloadfileloader {
    left: 0;
    right: 0;
    width: 100vw;
    -webkit-animation: none;
    background: transparent;
}

label.patientSearchbar {
    display: flex;
    max-width: 222px;
    float: left;
}

.patientSearchbar input {
    border-radius: 4px 0 0 4px;
}

.patientSearchbar button {
    border-radius: 0px 4px 4px 0;
    margin-left: -1px;
}

#patients-table-wrapper div#patients_length {
    margin-top: -25px;
}

#filterContainer.d-flex + #patients_wrapper div#patients_length {
    margin-top: -103px;
}

.video-thumbs {
    min-height: 200px;
    font-size: 16px;
    color: #000;
}
    .video-thumbs a {
        background: #000;
        position: relative;
        display: block;
    }

.video-thumbs a > span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

    .video-thumbs a > span i {
        color: #ff1919;
        font-size: 40px;
        text-shadow: 0 0 13px #fff;
    }
.video-dec span {
    font-size: 17px;
    color: #000;
    margin-top: 15px;
    margin-bottom: 10px;
    line-height: 24px;
    display: block;
    font-weight: 600;
}
.video-dec p {
    margin-bottom: 0;
    font-size: 14px;
}

.faqs a.nav-link {
    font-size: 18px;
    /* color: #26b4ff !important; */
}

.faqs .ui-bordered {
    border: 1px solid rgb(24 28 33 / 24%) !important;
}

.inactiveLi.disabled{
    display:none;
}



@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

.Impersonated h3 {
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 2s steps(5, start) infinite;
    font-size: 18px;
    padding-top: 3px;
    margin: 0;
    border: 2px solid #d9534f;
    border-radius: 7px;
    padding: 2px 11px 2px !important;
}
    .Impersonated h3 span {
        font-size: 15px;
        display: block;
    }

.medicationTable tbody tr td:last-child {
    width: 58px;
}
.medicationActionBtns button {
    border: 0;
    margin: 0 2px 2px;
    border-radius: 2px;
    color: #1F8EC9;
    min-width: 24px;
}
    .medicationActionBtns button.trash {
        color: #D9534F;
    }

.editRow input[type="text"], .editRow span.select2 {
    border-radius: 0px !important;
    border: 0 !important;
    border-bottom: 1px solid #9b9b9b !important;
    line-height: 20px;
}

    .editRow span.select2 .select2-selection__rendered {
        line-height: 20px !important;
        padding-left: 0 !important;
    }
    .editRow span.select2 .select2-selection {
        border: 0 !important;
        box-shadow: none !important;
        height: 22px !important;
    }
    .editRow span.select2 .select2-selection__arrow {
        height: 1.15rem !important;
        width: 13px !important;
    }

.editRow input[type="text"]:focus-visible {
    outline: none;
}
.showHideBtn {
    margin-top: -41px;
}

    .coPay-table th {
       font-size:9px !important;
    }

.medicationActionBtns [disabled~=disabled] {
    opacity:0.5;
}
.medicationTable .bootstrap-datetimepicker-widget.dropdown-menu td, .medicationTable .bootstrap-datetimepicker-widget.dropdown-menu th {
    word-break: normal !important;
}
.btn.add-row-btn {
    align-items: center;
    align-self: center;
    border: 1px solid #ADB8C7;
    border-radius: 3px;
    color: #26B4FF;
    background: #fff;
    gap: 3px;
    padding: 5px 15px;
    transition: all 0.2s ease-out;
}
.medicationTable th {
    background: #f1f1f1;
}

.btn.add-row-btn:hover {
    background: #e6f1f9;
    outline:none;
}
    .btn.add-row-btn:focus {
        box-shadow: none;
    }

button.btn.showAllField {
    border: 1px solid #adb8c7;
    padding: 3px 4px;
    /* color: #26B4FF; */
}

.medicationTable.table > thead >tr > th, .medicationTable.table > tbody > tr > td {
    padding: 0.625rem 5px;
}

.duplicatePatient tr.odd, .duplicatePatient tr.even {
    border-top: 2px solid #00000036;
}

ol {
    list-style-position: inside;
    padding-inline-start: 0;
}

/*.calender-fix .bootstrap-datetimepicker-widget {
    margin-left: -10% !important;
}
    .calender-fix .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after, .calender-fix .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
        display:none;
    }*/
        /***********************************Media Queries start***********************************/
        @media only screen and (max-width: 576px) {
            .gme-favorites-list {
                display: flex;
                flex-direction: column;
                align-items: stretch;
            }


            #appointment-status-form .form-label {
                min-width: 78px;
            }
        }

        .mobile-page-title {
            display: none;
        }

.comments-trigger {
    width: 100%;
    background: #7d7e86;
    color: #fff;
    font-size: 0.7rem;
    text-transform: uppercase;
}

.comments-table {
    background: #fff;
    margin-bottom: 0;
}

.comments-trigger {
    width: 100%;
    color: #fff !important;
    text-transform: uppercase;
}

    .comments-trigger .comments-open {
        display: none;
    }

    .comments-trigger .comments-close {
        display: block;
    }

    .comments-trigger.collapsed .comments-close {
        display: none;
    }

    .comments-trigger.collapsed .comments-open {
        display: block;
    }

   /* Patient Landing Page*/

.patient-page-shortcuts {
    width: 100%;
    background: #fff;
    border-radius: 15px 15px 0 0;
    box-shadow: 0px -3px 10px rgb(58 72 106 / 20%);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    padding: 10px 1rem;
    display: flex;
    justify-content: space-around;
}
    .patient-page-shortcuts a {
        padding: 0 6px;
        white-space: nowrap;
        color: #434358;
        flex: 1;
    }
        .patient-page-shortcuts a i {
            font-size: 20px;
            margin-bottom: 9px;
            color: #1f567b;
        }
    .patient-page-shortcuts a span {
        display: block;
        text-align: center;
    }
/* Patient Landing Page end*/


/* Provider Landing Page */
.provider-landing-wrapper {
    height: 100vh;
    background: #F6F9FF;
}

    .provider-landing-wrapper .landing-header {
        height: 30vh;
        background: url('../images/bg-mediportal-l.png') top left no-repeat #3B94ED;
        border-radius: 0 0 20px 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

        .provider-landing-wrapper .landing-header .landing-profile {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

            .provider-landing-wrapper .landing-header .landing-profile .profile-image {
                width: 100px;
                height: 100px;
                border-radius: 50%;
                background: rgba(255,255,255,.2);
                padding: 5px;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-bottom: 5px;
            }

                .provider-landing-wrapper .landing-header .landing-profile .profile-image img,
                .provider-landing-wrapper .landing-header .landing-profile .profile-image #providerLandingImage {
                    width: 90px;
                    height: 90px !important;
                }

            .provider-landing-wrapper .landing-header .landing-profile .profile-title {
                font-size: 1.2rem;
                color: #fff;
                text-align: center;
                font-weight: 500;
            }

        .provider-landing-wrapper .landing-header .landing-header-actions {
            width: 230px;
            display: flex;
            margin-top: 5px;
            justify-content: center;
        }

            .provider-landing-wrapper .landing-header .landing-header-actions > span {
                flex: 0 1 calc(50% - 6px);
            }

                .provider-landing-wrapper .landing-header .landing-header-actions > span:empty {
                    display: none;
                }

@keyframes bounce {
    50% {
        transform: rotate(5deg) translate(20px, -50px);
    }

    to {
        transform: scale(0.9) rotate(10deg) translate(50px, -80px);
        opacity: 0;
    }
}

@keyframes press {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.92);
    }

    to {
        transform: scale(1);
    }
}

.provider-landing-wrapper .landing-body .landing-navigation > a:active, .provider-landing-wrapper .landing-body .landing-navigation > a:focus {
    animation: press 0.2s 1 linear;
    box-shadow: 0px 0px 0px 2px #2b8ae8, 0px 5px 5px -7px #fff inset;
    color: #fff;
    border: 1px solid #84d7ffb5;
}

    .provider-landing-wrapper .landing-body .landing-navigation > a:active .txt, .provider-landing-wrapper .landing-body .landing-navigation > a:focus .txt {
        color: #0b4b8b !important;
        text-shadow: 1px 1px 1px rgb(255 255 255 / 50%);
    }


#quick_patients_filter button:active, #quick_patients_filter button:focus {
    animation: press 0.2s 1 linear;
    box-shadow: 0px 5px 6px -2px #fff inset !important;
    color: #fff;
    border: 1px solid #84d7ffb5;
    color: #0b4b8b !important;
    text-shadow: 1px 1px 1px rgb(255 255 255 / 50%);
}


#quick_patients_filter button.disabled:active, #quick_patients_filter button.disabled:focus {
    animation: press 0s 0 linear;
    box-shadow: none !important;
    border: 0;
    color: #fff;
    text-shadow: none;
}
 

    .provider-landing-wrapper .landing-header .landing-header-actions > span > a {
                    background: rgba(255, 255, 255, 0.25);
                    border-radius: 30px;
                    color: #fff;
                    text-align: center;
                    padding: 7px 0;
                    margin: 0 3px;
                    position: relative;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

            .provider-landing-wrapper .landing-header .landing-header-actions > a {
                background: rgba(255, 255, 255, 0.25);
                border-radius: 30px;
                color: #fff;
                text-align: center;
                padding: 7px 0;
                flex: 0 1 calc(50% - 6px);
                margin: 0 3px;
                position: relative;
                display: flex;
                align-items: center;
                justify-content: center;
            }

                .provider-landing-wrapper .landing-header .landing-header-actions > a.disabled {
                    background: rgba(255, 255, 255, .1);
                }

                .provider-landing-wrapper .landing-header .landing-header-actions > a i, .provider-landing-wrapper .landing-header .landing-header-actions > span > a i {
                    margin-right: 5px;
                }

                .provider-landing-wrapper .landing-header .landing-header-actions > a .badge.badge-primary, .provider-landing-wrapper .landing-header .landing-header-actions > span > a .badge.badge-primary {
                    background: #fff;
                    width: 7px;
                    height: 7px;
                    top: 0;
                    right: 0;
                }

                .provider-landing-wrapper .landing-header .landing-header-actions > a em, .provider-landing-wrapper .landing-header .landing-header-actions > span > a em {
                    margin: 0 10px 0 0;
                    font-style: normal;
                }

    .provider-landing-wrapper .landing-body .landing-navigation {
        display: flex;
        flex-wrap: wrap;
    }

        .provider-landing-wrapper .landing-body .landing-navigation > a {
            height: calc(16vh - 10px);
            flex: 0 1 calc(50% - 10px);
            margin: 5px;
            background: #fff;
            border-radius: 5px;
            box-shadow: 0px 10px 15px rgba(58, 72, 106, 0.1);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
        }

            .provider-landing-wrapper .landing-body .landing-navigation > a:active,
            .provider-landing-wrapper .landing-body .landing-navigation > a:hover {
                background: #3B94ED;
            }

            .provider-landing-wrapper .landing-body .landing-navigation > a.disabled:active,
            .provider-landing-wrapper .landing-body .landing-navigation > a.disabled:hover {
                background: #fff;
            }

            .provider-landing-wrapper .landing-body .landing-navigation > a:active .icon,
            .provider-landing-wrapper .landing-body .landing-navigation > a:hover .icon {
                background: #fff;
                color: #3B94ED;
            }

            .provider-landing-wrapper .landing-body .landing-navigation > a.disabled:active .icon,
            .provider-landing-wrapper .landing-body .landing-navigation > a.disabled:hover .icon {
                background: #ccc;
                color: #fff;
            }

            .provider-landing-wrapper .landing-body .landing-navigation > a:active .txt,
            .provider-landing-wrapper .landing-body .landing-navigation > a:hover .txt {
                color: #fff;
            }

            .provider-landing-wrapper .landing-body .landing-navigation > a.disabled:active .txt,
            .provider-landing-wrapper .landing-body .landing-navigation > a.disabled:hover .txt {
                color: #576272;
            }

            .provider-landing-wrapper .landing-body .landing-navigation > a .icon {
                width: 40px;
                height: 40px;
                background: #3B94ED;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #fff;
                border-radius: 5px;
                margin-bottom: 10px;
                font-size: 1.2rem;
            }

            .provider-landing-wrapper .landing-body .landing-navigation > a.disabled .icon {
                width: 40px;
                height: 40px;
                background: #ccc;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #fff;
                border-radius: 5px;
                margin-bottom: 10px;
                font-size: 1.2rem;
            }

            .provider-landing-wrapper .landing-body .landing-navigation > a .txt {
                color: #576272;
                line-height: 1.2;
                font-size: 0.85rem;
            }


.landing-navigation a:last-child {
    order: 3;
}

.provider-landing-wrapper .landing-footer {
    height: 4vh;
    background: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
}

.avatar-dropdown {
    position: absolute;
    right: 0;
    top: 0;
}

    .avatar-dropdown .btn {
        border-radius: 50px !important;
        background-color: #fff;
        color: #2b8ae8;
        padding: 0;
        width: 30px;
        height: 30px;
        font-size: 20px;
    }

    .avatar-dropdown .dropdown-menu {
        left: auto !important;
        right: 0 !important;
    }

/* Custom checkbox - location */
.custom-checkbox {
    position: relative;
    flex: 0 1 auto;
    word-break: break-all;
}

.custom-checkbox-location label {
    cursor: pointer;
    background: #fff;
    border: 1px solid #DEDEDE;
    padding: 0.438rem 1.125rem;
    box-shadow: 0 1px 4px rgb(24 28 33 / 5%);
    border-radius: 0.25rem;
    font-size: 0.894rem;
    transition: all 0.2s ease-in-out;
    line-height: 1.2;
    margin: 0 !important;
}

.custom-checkbox-location input[type='checkbox'] {
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    background: none;
    border: none;
}

    .custom-checkbox-location input[type='checkbox'] + label {
    }

    .custom-checkbox-location input[type='checkbox']:checked + label {
        background: #24abf2;
        color: #fff;
        border: 1px solid #1e9cdf;
    }

.custom-checkbox-group {
    display: flex;
}

    .custom-checkbox-group .custom-checkbox-location label {
        border-radius: 0 !important;
    }

    .custom-checkbox-group .custom-checkbox-location:first-child label {
        border-radius: 0.25rem 0 0 0.25rem !important;
    }

    .custom-checkbox-group .custom-checkbox-location:last-child label {
        border-radius: 0 0.25rem 0.25rem 0 !important;
    }

    .custom-checkbox-group .custom-checkbox-location:only-child label {
        border-radius: 0.25rem !important;
    }

@media screen and (max-width: 600px) {
    .optionsWrapper {
        max-height: none;
    }

    .modalCustomNotesWitdth {
        max-width: none
    }
}

.linkButton {
    background: none !important;
    border: none;
    padding: 0 !important;
    font-family: arial, sans-serif;
    color: #069;
    cursor: pointer;
}



@media screen and (min-width: 769px) {
    .previewModal {
        height: auto;
    }
}

video {
    z-index: -1;
}

.focus-area {
    max-height: 120px;
    min-height: 120px;
    overflow: hidden;
}

#content {
    margin-top: 10px;
    overflow: auto;
}

.bg-none {
    background: none;
}

@media (max-width: 992px) {

    .bs-tooltip-left {
        display: none !important;
    }

    .downloadAppBtnGroup {
        justify-content: center;
    }

    .secondary-controls-pos {
        left: 95% !important;
        min-width: unset !important;
        right: unset !important;
        width: auto;
    }

    body.gme-opened.sideBar-opened #modals-customprovidernotes {
        max-width: 100%;
    }
}

#video-chat {
    display: inline-block;
    height: 100%;
    width: 100%;
}

.providers-focus-area {
    padding-left: 80px;
    position: relative;
    top: -20px;
}

.fixed-height {
    height: 100%;
}

.h-130px {
    min-height: 130px;
    max-height: 130px;
}

.pr20 {
    padding-right: 20px !important;
}

.p20 {
    padding-left: 20px !important;
}

.p30 {
    padding-left: 30px !important;
}

.oveflow-visible {
    overflow: visible;
}

.white-space-unset {
    white-space: unset;
}

.white-space-no-wrap {
    white-space: nowrap;
}

#providers .cardWrapper {
    padding: 10px 10px 10px 10px;
}

.support-message {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 20px;
}

    .support-message > * {
        display: flex;
        justify-content: center;
        text-align: center;
    }

    .support-message .message-graphic img {
        max-width: 200px;
    }

    .support-message .message-button img {
        max-width: 180px;
    }

    .support-message p {
        font-size: 1.2rem;
    }

#AllProviders .cardWrapper {
    padding: 10px 10px 10px 10px;
}
/*#fullscreen {
    position: absolute;
    display: block;
    right: 20px;
    top: 20px;
    z-index: 9;
    color: rgba(178, 229, 247, 0.4);
    border-color: rgba(178, 229, 247, 0.4);
    background-color: rgba(178, 229, 247, 0.4);
    padding: 6px;
    border: 3px solid rgba(178, 229, 247, 0.4);
    text-align: center;
    outline: none;
    text-decoration: none;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    transition: opacity 0.3s linear, color 0.3s ease-in, border-color 0.3s ease-in;
}*/
#fullscreen:hover,
#fullscreen:active {
    color: #00a9ec;
    border-color: #00a9ec;
}

/*#fullscreen-icon {
    font-size: 24px;
}*/

#video.visible-controls #fullscreen {
    opacity: 1;
}

#video.fs-fallback {
    /* 
        This class provides styles for full screen fallback for browsers that do not support it natively.

        This is not quite working yet because of the header/footer and column layout of the chat page.
        We have plans to redo that UI getting rid of header/footer and having the video container occupy
        100% of the page space. This fallback should work at that point (but will need to be tested). 
    */
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.aspect-ratio-padding {
    padding-top: 18.75%;
}

.ml-tranistion {
    transition: margin-left 0.5s;
}

.controls-pos {
    z-index: 8;
    left: 50%;
    min-width: 135px;
    transform: translate(-50%, -50%) scale(1);
    bottom: -16px;
}

.secondary-controls-pos {
    bottom: 0;
    z-index: 8;
    left: 83%;
    min-width: 230px;
    transform: translate(-50%, -50%) scale(1);
    bottom: -16px;
}

.settings-pos {
    z-index: 9;
    top: 20px;
    left: 20px;
}

.dropdown-pos {
    left: -120px !important;
}

#video_div .embed-responsive {
    overflow: visible;
}

.dropdown-fullscreen-pos {
    top: 65px !important;
    left: 10px !important;
}

.alert-bubble {
    z-index: 11;
    bottom: 80%;
    left: 10px;
    width: -moz-fit-content;
    width: fit-content;
}

.new-massage-chip {
    display: none;
    position: absolute;
    top: 0;
    right: 100px;
}

.new-massage-chip-mobile {
    display: none;
    position: absolute;
    top: 15px;
    right: 10px;
}

.flow-file-name {
    word-break: break-all;
}

.break-all {
    white-space: pre-wrap;
    word-break: break-all;
}

.chat-pill-outline {
    border-color: #26B4FF;
    background: transparent;
    color: #26B4FF;
}

.chat-pill-outline {
    background: transparent;
    color: #26B4FF;
    border: 1px solid #26B4FF;
}

.chat-pill-outline-left {
    background: transparent;
    color: #d9534f;
    border: 1px solid #d9534f;
}

#chatSearch {
    height: auto !important;
    line-height: 1.5;
    padding-right: 65px;
}

#chat-search-wrap .spinner-small {
    position: absolute;
    right: 15px;
    top: 10px;
}

#chat-search-wrap.dropdown-active #chatSearch {
    border-radius: 20px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: none;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

#assessmentcode .select2-selection__rendered {
    white-space: normal;
    line-height: 1.4;
}

#chat-search-list {
    border: 1px solid #bbc1c7;
    position: absolute;
    top: 53px;
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: #fff;
    border-top: none;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    display: none;
    z-index: 500;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

    #chat-search-list li {
        list-style: none;
        border-top: 1px solid #bbc1c766;
    }

        #chat-search-list li:last-child {
            border-bottom: none
        }

        #chat-search-list li .searchChatResult {
            width: 100%;
            display: flex;
            flex-direction: row;
            padding: 8px 7px;
            color: #000;
            align-items: center;
            justify-content: flex-start;
        }

            #chat-search-list li .searchChatResult:hover {
                background-color: #f5f5f5;
            }

#chat-search-wrap button {
    position: absolute;
    top: 4px;
    right: 4px;
    border-radius: 50px;
    height: 29px;
    line-height: 2.4;
    padding: 0 13px;
    font-size: 12px;
    display: none;
}

#chat-search-wrap.dropdown-active button {
    display: block;
}



.chat-search-avatar {
    margin-right: 15px;
}

    .chat-search-avatar .avatar-img-wrap {
        background-color: #f1f1f2;
        border-radius: 50px;
        width: 35px;
        height: 35px;
        border: 1px solid #bbc1c7;
        overflow: hidden;
    }

        .chat-search-avatar .avatar-img-wrap img {
            max-width: 100%;
            width: 100%;
            height: auto;
        }

.chat-search-name {
    align-items: center;
    display: flex;
    flex-direction: row;
    line-height: 1.3;
}

    .chat-search-name span {
        font-weight: 600;
        margin-right: 5px;
        display: block;
    }

.chatStatusIndicator {
    box-sizing: content-box;
    position: absolute;
    top: 0;
    right: 0;
    width: 0.6em;
    height: 0.6em;
    border: 1px solid #fff;
}

.display-none {
    display: none;
}

.check-pos {
    right: 20px;
    top: 18px;
}

.min-height-chat {
    min-height: 400px;
}

.immune-pill {
    letter-spacing: 1.5px;
    font-size: 20px;
    font-weight: 500;
    min-width: 350px;
}

.covid-active {
    background: #818fa2 !important;
}

.covid-sidenav-link {
    font-weight: 900;
    /* padding: 0.55rem 2rem !important;
    margin: 0.2rem 20px !important;
    width: 200px !important;
    border-radius: 50px;
    background: white;
    color: #8897AA !important;*/
}

.sideNavItemCollapsed {
    padding: 2px 0;
    margin: 0px 18px;
    width: 36px !important;
    border-radius: 50px;
}
/*
    .sideNavItemCollapsed.covid-sidenav-link {
        padding: 2px 0;
        margin: 0px 18px !important;
        width: 36px !important;
        border-radius: 50px;
    }*/


.sideNavAnchorCollapsed {
    border-radius: 50px;
    white-space: nowrap;
    background: white;
    color: #8897AA;
    font-weight: 700;
    padding: 8px 18px !important;
}

.sideNavIconCollapsed {
    width: 139px;
}

.logo-image {
    /* max-height: 85px;*/
    max-width: 200px;
}

@media (min-width: 768px) {
    .logo-image {
        padding-left: 0 !important;
    }
}



.width-90px {
    width: 90px;
}

.word-break-all {
    word-break: break-all;
}

.h-100px {
    height: 100px;
}

.text-mediportalBlue {
    color: #2A67B3 !important;
}

.scanMe {
    position: absolute;
    bottom: 65px;
    color: white;
    font-weight: 900;
    letter-spacing: 2px;
}

.chooseTooltipBtn {
    position: relative;
    left: calc(50% - 43px);
    top: 6px;
}

.bg-mediportalBlue {
    background-color: #2A67B3 !important;
}

.border-mediportalOrange {
    border: 1px solid #ff6600;
}

.box-shadow-mediportalOrange {
    box-shadow: 0px 0px 3px 1px #ff6600;
}

.landing-bg {
    background-image: url('/assets/images/bg_doc2.jpg');
    background-size: cover;
    background-position: center;
    filter: blur(4px);
}

.authentication-wrapper.authentication-2 #sharing-section {
    display: none;
}

.z-index9 {
    z-index: 9;
}

.z-index4 {
    z-index: 4;
}

.overlay-pos {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
}

.saveBtnPos {
    right: 0;
    bottom: -50px;
}

.saveBtnPos-alt {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.custom-before::before {
    border: #24ABF2 solid 1px
}

.ml-10px {
    margin-left: 10px;
}

.disabledBtn {
    border-color: transparent !important;
    background: #26B4FF !important;
    box-shadow: none !important;
    color: #fff !important;
    pointer-events: none;
}

.bg-mediportalOrange {
    background-color: #ff6600 !important;
}

#filters {
    align-items: center;
    cursor: pointer;
    padding: 0.25rem 0.5rem;
    display: inline-flex;
    justify-content: start;
}

    #filters > span {
        font-size: 10.5px;
        margin-left: 5px;
        text-transform: uppercase;
        font-weight: 500;
        letter-spacing: 0.1px;
        opacity: 0.9;
    }

    #filters .show-f {
        display: inline-block;
    }

    #filters .hide-f {
        display: none;
    }

    #filters.active-filter .show-f {
        display: none;
    }

    #filters.active-filter .hide-f {
        display: inline-block;
    }

    #filters:hover {
        background-color: rgba(24, 28, 33, 0.06);
    }

div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0;
}

.dataTables_filter.with-custom-search {
    position: relative;
    overflow: hidden;
}

.default-style div.dataTables_wrapper div.dataTables_filter label {
    margin-bottom: 0.5rem;
    float: left;
    position: relative;
}

.dataTables_wrapper > .row:first-child {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

    .dataTables_wrapper > .row:first-child .dataTables_length label {
        float: right;
        margin-right: 15px;
        margin-left: 0;
    }

    .dataTables_wrapper > .row:first-child .dataTables_filter {
        margin-left: 10px;
        margin-right: 10px;
    }

div.dataTables_wrapper div.dataTables_filter {
    text-align: left;
}

.dataTables_filter.with-custom-search button {
    position: absolute;
    top: auto;
    top: 0px;
    right: 0;
    margin: 0px;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.3px;
    padding-left: 10px;
    padding-right: 10px;
    outline: none !important;
    box-shadow: none !important;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 2.3;
}

.dataTables_filter.with-custom-search input {
    height: auto;
    /* font-size: 14px; */
    margin: 0;
    padding-right: 68px;
}

.dataTables_filter.with-custom-search label {
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
    overflow: hidden;
}

#filterContainer label.small {
    font-weight: 500 !important;
}

#closeFilters {
    color: #0000EE;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-size: 0.7rem;
    font-weight: 600;
    min-height: 25px;
    line-height: 2.2;
    border: none;
    margin-bottom: 0;
    text-align: left !important;
}

#file-preview-header-gme-fullscreen a {
    font-size: 12px;
}

#file-preview-header-gme a i {
    font-size: 13px;
}

#file-preview-header-gme a:hover {
    background-color: #f5f5f5;
    color: #000;
}

/*body.gme-opened .file-upload-info a.link-action.red {
    display: none;
}*/

#file-preview-header-gme,
#file-preview-header-gme-fullscreen {
    display: none;
}

    #file-preview-header-gme > div {
        display: flex;
        align-items: center;
    }

body.gme-opened #file-preview-header-gme {
    display: flex;
    justify-content: space-between;
    padding: 1.25rem 1.5625rem;
    border-radius: 0 !important;
}

    body.gme-opened #file-preview-header-gme .close {
        right: auto;
        position: relative;
        transform: none;
        margin-right: 20px;
    }

body.gme-opened #modals-file-preview .modal-footer {
    display: none;
}

.subHeading {
    font-weight: bold;
    /*text-decoration: underline;*/
    font-size: 17px;
}

.modalCustomNotesWitdth {
    max-width: 1320px;
}

.accordian-card .card-heading {
    padding: 8px 8px;
    background: #F6F7FD;
    border-bottom: 1px solid #E2E4F4;
    color: #333;
    cursor: pointer;
}

.accordian-card {
    margin-bottom: 2px;
}

    .accordian-card .card-heading i {
        transform: rotate(180deg);
        float: right;
        margin: 4px 2px;
        font-size: 11px;
    }

    .accordian-card .card-heading.collapsed i {
        float: right;
        margin: 5px 2px;
        transform: rotate(0deg);
        font-size: 11px;
    }


div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0;
}


.robotCheckbox {
    display: flex;
    gap: 7px;
}

    .robotCheckbox input {
        position: relative;
        top: 0;
        width: 21px;
        height: 21px;
    }

    .robotCheckbox label {
        margin: 1px 0 0;
    }

.recaptchaLogo {
    background: url('https://www.gstatic.com/recaptcha/api2/logo_48.png');
    width: 48px;
    height: 48px;
    position: absolute;
    right: 28px;
    top: 13px;
}

#ROS h2 {
    word-break: break-word;
}

.date-col {
    white-space: nowrap;
}


#chatData > .chatData-wrapper > .no-gutters {
    height: calc(100% - 31px);
}


.bootstrap-datetimepicker-widget a[data-action] {
    padding: 0px 0 !important;
}

.editRow input.required-field,
.editRow span.select2.required-field {
    border-color: red !important;
}

.custom-note-custom-table button[name="toggle-less-significant-fields-visibility"] {
    display: none;
}

.duplicatePatient td {
    background: #fff !important;
}
.trOpen td {
    background: #f9f9f9;
    border-bottom: 0 !important;
}
.showMoreIcon span.notify {
    background: #99a3df;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    padding-top: 1px;
}

.accordian-card .card-heading .showMoreIcon i {
    float: none;
    transform: rotate(0deg);
    font-size: 13px;
    margin: 0 0px;
}

.showMoreIcon span.notify i:before {
    font-size: 10px !important;
}
.accordion-item .acc-heading a .icon.shortnoteIcon {
    background: #1e4fcd2b;
}
    .shortnoteIcon i {
        color: #111767;
    }

#appointments-table-wrapper #appointments_wrapper #appointments_length {
    margin-top: -102px;
}
#appointments-table-wrapper #filterContainer.d-none + #appointments_wrapper #appointments_length {
    margin-top: -30px;
}

/***********************************Media Queries start***********************************/
@media only screen and (max-width: 576px) {
    .modal-dialog {
        margin: 1.75rem auto;
    }
    /*  body.Select2-opened-Mob > .select2-container--open {
        position: absolute;
        top: 50% !important;
        left: 24px !important;
        bottom: 100% !important;
        height: 240px !important;
        right: 24px !important;
        width: auto !important;
        transform: translate(0px,-50%);
        z-index: 100000;
        box-shadow: 0 0 401px 5555px #dddddd59;
    }

        body.Select2-opened-Mob > .select2-container--open span.select2-dropdown {
            height: 100% !important;
            width: 100% !important;
            box-shadow: 0 0 10px #ccc !important;
            border: 0 !important;
            border-radius: 5px !important;
        }*/

    body .select2-opened {
        overflow: auto !important;
    }

    .gme-favorites-list {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }


    #appointment-status-form .form-label {
        min-width: 78px;
    }
}

.mobile-page-title {
    display: none;
}

.comments-trigger {
    width: 100%;
    background: #7d7e86;
    color: #fff;
    padding-right: 15px;
    font-size: 0.7rem;
    font-weight: 500;
}

/* Full calendar */
#appointmentFullCalendar {
    background: #fff;
    box-shadow: 0 1px 4px rgb(24 28 33 / 5%);
    border: 1px solid rgba(24,28,33,0.1);
    border-radius: 0.25rem;
}


    #appointmentFullCalendar .fc-header-toolbar {
        margin: 0.5rem 1rem;
    }
@media (max-width: 1200px) {
    .medicationTable > thead {
        display: none;
    }


    .medicationTable > tbody > tr {
        /* border: 1px solid #ccc; */
        box-shadow: 0 0 6px #ccc;
        margin-bottom: 15px;
        display: block;
        height: auto !important;
    }

        .medicationTable > tbody > tr > td {
            position: relative;
            padding: 8px 11px 6px !important;
            padding-left: 50% !important;
            display: block;
            min-height: 34px;
            box-sizing: border-box;
        }

            .medicationTable > tbody > tr > td:before {
                content: attr(data-column-name);
                position: absolute;
                width: 46%;
                left: 0;
                font-weight: 500;
                top: 0;
                bottom: 0;
                background: #f9f9f9;
                padding-left: 9px;
                line-height: 35px;
            }

            .medicationTable > tbody > tr > td:last-child {
                width: auto;
            }


    .medicationTable .hide-less-significant-columns {
        display: none !important;
    }

    .custom-note-custom-table button[name="toggle-less-significant-fields-visibility"] {
        display: inline-block;
    }

    .medicationTable td.dataNoPresent:before {
        display: none;
    }

    .medicationTable td.dataNoPresent {
        padding-left: 10px !important;
    }

}
    @media (max-width: 767px) {
        /*      #btnDownloadDocumentReport {
        display: none;
    }*/

        div.dataTables_wrapper div.dataTables_processing {
            top: 28px;
            width: 200px;
            margin-left: -100px;
            margin-top: -26px;
            text-align: center;
            z-index: 1;
            padding: 1em 0;
            position: absolute;
            left: 50%;
        }

        #encounters_wrapper .buttons-pdf {
            position: relative !important;
            top: 0 !important;
            right: 4px !important;
            margin-top: 7px;
            margin-bottom: 7px;
            float: right;
        }

        #sideContent #appointmentsList .table-actions .expandable-actions {
            width: auto;
            opacity: 1;
        }

        #sideContent #appointmentsList .table-actions .btn-expand-actions {
            display: none;
        }

        .navbar-nav .nav-item {
            position: static;
        }

        .demo-navbar-messages .dropdown-menu,
        .demo-navbar-notifications .dropdown-menu {
            width: auto !important;
            min-width: 220px;
        }

        #appointmentFullCalendar .fc-header-toolbar {
            flex-wrap: wrap;
        }

            #appointmentFullCalendar .fc-header-toolbar > .fc-toolbar-chunk:nth-child(1) {
                flex: 1 0 100%;
            }

                #appointmentFullCalendar .fc-header-toolbar > .fc-toolbar-chunk:nth-child(1) h2.fc-toolbar-title {
                    font-size: 1rem !important;
                    text-align: center;
                    margin-bottom: 10px;
                }

            #appointmentFullCalendar .fc-header-toolbar > .fc-toolbar-chunk:nth-child(2) {
                flex: 1 0 50%;
            }

            #appointmentFullCalendar .fc-header-toolbar > .fc-toolbar-chunk:nth-child(3) {
                flex: 1 0 50%;
                text-align: right;
            }

            #appointmentFullCalendar .fc-header-toolbar .btn {
                font-size: 0.7rem !important;
                padding: 0.3rem 0.7rem !important;
            }

        #appointment-status-form .form-label {
            min-width: 91px;
        }

        .dataTables_wrapper > .row:first-child {
            display: flex;
            flex-direction: column;
        }

            .dataTables_wrapper > .row:first-child .dataTables_length label {
                float: none;
            }

        #appointments_filter.dataTables_filter {
            text-align: center;
        }
            div .dataTables_wrapper div.dataTables_filter {
            text-align: center;
            margin-bottom: 10px;
        }

        .default-style div.dataTables_wrapper div.dataTables_filter label {
            float: none;
        }

        #encounters_wrapper {
            margin-bottom: 62px;
        }

        .email-doc {
            width: 100%;
            max-width: 100%;
            margin: 16px;
        }

        span.countstext {
            display: block;
            margin: 6px 0 2px;
            padding-right: 15px;
        }

        label.patientSearchbar {
            display: flex;
            max-width: 100%;
            float: left;
            width: 100%;
        }

        #patients-table-wrapper div#patients_length {
            margin-top: 9px;
        }

        #filterContainer.d-flex + #patients_wrapper div#patients_length {
            margin-top: 11px;
        }

        .patientSearchbar + div#filters {
            position: relative;
            left: 50%;
            margin-bottom: 7px;
            transform: translateX(-50%);
        }

        .Impersonated {
            order: 4;
            flex-basis: 100%;
        }

            .Impersonated h3 span {
                display: inline;
            }

            .Impersonated h3 {
                font-size: 15px;
                display: inline-block;
                position: relative;
                top: -5px;
                margin-top: -6px;
            }

    }


    @media (min-width: 670px) {
        .fc .fc-toolbar-title {
            font-size: 1.4em;
        }
    }

    #appointmentFullCalendar .fc-header-toolbar .btn-primary {
        background: #fff;
        border-color: #DAD6D6;
        color: #4E5155;
        padding: 0.35rem 1.125rem;
    }

    #reScheduleAppointmentCalendar .fc-header-toolbar .btn-primary {
        background: #fff;
        border-color: #DAD6D6;
        color: #4E5155;
        padding: 0.35rem 1.125rem;
    }

    #appointmentFullCalendar .fc-header-toolbar .btn-primary:hover {
        background: rgba(0, 113, 172, 0.1);
    }

    #reScheduleAppointmentCalendar .fc-header-toolbar .btn-primary:hover {
        background: rgba(0, 113, 172, 0.1);
    }

    @media (min-width: 767px) {
        .fc .fc-timegrid-slot {
            height: 15px;
            line-height: 1.2;
        }
    }

    #appointmentFullCalendar .fc-header-toolbar .btn-primary.active {
        background: #26B4FF;
        border-color: #26B4FF;
        color: #fff;
    }

    #reScheduleAppointmentCalendar .fc-header-toolbar .btn-primary.active {
        background: #26B4FF;
        border-color: #26B4FF;
        color: #fff;
    }

    #appointmentFullCalendar .fc-header-toolbar .btn-primary:disabled, #appointmentFullCalendar .fc-header-toolbar .btn-primary.disabled {
        background: #fff !important;
        border-color: #DAD6D6 !important;
        color: #4E5155 !important;
        cursor: not-allowed;
    }

    #reScheduleAppointmentCalendar .fc-header-toolbar .btn-primary:disabled, #appointmentFullCalendar .fc-header-toolbar .btn-primary.disabled {
        background: #fff !important;
        border-color: #DAD6D6 !important;
        color: #4E5155 !important;
        cursor: not-allowed;
    }

    /*/////// Cropper /////*/
    .cropper-custom-container,
    .cropper-custom-preview {
        background-color: #f7f7f7;
        width: 100%;
        text-align: center;
    }

    #cropperCommands {
        padding: 0 40px;
    }
    /* Container */
    .cropper-custom-container {
        min-height: 200px;
        max-height: 400px;
        margin-bottom: 1rem;
        overflow: hidden;
    }

        .cropper-custom-container > img {
            max-width: 100%;
        }

    @media (min-width: 768px) {
        .cropper-custom-container {
            min-height: 400px;
        }
        #appointments-table-wrapper #appointments_wrapper #appointments_length {
            margin-top: -223px;
        }
    }

    .cropper-view-box {
        box-shadow: 0 0 0 1px #39f;
        border-radius: 50% !important;
        outline: 0;
    }

    .cropper-face {
        background-color: inherit !important;
    }

    .cropper-view-box {
        outline: inherit !important;
    }

    /* Preview */
    .cropper-custom-preview {
        float: left;
        margin-right: .5rem;
        margin-bottom: .5rem;
        overflow: hidden;
        max-width: 100% !important;
    }

    [dir=rtl] .cropper-custom-preview {
        direction: ltr;
        float: right;
        margin-right: 0;
        margin-left: .5rem;
    }

    .cropper-custom-preview > img {
        max-width: 100%;
    }

    .cropper-custom-preview.lg {
        width: 16rem;
        height: 9rem;
    }

    .cropper-custom-preview.md {
        width: 8rem;
        height: 4.5rem;
    }

    .cropper-custom-preview.sm {
        width: 4rem;
        height: 2.25rem;
    }

    .cropper-custom-preview.xs {
        width: 2rem;
        height: 1.125rem;
        margin-right: 0;
    }

    .min-h-170 {
        min-height: 170px;
    }

    .h-170 {
        height: 170px;
    }

    .h-165 {
        height: 165px;
    }

    [dir=rtl] .cropper-custom-preview.xs {
        margin-left: 0;
    }

    /* Modal */
    .cropper-custom-cropped .modal-body {
        text-align: center;
    }

        .cropper-custom-cropped .modal-body > img,
        .cropper-custom-cropped .modal-body > canvas {
            max-width: 100%;
        }

    .cropper-custom-cropped .close {
        position: absolute;
        right: 20px;
        top: 20px;
    }

    #innerModalBody canvas {
        border-radius: 50% !important;
    }

    #innerModalBody .noBorderRadius {
        border-radius: 0 !important;
    }

    .noBorderRadius {
        border-radius: 0 !important;
    }

        .noBorderRadius canvas {
            border-radius: 0 !important;
        }

    body, hmtl {
        overflow-x: hidden;
    }

   



    .close-pos {
        top: 10px;
        right: 15px;
        font-size: 20px;
    }

    .croper-modal-width {
        width: 50%;
    }

    .notes {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

        .notes pre {
            width: 160px;
            padding-right: 20px;
            margin-bottom: 0;
            text-overflow: ellipsis;
            overflow: hidden;
            font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
        }

    .font {
        white-space: break-spaces;
        font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    }

    .inviteLink {
        width: 75%;
    }

    @media screen and (max-width: 450px) {
        .inviteLink {
            width: 60%;
        }

        .megaSearchContainer .pSearchField .form-control {
            padding-left: 10px;
            padding-right: 75px;
        }

        .pSearchField a {
            position: unset;
        }

        .megaSearchContainer .btn {
            padding: 10px 25px;
            border-radius: 9px;
        }

        .megaSearchContainer .form-control {
            margin-bottom: 15px;
            padding: 11px 11px;
            border-width: 2px;
            border-radius: 13px;
            padding-right: 75px;
        }

        #btn-search-patient {
            position: absolute;
            right: 5px;
            top: 7px;
            width: auto;
            height: 38px;
            border-radius: 9px;
            padding: 7px 9px;
        }

        .pSearchField i.fa-search {
            display: none;
        }

        .megaSearchContainer .btn i {
            display: block;
            color: #fff;
            font-size: 21px;
            display: none;
        }

        /* .megaSearchContainer .btn span {
        display: none;
    }*/

        a#btnClearSeach {
            right: 80px;
            top: -3px;
            position: absolute;
        }
    }
    /*screen share*/
    #video.screenShareBorder {
        border: 2px solid #ff6600;
    }

    .timer {
        display: inline;
        background: grey;
        color: white;
        border-radius: 2px;
        padding: 2px 6px;
        margin-top: 10px;
    }

    .pointer-events-none {
        pointer-events: none;
    }

    .elipsis {
        height: 25px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: pre;
    }

    .turnicate {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .loader {
        color: #2A67B3;
        font-size: 90px;
        text-indent: -9999em;
        overflow: hidden;
        width: 1em;
        height: 1em;
        border-radius: 50%;
        margin: 72px auto;
        position: relative;
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
        animation: load6 1.7s infinite ease, round 1.7s infinite ease;
        z-index: 500;
    }

    .spinner-small:not(:required) {
        -moz-animation: spin-animation 1500ms infinite linear;
        -webkit-animation: spin-animation 1500ms infinite linear;
        animation: spin-animation 1500ms infinite linear;
        -moz-border-radius: 0.5em;
        -webkit-border-radius: 0.5em;
        border-radius: 0.5em;
        -moz-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
        -webkit-box-shadow: rgb(0 0 51 / 30%) 1.5em 0 0 0, rgb(0 0 51 / 30%) 1.1em 1.1em 0 0, rgb(0 0 51 / 30%) 0 1.5em 0 0, rgb(0 0 51 / 30%) -1.1em 1.1em 0 0, rgb(0 0 51 / 30%) -1.5em 0 0 0, rgb(0 0 51 / 30%) -1.1em -1.1em 0 0, rgb(0 0 51 / 30%) 0 -1.5em 0 0, rgb(0 0 51 / 30%) 1.1em -1.1em 0 0;
        box-shadow: rgb(0 0 51 / 30%) 1.5em 0 0 0, rgb(0 0 51 / 30%) 1.1em 1.1em 0 0, rgb(0 0 51 / 30%) 0 1.5em 0 0, rgb(0 0 51 / 30%) -1.1em 1.1em 0 0, rgb(0 0 51 / 30%) -1.5em 0 0 0, rgb(0 0 51 / 30%) -1.1em -1.1em 0 0, rgb(0 0 51 / 30%) 0 -1.5em 0 0, rgb(0 0 51 / 30%) 1.1em -1.1em 0 0;
        display: inline-block;
        font-size: 5px;
        width: 4px;
        height: 4px;
        margin: 1.3em;
        overflow: hidden;
        text-indent: 100%;
    }

    @-moz-keyframes spin-animation {
        0% {
            -moz-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        100% {
            -moz-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @-webkit-keyframes spin-animation {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @keyframes spin-animation {
        0% {
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        100% {
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @-webkit-keyframes load6 {
        0% {
            box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
        }

        5%, 95% {
            box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
        }

        10%, 59% {
            box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
        }

        20% {
            box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
        }

        38% {
            box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
        }

        100% {
            box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
        }
    }

    @keyframes load6 {
        0% {
            box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
        }

        5%, 95% {
            box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
        }

        10%, 59% {
            box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
        }

        20% {
            box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
        }

        38% {
            box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
        }

        100% {
            box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
        }
    }

    .focus-textarea-bg:focus {
        background-color: #F5F5F5 !important;
    }

    @-webkit-keyframes round {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @keyframes round {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }


    .vertical-middle {
        vertical-align: middle;
    }

    .ln-btn {
        display: block;
        margin-top: 20px;
        height: 46px;
        width: 100%;
        min-width: 100px;
        background-image: url('../images/ln-img.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer;
    }

    .ln-btn-ext {
        background-image: url('../images/mediportal_linkedin_button.jpeg') !important;
    }

    .btn-linkedin {
        color: #fff !important;
    }

    .btn-linkedin-ghost {
        color: #0077b5 !important;
        border: 1px solid #0077b5;
    }

        .btn-linkedin-ghost:hover {
            color: #0071ac !important;
            border-color: #0071ac;
            background: rgba(0, 113, 172, 0.1);
        }

        .btn-linkedin i, .btn-linkedin-ghost i {
            margin-right: 5px;
        }

    /*new sign up*/
    .formWrapper {
        background: white;
        /*  border: 1px solid #ff6600;
    border-radius: 25px 0 25px 0;*/
        padding: 20px;
    }

    .formItem {
        display: flex;
        flex: 1;
        flex-direction: column;
        padding: 20px 5px;
    }

    .form {
        display: flex;
    }

    .formItems {
        flex: 2;
        padding-right: 30px;
    }

    .formLabel {
        font-size: 16px;
        font-weight: 500;
        color: #2A67B3;
    }

    .formInput {
        border: 0;
        border-bottom: 2px solid #ff6600;
        outline: none;
        font-weight: 500
    }

    .formGroup {
        display: flex
    }

    .formSideInfo {
        display: flex;
        flex-direction: column;
        flex: 1;
        padding: 10px;
    }

    .formSideInfoTitle {
        font-size: 40px;
        line-height: 1;
        font-weight: 200;
        color: #2A67B3;
    }

    .conditionsLabel {
        display: flex;
        align-items: baseline;
        padding: 10px 0;
        font-size: 16px;
        font-weight: 500;
    }

    .conditionsText {
        padding-left: 5px;
    }

    .formSideInfoText {
        padding: 20px 0 10px 0;
        font-size: 16px;
        font-weight: 500;
        font-family: 'DM Sans', sans-serif;
    }

    .formSideInfoLi {
        font-size: 18px;
        color: #151933;
        font-family: 'DM Sans', sans-serif;
        font-weight: 500;
    }

    .formSubmitButton {
        width: 25%;
    }

    .signInButton {
        font-family: 'DM Sans';
        font-size: 18px;
        border-radius: 0;
        padding: 0 30px;
        margin-top: 1px;
        margin-bottom: 1px;
        margin-right: 20px;
    }

    .linkedIn {
        width: 211px
    }

    .publicProfileImage {
        height: 250px !important;
        width: 250px !important;
        border: 3px solid #02a065;
    }

    .healthPassportPubicHeader {
        font-size: 4.25rem;
    }


    @media only screen and (max-width: 465px) {
        .signInButtonGroup {
            flex-direction: column;
        }

        .signInButton {
            height: 46px;
            width: 210px;
            margin-bottom: 10px;
        }
    }

    @media only screen and (max-width: 767px) {

        #encounters .col-date {
            max-width: 20px;
            width: 30%;
            min-width: 72px;
        }

        #encounters .col-provider {
            max-width: 124px;
            width: 30%;
            padding-left: 13px;
            white-space: normal;
        }

        #encounters tbody td {
            /* font-size: 12px; */
        }

        #encounters .col-patient {
            /* max-width: 30px; */
            width: 30%;
            word-wrap: break-word;
            white-space: normal;
        }

        #encounters th.col-provider {
            white-space: nowrap;
        }

        #encounters th.col-patient {
            white-space: nowrap;
        }

        #encounters .col-name {
        }

        #encounters > tbody > tr.child ul.dtr-details {
            display: flex;
            flex-direction: row;
        }

        #encounters tbody .dtr-control::before {
            display: none;
        }

        #encounters tbody tr.child ul.dtr-details li {
            flex-direction: column;
            display: flex;
            max-width: 50%;
            word-break: break-all;
            align-items: flex-start;
            justify-content: flex-start;
            margin-right: 15px;
            border-bottom: none;
            padding-top: 0;
        }

            #encounters tbody tr.child ul.dtr-details li:last-child {
                margin-right: 0;
            }

        #encounters > tbody > tr.child ul.dtr-details li span {
            word-break: break-all;
            white-space: normal;
            text-transform: uppercase;
            font-size: 12px;
        }

        #encounters tbody .dtr-details li .dtr-title {
            font-size: 11px !important;
        }

        #encounters tbody tr.parent {
            border-bottom: none;
        }

            #encounters tbody tr.parent > td {
                border-bottom: none;
            }

        #encounters tbody tr.child {
            border-top: none;
        }

            #encounters tbody tr.child > td.child {
                padding-left: 15px;
                padding-top: 0;
                padding-bottom: 0;
            }

            #encounters tbody tr.child:hover td {
                background: transparent;
            }

        .table-wrapper tbody tr:hover + tr.child {
            background: #F8F8F8;
        }


        .logo-image {
            max-height: 50px;
        }

        #quick_patients_filter input[type="search"] {
            width: 100% !important;
        }


        .layout-navbar {
            min-height: 65px;
            border-radius: 0 0 20px 20px;
            box-shadow: 0px 3px 10px rgba(58, 72, 106, 0.06);
        }

        .navbar-nav.align-items-lg-center {
            flex-direction: row !important;
        }

        .footer {
            margin-bottom: 70px;
        }

            .footer > div {
                justify-content: center;
            }

        .page-shortcuts {
            width: 100%;
            background: #fff;
            border-radius: 20px 20px 0 0;
            box-shadow: 0px -3px 10px rgba(58, 72, 106, 0.2);
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 99;
            padding: 10px 1rem;
            display: flex;
        }

            .page-shortcuts > a {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                text-align: center;
                color: #878CAC;
                flex: 1;
            }

                .page-shortcuts > a .icon {
                    width: 35px;
                    height: 35px;
                    /*background: #F2F3F6;*/
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    /*color: #A9ADC7;*/
                    border-radius: 5px;
                    margin-bottom: 5px;
                    font-size: 1rem;
                    flex: 1 0 auto;
                }

                .page-shortcuts > a .txt {
                    color: #878CAC;
                    line-height: 1.2;
                    font-size: 0.85rem;
                }

                .page-shortcuts > a:active .icon,
                .page-shortcuts > a:hover .icon {
                    color: #fff;
                    background: #3B94ED;
                }

                .page-shortcuts > a.disabled:active .icon,
                .page-shortcuts > a.disabled:hover .icon {
                    color: #A9ADC7;
                    background: #F2F3F6;
                }

                .page-shortcuts > a:active .txt,
                .page-shortcuts > a:hover .txt {
                    color: #3B94ED;
                }

                .page-shortcuts > a.disabled:active .txt,
                .page-shortcuts > a.disabled:hover .txt {
                    color: #878CAC;
                }


        .locations-switcher {
            flex-direction: column;
        }

            .locations-switcher .custom-checkbox-location label {
                width: 100%;
                display: block;
                text-align: center;
            }

            .locations-switcher .custom-checkbox-location:first-child label {
                border-radius: 0.25rem 0.25rem 0 0 !important;
            }

            .locations-switcher .custom-checkbox-location:last-child label {
                border-radius: 0 0 0.25rem 0.25rem !important;
            }

            .locations-switcher .custom-checkbox-location:only-child label {
                border-radius: 0.25rem !important;
            }

        .form {
            flex-direction: column-reverse;
        }

        .formItems {
            padding: 0;
        }

        .conditionsText {
            text-align: justify;
        }

        .formSubmitButton {
            width: auto;
        }

        .scanMe {
            bottom: 40px;
        }

        .publicProfileImage {
            height: 120px !important;
            width: 120px !important;
        }

        .healthPassportPubicHeader {
            font-size: 2.25rem;
        }

        .toolTipMobileMaxHeight {
            max-height: 200px;
            object-fit: cover;
            object-position: top;
        }
    }


    @media only screen and (max-width: 550px) {
        .formGroup {
            flex-direction: column;
        }

        .signInButtonGroup {
            justify-content: center;
        }

        .immune-pill {
            min-width: 175px;
        }

        #quick_patients_filter {
            width: 100%;
        }

        #btn-find-patient {
            font-size: 12px !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
            line-height: 1.65;
            min-width: 90px !important;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            position: absolute;
            right: 0;
        }

            #btn-find-patient i {
                display: none;
            }
    }


    /* Media Queries */
    @media (max-width: 1400px) {
        .croper-modal-width {
            width: 75%;
        }

        .custm-modal {
            max-width: 60rem !important;
        }
    }

    @media (min-width: 1450px) {
        .d-sxl-table-cell {
            display: table-cell !important;
        }
    }

    @media (max-width: 768px) {
        .column-status {
            white-space: nowrap;
        }

        .croper-modal-width {
            width: 100%;
        }

        .alert-bubble {
            bottom: 75%;
        }

        /* .archivedAction {
        margin-bottom: 70px;
    }*/
        .patientSearchResults {
            padding-bottom: 70px;
        }

        .settings-wrapper {
            padding-bottom: 70px;
        }

        #order-list_wrapper {
            margin-bottom: 70px;
        }

        #modals-location-content .card-body {
            padding: 0;
        }

        .card-body {
            padding: 1rem;
        }
    }

    @media only screen and (min-width: 1200px) {
        .Impersonated h3 {
            font-size: 24px;
        }

            .Impersonated h3 span {
                font-size: 24px;
                display: inline;
            }
    }

    @media only screen and (min-width: 1480px) {
        .d-xxl-table-cell {
            display: table-cell !important;
        }
    }

    @media (min-width: 1170px) and (max-width: 1240px) {
        .layout-content #encounter-filters .filter-field {
            margin-right: 5px;
        }
    }

@media only screen and (min-width: 1120px) {
    .col-assessment, .col-evaluation {
        /*    text-overflow: ellipsis;
        overflow: hidden;
        max-width: 150px !important;*/
        white-space: normal !important;
    }
}

    @media (min-width: 992px) and (max-width: 1170px) {
        .layout-content #encounter-filters > div {
            justify-content: space-between;
            flex-wrap: wrap;
        }

        .layout-content #encounter-filters .filter-inputs {
            width: 100%;
            gap: 9px;
        }

        .layout-content #encounter-filters .filter-field {
            margin-right: 0;
            min-width: 24%;
            font-size: 13px;
            font-weight: 500;
            position: relative;
            max-width: 100%;
        }
        #encounter-filters .filter-inputs {
            flex-wrap: wrap;
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .layout-content #encounter-filters .filter-field {
            margin-right: 4px;
            min-width: 130px;
            font-size: 13px;
            font-weight: 500;
            position: relative;
            max-width: 130px;
        }
    }

    @media only screen and (max-width: 767px) {
        .layout-content #encounter-filters > div {
            justify-content: space-between;
            flex-wrap: wrap;
            width: 100%;
        }

        .layout-content #encounter-filters .filter-inputs {
            width: 100%;
            gap: 8px;
        }

        .layout-content #encounter-filters .filter-field {
            margin-right: 0;
            min-width: 24%;
            font-size: 13px;
            font-weight: 500;
            position: relative;
            max-width: 24%;
        }

        .layout-content #encounters_wrapper .buttons-print {
            right: 12px;
        }

        #filterContainer .form-group:nth-child(2n) select + button + .dropdown-menu {
            right: 0px !important;
            left: inherit !important;
        }

        #filterContainer .dropdown-menu, #encounter-filters .dropdown-menu {
            font-size: 0.89rem;
            color: #4E5155;
            text-align: left;
            list-style: none;
            letter-spacing: -0.2px;
        }

        #filterContainer .dropdown-item, #encounter-filters .dropdown-item {
            padding: 0.438rem 0.65rem;
            white-space: normal;
            min-width: 260px;
            width: 100%;
        }
        #encounter-filters .filter-inputs {
            flex-wrap: wrap;
        }
    }

    @media only screen and (min-width: 377px) {
        .d-ssm-table-cell {
            display: table-cell !important;
        }
    }

    @media only screen and (min-width: 768px) {

        .navbar-nav.align-items-lg-center {
            flex-direction: row !important;
        }

        .page-shortcuts {
            display: none;
        }
        .patient-page-shortcuts {
            display: none;
        }

        .row.is-flex {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

            .row.is-flex > [class*='col-'] {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
            }

        /*.well {
    }*/
    }

    .sideBar {
        width: 450px;
        max-width: 100%;
        height: 100%;
        -webkit-transition: right 0.75s ease-in-out;
        -moz-transition: right 0.75s ease-in-out;
        -o-transition: right 0.75s ease-in-out;
        transition: right 0.75s ease-in-out;
        position: fixed;
        top: 0;
        right: -450px;
        z-index: 2000;
        background: #fff;
        box-shadow: -10px 0px 34px rgba(0, 0, 0, 0.17);
    }

    .sideBarHeight {
        right: 0;
        display: block;
    }

    .sideIcons {
        display: inline-block;
        position: relative;
        background: rgba(24, 28, 33, 0.9);
        width: 50px;
        left: calc(100% - 50px);
        height: 100%;
    }

    .sideIcon {
        width: 50px;
        cursor: pointer;
        border-bottom: 1px solid #5D6269;
        padding: 3px;
        padding-left: 0;
    }

    .sideTabIcon {
        height: 50px;
        display: flex;
        flex-direction: column;
        gap: 5px;
        cursor: pointer;
        padding: 15px 0;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        color: #fff;
        flex-wrap: nowrap;
        border-radius: 0px 3px 3px 0px;
        transition: all 0.2s ease-out;
    }

        .sideTabIcon:hover {
            background: rgba(255,255,255, 0.1);
        }

        .sideTabIcon:active {
            background: rgba(255,255,255, 0.3);
        }

    .sideIcon.disabledSideIcon {
        cursor: not-allowed;
    }

        .sideIcon.disabledSideIcon .sideTabIcon {
            color: rgba(255,255,255,.4);
            cursor: not-allowed;
        }

            .sideIcon.disabledSideIcon .sideTabIcon:hover {
                background: none;
            }

    .sideContent {
        display: flex;
        flex-direction: column;
        position: absolute;
        width: calc(100% - 50px);
        justify-content: center;
        align-items: center;
        top: 0;
        padding: 40px 15px 5px 15px;
        /*z-index: 1;*/
    }



    .sideContentHeader {
        padding: 15px 0;
    }

    .bg-lightgrey {
        background-color: #F5F5F5 !important;
    }

    /*
.activeSideBarIcon {
    background-color: #fff;
    color: rgba(24, 28, 33, 0.9);
}*/

    .activeSideBarIcon .sideTabIcon {
        color: #2E3136;
        background: #fff;
    }

    .sideBarCloseBtn {
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #EAEAEE;
        border-radius: 3px;
        color: #757A80;
        outline: none !important;
        position: absolute;
        left: 15px;
        top: 10px;
        z-index: 2 !important;
        border: none;
        font-size: 1.1rem;
        transition: all 0.2s ease-in-out;
    }

        .sideBarCloseBtn:hover {
            opacity: .7;
        }

    #sideBarOverlay {
        width: calc(100% - 250px);
        height: 100%;
        background: rgba(46, 49, 54, 0.3);
        position: fixed;
        left: 250px;
        top: 0;
        pointer-events: none;
        z-index: 999;
        -webkit-transition: all 0.75s ease-in-out;
        -moz-transition: all 0.75s ease-in-out;
        -o-transition: all 0.75s ease-in-out;
        transition: all 0.75s ease-in-out;
        visibility: hidden;
        opacity: 0;
    }

        #sideBarOverlay.sidebar-opened {
            visibility: visible;
            opacity: 1;
        }

    .sideContentWrapper {
        display: flex;
        flex-direction: column;
    }

        .sideContentWrapper .sideContentHeader {
            /*padding: 0 0 20px 40px;*/
            margin: -40px 0 0 45px;
        }

            .sideContentWrapper .sideContentHeader h4 {
                color: #36393E;
                font-size: 1.3rem;
                margin: 0;
            }

        .sideContentWrapper .sideContentBody {
            flex: 1;
            overflow-y: auto;
            overflow-x: hidden;
        }

            .sideContentWrapper .sideContentBody.scrollbar-style {
                scrollbar-color: red transparent;
                scrollbar-width: thin;
                border-radius: 5px;
            }

                .sideContentWrapper .sideContentBody.scrollbar-style::-webkit-scrollbar {
                    width: 5px;
                }

                .sideContentWrapper .sideContentBody.scrollbar-style::-webkit-scrollbar-track {
                    background: #EFF2F5;
                }

                .sideContentWrapper .sideContentBody.scrollbar-style::-webkit-scrollbar-thumb {
                    background: #26B4FF;
                    border-radius: 5px;
                }

    .small-view-patient-profile {
        height: 100%;
    }

    .small-view-patient-profile-inner-div {
        height: 100vh;
    }

    .fullSideBar .small-view-patient-profile {
        height: unset;
    }

    .fullSideBar .small-view-patient-profile-inner-div {
        height: unset;
    }

    #filesContainer {
        scrollbar-color: red transparent;
        scrollbar-width: thin;
        border-radius: 5px;
    }

        #filesContainer::-webkit-scrollbar {
            width: 5px;
        }

        #filesContainer::-webkit-scrollbar-track {
            background: #EFF2F5;
        }

        #filesContainer::-webkit-scrollbar-thumb {
            background: #26B4FF;
            border-radius: 5px;
        }

    .profile-side-block {
        display: flex;
        gap: 15px;
        margin: 20px 0 30px 0;
    }

        .profile-side-block .profile-photo {
            width: 70px;
            flex-grow: 0;
        }

        .profile-side-block .profile-info {
            flex-grow: 1;
        }

            .profile-side-block .profile-info h3 {
                color: #36393E;
                font-size: 1.3rem;
                margin: 0;
            }

            .profile-side-block .profile-info ul {
                margin: 0;
                padding: 5px 0 4px 0;
                list-style: none;
            }

                .profile-side-block .profile-info ul li {
                    color: #71777D;
                    font-size: 85%;
                    padding-bottom: 2px;
                }

    .side-block {
        margin-bottom: 10px;
    }

    #health-profile-content .modal.show, #patient-detail .modal.show, #modals-eSign .modal.show {
        z-index: 30001;
    }

    #health-profile-content-small-view .modal.show, .fullSideBar #patient-detail .modal.show, .fullSideBar #modals-eSign .modal.show {
        z-index: 30001;
    }

    .side-block .table-compact-wrapper .table-actions {
    }

        .side-block .table-compact-wrapper .table-actions .btn {
            padding: 0.1rem 0.4rem;
        }

            .side-block .table-compact-wrapper .table-actions .btn i {
                margin: 0 !important;
            }

    .scrollbar-style {
        margin-right: -10px;
    }

        .scrollbar-style .side-block {
            padding-right: 10px;
        }

    .sb-heading {
        position: relative;
        margin-bottom: 15px;
    }

        .sb-heading:after {
            width: 100%;
            height: 4px;
            background: #EAEAEE;
            position: absolute;
            left: 0;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            z-index: 1;
            content: '';
        }

        .sb-heading h4 {
            text-transform: uppercase;
            font-size: 0.8rem;
            font-weight: 600;
            background: #fff;
            padding-right: 10px;
            margin: 0;
            position: relative;
            z-index: 2;
            display: inline-block;
        }

    .sb-body {
    }

    .sb-footer {
        display: flex;
        justify-content: flex-end;
        padding-right: 10px;
    }

        .sb-footer.fluid > .btn {
            display: block;
        }

    ul.sb-info-list {
        margin: 0;
        padding: 0;
    }

    .button-actions {
        display: flex;
        gap: 10px;
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid #d6d8e4;
    }

        .button-actions .btn {
            flex: 1 0 auto;
        }

    ul.sb-info-list > li {
        border-radius: 4px;
        display: flex;
        justify-content: space-between;
        padding: 8px 10px;
        flex-direction: row;
    }

    #contentContainerEncounters .acc-body .sb-info-list li {
        flex-direction: column;
        text-align: left;
    }

        #contentContainerEncounters .acc-body .sb-info-list li div {
            word-break: break-word;
        }

        #contentContainerEncounters .acc-body .sb-info-list li span {
            margin-bottom: 10px;
        }

    ul.sb-info-list > li.has-list {
        justify-content: flex-start;
        flex-direction: column;
    }

        ul.sb-info-list > li.has-list span:nth-child(2) {
            flex: 0 0 100%;
            text-align: left;
            padding-top: 3px;
        }

    ul.sb-info-list > li:nth-child(2n+1) {
        background: #F8F8F8;
    }

    ul.sb-info-list > li span {
        color: #71777D;
    }

        ul.sb-info-list > li span:first-child {
            min-width: 137px;
        }

        ul.sb-info-list > li span:nth-child(2) {
            text-align: right;
            color: #36393E;
            word-break: break-word;
        }

    ul.sb-info-list > li div {
        text-align: justify;
    }

    ul.sb-info-list > li .empty-content {
        color: #C0C5CB !important;
    }

    ul.sb-info-list.space-list {
        border-top: 1px solid #e5e2f1;
        padding: 10px 0;
        margin-top: 10px;
    }

    ul.sb-info-list > li ul {
        list-style: disc;
        padding: 0;
        margin: 5px 0 5px 15px;
    }

        ul.sb-info-list > li ul li {
            padding-bottom: 3px;
        }

    .visible-footer {
        margin-bottom: 70px;
    }

    .accordion-item {
        border: 1px solid #D4D4DD;
        box-shadow: 0px 1px 4px rgba(24, 28, 33, 0.04);
        border-radius: 4px;
        padding: 12px;
        margin-bottom: 5px;
    }

        .accordion-item:hover {
            border: 1px solid #C3C3CC;
        }

        .accordion-item .acc-heading {
            display: flex;
            justify-content: space-between;
            min-height: 33px;
        }

            .accordion-item .acc-heading a {
                display: flex;
                align-items: center;
                gap: 10px;
                color: #36393E;
                font-size: 16px;
                min-height: 33px;
            }

                .accordion-item .acc-heading a:hover {
                    color: #3c8ae2;
                }

                .accordion-item .acc-heading a .icon {
                    width: 24px;
                    height: 24px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    background: rgba(38,180,255, .15);
                    border-radius: 3px;
                    color: #26B4FF;
                }

            .accordion-item .acc-heading button {
                display: flex;
                align-items: center;
                align-self: center;
                border: 1px solid #ADB8C7;
                border-radius: 3px;
                color: #26B4FF;
                background: #fff;
                gap: 3px;
                padding: 5px 15px;
                transition: all 0.2s ease-out;
            }

                .accordion-item .acc-heading button:hover {
                    background: #eef6fb;
                }

                .accordion-item .acc-heading button:active {
                    background: #e6f1f9;
                }

                .accordion-item .acc-heading button:focus {
                    outline: none !important;
                }

        .accordion-item .acc-body {
        }

    .accordion-item-alt .acc-heading {
        display: block;
    }

        .accordion-item-alt .acc-heading a {
            display: flex;
            align-items: flex-start;
            font-size: 14px;
        }

            .accordion-item-alt .acc-heading a .icon {
            }

            .accordion-item-alt .acc-heading a .title {
            }

                .accordion-item-alt .acc-heading a .title p {
                    margin: 0;
                }

                .accordion-item-alt .acc-heading a .title span {
                    font-size: 13px;
                    color: #B1B5BA;
                }

    .accordion-item .acc-actions {
        display: flex;
        gap: 5px
    }

        .accordion-item .acc-actions > .btn {
            flex: 1 0 auto;
        }





    @media only screen and (max-width: 1024px) {

        .demo-navbar-messages .dropdown-menu,
        .demo-navbar-notifications .dropdown-menu {
            width: 22rem;
        }

        .navbar {
            justify-content: flex-start !important;
        }

            .navbar .navbar-nav:last-child {
                margin-left: auto;
            }

        .navbar-nav.navbar-logo {
            margin-right: auto;
        }

        .demo-navbar-messages .dropdown-toggle, .demo-navbar-notifications .dropdown-toggle {
            margin-top: 0.25rem;
        }

        .logo-image {
            max-height: 80px;
            margin-left: 20px;
        }

        #dropdownMenu {
            left: 0 !important;
            top: 45px !important;
            width: max-content;
            max-width: 80vw;
        }

            #dropdownMenu .dropdown-item, #dropdownMenu .dropdown-item a {
                white-space: pre-wrap;
            }

                #dropdownMenu .dropdown-item::after {
                    display: none;
                }

        .settings-pos {
            top: 10px;
            left: 10px;
        }

        #fullscreen {
            top: 10px;
            right: 10px;
        }



        .dropdown-menu .active {
            background-color: transparent !important;
            color: #4E5155 !important;
        }

            .dropdown-menu .active i {
                display: inline !important;
                color: forestgreen;
            }

        /*        .dropdown-menu-width {
            width: max-content
        }*/
    }

    @media only screen and (min-width: 1024px) {

        .logo-image {
            margin-left: 0;
        }

        .controls-pos {
            bottom: 0;
            transform: translate(-50%, -50%) scale(1.3);
        }

        .secondary-controls-pos {
            bottom: 0;
        }


        #video .bigger {
            transform: translate(-50%, -50%) scale(2);
            bottom: 16px;
        }

        .bottom16 {
            bottom: 16px;
        }

        .settings-fullscreen-pos {
            z-index: 9;
            top: 30px;
            left: 30px;
        }

        .dubleSize {
            transform: scale(2) !important;
        }

        .size-13 {
            transform: scale(1.3);
        }
    }

    @media only screen and (max-width: 640px) {
        .layout-content #encounter-filters .filter-inputs {
            gap: 0;
            flex-wrap: wrap;
            margin: 0;
            width: 100%;
        }

        .layout-content #encounter-filters .filter-field {
            margin: 7px 0%;
            min-width: 100%;
            font-size: 13px;
            font-weight: 500;
            position: relative;
            max-width: 100%;
        }

        .layout-content #encounter-filters .filter-buttons {
            width: 100%;
            padding: 0 0;
            margin-top: -11px;
        }

        .layout-content #encounters_wrapper .buttons-print {
            right: 16px;
        }

        .layout-content #encounter-filters .filter-field.encounterDates {
            width: 49%;
            min-width: 49%;
            margin-right: 1%;
        }

            .layout-content #encounter-filters .filter-field.encounterDates:last-child {
                width: 49%;
                min-width: 49%;
                margin-left: 1%;
                margin-right: 0;
            }


        .qp-buttons {
            position: absolute;
            right: 0;
            top: 0;
        }

        #btn-clear-search {
            display: none;
        }

        #quick_patients_filter input[type="search"] {
            width: 100% !important;
            min-width: auto !important;
            padding-right: 100px !important;
        }

        #quick_patients_wrapper .table-footer {
            display: flex;
            align-items: center;
            flex-direction: column;
        }

        #quick_patients_wrapper .dataTables_info {
            font-size: 12px;
            margin: 0 0 10px 0 !important;
        }

        .navbar {
            justify-content: flex-start !important;
        }

            .navbar .navbar-nav:last-child {
                margin-left: auto;
            }

        .formCheckBox {
            transform: scale(1.5); /*originally this was set to 3, but it was too large compared to the rest of the text */
            margin-right: 10px;
        }

        .p30, .p20 {
            padding-left: 10px !important;
        }

        .pr20 {
            padding-right: 10px !important;
        }

        .line-height-sm-12 {
            line-height: 1.2;
        }

        #video .bigger {
            transform: translate(-50%, -50%) scale(1.5);
        }

        .controls-pos-fullscreen {
            bottom: -2px;
        }

        .logo-image {
            max-height: 50px;
            margin-left: 10px;
        }

        .profile-name {
            display: none;
        }

        .table th, .table td {
            padding: 0.625rem 0.3rem;
        }
    }

    @media only screen and (min-width: 992px) {
        #appointments-table-wrapper #appointments_wrapper #appointments_length {
            margin-top: -163px;
        }
        .custom-lg-col {
            max-width: 16%;
        }

        .custom-lg-col-2 {
            max-width: 15%;
        }
    }

    @media only screen and (max-width: 500px) {
        .flex-wrap-mobile {
            flex-wrap: wrap;
        }

        .margin-top-10 {
            margin-top: 10px;
        }

        .secondary-controls-pos {
            left: 90% !important;
        }
    }

    button.addMore {
        color: #1e70cd;
    }

    .no-border-top {
        border-top: 0 !important;
    }

    .last-child-border-bottom:last-child {
        border-bottom: 1px solid #e8e8e9;
    }

    /*=========== CUSTOM & OVERRIDE =============*/

    .navbar {
        padding: 0 1px;
    }

    /* Page heading */
    .page-heading {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 1.2rem;
    }

        .page-heading .page-title {
            display: flex;
            align-items: center;
        }

            .page-heading .page-title i {
                font-size: 1.2rem;
                color: #26B4FF;
                margin-right: 10px;
            }

            .page-heading .page-title h3 {
                margin: 0;
                display: flex;
                align-items: center;
                font-size: 1.38rem;
            }

                .page-heading .page-title h3 span {
                    color: #a3a4a6;
                    font-size: 1.1rem;
                    font-weight: 400;
                    margin: 3px 0 0 10px;
                }

        .page-heading .page-actions.page-select {
            width: 380px;
        }


    .chat-sidemenu-container {
        display: grid;
        grid-template-rows: 72px 1fr 54px;
        height: 100%;
    }

        .chat-sidemenu-container #wholeChatHeader {
            grid-row: 1/2;
        }

        .chat-sidemenu-container .chat-messages {
            grid-row: 2/3;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            overflow: auto;
            height: 100%;
        }

        .chat-sidemenu-container .input-group {
            grid-row: 3/4;
            padding: 5px 0 0 0;
        }

            .chat-sidemenu-container .input-group #sendButton {
                height: 38px;
            }




    .title-separator {
        position: relative;
        margin-bottom: 10px;
    }

        .title-separator h5 {
            background: #F5F5F5;
            position: relative;
            display: inline-block;
            margin: 0;
            padding: 0 10px 0 0;
            color: #5a6069;
        }

        .title-separator:before {
            width: 100%;
            height: 1px;
            border-top: 1px solid #BAC0C7;
            position: absolute;
            top: 50%;
            left: 0;
            content: '';
        }

    .chat-messages.flow-drop {
        min-height: 0 !important;
    }

    .chat-messages-wrapper {
    }

    .chat-messages::-webkit-scrollbar {
        width: 5px;
    }

    .chat-messages::-webkit-scrollbar-track {
        background: #EFF2F5;
    }

    .chat-messages::-webkit-scrollbar-thumb {
        background: #26B4FF;
        border-radius: 5px;
    }

    .chat-container {
    }

    #sideBar #chatData {
    }

    #chatData > .chatData-wrapper {
        height: 100%;
    }

    #chatMessages .chat-message-block .chat-message-time {
        margin-bottom: 0 !important;
    }

    #chatMessages .chat-message-block:last-child {
        margin-bottom: 0 !important;
    }

    #chatMessages .chat-message-block {
        margin-top: 1.5rem;
    }

    .side-chat-wrapper .chat-message-right {
        text-align: right;
        align-items: center;
    }

        .side-chat-wrapper .chat-message-right .image {
            -ms-flex-item-align: self-start;
            align-self: self-start;
        }

    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }

    .messageLoader {
        border: 5px solid #f3f3f3;
        border-radius: 50%;
        border-top: 5px solid #3498db;
        width: 15px;
        height: 15px;
        -webkit-animation: spin 2s linear infinite; /* Safari */
        animation: spin 2s linear infinite;
        color: #ff0000;
    }

    .msgTypediv {
        margin-top: 30px;
    }

    .messageResend {
        display: none;
        color: #ff0000;
        cursor: pointer;
        padding: 10px;
        line-height: 1;
        padding: 10px;
    }

    .side-chat-wrapper .chat-user {
        text-align: center;
    }

    @media screen and (max-width: 320px) {
        .megaSearchContainer .pSearchField .form-control {
            padding-right: 110px;
        }
    }

    @media screen and (max-width: 500px) {

        #chatMessages .chat-message-block {
            margin-top: 1rem;
        }

        .chat-messages-wrapper {
            min-height: 50px !important;
            flex-grow: 0 !important;
            height: 100%;
        }

        .chat-messages {
            padding-top: 10px !important;
            padding-bottom: 10px !important;
        }

        .chat-container {
            height: 100%;
            justify-content: space-between;
        }
    }

    @media screen and (max-width: 768px) {
        .layout-footer.footer {
            display: none !important;
        }

        .layout-content > .container-fluid {
            max-height: 100% !important;
            padding-bottom: 70px !important;
        }
        .chat-body .layout-content > .container-fluid {
            padding-bottom: 0 !important;
        }
        #immunization-card{
            margin-bottom:70px;
        }
    }


    @media (min-width: 992px) {
        .demo-navbar-messages .dropdown-menu,
        .demo-navbar-notifications .dropdown-menu {
            margin-top: .5rem;
            width: 22rem;
        }

        .demo-navbar-user .dropdown-menu {
            margin-top: .25rem;
        }
    }

    #providers {
        margin-bottom: 20px;
    }

    /* Form elements */
    .form-control {
        border-color: var(--input-border-color);
        box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.04);
    }

        .form-control:hover {
            border-color: var(--input-border-color-hover);
        }

        .form-control:focus, .custom-select:focus {
            border-color: var(--input-border-color-focus);
            box-shadow: var(--input-shadow-color-focus);
        }

        .form-control:disabled:hover, .form-control[readonly]:hover, .form-control:disabled:focus, .form-control[readonly]:focus {
            border-color: var(--input-border-color);
            box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.04);
        }

    .form-label, .col-form-label {
        margin-bottom: 2px;
    }

    .form-control.error {
        border-color: var(--input-border-color-error);
    }

    .input-group-append .flow-browse {
        border-color: var(--input-border-color);
    }

    .ql-toolbar {
        border-color: var(--input-border-color) !important;
        border-radius: 0.25rem 0.25rem 0 0;
    }

    .ql-editor {
        border-color: var(--input-border-color) !important;
        border-radius: 0 0 0.25rem 0.25rem;
    }

        .ql-editor:hover {
            border-color: var(--input-border-color-hover) !important;
        }

        .ql-editor:focus {
            border-color: var(--input-border-color-focus) !important;
            box-shadow: var(--input-shadow-color-focus) !important;
        }

    .ql-snow .ql-editor {
        min-height: 10rem !important;
    }



    /* Misc */
    .form-or-divider {
        position: relative;
        text-align: center;
        margin: 10px 0;
    }

        .form-or-divider:before {
            width: 100%;
            height: 1px;
            border-top: 1px solid #BAC0C7;
            position: absolute;
            top: 50%;
            left: 0;
            content: '';
        }

        .form-or-divider span {
            display: inline-block;
            text-transform: uppercase;
            background: #fff;
            position: relative;
            padding: 0 10px;
            color: #a3a4a6;
            font-weight: 500;
        }

    .form-back-link {
        border-top: 1px solid #BAC0C7;
        padding-top: 10px;
    }

    .form-intro-text {
        text-align: center;
        margin: 10px 0;
    }

        .form-intro-text p:last-child {
            margin: 0;
        }


    .modal-option-heading {
        text-align: center;
        margin-bottom: 20px;
    }

    .modal-option-buttons {
        display: flex;
        gap: 10px;
        justify-content: center;
        position: relative;
    }


        .modal-option-buttons .or-divider {
            width: 40px;
            height: 40px;
            background: #fff;
            border: 1px solid var(--input-border-color);
            box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.06);
            border-radius: 50%;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            text-transform: uppercase;
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: 500;
        }

        .modal-option-buttons .option-button {
            border: 1px solid var(--input-border-color);
            padding: 20px;
            box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.06);
            border-radius: 5px;
            text-align: center;
            flex: 1 1 0px;
            transition: all 0.2s ease-out;
        }

            .modal-option-buttons .option-button .icon {
                width: 50px;
                height: 50px;
                padding: 9px;
                border: 2px solid #ECECEC;
                border-radius: 50%;
                font-size: 1.4rem;
                margin: 0 auto;
            }


            .modal-option-buttons .option-button h3 {
                font-size: 1.3rem;
                margin: 0.5rem 0;
            }

            .modal-option-buttons .option-button p {
                color: #5E6268;
                margin: 0;
            }

            .modal-option-buttons .option-button:hover {
                border-color: #1E70CD;
                background: rgba(19, 130, 255, 0.04);
            }

    .modal-header .close, .modal-slide .close {
    }


    /* Select2 Override */


    .select2-dropdown {
        z-index: 9999 !important;
    }

    .default-style .select2-container--default .select2-selection {
        border-color: var(--input-border-color);
        box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.04);
    }

        .default-style .select2-container--default .select2-selection:hover {
            border-color: var(--input-border-color-hover);
        }

    .default-style .select2-container--default .select2-search--dropdown .select2-search__field {
        border-color: var(--input-border-color);
        border-radius: 0.25rem;
    }

    .default-style .select2-container--default.select2-container--focus .select2-selection, .default-style .select2-container--default.select2-container--open .select2-selection {
        border-color: var(--input-border-color-focus);
        box-shadow: var(--input-shadow-color-focus);
    }

    .default-style .select2-dropdown {
        border-color: var(--input-border-color-focus);
        box-shadow: var(--input-shadow-color-focus);
    }

    #btn-select-dropdown {
        display: block;
        width: 100%;
        font-size: 10px;
        text-transform: uppercase;
        text-align: center;
        line-height: 2.9;
        font-weight: 500;
        letter-spacing: 0.5px;
        color: #326db6;
    }

        #btn-select-dropdown:hover {
            background-color: #326db6;
            color: #fff;
        }

    .select2-container .select2-search--inline,
    .select2-container .select2-search--inline .select2-search__field {
        width: 100% !important;
    }
    /* Profile pic settings */
    .profile-pic-settings {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

        .profile-pic-settings img {
            align-self: center;
        }

        .profile-pic-settings #profile-image {
            margin: 0 auto;
        }

        .profile-pic-settings .profile-pic-actions {
            text-align: center;
        }

            .profile-pic-settings .profile-pic-actions button, .profile-pic-settings .profile-pic-actions label {
                width: 100%;
            }


    .staff-provider-filter {
        width: 100%;
        padding: 1rem;
    }

        .staff-provider-filter .select2-selection.select2-selection--single {
            border-color: #636771 !important;
            background: #595C63 !important;
        }

            .staff-provider-filter .select2-selection.select2-selection--single .select2-selection__rendered {
                color: #F1F2F2 !important;
            }

    .staff-provider-dropdown .select2-results__option .wrap {
        font-size: 13px;
        position: relative;
        padding-left: 20px;
    }

        .staff-provider-dropdown .select2-results__option .wrap:before {
            width: 14px;
            height: 14px;
            position: absolute;
            left: 0;
            top: 2px;
            background: #fff;
            border-radius: 3px;
            border: 1px solid #D1D5DB;
            content: '';
        }

    .staff-provider-dropdown .select2-results__option[aria-selected=true] .wrap:before {
        background: #26B4FF;
        border-color: #26B4FF;
    }

    .staff-provider-dropdown .select2-results__option[aria-selected=true] .wrap:after {
        font-family: "Font Awesome 5 Free";
        content: "\f00c";
        top: 3px;
        left: 3px;
        position: absolute;
        color: #fff;
        font-weight: 900;
        font-size: 9px;
    }

    .staff-provider-dropdown .select2-results__option[aria-selected=true].select2-results__option--highlighted .wrap:before {
        border-color: #fff;
    }



    .staff-provider-dropdown .select2-results__option {
        border-bottom: 1px solid #E8E8E9;
    }

        .staff-provider-dropdown .select2-results__option[aria-selected=true] {
        }








    /* Appwork & Bootstrap Override */
    .sidenav-item .sidenav-link {
        padding: 0.75rem 1rem !important;
    }

    .sidenav-item.disabled .sidenav-link span {
        background: rgba(255,255,255,.03);
    }

    .sidenav-item .sidenav-link span {
        width: 28px;
        height: 28px;
        background: rgba(255,255,255,.1);
        border-radius: 3px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-grow: 0;
        flex-shrink: 0;
        margin-right: 0.5rem;
    }

        .sidenav-item .sidenav-link span div, .layout-sidenav-hover.layout-collapsed .sidenav-item .sidenav-link span div {
            display: none;
        }

.layout-collapsed .sidenav-item .sidenav-link span div {
    display: block;
    margin-left: 53px;
    top: 10px;
}

.layout-collapsed:not(.layout-sidenav-hover):not(.layout-offcanvas):not(.layout-fixed-offcanvas) .layout-sidenav .app-brand .layout-sidenav-toggle {
     display: block; 
}
        .sidenav-item .sidenav-link span .sidenav-icon {
            width: auto;
            margin: 0;
            font-size: 0.9rem;
        }

    .sidenav-item .badge.indicator,
    .landing-navigation a .badge.indicator {
        padding: 0 0.55em;
        line-height: 1.68;
        font-size: 0.65em;
        margin-left: 12px;
        transform: translate(-7px, -10%);
    }

    .landing-navigation a .badge.indicator {
        right: -26px;
        margin-left: 0 !important;
        top: 0;
    }

    .landing-navigation a .icon {
        position: relative;
    }


    #register-form .form-group, #forgotpassword-form .form-group, #validation-form .form-group {
        margin-bottom: 0.3rem;
    }
    /* Appwork & Bootstrap Override */
    #register-form .form-group, #forgotpassword-form .form-group, #validation-form .form-group {
        margin-bottom: 0.3rem;
    }

    .input-group .select2-container {
        width: auto !important;
    }

        .input-group .select2-container .select2-selection {
            border-radius: 0.25rem 0 0 0.25rem !important;
            border-right: none !important;
        }

    .select2-container .country-code-wrapper {
        display: flex;
        align-items: center;
        line-height: normal;
    }

        .select2-container .country-code-wrapper .country-flag {
            width: 24px;
            border-radius: 2px;
        }

    .select2-container .select2-selection__rendered .country-code-wrapper .country-code {
        line-height: 2.25rem;
    }

    .country-code-field {
        font-size: 0.894rem !important;
    }

        .country-code-field .select2-selection__rendered {
            padding-left: 0.5rem !important;
            padding-right: 1.25rem !important;
        }

        .country-code-field .select2-selection__arrow {
            width: 1.25rem !important;
        }

    .country-code-dropdown {
        width: 200px !important;
    }


        .country-code-dropdown .select2-results__option {
            padding-left: 0.5rem !important;
            padding-right: 0.5rem !important;
        }


    .select2-container .country-code-wrapper .country-code {
        font-size: 0.894rem !important;
        display: flex;
        align-items: center;
        line-height: normal;
        margin-left: 5px;
    }

        .select2-container .country-code-wrapper .country-code p {
            margin: 0 0 0 5px;
            color: #9a9ba5;
        }

    .select2-container .select2-results__option--highlighted .country-code-wrapper .country-code p {
        color: #fff;
    }


    /* Appwork & Bootstrap Override */
    #register-form .form-group, #forgotpassword-form .form-group, #validation-form .form-group {
        margin-bottom: 0.3rem;
    }

    #register-form p.small, #validation-form p.small {
        margin: 10px 0;
    }

    .authentication-wrapper.authentication-2 .authentication-inner {
        max-width: 450px;
    }

    @media screen and (max-width: 450px) {
        .py-sm-5 {
            /**************unknown**********/
            padding-left: 2rem !important;
            padding-right: 2rem !important;
        }

        .px-sm-3 {
            /**************unknown**********/
            padding-left: 3rem !important;
            padding-right: 3rem !important;
        }
        /**************vs**********/
        #filterContainer .px-sm-3 {
            padding-left: 1rem !important;
            padding-right: 3rem !important;
        }

        #filterContainer .px-1 {
            padding-left: 0.25rem !important;
            padding-right: 0.25rem !important;
        }


        /**************vs**********/
    }

    .btn-white {
        border-color: rgba(24, 28, 33, 0.1);
        background: #fff;
    }

        .btn-white.active {
            border-color: rgba(24, 28, 33, 0.1);
        }

            .btn-white.active:hover {
                background: #dedede;
            }

        .btn-white:hover {
            border-color: rgba(24, 28, 33, 0.3);
            background: #fff;
        }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row !important;
    }


    .border-mediportalOrange {
    }

    .homeButtonClickable.moveUp {
        bottom: 80px;
    }

    .card-inner {
        padding: 10px;
        border: none;
    }

        .card-inner .card-header {
        }

    .card-header-alt {
        position: relative;
    }

    .card-back-grey.collapsed {
        background-color: #cfcfcf !important;
    }

    .card-back-grey {
        background-color: #efefef !important;
        color: #000 !important;
    }

    .card-block .card-block {
        padding: 10px;
    }

    .card-header-alt h4 {
        text-transform: uppercase;
        font-size: 0.8rem;
        font-weight: 600;
        background: #fff;
        padding-right: 10px;
        margin: 0;
        position: relative;
        z-index: 2;
        display: inline-block;
    }

    .card-header-alt:after {
        width: 100%;
        height: 4px;
        background: #F7F7F8;
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
        content: '';
    }

    .form-group.align-items {
        display: flex;
        align-items: center;
        margin: 0;
    }

        .form-group.align-items > label {
            margin: 0 0 0 5px;
        }

    .table-form-alt table {
        margin-bottom: 30px;
    }


    /* Tables */
    .table-actions {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 5px;
        position: relative;
    }

    .expandable-actions {
        flex-direction: row;
        display: flex;
        gap: 4px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        justify-content: flex-start;
    }

    .actions-expanded .expandable-actions {
        width: auto !important;
    }

    .btn-expand-actions {
        font-size: 0.8rem !important;
        color: #74777a;
        padding: 8px 7px !important;
        text-align: center;
        display: none;
        outline: none !important;
        box-shadow: none !important;
        border: none;
    }

    .actions-expanded .btn-expand-actions {
        color: rgba(42,103,179,1);
    }

    .column-patient {
        min-width: 94px;
        padding: 0.625rem 4px;
        padding-left: 10px !important;
    }

    .column-provider {
        max-width: 110px;
        white-space: break-spaces;
        word-wrap: break-word;
    }

.column-visits {
    min-width: 132px;
    letter-spacing: -0.6px;
    text-align: left !important;
    padding-left: 5px !important;
}

    .coPaycell {
        min-width: 98px;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .column-special {
        min-width: 90px;
    }

    .column-actions {
        min-width: 315px;
        padding-right: 15px !important;
        position: relative !important;
    }

        .column-actions.with-takeover {
            min-width: 362px;
        }

    .info-genderAge {
        font-size: 13.5px;
        letter-spacing: -0.6px;
    }

    .btn-table-action {
        background: transparent;
        border-color: #adb8c7 !important;
        font-size: 0.8rem;
        padding: 0.25rem 0.30rem;
        flex-shrink: 0;
    }

        .btn-table-action i {
            margin-right: 4px;
            font-size: 11px;
        }



        .btn-table-action.bta-blue {
            color: var(--blue-button-color) !important;
            white-space: nowrap;
        }

        .btn-table-action.bta-green {
            color: var(--green-button-color) !important;
        }

        .btn-table-action.bta-orange {
            color: var(--orange-button-color) !important;
        }

        .btn-table-action.bta-red {
            color: var(--red-button-color) !important;
        }

        .btn-table-action.bta-grey {
            color: var(--dark-grey-button-color) !important;
        }

        .btn-table-action:disabled {
            border-color: #adb8c7 !important;
            color: #666b71 !important;
            cursor: not-allowed;
        }

    .btn-acdc {
        color: #fff;
        padding: 0.35rem 1.125rem;
        display: flex;
        align-items: center;
        white-space: nowrap;
    }

    .Visitlocation {
        white-space: nowrap;
    }

    .btn-acdc:hover {
        color: #fff;
    }

    .btn-acdc i {
        font-size: 1.4rem;
        margin-right: 5px;
    }

    .btn-acdc.btn-table-accept {
        background: #29CF91;
    }

        .btn-acdc.btn-table-accept:hover {
            background: #1CBB80;
        }

        .btn-acdc.btn-table-accept:active {
            background: #0BA76D;
        }

    .btn-acdc.btn-table-decline {
        background: #E87673;
    }

        .btn-acdc.btn-table-decline:hover {
            background: #D1605C;
        }

        .btn-acdc.btn-table-decline:active {
            background: #B94D4A;
        }

    .table-status {
        display: inline-flex;
        align-items: center;
        font-weight: 500;
    }

        .table-status i {
            font-size: 1.4rem;
            margin-right: 5px;
        }

        .table-status.status-accepted {
            color: #02BC77;
        }

        .table-status.status-declined {
            color: #E87673;
        }



    .table-wrapper {
        background: #fff;
        padding-top: 10px;
        position: relative;
    }

        .table-wrapper table {
            margin-bottom: 15px !important;
            margin-top: 0 !important;
        }

        .table-wrapper .table th, .table td {
            border-top: none;
            border-bottom: 1px solid #e8e8e9;
        }

        .table-wrapper tbody tr:hover td {
            background: #F8F8F8;
        }

        .table-wrapper tbody tr.incoming:hover td {
            background: #E0F1F9;
        }

        .table-wrapper .dataTables_info {
            margin: 0 0 0 20px !important;
        }

        .table-wrapper .dataTables_paginate .pagination {
            margin: 0 20px 15px 0 !important;
        }

    .table .thead-dark th {
        font-size: 0.73rem;
        line-height: 1.3;
        text-transform: uppercase;
    }

    table#appointments tbody tr.incoming td:first-child {
        position: relative;
    }

        table#appointments tbody tr.incoming td:first-child:before {
            width: 3px;
            height: 100%;
            background: #02BC77;
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            content: '';
        }

    table#appointments tbody tr.past td {
        color: #8897AA;
    }

    #appointments_filter #btn-filter-table {
        margin-left: 10px;
        margin-bottom: 0;
        padding: 0 25px;
        height: 26px;
        text-transform: uppercase;
        font-weight: 500;
        letter-spacing: 0.3px;
        font-size: 0.7rem;
        line-height: 2.2;
        max-width: 100px;
    }

    .date-filter-inputs input[type="text"] {
        width: 97px !important;
        padding-right: 5px;
        padding-left: 5px;
        text-align: center;
    }

    #appointments_filter .date-filter-inputs {
        display: inline-flex;
        flex-direction: row;
        flex-wrap: nowrap;
    }

        #appointments_filter .date-filter-inputs > div {
            display: inline-flex;
            flex: 0 1 27%;
        }

    #appointments_filter > label {
        display: none;
    }

    .dataTables_length {
        margin-left: 20px;
    }

    .dataTables_filter {
        margin-right: 20px;
    }

        .dataTables_length > label, .dataTables_filter > label {
            margin-bottom: 10px !important;
        }


    .table-compact-wrapper table {
        width: 100% !important;
        border-collapse: collapse !important;
    }

        .table-compact-wrapper table thead tr th {
            border-bottom-width: 1px !important;
            background: #F7F7F8;
            font-size: 0.73rem;
            line-height: 1.3;
            text-transform: uppercase;
        }

    .table-compact-wrapper tbody tr:hover td {
        background: #F8F8F8;
    }

    .table-compact-wrapper tbody tr td p {
        margin: 0 !important;
    }

    .table-compact-wrapper tbody tr td .table-expand-trigger {
        display: flex;
        align-items: center;
        gap: 5px;
        cursor: pointer;
    }

    .table-compact-wrapper tbody tr td.cell-content,
    .row-expand {
        background: #F8F8F8;
        position: relative;
        border-top: 2px solid #dadada;
        box-shadow: inset 0px 3px 3px 0px #e4e4e4;
    }

        .table-compact-wrapper tbody tr td.cell-content ul.file-upload-info,
        .row-expand ul.file-upload-info {
            margin: 0;
            padding: 0;
        }

            .table-compact-wrapper tbody tr td.cell-content ul.file-upload-info li,
            .row-expand ul.file-upload-info li {
                display: flex;
                justify-content: space-between;
                padding: 7px;
                border-bottom: 1px solid #e0e0e0;
            }

                .table-compact-wrapper tbody tr td.cell-content ul.file-upload-info li:first-child,
                .row-expand ul.file-upload-info li:first-child {
                    padding-top: 0;
                }

                .table-compact-wrapper tbody tr td.cell-content ul.file-upload-info li:last-child {
                    border-bottom: none;
                    padding-bottom: 0;
                }

                .table-compact-wrapper tbody tr td.cell-content ul.file-upload-info li span,
                .row-expand ul.file-upload-info li span {
                    color: #71777D;
                    min-width: 85px;
                }

                    .table-compact-wrapper tbody tr td.cell-content ul.file-upload-info li span:nth-child(2),
                    .row-expand ul.file-upload-info li span:nth-child(2) {
                        color: #36393E;
                        /* flex: 0 0 56%;*/
                        text-align: right;
                        display: flex;
                        justify-content: flex-end;
                        gap: 10px;
                        align-items: center;
                    }

                    .table-compact-wrapper tbody tr td.cell-content ul.file-upload-info li span .link-action.blue,
                    .row-expand ul.file-upload-info li span .link-action.blue {
                        color: #1e70cd;
                        border: 0;
                        background: none;
                        padding: 0;
                    }

                .table-compact-wrapper tbody tr td.cell-content ul.file-upload-info li .link-action.blue,
                .row-expand ul.file-upload-info li .link-action.blue {
                    color: #D9534F;
                    border: 0;
                    background: none;
                    padding: 0 !important;
                    font-size: 0.9rem;
                }

                .table-compact-wrapper tbody tr td.cell-content ul.file-upload-info li span .link-action.red,
                .row-expand ul.file-upload-info li span .link-action.red {
                    color: #D9534F;
                }

    .table-compact-wrapper .dataTables_length, .table-compact-wrapper .dataTables_filter {
        margin: 0;
    }

    .empty-content {
        color: #bfc7d2;
    }

    .fc-non-business {
        cursor: not-allowed;
    }

    @media (min-width: 1200px) and (max-width: 1480px) {
        .form-row.blockofftime .col-xl-2 {
            max-width: 25.66667%;
            flex: 0 0 19.96667%;
        }
    }


    @media (min-width: 1200px) and (max-width: 1610px) {
        .btn-table-action span {
            display: none !important;
        }

        .column-actions.with-takeover {
            min-width: auto;
        }

        .btn-table-action {
            padding: 0.25rem 0.4rem;
        }

        .table-actions .btn-table-action i {
            margin-right: 0;
            font-size: 13px;
        }

        .column-actions {
            min-width: auto;
        }
    }

    /* Modal */
    .modal {
        overflow-y: auto;
    }

        .modal.modal-resizable, #reScheduleModalRightMenu .modal-dialog {
            box-shadow: 0 0 9000px 9000px #0000005e;
        }

        .modal.modal-resizable {
            width: 1200px;
            overflow-y: hidden;
            padding: 0 !important;
            position: fixed;
            min-width: 300px;
            min-height: 350px;
            max-width: 90%;
            max-height: 90%;
            transform: translate(-50%,-50%);
            left: 50% !important;
            top: 50% !important;
            /*            left: 10% !important;
            right: 10% !important;
            width: auto !important;
            top: 10px !important;
            bottom: 10px !important;*/
        }

    /*.pdf-preview {
    height: calc(100vh - 358px) !important;
}*/

    #modals-manual-labresult-details .modal-body {
        overflow-y: auto;
    }

    .modal.modal-resizable .modal-body {
        overflow-y: auto;
    }

    .modal.modal-resizable .modal-dialog {
        height: 100%;
        max-height: 100% !important;
        margin-top: 0;
        min-width: 100%;
        margin-bottom: 0;
    }

        .modal.modal-resizable .modal-dialog .modal-content {
            height: 100%;
        }

    .modal .modal-header {
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
        border-bottom-color: #E5E7E9;
        padding-right: 60px;
    }

        .modal .modal-header .modal-icon {
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(38,180,255, .15);
            border-radius: 3px;
            color: #26B4FF;
            flex: 0 0 30px;
        }

        .modal .modal-header .close {
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(180,192,198, .15);
            border-radius: 3px;
            color: #A5AFB8;
            opacity: 1;
        }

            .modal .modal-header .close i {
                font-size: 1.1rem;
            }

        .modal .modal-header .modal-title span {
            color: #87898b;
        }

    .modal .modal-footer {
        justify-content: space-between;
        border-top-color: #E5E7E9;
    }

        .modal .modal-footer.modal-footer-alt {
            justify-content: flex-start;
            flex-direction: column;
        }



            .modal .modal-footer.modal-footer-alt .modal-checkbox-alt {
                width: 100%;
                margin: 0 !important;
                display: flex;
                justify-content: center;
                border-bottom: 1px solid #E5E7E9;
            }

            .modal .modal-footer.modal-footer-alt .footer-buttons-alt {
                width: 100%;
                margin: 0 !important;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

        .modal .modal-footer.modal-footer-alt-single {
            justify-content: space-between;
            flex-direction: row;
        }

            .modal .modal-footer.modal-footer-alt-single .modal-checkbox-alt {
                width: auto;
            }

            .modal .modal-footer.modal-footer-alt-single .footer-buttons-alt {
                width: auto;
            }


    .swal2-icon {
        width: 4.5em;
        height: 4.5em;
        margin: 1.25em auto 1.25em;
    }

        .swal2-icon.swal2-success [class^='swal2-success-line'][class$='long'] {
            width: 2.8em !important;
            top: 2.4em !important;
        }

        .swal2-icon.swal2-success [class^='swal2-success-line'][class$='tip'] {
            width: 1em !important;
        }

        .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] {
            right: 0.9em !important;
        }

        .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] {
            left: 0.9em !important;
        }

    .swal2-content h2 {
        margin-bottom: 0.25rem;
    }

    .swal2-title {
        word-break: break-word;
    }

    .swal-info-list {
        text-align: left;
    }

        .swal-info-list > div {
            font-size: .9rem;
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            padding: 0.7rem 1rem;
            background: #fff;
        }

            .swal-info-list > div:nth-child(2n+1) {
                background: #F8F8F8;
            }

            .swal-info-list > div > span:nth-child(1) {
                color: #8897AA;
            }

            .swal-info-list > div > span:nth-child(2) {
                color: #4E5155;
                flex: 0 0 60%;
                text-align: right;
            }

    #divLabResultDetails .card p {
        margin: 0.7rem 0 !important;
    }

    #modals-review-labresult {
        background: rgba(0,0,0,.5);
    }

    #modals-mobile-preview {
        border-width: 2px;
        border-style: inset;
        border-color: initial;
        border-image: initial;
        overflow-y: scroll;
        height: 667px;
        display: none;
        padding: 10px;
        background-color: #bfbfbf;
    }



        #modals-mobile-preview canvas {
            border: 1px solid #878787;
            margin-bottom: 5px;
            box-shadow: rgb(0 0 0 / 30%) 0px 4px 12px;
            max-width: 100%;
        }

            #modals-mobile-preview canvas:last-child {
                margin-bottom: 0;
            }




    @media (max-width: 767px) {
        .pdf-preview {
            height: calc(100vh - 270px) !important;
        }

        #modals-file-preview > .modal-dialog {
            height: 100vh;
        }

        ul.sb-info-list > li span:first-child {
            min-width: auto;
        }

        ul.sb-info-list > li span:nth-child(2) {
            flex: auto;
            padding-left: 20px;
        }
    }

    #divManualLabResultDetails p {
        margin-bottom: 0;
    }

    #divManualLabResultDetails #modals-mobile-preview,
    #divManualLabResultDetails #modals-file-preview-frame {
        height: 495px !important;
        overflow-y: auto;
    }

    #modals-file-preview-nodata {
        display: none;
    }

    .dataTable .info-extended {
        display: none;
    }

    .is-mobile .dataTable .info-extended {
        display: flex;
        flex-direction: column;
        margin-top: 10px;
    }

    .dataTable tr td .badge.badge-outline-primary {
        margin-left: 10px;
    }

    .dataTable .info-extended > div {
        display: flex;
        flex-direction: column;
        color: #000;
        margin-bottom: 7px;
    }

        .dataTable .info-extended > div:last-child {
            margin-bottom: 0 !important;
        }

        .dataTable .info-extended > div > span {
            color: #999;
            line-height: 1.5;
        }

    .is-mobile #openLabResult .table-head .dataTables_length,
    .is-mobile #reviewedLabResult .table-head .dataTables_length {
        display: none;
    }

    .table-responsive .table-footer .dataTables_length {
        display: none;
    }

    .is-mobile .table-responsive .table-footer .dataTables_length {
        display: flex;
        align-items: center;
        margin: 5px 0 0 0;
        font-size: 12px;
        margin-top: 10px;
    }

        .is-mobile .table-responsive .table-footer .dataTables_length label {
            margin-bottom: 0 !important;
            color: #999;
        }

    .is-mobile .table-responsive .table-footer .dataTables_info {
        margin-bottom: 5px !important;
    }

    .is-mobile .table-responsive .table-footer .dataTables_info {
        font-size: 12px;
        margin-bottom: 3px;
    }

    /*.custom-mobile-search {
    background: transparent;
    padding-top: 0;
}*/

    .custom-mobile-search table tbody tr {
        position: relative;
        height: 50.1875px;
    }

    .custom-mobile-search .table,
    .custom-mobile-search .table-footer {
        background: #fff;
        margin-bottom: 0 !important;
    }

    .custom-mobile-search .table-footer {
        padding: 6px 15px;
        flex-direction: column;
        justify-content: center !important;
        align-items: center;
    }

    /* .custom-mobile-search .dataTables_filter .form-control {
        line-height: 2.4 !important;
        height: auto;
        font-size: 14px;
        margin: 0;
        padding-right: 78px;
    }*/

    /*  .custom-mobile-search .dataTables_filter {
        margin: 0;
        padding: 0;
        background-color: #f5f5f5;
    }*/

    input[type="search"]::-webkit-search-cancel-button {
        -webkit-appearance: none;
        height: 14px;
        width: 14px;
        display: block;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAn0lEQVR42u3UMQrDMBBEUZ9WfQqDmm22EaTyjRMHAlM5K+Y7lb0wnUZPIKHlnutOa+25Z4D++MRBX98MD1V/trSppLKHqj9TTBWKcoUqffbUcbBBEhTjBOV4ja4l4OIAZThEOV6jHO8ARXD+gPPvKMABinGOrnu6gTNUawrcQKNCAQ7QeTxORzle3+sDfjJpPCqhJh7GixZq4rHcc9l5A9qZ+WeBhgEuAAAAAElFTkSuQmCC);
        background-repeat: no-repeat;
        background-size: 14px;
    }

    .custom-mobile-search .table-head {
        position: relative;
    }
    /*
.custom-mobile-search .btn-database-filter {
    position: absolute;
    top: auto !important;
    bottom: 9px !important;
    right: 0 !important;
    margin: 3px 2px !important;
    border-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    text-transform: uppercase;
    font-size: 11px !important;
    font-weight: 400;
    letter-spacing: 0.3px;
    padding-left: 16px;
    padding-right: 16px;
    outline: none !important;
    box-shadow: none !important;
    line-height: 3.25 !important;
    padding-top: 0;
    padding-bottom: 0;
}*/


    @media only screen and (max-width: 768px) {
        .table-responsive.custom-mobile-search .table-head .dataTables_length,
        .table-responsive.custom-mobile-search .table-head .dataTables_length {
            display: none;
        }

        .table-responsive.custom-mobile-search .table-head .dataTables_filter,
        .table-responsive.custom-mobile-search .table-head .dataTables_filter {
            width: 100%;
        }

        #quick_patients_filter input[type="search"] {
        }

        #quick_patients_wrapper,
        #quick_patients_wrapper .table-head {
            width: 100%;
        }

            #quick_patients_wrapper .table-head {
                position: relative;
                margin-bottom: 0 !important;
            }

        #quick_patients_filter input[type="search"] {
            min-width: 270px;
        }

        #btn-find-patient {
            font-size: 12px;
            padding-left: 15px;
            padding-right: 15px;
            line-height: 1.75;
            min-width: 120px;
        }
    }

    /* Settings */
    .settings-wrapper {
    }

        .settings-wrapper .list-group-item {
            position: relative;
            padding: 0.85rem 1.5rem 0.85rem 2.5rem !important;
            margin-bottom: 0 !important;
            border: none !important;
            border-radius: 0.25rem;
            line-height: 1rem;
        }

            .settings-wrapper .list-group-item.active {
                background: #fff !important;
                border: 1px solid rgba(24, 28, 33, 0.06) !important;
                box-shadow: 0 1px 4px rgb(24 28 33 / 1%) !important;
                background-clip: padding-box !important;
            }

                .settings-wrapper .list-group-item.active:before {
                    background: #29CF91;
                }

            .settings-wrapper .list-group-item:before {
                width: 6px;
                height: 6px;
                border-radius: 50%;
                background: #E3E2E2;
                position: absolute;
                left: 20px;
                top: 50%;
                transform: translateY(-50%);
                content: '';
            }

        .settings-wrapper .settings-page-heading {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

            .settings-wrapper .settings-page-heading .settings-page-title {
                display: flex;
                align-items: center;
                gap: 10px;
            }

                .settings-wrapper .settings-page-heading .settings-page-title h4 {
                    font-size: 1.25rem;
                    margin-bottom: 0 !important;
                }

                .settings-wrapper .settings-page-heading .settings-page-title .icon {
                    width: 30px;
                    height: 30px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    background: rgba(38,180,255, .15);
                    border-radius: 3px;
                    color: #26B4FF;
                }

            .settings-wrapper .settings-page-heading .settings-page-actions {
            }

                .settings-wrapper .settings-page-heading .settings-page-actions i {
                    margin-right: 5px;
                    font-size: 0.8rem;
                }

        .settings-wrapper .dataTables_wrapper > .row {
            margin-left: 0 !important;
            margin-right: 0 !important;
        }



            .settings-wrapper .dataTables_wrapper > .row > [class*='col-'] {
                padding-left: 0 !important;
                padding-right: 0 !important;
            }

    ol.list-alt {
        padding-left: 0;
        counter-reset: alt-counter;
        list-style: none;
    }

        ol.list-alt li {
            counter-increment: alt-counter;
            position: relative;
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 5px;
        }

            ol.list-alt li:before {
                width: 30px;
                height: 30px;
                background: rgba(190, 190, 190, 0.15);
                content: counter(alt-counter);
                color: #36393E;
                font-weight: 600;
                border-radius: 3px;
                display: flex;
                align-items: center;
                justify-content: center;
            }

    p#paragraphLink, p#paragraph-link-no-practise-info {
        margin: 0 !important;
        background: #f5f5f5;
    }

    @media only screen and (min-width: 992px) {
        .modal-lg {
            max-width: 53.123rem;
        }

        .layout-collapsed:not(.layout-sidenav-hover):not(.layout-offcanvas):not(.layout-fixed-offcanvas) .layout-sidenav .sidenav-vertical .sidenav-inner > .sidenav-item > .sidenav-link .sidenav-icon,
        .layout-collapsed:not(.layout-sidenav-hover):not(.layout-offcanvas):not(.layout-fixed-offcanvas) .layout-sidenav.sidenav-vertical .sidenav-inner > .sidenav-item > .sidenav-link .sidenav-icon {
            margin: 0;
            width: auto;
        }

        .layout-collapsed:not(.layout-sidenav-hover):not(.layout-offcanvas):not(.layout-fixed-offcanvas) .layout-sidenav .sidenav-vertical .sidenav-inner > .sidenav-item > .sidenav-link > span,
        .layout-collapsed:not(.layout-sidenav-hover):not(.layout-offcanvas):not(.layout-fixed-offcanvas) .layout-sidenav.sidenav-vertical .sidenav-inner > .sidenav-item > .sidenav-link > span {
            margin: 0;
        }

        .layout-collapsed:not(.layout-sidenav-hover):not(.layout-offcanvas):not(.layout-fixed-offcanvas) .layout-sidenav .sidenav-vertical .sidenav-inner > .sidenav-item > .sidenav-link > div,
        .layout-collapsed:not(.layout-sidenav-hover):not(.layout-offcanvas):not(.layout-fixed-offcanvas) .layout-sidenav.sidenav-vertical .sidenav-inner > .sidenav-item > .sidenav-link > div {
            display: none;
        }
    }

    @media only screen and (max-width: 767px) {

        .page-heading .page-actions.page-select {
            width: 100%;
        }

        .layout-navbar {
            justify-content: flex-start !important;
        }

            .layout-navbar .margin-left-auto {
                margin-left: auto;
            }

        .mobile-page-title {
            display: inline-block;
            font-size: 1.1rem;
            font-weight: 500;
            color: #3B94ED;
            margin-left: 15px;
        }

        .navbar-nav {
            position: relative;
            z-index: 2;
        }

        .navbar-logo {
            display: none;
        }

        .page-heading {
            margin-bottom: 0;
        }

            .page-heading .page-title {
                display: none;
            }

            .page-heading .page-actions {
                margin-bottom: 1rem;
            }

                .page-heading .page-actions > a {
                    width: 100%;
                }


        .demo-navbar-messages .dropdown-toggle, .demo-navbar-notifications .dropdown-toggle {
            margin-top: 0.25rem;
        }

        .settings-wrapper .settings-page-heading {
            flex-direction: column;
            align-items: stretch;
            gap: 10px;
        }

            .settings-wrapper .settings-page-heading .settings-page-actions .btn {
                width: 100%;
            }

        .table-form-alt table {
            width: 100%;
        }


        .info-genderAge {
            display: none;
        }

        .modal .modal-footer {
            flex-direction: column-reverse;
        }

            .modal .modal-footer > * {
                width: 100%;
                margin: 0 0 10px 0 !important;
            }

            /********************VS*************/

            .modal .modal-footer.custom-footer {
                flex-direction: row;
            }

                .modal .modal-footer.custom-footer * {
                    width: auto;
                }

        .modal-footer.reviewMedicineExam {
            flex-direction: row;
        }

        .reviewMedicineExam.modal-footer div {
            width: auto;
        }

        .share-Btn {
            min-width: 133.6px;
        }

        .table-footer.auth {
            padding: 0 13px;
        }

        #appointmentFullCalendar {
            margin-bottom: 60px;
        }
        /********************VS*************/
        .modal .modal-footer.modal-footer-alt .footer-buttons-alt {
            flex-direction: column-reverse;
            gap: 10px;
        }

        .modal .modal-footer.modal-footer-alt-single {
            flex-direction: column;
        }

            .modal .modal-footer.modal-footer-alt-single .footer-buttons-alt {
                width: 100%;
            }

                .modal .modal-footer.modal-footer-alt-single .footer-buttons-alt button {
                    width: 100%;
                }

            .modal .modal-footer.modal-footer-alt-single .modal-checkbox-alt {
                display: flex;
                justify-content: center;
            }

        .dataTables_filter {
            margin: 0 10px;
        }

            .dataTables_filter > label {
                flex-direction: column;
            }

                .dataTables_filter > label .form-control {
                    width: 100% !important;
                }

                .dataTables_filter > label #filters {
                    margin-bottom: 10px;
                }

        .table-wrapper .dataTables_info {
            margin: 10px 0 !important;
            padding: 0 !important;
        }

        .table-wrapper .dataTables_paginate .pagination {
            margin: 0 0 15px 0 !important;
        }

        .page-heading {
            display: block;
        }


        .modal-option-buttons {
            flex-direction: column;
        }

            .modal-option-buttons .option-button {
                min-height: 180px;
            }

        .page-heading .page-actions.fixedOnSmallScreen {
            width: 100%;
            background: #fff;
            padding: 1rem;
            position: fixed;
            bottom: 74px;
            left: 0;
            margin: 0;
            box-shadow: 0px -4px 5px rgba(0,0,0,.05);
            z-index: 9;
        }

            .page-heading .page-actions.fixedOnSmallScreen .btn {
                width: 100%;
                display: block;
            }

        .table-actions {
            gap: 3px;
            min-width: auto;
        }

        .column-actions {
            min-width: 70px;
            padding-right: 10px !important;
        }

            .column-actions.actions-expanded {
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
            }

                .column-actions.actions-expanded:before {
                    content: '';
                    display: block;
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    width: 100%;
                }

        .column-patient {
            min-width: 100px;
        }

        .column-actions.with-takeover {
            min-width: auto;
            width: auto !important;
        }

        .column-provider {
            padding-left: 10px !important;
            word-break: break-word;
            display: none;
        }

        th.column-provider {
            font-size: 10px !important;
            padding-right: 0px !important;
            min-width: 50px;
            display: none;
        }

            th.column-provider:before,
            th.column-provider:after {
                content: none !important;
            }

        #appointments th {
            font-size: 10px;
            font-weight: 400;
            padding-right: 15px;
        }

        #appointments.actions-active .column-provider,
        #appointments.actions-active .column-status {
            /*display: none;*/
        }

        #appointments.actions-active tbody tr, #appointments tbody tr {
            height: 50.1875px;
        }

        .btn-expand-actions {
            display: block;
            background-color: transparent !important;
        }

        .table-actions .expandable-actions {
            /* opacity: 0.2; */
            width: 0px;
            overflow: hidden;
            min-width: 0px;
            background-color: #fff;
        }

        .actions-expanded .expandable-actions {
            /* flex-direction: column; */
        }

        .actions-expanded .table-actions {
            position: absolute;
            right: 5px;
            top: 4px;
            z-index: 1099;
            background-color: #fff;
            border-radius: 5px;
            border: 5px solid #fff;
            box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        }

            .actions-expanded .table-actions > .btn {
                background-color: #fff;
            }

        .btn-table-action i, .btn-acdc i {
            margin-right: 0;
        }

        .profile-info .btn-table-action i {
            margin-right: 4px;
        }

        .btn-table-action {
            padding: 0.25rem 0.5rem !important;
        }
        #appointments-table-wrapper #filterContainer.d-none + #appointments_wrapper #appointments_length, #appointments-table-wrapper #appointments_wrapper #appointments_length {
            margin-top: 9px;
        }

    }


    @media only screen and (max-width: 600px) {


        /***********************VS**********************/
        .modal .modal-footer.custom-footer {
            flex-direction: column;
        }

            .modal .modal-footer.custom-footer .e-sign {
                width: 100%;
            }

                .modal .modal-footer.custom-footer .e-sign .btn {
                    width: calc(100% - 3px);
                }

            .modal .modal-footer.custom-footer .share-btns {
                width: 100%;
                text-align: center;
            }

                .modal .modal-footer.custom-footer .share-btns .btn {
                    padding: 6px 0px;
                    width: 100%;
                    margin-bottom: 5px;
                }

        .table-footer.auth {
            padding: 0 13px;
            flex-direction: column;
        }

        #appointments_filter .date-filter-inputs {
            width: 100%;
            /* flex: 1 1 25% !important; */
            flex-wrap: nowrap;
            justify-content: center;
            margin-bottom: 2px;
        }

        .date-filter-inputs input[type="text"] {
            width: 100% !important;
            padding-left: 3px;
            padding-right: 3px;
            min-width: 85px;
            text-align: center;
            font-size: 0.75rem;
        }

        #appointments_filter #btn-filter-table {
            width: 100%;
            margin-left: 10px;
        }

        #closeFilters {
            padding-right: 15px;
            width: 100%;
            text-align: center;
            padding-top: 7px;
        }

        #filterContainer > .form-group {
            margin-bottom: 10px;
        }

        /*	#filterContainer > .form-group:last-child {
				margin-bottom: 0 !important;
			}*/

        /***********************VS**********************/
    }

    @media only screen and (max-width: 460px) {
        #appointments_filter #dt-DateTo-search + .bootstrap-datetimepicker-widget.dropdown-menu {
            z-index: 3002 !important;
            transform: translateX(-50%);
            left: 50% !important;
            right: 50% !important;
        }


            #appointments_filter #dt-DateTo-search + .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
                right: 35% !important;
            }

            #appointments_filter #dt-DateTo-search + .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
                right: 35% !important;
            }
    }

    @media only screen and (max-width: 400px) {

        .column-status {
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            max-width: 105px;
        }

        .btn-table-action {
            padding: 0.25rem 0.4rem;
        }

        .modal .modal-footer.custom-footer .share-btns .btn {
            padding: 6px 0px;
            width: 100%;
            margin: 2px 0;
        }

        #appointments_filter #btn-filter-table {
            padding: 0 5px;
            margin-left: 8px;
        }
    }


    @media (min-width: 768px) {

        #quick_patients_filter {
            width: calc(100% - 240px);
            max-width: 300px;
        }

        .settings-wrapper .list-group-item {
            padding: 0.85rem 1rem 0.85rem 2rem !important;
        }


        div.dataTables_wrapper div.dataTables_processing {
            top: 28px;
            width: 200px;
            margin-left: -100px;
            margin-top: -26px;
            text-align: center;
            z-index: 1;
            padding: 1em 0;
            left: 50%;
            position: absolute;
        }

        div#tblOpenLabResults_wrapper {
            position: relative;
        }
        /* div#tblOpenLabResults_wrapper div.dataTables_processing {
        margin-left: 0;
    }*/
        /* div#tblOpenLabResults_wrapper div.dataTables_processing {
            top: 63px;
        }*/

        .sideBar div.dataTables_wrapper div.dataTables_processing {
            top: 50%;
        }
    }

    @media (min-width: 1201px) {
        .editRow .select2-dropdown {
            width: auto !important;
        }
    }

    @media (min-width: 1200px) {
        #appointments-table-wrapper #appointments_wrapper #appointments_length {
            margin-top: -102px;
        }

        .table-form-alt table {
            width: 95%;
        }

        .settings-wrapper .list-group-item {
            padding: 0.85rem 1.5rem 0.85rem 2.5rem !important;
        }
    }

    .calendar-tooltip {
        margin: 3px;
        padding: 5px 10px;
        background-color: rgba(39, 40, 50, 0.7);
        position: absolute;
        z-index: 2;
        border-radius: .25rem;
        color: #ffff;
        font-size: 0.75rem;
    }

    .dz-error .dz-error-message {
        display: block;
    }

    .sw-theme-default.sw-main, .sw-theme-default .sw-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }

    .sw-theme-default .sw-container {
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .sw-theme-default .step-anchor {
        -ms-flex-direction: row;
        flex-direction: row
    }

        .sw-theme-default .step-anchor:not(.card) {
            border: 0
        }

        .sw-theme-default .step-anchor li {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-positive: 1;
            flex-grow: 1
        }

            .sw-theme-default .step-anchor li > a {
                position: relative;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-direction: column;
                flex-direction: column;
                -ms-flex-pack: center;
                justify-content: center;
                padding: 0 2rem 0 3.75rem;
                min-height: 2.5rem;
                outline: 0 !important;
                border: 0 !important;
                background: transparent !important;
                text-decoration: none;
                font-weight: 500;
                opacity: .4;
                cursor: default
            }

    [dir=rtl] .sw-theme-default .step-anchor li > a {
        padding-right: 3.75rem;
        padding-left: 2rem
    }

    .sw-theme-default .step-anchor li > a small, .sw-theme-default .step-anchor li > a .small {
        font-weight: normal
    }

    .sw-theme-default .step-anchor li.clickable > a, .sw-theme-default .step-anchor li.active > a, .sw-theme-default .step-anchor li.done > a {
        opacity: 1
    }

    .sw-theme-default .step-anchor li.clickable > a, .sw-theme-default .step-anchor li.active > a {
        cursor: pointer
    }

    .sw-theme-default .step-anchor li.done > a {
        cursor: pointer
    }

    .sw-theme-default .step-anchor li.disabled > a, .sw-theme-default .step-anchor li.disabled > a:hover {
        cursor: not-allowed !important
    }

    .sw-theme-default .sw-number, .sw-theme-default .sw-icon, .sw-theme-default .sw-done-icon {
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -1.25rem;
        width: 2.5rem;
        height: 2.5rem;
        border: 2px solid;
        border-radius: 50%;
        text-align: center;
        line-height: calc(2.5rem - 4px)
    }

    [dir=rtl] .sw-theme-default .sw-number, [dir=rtl] .sw-theme-default .sw-icon, [dir=rtl] .sw-theme-default .sw-done-icon {
        right: 0;
        left: auto
    }

    .sw-theme-default .sw-icon, .sw-theme-default .sw-done-icon {
        font-size: 1rem
    }

    .sw-theme-default .sw-done-icon {
        display: none
    }

    .sw-theme-default .step-anchor li.done .sw-done-icon {
        display: block
    }

        .sw-theme-default .step-anchor li.done .sw-done-icon ~ .sw-number, .sw-theme-default .step-anchor li.done .sw-done-icon ~ .sw-icon {
            display: none
        }

    .sw-theme-default .wizard-number {
        font-weight: 500
    }

    .sw-theme-default .step-anchor li.done .sw-number, .sw-theme-default .step-anchor li.done .sw-icon, .sw-theme-default .step-anchor li.done .sw-done-icon {
        opacity: .4
    }

    .sw-theme-default .step-content {
        position: relative;
        display: none;
        margin: 0;
        width: 100%
    }

    .sw-theme-default .sw-toolbar {
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 0
    }

    .default-style .sw-theme-default .step-anchor li > a {
        color: #4E5155
    }

    .default-style .sw-theme-default .step-anchor li.danger > a {
        color: #d9534f !important
    }

    .default-style .sw-theme-default .sw-number, .default-style .sw-theme-default .sw-icon, .default-style .sw-theme-default .sw-done-icon {
        border-color: rgba(24,28,33,0.06)
    }

    .default-style .sw-theme-default .step-anchor li.danger .sw-number, .default-style .sw-theme-default .step-anchor li.danger .sw-icon, .default-style .sw-theme-default .step-anchor li.danger .sw-done-icon {
        border-color: #d9534f !important;
        color: #d9534f !important
    }

    @media (min-width: 768px) {
      
        .default-style .smartwizard-vertical-left.sw-main, .default-style .smartwizard-vertical-right.sw-main {
            -ms-flex-direction: row;
            flex-direction: row
        }

        .default-style .smartwizard-vertical-left .step-anchor, .default-style .smartwizard-vertical-right .step-anchor {
            -ms-flex-item-align: start;
            align-self: flex-start;
            -ms-flex-direction: column;
            flex-direction: column
        }

            .default-style .smartwizard-vertical-left .step-anchor li, .default-style .smartwizard-vertical-right .step-anchor li {
                -ms-flex-positive: 0;
                flex-grow: 0
            }

        .default-style .sw-theme-default.smartwizard-vertical-right {
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse
        }

            .default-style .sw-theme-default.smartwizard-vertical-right .step-anchor li > a {
                padding: 0 0 0 5.75rem
            }

            .default-style .sw-theme-default.smartwizard-vertical-right .sw-number, .default-style .sw-theme-default.smartwizard-vertical-right .sw-icon, .default-style .sw-theme-default.smartwizard-vertical-right .sw-done-icon {
                left: 2rem
            }
  
        .default-style[dir=rtl] .sw-theme-default.smartwizard-vertical-right .step-anchor li > a {
            padding: 0 5.75rem 0 0
        }

        .default-style[dir=rtl] .sw-theme-default.smartwizard-vertical-right .sw-number, .default-style[dir=rtl] .sw-theme-default.smartwizard-vertical-right .sw-icon, .default-style[dir=rtl] .sw-theme-default.smartwizard-vertical-right .sw-done-icon {
            right: 2rem;
            left: auto
        }
    }

    .material-style .sw-theme-default .step-anchor li > a {
        color: #4E5155
    }

    .material-style .sw-theme-default .step-anchor li.danger > a {
        color: #d9534f !important
    }

    .material-style .sw-theme-default .sw-number, .material-style .sw-theme-default .sw-icon, .material-style .sw-theme-default .sw-done-icon {
        border-color: rgba(24,28,33,0.06)
    }

    .material-style .sw-theme-default .step-anchor li.danger .sw-number, .material-style .sw-theme-default .step-anchor li.danger .sw-icon, .material-style .sw-theme-default .step-anchor li.danger .sw-done-icon {
        border-color: #d9534f !important;
        color: #d9534f !important
    }

    @media (min-width: 768px) {
        .material-style .smartwizard-vertical-left.sw-main, .material-style .smartwizard-vertical-right.sw-main {
            -ms-flex-direction: row;
            flex-direction: row
        }

        .material-style .smartwizard-vertical-left .step-anchor, .material-style .smartwizard-vertical-right .step-anchor {
            -ms-flex-item-align: start;
            align-self: flex-start;
            -ms-flex-direction: column;
            flex-direction: column
        }

            .material-style .smartwizard-vertical-left .step-anchor li, .material-style .smartwizard-vertical-right .step-anchor li {
                -ms-flex-positive: 0;
                flex-grow: 0
            }

        .material-style .sw-theme-default.smartwizard-vertical-right {
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse
        }

            .material-style .sw-theme-default.smartwizard-vertical-right .step-anchor li > a {
                padding: 0 0 0 5.75rem
            }

            .material-style .sw-theme-default.smartwizard-vertical-right .sw-number, .material-style .sw-theme-default.smartwizard-vertical-right .sw-icon, .material-style .sw-theme-default.smartwizard-vertical-right .sw-done-icon {
                left: 2rem
            }
  
        .material-style[dir=rtl] .sw-theme-default.smartwizard-vertical-right .step-anchor li > a {
            padding: 0 5.75rem 0 0
        }

        .material-style[dir=rtl] .sw-theme-default.smartwizard-vertical-right .sw-number, .material-style[dir=rtl] .sw-theme-default.smartwizard-vertical-right .sw-icon, .material-style[dir=rtl] .sw-theme-default.smartwizard-vertical-right .sw-done-icon {
            right: 2rem;
            left: auto
        }
    }

    .table-frame-left,
    .fc-col-header-cell.fc-day.fc-day-mon.table-frame-border {
        position: relative;
        border-left: none;
    }

        .table-frame-left:before,
        .fc-col-header-cell.fc-day.fc-day-mon.table-frame-border:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            height: 100%;
            width: 2px;
            background-color: var(--table-border-color);
            z-index: 100;
        }


    .table-frame-border {
        position: relative;
    }

    .fc-col-header-cell.fc-resource .fc-scrollgrid-sync-inner {
        margin: 5px;
        font-size: 16px;
    }

    .fc-resourceTimeGridDay-view .fc-col-header-cell.fc-resource.table-frame-border {
        border-right: none;
    }

    .fc-col-header-cell.fc-resource.table-frame-border {
        position: relative;
        border-left: none;
    }

    .fc-resourceDayGridMonth-view .fc-col-header-cell.fc-resource.table-frame-border:before {
        width: 2px;
    }

    .fc-col-header-cell.fc-resource.table-frame-border:last-child:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 2px;
        background-color: var(--table-border-color);
        z-index: 100;
    }

    .fc-col-header-cell.fc-resource.table-frame-border:before, .fc-resourceTimeGridDay-view .fc-timegrid-col.fc-day.table-frame-border:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 2px;
        background-color: var(--table-border-color);
        z-index: 100;
    }



    .fc-col-header-cell.fc-resource.table-frame-border:first-child:before {
        right: auto;
        left: 0 !important;
    }


    .fc-timegrid-col.fc-day.fc-day-sun.table-frame-border:last-child:before {
        content: "";
        position: absolute;
        right: 0px;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 2px;
        background-color: var(--table-border-color);
        z-index: 100;
    }

    .fc-timegrid-col.fc-day.fc-day-sun.table-frame-border {
        position: relative;
    }

    .fc-daygrid-day.fc-day.fc-day-mon.table-frame-border {
        position: relative;
    }

        .fc-daygrid-day.fc-day.fc-day-mon.table-frame-border:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            height: 100%;
            width: 2px;
            background-color: var(--table-border-color);
            z-index: 100;
        }

    .fc-daygrid-day.fc-day.fc-day-sun.table-frame-border {
        position: relative;
    }

        .fc-daygrid-day.fc-day.fc-day-sun.table-frame-border:before {
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            height: 100%;
            width: 2px;
            background-color: var(--table-border-color);
            z-index: 100;
        }

    .fc-resourceDayGridMonth-view .fc-daygrid-day.fc-day.fc-day-sun.table-frame-border:before {
        right: -3px;
    }

    .fc-resourceDayGridMonth-view .fc-daygrid-day.fc-day.fc-day-sun:last-child.table-frame-border:before {
        right: 0;
    }

    .fc-col-header-cell.fc-day.fc-day-mon.table-frame-border:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 2px;
        background-color: var(--table-border-color);
        z-index: 100;
    }

    .fc-col-header-cell.fc-day.fc-day-mon.table-frame-border:after {
        right: 0;
        left: auto !important;
    }

    .fc-timegrid-col.fc-day-today.table-frame-border {
        position: relative;
        border-left: none;
        border-right: none;
    }

    .fc-resourceTimeGridDay-view.fc-view .fc-timegrid-col.fc-day-today.table-frame-border:last-child:after,
    .fc-resourceTimeGridDay-view.fc-view .fc-timegrid-col.fc-day-today.table-frame-border:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 2px;
        background-color: var(--table-border-color);
        z-index: 100;
    }

    .fc-resourceTimeGridDay-view.fc-view .fc-timegrid-col.fc-day-today.table-frame-border:last-child:after {
        right: 0;
        left: auto;
    }

    .fc-resourceTimeGridDay-view.fc-view .fc-timegrid-col.fc-day.fc-resource.table-frame-border:last-child::after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 2px;
        background-color: var(--table-border-color);
        z-index: 100;
        left: auto;
    }
    /*small heading*/
    .fc-col-header-cell.fc-day.fc-day-sun.table-frame-border:last-child:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 2px;
        background-color: var(--table-border-color);
        z-index: 100;
    }

    .bootstrap-datetimepicker-widget.dropdown-menu {
        z-index: 3002 !important;
    }

    /*AppointmentStatus Color starts*/
    .appointment-status-Orange {
        background-color: #ffd699 !important
    }

    .appointment-status-Yellow {
        background-color: #ffffb3 !important
    }

    .appointment-status-Green {
        background-color: #b3ffb3 !important
    }

    .appointment-status-Blue {
        background-color: #ccd9ff !important
    }

    .appointment-status-Cyan {
        background-color: #ccffff !important
    }

    .appointment-status-Pink {
        background-color: #ffcce6 !important
    }

    .appointment-status-Brown {
        background-color: #dfbf9f !important
    }

    .appointment-status-Grey {
        background-color: #bfbfbf !important
    }

    .appointment-status-Kimberly {
        background-color: #d1d1e0 !important
    }

    .appointment-status-Sand {
        background-color: #e1ceb7 !important
    }

    .appointment-status-White {
        background-color: #ffffff !important
    }

    .appointment-status-Red {
        background-color: #ffb3b3 !important
    }
    /*AppointmentStatus Color ends*/

    .preSpanForOtherField {
        font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
        font-size: 0.894rem;
        font-weight: 400;
        line-height: 1.47;
        color: #4E5155;
    }

    .constitutionalTextArea {
        height: 215px !important;
    }

    #examSummary pre, #examPreviewSummary pre {
        white-space: break-spaces;
    }

    .btn-PasteData-textarea-cancel {
        background: #fff !important;
        border-color: rgb(209 209 209) !important;
    }

    .addTopSpace {
        padding-top: 35px;
    }

@media only screen and (max-width: 420px) {
    body {
        font-size: 0.75rem
    }
    /*	#closeFilters span{
		display:none;
	}*/
    .mobile-page-title {
        max-width: 202px;
    }

    .modal-footer.reviewMedicineExam {
        flex-direction: column-reverse;
    }

    .reviewMedicineExam.modal-footer div {
        width: 100%;
        text-align: center !important;
    }
}


    @media only screen and (max-width: 370px) {

        .mobile-page-title {
            font-size: 14px;
            max-width: 144px;
        }
    }

    span.asterisk {
        color: red;
    }
      
    .footer-text {
    font-size: 11px !important;
    }