body{
    background-color: #080605;
}
.card {
    background-color: #121313;
    min-height: 90vh;
}
.list-group-item{
    background-color: rgba(0,0,0,0);
}
a.active{
    background-color: white;
    border-radius: 20px;
}
h1, h2, h3, h4, h5, h6, span, small, p, div, a{
    text-decoration: none !important;
    color: white !important;
    font-family: 'Montserrat' !important;
}

.list-group-item{
    border: 0px solid white;
}
.userarea{
    border: 1px solid white !important;
    box-shadow: none !important;
    margin-top: 100px;
    padding: 10px;
    border-radius: 4px;
    position: absolute;
    bottom: 10px;
    width: 90%;
}
li{
    list-style: none;
    width: 100%;
    margin-bottom: 20px;
}

li a{
    padding: 10px;
}

/* حالت active برای li */
li.active a {
    background-color: #FAF6E9 !important;
    color: #D2A422 !important;
    border-radius: 4px;
    display: block;
    width: 100% !important;
}
li.active i {
    color: #D2A422 !important;
}

/* سایر li‌ها */
li a {
    color: #B1B1B1 !important;
}
li i {
    color: #B1B1B1 !important;
}

.userprofileavatar img{
    border-radius: 4px;
    float: left;
    margin-right: 20px;
}

.gray{
    color: gray;
}

.has-submenu > a {
    cursor: pointer;
    transition: background-color 0.3s;
}

.submenu {
    padding-left: 10px;
    margin-top: 20px !important;
}

.fa-chevron-down {
    transition: transform 0.3s ease;
}

.rotate-180 {
    transform: rotate(180deg);
}

i.fas.fa-chevron-down.float-end {
    margin-top: 5px;
}

form *{
    border-radius: 4px;
}

input, select, button{
    color: black;
    font-family: 'Montserrat' !important;
    margin-bottom: 20px;
}

button[type='submit']{
    font-weight: 400;
    font-size: 16px;
    font-family: 'Montserrat' !important;
    border-radius: 4px;
}

form{
    margin: 5%;
    border: 1px solid white;
    border-radius: 4px;
    padding: 5%;
}

.actionbtn{
    padding: 4px;
    width: 100%;
}

.button{
    border-radius: 4px !important;
}

.supersml{
    font-size: 10px;
}

table{
    border-radius: 5px;
}

.notice-success{
    color: #53df5a !important;
}

.notice-error{
    color: #ff0000 !important;
}

wallet{
    background-color: yellow;
    color: black;
    border-radius: 5px;
    padding: 5px;
}

warning{
    background-color: red;
    color: white;
    border-radius: 5px;
    padding: 5px;
}

notice{
    background-color: #55817f;
    border-radius: 5px;
    padding: 5px;
}

.dashcards{
    padding: 20px;
    margin-bottom: 20px;
}

.dashcards i{
    font-size: 42px;
}

.mt-40{
    margin-top: 40px;
}