@charset "UTF-8";

:root {
    --font-size-ratio: 0.85;
    --cui-light-rgb: 250, 250, 250;
    --cui-body-font-size: calc(1rem * var(--font-size-ratio));
}

.header {
    --cui-header-padding-x: calc(0.5rem * var(--font-size-ratio));
    --cui-header-padding-y: calc(0.5rem * var(--font-size-ratio));
}

table {
    table-layout: fixed;
}

.sidebar {
    --cui-sidebar-bg: rgb(0, 0, 0);
}

.sidebar-header {
    margin: auto;
}

.sidebar-brand-full {
    margin-left: 0;
}

/* Forces datepicker always on top */
.ui-datepicker {
    z-index: 1056 !important;
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
    height: calc(3rem + calc(var(--cui-border-width) * 2));
    min-height: calc(3rem + calc(var(--cui-border-width) * 2));
}

.form-floating>label {
    padding: 0.85rem 0.75rem;
    min-width: 100%;
}

.form-floating>.form-select {
    padding-top: calc(1.625rem * var(--font-size-ratio));
}

.form-select {
    font-size: calc(1rem * var(--font-size-ratio));
}

.form-control {
    font-size: calc(1rem * var(--font-size-ratio));
}

.pagination {
    --cui-pagination-font-size: calc(1rem * var(--font-size-ratio));
}

.btn {
    --cui-btn-font-size: calc(1rem * var(--font-size-ratio));
}

small {
    font-size: calc(0.875em * var(--font-size-ratio));
}

h1,
.h1 {
    font-size: calc(1.375rem * var(--font-size-ratio) + 1.5vw);
}

@media (min-width: 1200px) {

    h1,
    .h1 {
        font-size: calc(2.5rem * var(--font-size-ratio));
    }
}

h2,
.h2 {
    font-size: calc(1.325rem * var(--font-size-ratio) + 0.9vw);
}

@media (min-width: 1200px) {

    h2,
    .h2 {
        font-size: calc(2rem * var(--font-size-ratio));
    }
}

h3,
.h3 {
    font-size: calc(1.3rem * var(--font-size-ratio) + 0.6vw);
}

@media (min-width: 1200px) {

    h3,
    .h3 {
        font-size: calc(1.75rem * var(--font-size-ratio));
    }
}

h4,
.h4 {
    font-size: calc(1.275rem * var(--font-size-ratio) + 0.3vw);
}

@media (min-width: 1200px) {

    h4,
    .h4 {
        font-size: calc(1.5rem * var(--font-size-ratio));
    }
}

h5,
.h5 {
    font-size: calc(1.25rem * var(--font-size-ratio));
}

h6,
.h6 {
    font-size: calc(1rem * var(--font-size-ratio));
}

.clean_input_icon {
    position: absolute;
    top: 0.9rem;
    right: 0.55rem;
    background-color: white;
    color: gray;
    cursor: pointer;
}