/* Home Styles */
body{
    font-family: 'AbarRegular' !important;
}
button.sendatabtn {
    width: 30%;
    font-size: 15px;
    border-radius: 4px !important;
}
.glassicon {
    padding-left: 0px !important;
    padding-right: 0px !important;
    justify-content: center;
    display: flex;
}
.nav-link img{
    filter:invert(100%);
}
.glassicon a{
    width:90%;
    text-align:center;
    background:#07BEB8;
    padding:50px;
    text-decoration:none;
    vertical-align:middle;
    line-height:50px;
    border-radius:20px;
    color:#fff;
    font-weight:900;
    transition:all 0.3s;
}
.glassicon a:hover{
    background:#2ccac5;
    color:#f0f0f0;
    text-decoration:none;
    transition:all 0.3s;
}
.alah {
    text-align: center !important;
    margin: 0 auto;
    width: 450px;
    margin-top:50px !important;
}
.alahimg {
    margin-top: -10px;
    margin-bottom:20px;
}
/* Navbar Style For ALL PAGES OP */
@media (min-width: 768px) {
    .navbar-brand.abs
    {
        position: absolute;
        margin-left:unset !important;
        width: auto;
        left: 50%;
        top: 5px;
        transform: translateX(-50%);
        text-align: center;
    }
}
.navbar-brand.abs{
    top: -1px;
    display:flex;
    align-items: center;
    flex-direction: row-reverse;
}
.navbar-brand img{
    height:50px !important;
    margin-left:10px;
}
.abs span {
    color: white;
}
.avatarname {
    color: white;
}
a.nav-link.logoutbtn {
    color: white !important;
}
.btbnav {
    background:#082857;
    margin:0 auto;
    width: calc(100% - 55px);
    padding-top:5px;
    height:60px;
    backdrop-filter: blur(2.5px);
    -webkit-backdrop-filter: blur(5px);
    border-top:2px solid #07BEB8;
    border-bottom:2px solid #07BEB8;
}
.btbnav::before,
.btbnav::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 60px;
    background-size: contain;
    background-repeat: no-repeat;
}

.btbnav::before {
    right: -49px;
    background-image: url('../photos/RNA.png');
}

.btbnav::after {
    left:-35px;
    background-image: url('../photos/LNB.png');
}
.avatar {
    width: 25px;
    height: 25px;
    border: 1px solid #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    margin-left:10px;
}
.avatarbox{
    display:flex !important;
    flex-direction: row-reverse;
    align-items: center;
}
.logoutbtn img{
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.logoutbtn{
    font-family: 'AbarRegular' !important;
}
.swal2-popup {
    font-size: 14px !important;
}

.swal2-styled {
    padding: 10px 32px 10px 32px !important;
    margin: 20px 10px 0px 10px !important;
    width: 170px;
    height: 45px;
}
.swal2-title{
    font-size:17px;
    font-family: 'AbarRegular' !important;
    font-weight:900;
}
.tootlipi{
    color:#07BEB8;
    float:left;
}
.tooltip-inner {
    background-color: #07BEB8 !important;
    font-family: 'AbarRegular' !important;
    font-size: 10px;
    border: 1px solid #07BEB8;
    padding: 10px;
    white-space: pre-line;
    text-align: right;
}
.tooltip.bs-tooltip-top .arrow::before {
    border-top-color: #07BEB8 !important;
}
.tooltip.bs-tooltip-right .arrow::before {
    border-right-color: #07BEB8 !important;
}
.tooltip.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #07BEB8 !important;
}
.tooltip.bs-tooltip-left .arrow::before {
    border-left-color: #07BEB8 !important;
}
.fs-title {
    border-bottom: 2px solid;
    border-image: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(7,190,184,1) 52%, rgba(255,255,255,1) 100%);
    border-image-slice: 1;
    font-size: 24px;
    font-weight:800 !important;
    color: #082857;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: left;
    line-height:50px;
}
.listitle{
    font-size: 24px;
    font-weight:800 !important;
    color: #082857;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: left;
    line-height:50px;
}
.headtr{
    background:#082857;
    color:#fff;
    font-size:14px;
}
.badge-item{
    background: #07BEB8 !important;
    color:#fff;
}
.panelview {
    margin-top: -20px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
.permlist {
    width:fit-content;
    padding:5px;
    border-radius:5px;
}
.permbadge{
    border-radius:5px;
    padding:5px;
}
.form-group input{
    vertical-align:middle;
}
.form-group{
    margin-top:unset !important;
}
.pactive{
    color:#07BEB8;
}
.ptotal{
    color:#DDDDDD;
}
.editbtn{
    color:#888888;
    font-size:12px;
    border:1px solid #888888;
    padding:3px;
    padding-right:15px;
    padding-left:15px;
    box-shadow:0px 2px 5px #888;
    vertical-align:middle;
}
.editbtn:hover{
    color:#888888;
    text-decoration:none;
}
.accordion-head i{
    font-size: 2em;
    float: left;
    color: #fff;
    margin: 0;
    padding: 0;
}

.accordion-head h3 {
    color: #fff;
    font-weight:800;
    font-size: 1.3em;
    margin: 0;
    padding: 10px 0px;
}
.cardex{
    background:#000 !important;
}
.accordion-head .collapsed h3 , .accordion-head .collapsed i{
    color:#888 !important;
}
.accordion-head > .collapsed > i:before{
    content: "\f106";
}

.accordion-head a:hover{
    text-decoration:none;
}
.bgfill .card-header{
    background:#07BEB8 !important;
    z-index:-1;
}
.card .card-header{
    background:#fff;
}
.accordionstyle {
    background:#fff;
    border-bottom:1px solid rgba(0,0,0,.125);
}
#accordion{
    margin-bottom:40px;
}
#year , #year2{
    border:1px solid #07BEB8;
}
#yearMonthForm select ,#yearMonthForm2 select {
    color:#07BEB8;
    background:#F9FEFD;
    padding: 10px 20px;
    border: 0;
    outline: 1px solid;
    border-left: 20px solid transparent;
}
.vertical-line {
    width: 3px;
    height: 47.5px;
    background-color: #DDDDDD;
    display:inline-block;
    vertical-align:middle;
    margin-right:10px;
}
.month-buttons{
    display:flex;
    flex-wrap: wrap;
}
.selectorside{
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.month-buttons button{
    color:#000;
    background:#F9FEFD;
    border: none;
    padding:10px;
    width:65px;
    font-size:12px;
}
.month-buttons .active{
    border:1px solid #07BEB8;
    color:#07BEB8;
}

.emptynotif{
    font-weight:800;
    margin-top:20px;
}
.eystyle{
    color:#07BEB8;
}
.contentmy{
    text-align: center;
}
.notiflink{
    color:#07BEB8;
    transition:font-weight 0.1s;
}
.notiflink:hover{
    text-decoration:none;
    color:#07BEB8;
    font-weight:900;
    transition:font-weight 0.2s;
}
.sendatabtn{
    background: #07BEB8;
    border-radius: unset !important;
    border:unset;
    color: #fff !important;
    padding: 15px 60px;
    font-size: 18px;
    font-weight: 700;
    display: block;
    margin: auto;
}
.sendatabtn:hover{
    box-shadow: 0 0 0 2px white, 0 0 0 3px #07BEB8;
}
#yearMonthForm .button-group{
    display:flex;
}
#secondDeviationEl{
    float:left;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    margin: unset!important;
    padding:2px !important;

}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover  {
    background:unset !important;
    border:unset !important;
    margin:unset !important;
    padding:2px !important;
}
.dataTables_wrapper .pagination .active a{
    background:#07BEB8 !important;
}
.dataTables_wrapper .pagination a:hover{
    background:#07BEB8 !important;
}
.btbnav i{
    vertical-align:middle;
}
#container-floating,
#container-main{
    z-index:1000 !important;
}
.txtup{
    background-color:rgb(178 245 234 / 33%)  !important;
    color:rgb(18 75 75);
}
.txtwarn{
    background-color:rgb(252 251 219) !important;
    color:rgb(172 114 13);
}
.txtdanger{
    background-color:rgb(254 215 215 / 53%) !important;
    color:rgb(197 48 48);
}
.txtnull{
    background-color: #e1e1e1 !important;
    color:#000;
}
.select2-container .select2-selection--single {
    height: 40px;
    padding: 10px;
    border: 1px solid #07BEB8 !important;
    border-radius: unset !important;
    color:#07BEB8 !important;
    padding:16px;
}
.select2-selection__rendered{
    display:inline !important;
    position:absolute;
    top:5px !important;
    right:0px;
    color:#07BEB8 !important;

}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #07BEB8 transparent transparent transparent !important;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #07BEB8 transparent!important;
    border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #07BEB8 !important;
    color: white;
    font-size:12px;
}
.select2{
    margin-right:10px !important;
}
.select2-results__options{
    font-size:12px;
}
.permbox {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* فاصله بین آیتم‌ها */
    align-items: center;
}

.permbox::after {
    content: "";
    flex-grow: 1;
}

.permbox .badge-item {
    flex: 1 1 auto;
    max-width: calc(100% / 5 - 10px); /* هر خط حداکثر 5 آیتم داشته باشد */
    text-align: center;
}