.section-middle {
    min-height: calc(100vh - 120px);
}

.login-box {
    background: url(/img/loginbg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

.login-card {
    padding: 20px;
    z-index: 99999;
    width: 400px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.auth_left, .auth_right {
    width:50% !important;
}

.dirty {
    background-color: pink !important;
}

.modal-dialog {
    max-width: 2400px;
}

.sidebar_dark .sidebar .metismenu a {
    color: #ffffff;
}

body, .btn, .table th { 
    font-weight: 500;  
}
/*body, .section-middle .btn, .section-middle .table th, .section-middle .table td, .section-middle th, */
/*.section-middle td, .section-middle a, .section-middle p, .section-middle li, .section-middle div {  */
    /*font-size: 14px;*/
/*}*/

.page-header-tab .nav-link.active, .page-header-tab .nav-link:hover { 
    border-top: 5px solid !important; 
}

.nav-tabs .nav-link { 
    color: #283041 ; 
}
 
.notes-scroller {
    max-height: 200px;
    overflow: auto;
}

.dataTables_filter label {
    color: #434A54;
}

.staging-bar {
    color: yellow;
    font-weight: 600;
    font-size: 23px;
}


:root {
    --link-color-hover:#1A5089;
    --link-color:#0069d9;
    --link-info:#00A9BD;
    --red:#ba0000;
    --red-shade:#ffd0c2;
}

.menu_toggle {
    color: var(--link-info);
} 

a {
    color: var(--link-color);
}

a:hover {
    color: var(--link-color-hover);
}

.section-middle, .multiselect-selected-text {
    color: #000;
}

.fw-600 {
    font-weight: 600;
}

.quick-notes-icon {
    text-align:center;
    font-size:14px;
    cursor: pointer;
}

.green {
    color: #28a745;
}

.timezone {
    font-size: 11px;
}

.toast_container {
    position: absolute;
    bottom: 10px;
    right: 10px;
    float: right;
    z-index: 10;
    max-height: calc(100vh - 65px);
    overflow-y: scroll;
}

.toast_item_container { 
    box-shadow: 0 5px 50px rgba(0, 0, 0, 0.5); 
    height: auto;
    width: auto;
}
.appointment_toast {
    position: relative;
    background-color:var(--red-shade);
    width: 300px;
}
 
.appointment_toast .toast-header {
    background-color: var(--red);
    
}

.appointment_toast .toast-header strong {
    color: var(--red-shade);

}

.appointment_toast .toast-body { 

}

.appointment_toast .toast-body p { 
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
}

.appointment_toast .toast-body p span { 
    font-weight: 600;
}

.appointment_title {
    margin-top: 0.75rem;
    font-weight: 600;
    color: var(--red);
}
 
#htmlbody {
    font-size: 14px !important;
}

.multiselect-container {
    height: 200px;
    overflow-y: scroll;
}