html[data-bs-theme="light"] body {
    background-color: #908f8f;
    color: #ddd;
}

html, body {
    height: 100% !important;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 10pt;
    margin: 0;
}

body {
    min-height: 100vh;
    padding-top: var(--navbar-height);
}

.valign-center, .valign-middle {
    vertical-align: middle !important;
}

.labelInPanel {
    font-size: 10pt;
    color: #fff;
}

.longdropdown {
    height: 150px;
    overflow-y: scroll;
}

.container-fluid-99 {
    width: 99% !important;
}

.roundedControls, input, select {
    border-radius: 5px !important;
}

    input[type=text] {
        box-sizing: border-box !important;
        font-weight: bold !important;
        font-size: 10pt !important;
    }

.multiselect400, .multiselect-container {
    width: 99% !important;
}

.profile-user-img {
    margin: 0;
    width: 25px;
    padding: 3px;
    border: 1px solid #f05003;
}

.content-utility {
    background-color: var(--content-utiltity-background) !important;
    color: #fff;
    padding: 0;
    margin: 0;
}

    .content-utility a, a:link, a:visited {
        color: #FFF;
        text-decoration: none;
    }

        .content-utility a:hover, a:focus {
            color: #fffa00;
            text-decoration: underline;
        }

.content-wrapper {
    color: #fff;
    min-height: 100% !important;
    overflow: visible;
    width: 100%;
}

.content-footer {
    background-color: var(--content-footer-background) !important;
    color: #eeeeee;
    border-top: solid 1px #343333;
}

.isDisabled {
    cursor: not-allowed;
    opacity: 0.5;
}

a[aria-disabled="true"] {
    color: currentColor;
    display: inline-block;
    pointer-events: none;
    text-decoration: none;
}

.div-table-borderless {
    border: 1px solid #cfcfcf !important;
}

.verticalLine {
    padding: 5px;
    margin: 0px;
    border-left-width: 1px;
    border-left-color: #cfcfcf;
    border-left-style: solid;
    height: 100px;
}

.divTitleFrame {
    height: 25px;
    padding: 2px 0px 0px 0px;
    margin: 0px;
    text-align: center;
    vertical-align: middle;
    font-size: 12pt;
    font-weight: bold;
}

.divScrollEvents {
    height: 200px;
    overflow: auto;
    white-space: nowrap;
}

div.table {
    text-align: center !important;
}

.imgFixed {
    max-height: 50px !important;
    max-width: 100px !important;
}


.textBoxDate {
    width: 130px !important;
}

/* input-group */
.input-group .form-control, .input-group .form-select, .input-group .input-group-text {
    border-radius: 0 !important; /* reset all first */
}

/* First child keeps only left side rounded */
.input-group > :first-child {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important;
}

/* Last child keeps only right side rounded */
.input-group > :last-child {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important;
}


/* input-group-icon */
.input-group-icon .form-control, .input-group-icon .form-select, .input-group-icon .input-group-text {
    border-radius: 0 !important; /* reset all first */
}

/* First child keeps only left side rounded */
.input-group-icon > :first-child {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important;
}

/* Last child keeps only right side rounded */
.input-group-icon > :last-child {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important;
}

html[data-bs-theme="light"] .modal-body .modal-text-message-color {
    color: #ff0000 !important;
    font-weight: bold !important;
}

html[data-bs-theme="dark"] .modal-body .modal-text-message-color {
    color: #00c604 !important;
    font-weight: bold !important;
}

html[data-bs-theme="dark"] .text-danger,
html[data-bs-theme="dark"] .text-red,
html[data-bs-theme="dark"] .text-success {
    color: #ffff66 !important; /* yellow for dark theme */
}

.divseparator25 {
    height: 25px;
}

.imgClub25x25 {
    max-height: 25px !important;
    max-width: 25px !important;
}
.imgClub35x35 {
    max-height: 35px !important;
    max-width: 35px !important;
}
.imgClub45x45 {
    max-height: 45px !important;
    max-width: 45px !important;
}
.imgClub60x60 {
    max-height: 60px !important;
    max-width: 60px !important;
}