@charset "UTF-8";
#header {
    z-index: 1050;
}
#companyLogo {
    height: 50px;
}
.app-header .brand img {
    max-height: 70%;
    max-width: initial;
}

.app-header .brand .brand-logo {
    padding: 0;
}

.app-header .menu {
    flex: 0;
}

.page-header {
    margin: 0;
    white-space: nowrap;
}

.alert > strong {
    margin-right: 1em;
}

#liveToast .toast-body a {
    color: yellow;
    text-decoration: underline;
}

button#btn-delete,
input[type=submit].btn {
    min-width: 120px;
}

input.input-validation-error {
    border-color: red;
}

.form-control.input-validation-error:focus {
    border-color: red;
    box-shadow: 0 0 0 .25rem rgba(255, 0, 0,.25);
}

#fileupload,
#fileuploadPhoto {
    position: absolute;
    left: -1000px;
    top: -1000px;
}

div.datatable_filter {
    text-align: left;
}

h4 .small, h4 small {
    font-size: 1rem;
    color: rgba(var(--bs-body-color-rgb),.7);
    font-weight: 400;
}

.register .register-content {
    max-width: 35rem;
}
.login .login-content {
    max-width: 25.5rem;
    text-align: center;
}

.modal-title small, modal-title .small,
.page-header .small, .page-header small {
    font-size: 1rem;
    color: rgba(var(--bs-body-color-rgb),.7);
    font-weight: 400
}
form #btnSubmit {
    min-width: 100px;
}
#mainModalBody {
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}
    #mainModalBody h4 {
        font-size: 1.1rem;
    }
    #mainModalBody table.table td.checkbox {
        text-align: center;
        vertical-align: bottom;
    }
#mainModalFooter button .btn {
    min-width: 80px;
}

#blocker {
    display: none;
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000000;
    --bs-backdrop-opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg);
}
    #blocker > div {
        height: 100%;
        --bs-backdrop-zindex: 1050;
        --bs-backdrop-bg: #000000;
        --bs-backdrop-opacity: 0.5;
        --bs-modal-width: 300px;
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto;
        display: flex;
        align-items: center;
        min-height: calc(100% - var(--bs-modal-margin) * 2);
        position: relative;
        width: auto;
        pointer-events: none;
    }
    #blocker .spinner-border {
        display: flex;
        font-size: 17px;
        width: 100px;
        height: 100px;
        margin-left: auto;
        margin-right: auto;
    }

.calendar {
    background: var(--bs-body-bg);
}
.calendar {
    background: var(--bs-body-bg);
}
.calendar {
    background: var(--bs-body-bg);
}
.fc-view-harness,
.fc-header-toolbar {
    background: var(--bs-component-bg);
}
.fw-501 {
    font-weight: 501 !important
}
a.dropdown-item:not(:disabled) {
    cursor: pointer;
}