/*
File: Custom Css File
*/

/*........................ Global Area Start ........................ */

.custom-select-wrapper {
    position: relative;
    width: 300px;
}

.custom-select {
    position: relative;
    display: inline-block;
    width: 100%;
}

.custom-select-trigger {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px;
    background: #fff;
    border: 1px solid #ccc;
    cursor: pointer;
}

.custom-options {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 999;
    max-height: 200px;
    overflow-y: auto;
}

.custom-options.open {
    display: block;
}

.custom-option {
    padding: 10px;
    cursor: pointer;
}

.custom-option:hover {
    background: #f1f1f1;
}

.custom-select input {
    width: 100%;
    padding: 10px;
    border: none;
    outline: none;
}

/* Default Sidebar Active Bg Color */
.navbar-menu .navbar-nav .nav-link.active {
    border-right: 5px solid #1ABB9C;
    background-color: #6f6f6f24;
}

/* Sidebar Bg Color  */
/* .navbar-menu {
    background-color: #1d2642;
} */

/* Sidebar Menu Drupdawn button Bg Color */
.active-menu {
    background-color: #1d496f40;
}

.choices__inner {
    padding: 0.25rem 0.6rem 0.1rem .5rem !important;
}

/* Table Border */
.border_buttom_none {
    border-bottom: 1px solid white;
}

/*........................ Global Area End ........................ */

/*........................ Sell Report Area Start ........................ */
.w3-modal {
    z-index: 9999 !important;
}
.material-shadow {
    border-top: 1px solid #ededed !important;
}

/* .select_width {
    width: 90%;
} */

@media (min-width:254px) {
    .select_width {
        width: 70%;
    }
}
@media (min-width:292px) {
    .select_width {
        width: 76%;
    }
}
@media (min-width:320px) {
    .select_width {
        width: 79%;
    }
}
@media (min-width:343px) {
    .select_width {
        width: 81%;
    }
}
@media (min-width:372px) {
    .select_width {
        width: 83%;
    }
}
@media (min-width:400px) {
    .select_width {
        width: 84.5%;
    }
}
@media (min-width:430px) {
    .select_width {
        width: 86%;
    }
}
@media (min-width:454px) {
    .select_width {
        width: 87%;
    }
}
@media (min-width:470px) {
    .select_width {
        width: 87.5%;
    }
}
@media (min-width:485px) {
    .select_width {
        width: 88%;
    }
}
@media (min-width:505px) {
    .select_width {
        width: 88.6%;
    }
}
@media (min-width:576px) {
    .select_width {
        width: 88%;
    }
}
@media (min-width:768px) {
    .select_width {
        width: 88%;
    }
}
@media (min-width:992px) {
    .select_width {
        width: 86%;
    }
}
@media (min-width:1200px) {
    .select_width {
        width: 91%;
    }
    .w3-modal-content {
        width: 1000px !important;
    }
}

@media (min-width:1700px) {
    .select_width {
        width: 90.9%;
    }
}
@media (min-width:2000px) {
    .select_width {
        width: 90.8%;
    }
}
@media (min-width:2500px) {
    .select_width {
        width: 90.4%;
    }
}
@media (min-width:3000px) {
    .select_width {
        width: 89.5%;
    }
}


/*........................ Sell Report Area End ........................ */

/*........................ Report Area End ........................ */

.responsive_tab {
    flex-basis: auto  !important;
}

/*........................ Report Area End ........................ */


/*........................ Salary Advance Start ........................ */


/*........................ Salary Advance End ........................ */