:root {
    --bb-toolbar-background-color: var(--bs-light);
}

:root[data-bs-theme="dark"] {
    --bb-toolbar-background-color: #3c3c3c;
}

@media (min-width: 767px) {
    .emr-page {
        display: grid;
        grid-template-rows: auto 1fr;
        height: 100vh;
        min-height: 0;
    }
}

.min-vh-85 {
    min-height: 85vh !important;
}

.min-vh-90 {
    min-height: 90vh !important;
}

.pdf-modal .modal-header {
    padding: 0.5rem 1.75rem;
}

/* Reset css  */
form .input-group-text:before,
form .form-label:before {
    content: none;
    position: static;
    top: initial;
    margin-right: 0;
    display: none;
    min-width: 0;
}

.spinner-border-loading-button {
    --bs-spinner-width: 1.5rem;
    --bs-spinner-height: 1.5rem;
    --bs-spinner-border-width: 0.145em;
}


.dt-column-header {
    display: contents !important;
}

/*Fixed drawer conflict with BootstrapBlazor*/
.drawer {
    left: auto;
}

.modal {
    --bs-modal-header-padding: 1rem 1.75rem;
}

.modal .btn-maximize {
    padding: 10px 2px !important;
}

.card-flush .card-header+.card-body {
    border-top: 0 !important;
}

.select {
    --bb-select-focus-shadow: none;
    --bb-select-padding-right: 2.25rem;
    --bb-select-padding: 0.775rem 3rem 0.775rem 1rem;
    --bb-select-append-width: 30px;
    --bb-select-append-color: #c0c4cc;
}

.was-validated .form-control:valid,
.form-control.is-valid {
    border-color: var(--bs-form-valid-border-color);
    padding-right: calc(1.5em + 1.55rem);
    background-image: none;
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.3875rem) center;
    background-size: calc(0.75em + 0.775rem) calc(0.75em + 0.775rem);
}


.switch {
    width: auto;
}

.btn-close {
    --bs-btn-close-bg: url('/_content/HVTT.tERP.Shared/img/cross.svg') !important;
    --bs-btn-close-opacity: 0.5;
    --bs-btn-close-hover-opacity: 0.75;
    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: 0.25;
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: var(--bs-btn-close-color);
    background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
    filter: var(--bs-btn-close-filter);
    border: 0;
    border-radius: .375rem;
    opacity: var(--bs-btn-close-opacity);
}