@font-face {
    font-family: 'vazir';
    src: url('https://sadid.icomp.ir/css/fonts/Vazir.eot') format('eot'), url('https://sadid.icomp.ir/fonts/Vazir.ttf') format('truerype'), url('https://sadid.icomp.ir/fonts/Vazir.woff') format('woff');
}
@font-face {
font-family: 'Kahroba';
src:  url('https://sadid.icomp.ir/css/fonts/Kahroba-VF-FD-wght.ttf') format('truerype'), url('https://sadid.icomp.ir/fonts/Kahroba-VF-FD-wght.woff2') format('woff');
}
a{
    text-decoration:none !important;
}
ul{
    list-style: none;
}
.icon-button img {
    width: 40px;
height: 40px;
padding: 8px;
justify-content: center;
align-items: center;
flex-shrink: 0;
}
button.icon-button {
    border: 0px;
    background-color: transparent;
}
.pngico:hover{
transition:all 0.5s;
border-radius: 32px;
background: var(--Blue-08, #3C4159);
animation-timing-function: ease-in-out;
animation-duration: 300ms;

}
.headtr{

background-color:#3C4159  !important;
}
/* رنگ‌بندی برای ردیف‌های جدول */
.table tr {
background-color: #3C4159; /* رنگ پیش‌فرض برای تمام ردیف‌ها */
color: white;
}

.table tr:nth-child(odd) {
background-color: #252837; /* رنگ برای ردیف‌های فرد */
}

.table tr:nth-child(even) {
background-color: #1C1E29; /* رنگ برای ردیف‌های زوج */
}

/* مثال برای تغییر رنگ بر اساس یک شرط خاص */
.table tr.important {
background-color: #ffcccc; /* رنگ برای ردیف‌های مهم */
}

.table tr.warning {
background-color: #ffffcc; /* رنگ برای ردیف‌های با وضعیت هشدار */
}

.table tr.success {
background-color: #ccffcc; /* رنگ برای ردیف‌های با وضعیت موفقیت‌آمیز */
}
.hrline{
background: #3C4159;
border: 2px solid #3C4159;
}
.nav-item img{
    width: 20px;
}
.returnli img{
    width: 18px !important;
}
.logoutbtn{
    background:#ad1111 !important;
    border-radius:100px;
    width:40px;
    height:auto;
    text-align:center;
    vertical-align:middle;
    border:1px solid #ad1111;
    vertical-align:middle;
    scale:0.8;
}
.logoutbtn img{
    -webkit-filter: invert(100%);
    filter: invert(100%);vertical-align:middle;
}

.returnli{
    border:1px solid #000;
    background:#fff;
    width:40px;
    border-radius:20px;
    vertical-align:middle;
    text-align:center;
    margin-left:5px;
    scale:0.8;
}
img.returnbtn {
    vertical-align: middle !important;
}
.nav-item:hover {
    scale: 1.1;
    transition: all 0.3s;
}
a.navbar-brand.abs:hover {
    transition: all 0.3s;
    align-self: center;
    color: #626262;
}
img.titlesadid {
    width: 80%;
}
.badge{
    padding:10px;
}
.showpw{
    display:inline;
    position:absolute !important;
    margin-top:-27px;
    left:20px;
    color:#7a797e;
}

@media (max-width: 768px) {
    .navbar-nav {
        flex-direction: row;
        margin-top:20px;
    }

    .navbar-nav .nav-item {
        display: inline-block;
        float: none;
    }

    .navbar-nav .nav-link {
        padding-left: .5rem;
        padding-right: .5rem;
    }
    .navbar-toggler{
        filter:invert(100%);
    }
    .navbar-collapse ul{
        /* width: 100%; */
        display:inline-flex;
    }
    .navbar-collapse ul:first-child{
        float:right;
    }
    .navbar-nav:last-child{
        float:left;
    }
}
.dashli{
    background:#fff;
    border-radius:20px;
    border:1px solid #000;
    width:40px;
    border-radius:20px;
    vertical-align:middle;
    text-align:center;
    margin-left:5px;
    scale:0.8;
}
.modal-header {
    background:#2a2d3e;
}
.modal-content{
    border-radius:10px !important;
    background:#2a2d3e;

}
.modal-content textarea{
    background:#3C4159 !important;
    border-radius:10px 10px 10px 0px;
}
#rejectionForm label{
     float:right;
     font-size:12px !important;
    margin-top:15px;

}
#rejectionModal .btn-close{
    border:none;
    padding:10px;
    border-radius:5px;
}
.center{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media (min-width: 576px) {

}
@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}

#rangeInput{
    min-width:auto;
    width:75% !important;
}
#rangeValue{
    vertical-align:middle;
    margin-top:10px;
}
.prgstyl label{
    vertical-align:middle;
    margin-left:10px;
}
.eventsc li span{
    font-size:10px !important;
}
.notifbg ul{
    padding-left:10px;
    text-align:justify;
}