/* Background colors */
.my-bg {
    background-color: #4A4D51 !important;
}

.my-main-grid-header {
    background-color: #4A4D51 !important;
    color: #F8F9FA;
}

.my-custom-drawer-bg {
    --dxbl-drawer-panel-bg: #E9E9E9;
}

.my-custom-secondary-bg {
    background-color: #E9E9E9;
}

.my-fixed-col-bg {
    background-color: #FFFDEC !important;
}

/* Forecolor or text color */
.my-color {
    color: #F8F9FA;
}

/* borders */
.my-border-top {
    border-top: solid;
    border-top-width: thin;
    border-top-color: #CFCFCF;
}

.my-border-bottom {
    border-bottom: solid;
    border-bottom-width: thin;
    border-bottom-color: #CFCFCF;
}

.my-border {
    border: solid;
    border-width: thin;
    border-color: #CFCFCF;
}

/* Customized tab control */
.my-custom-nav-link {
    cursor: pointer;
    color: #F8F9FA;
    font-size: 0.90rem;
    font-weight: bold;
}

    .my-custom-nav-link.active {
        color: var(--bs-gray-900) !important;
        border-left-color: #C0C0C0 !important;
        border-top-color: #C0C0C0 !important;
        border-right-color: #C0C0C0 !important;
        background-color: var(--bs-gray-100);
    }

    .my-custom-nav-link:hover {
        color: var(--bs-body-color);
    }

    .my-custom-nav-link:not(.active):hover {
        background-color: var(--bs-gray-300);
    }

    .my-custom-nav-link.disabled {
        color: #8D959C !important;
    }


.my-bg-secondary-lighter {
    background-color: #D6D6D6;
}