/*------------------------------------------Master/RolePermission-------------------------------------------------*/

.RolePermission_box {
    overflow-y: auto;
    max-height: calc(100vh - 130px);
}

.accordion-item:not(:first-of-type) {
    border-top: 1px solid;
    border-color: var(--bs-border-color);
    padding: 20px;
}

.accordion-item {
    width: 500px;
}

    .accordion-item:first-of-type {
        padding: 20px;
    }
/*------------------------------------------All Table-------------------------------------------------*/

.table-responsive tbody tr:hover {
    background-color: #f0f0f0; /* Change this to the color you want */
}
/*.table-responsive thead th:last-child {
    position: sticky !important;
    right: 0 !important;
    z-index: 2 !important;
    width: 100px !important;
}

.table-responsive tbody td:last-child {
    position: sticky !important;
    right: 0 !important;
    z-index: 2 !important;
}*/

/*-------------------btn_edit-------------------*/
button.btn_edit {
    background-color: #ecf2fc;
    border: 1px solid #123C89;
    color: #123C89;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1.25px;
    border-radius: 4px;
    width: 35px;
    text-align: center;
    padding: 0px;
    transition: all .3s;
    text-transform: uppercase;
    min-height: 27px;
    line-height: 25px;
    height: 27px;
    max-height: 27px;
}

    button.btn_edit:hover,
    button.btn_edit:focus,
    button.btn_edit:active {
        background-color: #123C89 !important;
        border: 1px solid #123C89 !important;
        color: #FFFFFF !important;
    }

    button.btn_edit:disabled,
    button.btn_edit:disabled:hover,
    button.btn_edit:disabled:focus,
    button.btn_edit:disabled:active {
        background-color: #ECECEC !important;
        border: 1px solid #9e9e9e !important;
        pointer-events: none !important;
        color: #000 !important;
        cursor: no-drop !important;
        opacity: 0.6 !important;
    }

button.btn_success {
    background-color: #d2e7d2;
    border: 1px solid #228B22;
    color: #228B22;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1.25px;
    border-radius: 4px;
    width: 35px;
    text-align: center;
    padding: 0px;
    transition: all .3s;
    text-transform: uppercase;
    min-height: 27px;
    line-height: 25px;
    height: 27px;
    max-height: 27px;
}

    button.btn_success:hover,
    button.btn_success:focus,
    button.btn_success:active {
        background-color: #228B22 !important;
        border: 1px solid #228B22 !important;
        color: #FFFFFF !important;
    }

    button.btn_success:disabled,
    button.btn_success:disabled:hover,
    button.btn_success:disabled:focus,
    button.btn_success:disabled:active {
        background-color: #ECECEC !important;
        border: 1px solid #9e9e9e !important;
        pointer-events: none !important;
        color: #000 !important;
        cursor: no-drop !important;
        opacity: 0.6 !important;
    }


button.btn_error {
    background-color: #f8dddd;
    border: 1px solid #D22B2B;
    color: #D22B2B;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1.25px;
    border-radius: 4px;
    width: 35px;
    text-align: center;
    padding: 0px;
    transition: all .3s;
    text-transform: uppercase;
    min-height: 27px;
    line-height: 25px;
    height: 27px;
    max-height: 27px;
}

    button.btn_error:hover,
    button.btn_error:focus,
    button.btn_error:active {
        background-color: #D22B2B !important;
        border: 1px solid #D22B2B !important;
        color: #FFFFFF !important;
    }

    button.btn_error:disabled,
    button.btn_error:disabled:hover,
    button.btn_error:disabled:focus,
    button.btn_error:disabled:active {
        background-color: #ECECEC !important;
        border: 1px solid #9e9e9e !important;
        pointer-events: none !important;
        color: #000 !important;
        cursor: no-drop !important;
        opacity: 0.6 !important;
    }

/*-------------------------------------------------------------------------------------------*/

.navbar-collapse {
    min-height: calc(100vh - 100px);
    height: calc(100vh - 100px);
    overflow: auto;
}


.sidebar .nav-logo {
    display: block;
    padding: 14px 0px;
}


.sidebar .nav-item.setting_menu {
    position: relative;
    bottom: unset;
}
.sidebar .nav-item {
    padding:10px 12px !important;
}

.sidebar .nav-item .sub-menu-wrapper {
    height: 100vh;
    position: fixed;
    top: 0px;
    left: 80px;
    width: 200px;
    background: #2A5095;
}

.sidebar .nav-item:hover .sub-menu-wrapper {
    height: 100vh;
    position: fixed;
    top: 0px;
    left: 80px;
    width: 200px;
    background: #2A5095;
    overflow-y: auto;
    overflow-x: unset;
    opacity: 1;
}

.sidebar .nav-item.setting_menu ul.sub-menu-wrapper {
    top: 0px;
    height: 100vh;
    overflow-y: auto;
    overflow-x: unset;
}

.sidebar .nav-item {
    cursor: unset;
}

    .sidebar .nav-item .sub-menu-wrapper .sub-menu-title {
        height: 50px;
        padding: 0px 10px;
        line-height: 50px;
        background-color: #123C89;
        font-size: 14px;
    }

    .sidebar .nav-item .sub-menu-wrapper li {
        padding: 10px;
    }

    .sidebar .nav-item .sub-menu-wrapper .sub-menu-item {
        white-space: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 17px;
    }