@charset "UTF-8";

:root {
}


/*.tab-active .active-module-header {
    color: white !important;
}
*/
/*.tab-active:hover {
    color: #0073ea !important;
}*/

.active .active-module-header {
    color: white !important;
}

.e-toolbar-item.e-template.e-ileft.e-active .active-module-header{
    color:white !important;
}
.e-tab .e-tab-header .e-toolbar-item.e-active:hover .active-module-header {
    color: #0073ea !important;
}
.tab-setting a:hover {
    color: #0073ea;
}
.tab-setting a.active {
    color: white !important;
}
.tab-setting .e-toolbar-item.e-template.e-ileft.e-active {
    background-color: #fc9c3c;
}

    .tab-setting .e-toolbar-item.e-template.e-ileft.e-active a{
        color: white ;
    }

.tab-setting .e-toolbar-item.e-template.e-ileft.e-active img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(227deg) brightness(104%) contrast(102%)
}

.tab-setting .e-toolbar-item.e-template.e-ileft.e-active:hover img {
    filter: brightness(0) saturate(100%) invert(73%) sepia(68%) saturate(1418%) hue-rotate(328deg) brightness(98%) contrast(103%);
}

.tab-setting .e-toolbar-item.e-template.e-ileft.e-active:hover a {
    background-color: white;
    color: #0073ea !important;
}
.tab-dot-img {
    margin-inline-end: 4px;
    width: 6px;
    height: 6px;
}

.header-text-style {
    padding: 4px;
    font-family: 'Segoe UI Semibold';
    font-size: 13px;
    height: 30px;
}
.order-main-header {
    display: flex;
    align-items: center;
}
.tab-active-module-img {
    margin-inline-end: 4px;
    width: 18px;
    height: 18px;
}
.active-module-header {
    color: #d72d36;
    font-weight: bold;
}
.absolute-header {
    position: absolute;
    inset-inline-end: 1.5rem;
    top: 62px;
    font-family: 'Segoe UI Semibold';
    font-size: 13px;
}

::-webkit-scrollbar {
    height: 10px !important;
    width: 10px !important;
}
@media (min-width: 1281px) {
    .tab-app-name {
        display: flex;
    }
}

@media (max-width: 1280px) {
    .tab-app-name {
        display: none;
    }
}