body {
    padding-top: 83px;
    background: transparent !important;
}

.modal-backdrop {
    background-color: #ffffffc8;
}

body.dark .modal-backdrop {
    background-color: #181818c9 !important;
}

.loading-background-color {
    z-index: 10000;
}

.rz-column-title-content {
    line-height: 1.3rem;
}

td {
    vertical-align: top;
}

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    font-family: "Open Sans";
    font-size: 14px;
}

.h1, h1 {
    font-size: 1.8rem;
    font-weight: bold;
    color: #01306F;
    outline: none !important;
}

body.dark .h1, body.dark h1 {
    color: #ddd;
}

.h2, h2 {
    font-size: 1.6rem;
    font-weight: bold;
    color: #01306F;
}

body.dark .h2, body.dark h2 {
    color: #ddd;
}

.h3, h3 {
    font-size: 1.4rem;
    font-weight: bold;
    color: #01306F;
}

body.dark .h3, body.dark h3 {
    color: #ddd;
}

.h4, h4 {
    font-size: 1.2rem;
    /*font-weight: bold;*/
    color: #01306F;
}

body.dark .h4, body.dark h4 {
    color: #ddd;
}

.h5, h5 {
    font-size: 1.0rem;
    font-weight: bold;
    color: #01306F;
}

body.dark .h5, body.dark h5 {
    color: #ddd;
}

.btn {
    font-size: 1.0rem;
    cursor: pointer;
}

html, body {
    height: 100%;
}


.fontSize20 {
    font-size: 2rem;
}

.fontSize15 {
    font-size: 1.5rem;
}

.fontSize13 {
    font-size: 1.3rem;
}

.fontSize12 {
    font-size: 1.2rem;
}

.fontSize11 {
    font-size: 1.1rem;
}

.fontSize09 {
    font-size: 0.9rem;
}

.fontSize08 {
    font-size: 0.8rem;
}

.fontSize07 {
    font-size: 0.7rem;
}

.fontSize06 {
    font-size: 0.6rem;
}

.maxWidth50 {
    max-width: 50px;
}

.maxWidth100 {
    max-width: 100px;
}

.maxWidth200 {
    max-width: 200px;
}

.maxWidth250 {
    max-width: 250px;
}

.maxWidth300 {
    max-width: 300px;
}

.maxWidth400 {
    max-width: 400px;
}

.maxWidth500 {
    max-width: 500px;
}

.maxWidth600 {
    max-width: 600px;
}

.maxWidth800 {
    max-width: 800px;
}

.maxWidth1000 {
    max-width: 1000px;
}

.maxWidth1200 {
    max-width: 1200px;
}


.maxWidth1400 {
    max-width: 1400px;
}

.minWidth100 {
    min-width: 100px;
}

.minWidth200 {
    min-width: 200px;
}

.minWidth300 {
    min-width: 300px;
}

.minWidth400 {
    min-width: 400px;
}

.minWidth600 {
    min-width: 600px;
}

.minWidth800 {
    min-width: 800px;
}

.minWidth1000 {
    min-width: 1000px;
}

.maxHeight20 {
    max-height: 20px;
}

.maxHeight75 {
    max-height: 75px;
}

.maxHeight100 {
    max-height: 100px;
}

.maxHeight200 {
    max-height: 200px;
}

.maxHeight300 {
    max-height: 300px;
}

.maxHeight400 {
    max-height: 400px;
}

.maxHeight600 {
    max-height: 600px;
}

.maxHeight800 {
    max-height: 800px;
}

.maxHeight1000 {
    max-height: 1000px;
}

.minHeight100 {
    min-height: 100px;
}

.minHeight200 {
    min-height: 200px;
}

.minHeight300 {
    min-height: 300px;
}

.minHeight400 {
    min-height: 400px;
}

.minHeight600 {
    min-height: 600px;
}

.minHeight800 {
    min-height: 800px;
}

.minHeight1000 {
    min-height: 1000px;
}

.dashboardCard {
    width: 250px;
    height: 100%;
}

#components-reconnect-modal {
    z-index: 3;
}

.w-20 {
    width: 19.5%
}

.w-33 {
    width: 32.5%
}

.pre-wrap {
    white-space: pre-wrap;
}

.rz-fileupload-buttonbar {
    background-color: transparent !important;
}

.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td {
    cursor: pointer;
}

.overflow-y {
    overflow-y: auto;
    overflow-x: hidden;
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.rz-fileupload-choose {
    width: 100%;
    min-height: 200px !important;
    text-align: center;
    line-height: 200px !important;
    color: black !important;
    background-color: lightgray !important;
}

.rz-fileupload-buttonbar {
    padding: 0px !important;
}

.rz-fileupload-choose input[type=file] {
    left: 0;
}

.documentContainer {
    width: 200px;
    margin-top: 8px;
    margin-bottom: 8px;
    padding-right: 20px;
}

.textLightGray {
    color: lightgray;
}

@media print {
    @page :footer {
        display: none
    }

    @page :header {
        display: none
    }

    @page {
        margin-top: 0;
        margin-bottom: 0;
    }

    body {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .noPrintTableHeader {
        border: none !important;
    }

        .noPrintTableHeader > .rz-data-grid-data > .rz-grid-table > thead {
            display: none !important;
        }

        .noPrintTableHeader > .rz-data-grid-data > .rz-grid-table > tbody > .rz-data-row {
            display: none !important;
        }

        .noPrintTableHeader .rz-expanded-row-content td,
        .noPrintTableHeader .rz-expanded-row-template,
        .noPrintTableHeader .rz-expanded-row-content {
            border: none !important;
            background-color: transparent !important;
        }

    .rz-pager {
        display: none !important;
    }
}

.customTableHeader > .rz-data-grid-data > .rz-grid-table thead > tr > th > div {
    padding: 2px !important;
}

@media print {
    .modal-backdrop {
        background-color: white;
        opacity: 1 !important;
    }
}

.btn-round {
    width: 2em;
    height: 2em;
    border-radius: 1em;
    padding: 0.2em 0.1em 0.1em 0.1em;
}

.btn-round-sm {
    width: 1.4em;
    height: 1.4em;
    border-radius: 0.7em;
    padding: 0;
}

.btn-round-outline {
    border: 0.1em dashed red;
    padding: 0.0575em;
    height: 2.30em;
    width: 2.30em;
    border-radius: 1.15em;
}


.heightMinus200Menu {
    height: calc(100vh - 200px);
}

.mainContainer {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .mainContainer {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .mainContainer {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .mainContainer {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .mainContainer {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .mainContainer {
        max-width: 1320px;
    }
}

.dropdown-menu {
    width: 250px;
    max-height: 400px;
    overflow-y: auto;
}

.rz-grid-table td {
    vertical-align: middle;
}

:not(.rz-form-field-content) > .rz-numeric.rz-state-disabled {
    opacity: 1 !important;
}

.rz-state-disabled .rz-inputtext {
    background-color: #e9ecef !important;
    color: black !important;
    opacity: 1 !important;
}


body.dark .rz-state-disabled .rz-inputtext {
    background-color: #0d0e10 !important;
    color: white !important;
    opacity: 1 !important;
}


body.dark .form-control:disabled, .form-control[readonly] {
    background-color: #0d0e10 !important;
}

body.dark .bg-light {
    background-color: #2a2b2d !important;
}

.form-group {
    margin-bottom: 1rem;
    padding: 0 0.25rem;
}

.dropdown-item {
    cursor: pointer;
}

.btn-placeholder {
    width:30px;
    height:30px;
}