﻿/*side bar style*/
/*fix not complete menu menuitem clickable*/
.sidebar-item a {
    display: block;
}

/* Combobox dropdown fix ( Synfusion? )*/
.e-filterdiv {
    position: unset !important;
}

/*syncfusion controls*/
/*switch*/
.e-switch-wrapper .e-switch-on, .e-css.e-switch-wrapper .e-switch-on {
    background-color: #05263F;
    border-color: #05263F;
}

.e-switch-wrapper .e-switch-inner.e-switch-active,
.e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on {
    background-color: #05263F;
    border-color: #05263F;
}

.e-switch-wrapper .e-switch-inner,
.e-switch-wrapper .e-switch-off,
.e-switch-wrapper:hover .e-switch-inner,
.e-switch-wrapper:hover .e-switch-off {
    background-color: #C5D5E4;
    border-color: #C5D5E4;
}

.e-switch-wrapper .e-switch-handle {
    background-color: #fff;
    border-color: #C5D5E4;
}


.filemanager-container .e-splitter {
    height: 600px !important;
}

/* Dropdown offset correction ( DevExpress? )*/
.ims-combobox .dx-dropdown-list-container {
    position: absolute;
}


/*spinner*/
.ims-support-spinner .e-spin-bootstrap5 {
    stroke: #05263F !important;
}

.ims-support-spinner .e-spin-label {
    color: #05263F !important;
}


/* TODO: Temp grid height fix*/
.ims-grid-container {
    /*min-height: 400px;*/
}

.e-primary, .btn-primary {
    background-color: #05263F;
}

/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
    scrollbar-width: auto;
    scrollbar-color: #A3B7C9 #ffffff;
}

    /* Chrome, Edge, and Safari */
    *::-webkit-scrollbar {
        width: 16px;
    }

    *::-webkit-scrollbar-track {
        background: #ffffff;
    }

    *::-webkit-scrollbar-thumb {
        background-color: #A3B7C9;
        border-radius: 10px;
        border: 3px solid #ffffff;
    }

@media screen and (max-width: 1400px) {
    .e-grid .e-attr {
        width: 180px !important;
    }
}

.badge-minwidth40 {
    min-width: 40px;
    text-align: center;
}

.bg-darkblue {
    background-color: #05263F;
}

.version {
    color: white !important;
    position: absolute;
    bottom: 0;
    padding-left: 3px;
}

#release-notes-tab-container .e-tab > .e-content .e-item {
    height: 100%;
}
