/*Import Assets*/
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");
.material-symbols-outlined {
    font-variation-settings:
            'FILL' 0,
            'wght' 400,
            'GRAD' 0,
            'opsz' 48
}
/*End Import*/
/*Defaults*/
.f-400{
    font-weight: 400;
}
.f-500{
    font-weight: 500;
}
.f-600{
    font-weight: 600;
}
.f-700{
    font-weight: 700;
}
.text-10{
    font-size: 10px;
}
.text-11{
    font-size: 11px;
}
.text-12{
    font-size: 12px;
}
.text-13{
    font-size: 13px;
}
.text-14{
    font-size: 14px;
}
.text-15{
    font-size: 15px;
}
.text-16{
    font-size: 16px;
}
.text-17{
    font-size: 17px;
}
.text-20{
    font-size: 20px;
}
.text-21{
    font-size: 21px;
}
.text-23{
    font-size: 23px;
}
/*End Defaults*/
.create-btn-width{
    max-width: 200px;
}
.list-user-cus{
    box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
}
.list-users{
    height: 350px;
    overflow-y: scroll;
}
.profile-pic{
    max-width: 90px;
    max-height: 90px;
    object-fit: contain;
}
.action-btn ul li{
    list-style: none;
}
.action-icon{
    max-width: 50px;
    max-height: 50px;
    background-color: #e2e2e2;
}
.action-btn-act li:hover{
    text-decoration: underline;
    cursor: pointer;
}
.back-date-trans{
    outline: none;
    border: none;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
}


/*New Admin Ui*/
.admin-nav-hover:hover{
    background-color: #e6e6e6;
    transition: all 350ms linear;
    cursor: pointer;
    border-radius: 4px;
}
.admin-nav-hover:hover .bg-success{
    background-color: #e6e6e6!important;
    transition: all 350ms linear;
    cursor: pointer;
    border-radius: 4px;
    color: #6d6c6c !important;
}
.user-avatar{
    width: 70px;
    height: 70px;
    object-fit: contain;
}
@media (max-width: 769px) {
    .items-center{
        text-align: center;
    }
    .overflow-x-scroll{
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
}
.items-center{

}