html {
    --navbar-width: 100px;
}
/*:root {
    --mud-palette-primary: #053365 !important;
    --mud-palette-info: #053365 !important;
}*/

.mud-button-filled.mud-button-filled-info,
.mud-button-filled.mud-button-filled-info:hover {
    background-color: #053365 !important;
}

.mud-switch-info.mud-checked {
    color: #053365 !important
}

.mud-button-filled.mud-button-filled-primary:hover {
    background-color: #082545 !important;
}
.mud-layout header.mud-appbar {
    background-color: #053365;
    top: 0;
    margin-left: 0px !important;
    width: 100% !important;
    transition: 0.8s;
}
.mud-icon-button-color-secondary {
    color: #fe3e3e;
}

.mud-layout aside {
    background-color: #d8e2e2 !important; /* width:5rem !important; left:0px !important;*/
    padding-top: 60px;
}

.fa-chevron-up, .fa-chevron-down {
    cursor: pointer;
    font-size: 1.2rem;
}

.mud-navmenu .mud-nav-item .mud-nav-link,
.mud-navmenu .mud-nav-group .mud-nav-link {
    padding: 1rem;
    color: #053365;
    position: relative;
    font-weight: bold;
}

    .mud-navmenu .mud-nav-item .mud-nav-link:before,
    .mud-navmenu .mud-nav-group .mud-nav-link:before {
        content: " ";
        position: absolute;
        left: 0px;
        top: 0px;
        width: 3px;
        height: 100%;
        font-weight: bold;
        background-color: transparent;
    }

    .mud-navmenu .mud-nav-item .mud-nav-link svg,
    .mud-navmenu .mud-nav-group .mud-nav-link svg {
        fill: #053365
    }

    .mud-navmenu .mud-nav-item .mud-nav-link:hover,
    .mud-navmenu .mud-nav-group .mud-nav-link:hover,
    .mud-navmenu .mud-nav-item .mud-nav-link.active,
    .mud-navmenu .mud-nav-group .mud-nav-link.active {
        color: #053365;
        background-color: rgba(151,186,247,0.3);
    }

        .mud-navmenu .mud-nav-item .mud-nav-link:hover svg,
        .mud-navmenu .mud-nav-group .mud-nav-link:hover svg,
        .mud-navmenu .mud-nav-item .mud-nav-link.active svg,
        .mud-navmenu .mud-nav-group .mud-nav-link.active svg {
            fill: #053365;
        }

    .mud-navmenu .mud-nav-item .mud-nav-link.active,
    .mud-navmenu .mud-nav-group .mud-nav-link.active {
        color: #053365;
        font-weight: bold;
        background-color: rgba(151,186,247,0.3)
    }

        .mud-navmenu .mud-nav-item .mud-nav-link.active:before,
        .mud-navmenu .mud-nav-group .mud-nav-link.active:before {
            background-color: #053365;
            font-weight: bold;
        }

.mud-nav-group > .mud-nav-link > .mud-nav-link-text {
    font-weight: bold !important;
}

.mud-layout.mud-drawer-close-mini-md-left {
}

.mud-navmenu .mud-nav-group {
    position: relative;
}

    .mud-navmenu .mud-nav-group .mud-collapse-container {
        left: 4rem; /* z-index: 1000000; */
    }



@media (max-width: 500px) {
    .botpage-pick-btn {
        margin-left: -36px;
        margin-top: 14px;
    }

    .botpage-clear-btn {
        margin-left: 15px;
        margin-top: 14px;
    }

    .entitypage-pick-btn {
        margin-left: -60px;
        margin-top: 14px;
    }

    .entitypage-clear-btn {
        margin-top: 14px;
        margin-left: 17px;
    }

    .intentgrp-pick-btn {
        margin-left: -36px;
        margin-top: 14px;
    }

    .intentgrp-clear-btn {
        margin-left: 15px;
        margin-top: 14px;
    }

    .intent-automatic {
        left: 14px;
    }

    .intent-manual {
        left: 63%;
    }

    .intent-lowpriority {
        left: 30px;
    }

    .intent-mediumpriority {
        left: 36%;
    }

    .intent-highpriority {
        left: 70%;
    }

    .intent-disable {
        left: 26px;
    }

    .intent-enable {
        left: 65%;
    }

    .CulureClass {
        margin-right: 1px;
    }

    .BotFilterData {
        margin-left: -187%;
        width: 118px !important;
    }

    .CulureClass .mud-popover-offset-y {
        margin-left: -39px;
    }
}

@media (min-width: 500px) {
    .intent-disable {
        left: 74px;
    }

    .intent-enable {
        left: 72%;
    }

    .intent-lowpriority {
        left: 80px;
    }

    .intent-mediumpriority {
        left: 44%;
    }

    .intent-highpriority {
        left: 73%;
    }

    .intent-automatic {
        left: 67px;
    }

    .intent-manual {
        left: 71%;
    }

    .botpage-pick-btn {
        margin-top: 14px;
        margin-left: -14px;
    }

    .botpage-clear-btn {
        margin-top: 14px;
    }

    .entitypage-pick-btn {
        margin-top: 14px;
    }

    .entitypage-clear-btn {
        margin-top: 14px;
        margin-left: -21px;
    }

    .intentgrp-pick-btn {
        margin-top: 14px;
        margin-left: -14px;
    }

    .intentgrp-clear-btn {
        margin-top: 14px;
    }

    .qnakb-dropdown {
        width: 240px;
        margin-left: 85px;
        margin-top: 10px;
    }

    .ExcelMenu {
        margin-left: 50px;
        margin-top: 10px;
        /* width: 93%;*/
    }

        .ExcelMenu .mud-popover {
            max-width: 100%;
        }

    .table-align-mudswitches {
        margin-top: -46px;
    }
}


.new-pagination .mud-popover {
    margin-top: -164px;
    position: absolute;
    bottom: 100%;
}

.Logs-Excel {
    float: right;
    margin-top: 10px !important;
    text-transform: none;
}

.UsersExcelMenu {
    margin-top: 10px !important;
    /*margin-left: -10px;*/
}
    
    .UsersExcelMenu .mud-button .mud-button-label {
        text-transform: none;
        white-space:nowrap;
    }

    .UsersExcelMenu .mud-popover {
        max-width: 100%;
    }

.VRB-position {
    float: right;
    position: relative;
    bottom: 25px;
    right: 20px;
    color: #053365 !important;
}

.FontSize {
    font-weight: bold;
    font-size: initial;
    position: relative;
    top: 5px;
    color: black;
}