@font-face {
    font-family: aviny;
    src: url("../fonts/aviny-700.eot?v=970802");
    src: url("../fonts/aviny-700.woff?v=970802") format("woff"), url("../fonts/aviny-700.ttf?v=970802") format("truetype");
    font-weight: 700;
}
:root{
    --main-bg:#cf2323;
}
body{
    font-family: 'IRANSans' !important;
}
.main-bg {
    background: var(--main-bg) !important;
}
.form-check .form-check-input{
    margin-left:unset !important;
}
input{
    background:#fff !important;
}
input:focus, button:focus ,textarea:focus{
    border: 1px solid var(--main-bg) !important;
    box-shadow: none !important;
    transition:all 0.3s ease;
    opacity:1;
    outline: none !important;
}

.form-check-input:checked {
    background-color: var(--main-bg) !important;
    border-color: var(--main-bg) !important;
}
input::placeholder,
textarea::placeholder{
    font-size:11px;
    color:#c7c7c7 !important;
}
#address{
    width:100%;
    border:1px solid #ccc;
    border-radius:5px;
}
textarea{
    padding: 10px;
}
.icon {
    width: 3rem;
    height: 3rem;
}

.icon i {
    font-size: 1.25rem;
}

.icon-shape {
    display: inline-flex;
    padding: 12px;
    text-align: center;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}
.multiforms ul{
    padding-right:unset;
}
.dashboardmain h5{
    font-family: 'aviny';
    font-size:14px;
    font-weight: bolder;
}
.amountclass{
    font-size:15px !important;
}
.bgt-success td{
    background:#a3cfbbad !important;
}
.bgt-danger td{
    background:#ffc10785 !important;
}
.accountable a,
.accountable .btn{
    font-size:10px !important;
}
.accountable{
    font-size:12px;
}
#loanForm input,
#loanForm .form-control{
    text-align:center;
}
.nav-pills .nav-link.active{
    padding-right:35px;
    transition:all 0.5s ease;
}
.nav-pills .nav-link{
    transition:all 0.5s ease;
}
.searchbtn{
    border-radius:0px !important;
}
#search_results {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    overflow-y: auto;
    max-height: 200px;
}
.list-group-item {
    cursor: pointer;
    padding: 10px;
}
.list-group-item:hover {
    background-color: #f8f9fa;
}
#created_at_shamsi,
#selected_user,
#selected_referrer{
    cursor:pointer;
}
#selected_user , #selected_referrer{
    background:#e7e7e7 !important;
    border:1px solid #f0f0f0 !important;
    color: var(--main-bg) !important;
    font-weight:bold;
}
.datepicker-plot-area{
    font-family: 'IRANSans' !important;

}
.pwt-btn-calendar{
    display:none !important;
}
.datepicker-plot-area .datepicker-day-view .table-days td.selected span .datepicker-plot-area .datepicker-day-view .table-days td:hover, .datepicker-plot-area .datepicker-day-view .table-days td span:hover, .datepicker-plot-area .datepicker-year-view .year-item:hover, .datepicker-plot-area .datepicker-month-view .month-item:hover{

    background-color: var(--main-bg) !important;
    color: #fff;
    border: none;
    border-radius:20px;
    text-shadow: 1px 1px 1px #000;
}
.datepicker-plot-area .datepicker-day-view .table-days td.selected span, .datepicker-plot-area .datepicker-year-view .year-item.selected, .datepicker-plot-area .datepicker-month-view .month-item.selected {
    background-color: var(--main-bg) !important;
    color: #fff;
    border: none;
    text-shadow: 1px 1px 1px #000;
    border-radius:20px;
}
.datepicker-plot-area .datepicker-day-view .table-days td.today span {
    background-color: green !important;
    color: #fff;
    border: 0;
    border-radius:20px;
    text-shadow: none;
}
.position-relative {
    position: relative;
}
.currency-symbol {
    position: absolute;
    left: 35px;
    transform: translateY(-150%);
    font-size:12px;
    pointer-events: none;
    font-weight: bold;
    color: #cf232385;
}

.amount-input {
    padding-left: 50px;
}
.searchinput{
    border-radius:0px 20px 50px 0px!important;
}
#chart text.c3-chart-arcs-title,
#chart .c3-chart-arc {
    font-size: 12px !important;
    font-family: 'IRANSans', sans-serif !important;
    font-weight: 200 !important;
    fill: #333;
}
.c3-legend-item text{
    font-family: 'IRANSans', sans-serif !important;
    font-size:12px !important;
}
#backButton{
    width:100px;
    border-radius:3px;
    float:left;
    margin:0 auto;
    border: 1px solid #8b170f;
    background:#F44336;
    color:#fff;
    font-size:14px;
    text-shadow:1px 0px 3px #000;
    transition:background,width 0.3s ease;
}
#backButton:hover{
    background:#f44336ed;
    width:120px;
    transition:background,width 0.3s ease;
}



/* menu */
@media (min-width: 768px) {
    .nornav .nav-link {
        color:#fff !important;
    }
    .nornav {
        background:#cf2323;
        margin:0 auto;
        width: calc(100% - 400px);
        padding-top:5px;
        height:60px;
        backdrop-filter: blur(2.5px);
        -webkit-backdrop-filter: blur(5px);
        z-index:100;

    }
    .nornav::before,
    .nornav::after {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 200px;
        height: 65px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .nornav::before {
        right: -200px;
        background-image: url('../images/menu.png');
    }

    .nornav::after {
        left:-100px;
        background-image: url('../images/menu2.png');
    }

    .nornav .navbar-brand
    {
        position: absolute;
        margin-left:unset !important;
        width: auto;
        left: 50%;
        top: 5px;
        transform: translateX(-50%);
        text-align: center;
    }

    .nornav .navbar-nav{
        margin-top:5px;
        z-index: 999;
    }
    .nornav .navbar-nav .dropdown-toggle,
    .nornav .navbar-nav .dropdown-toggle:focus,
    .nornav .navbar-nav .dropdown-toggle:visited,
    .nornav .navbar-nav .dropdown-toggle:hover,
    .nornav .navbar-nav .dropdown-toggle:active{
        color:#fff !important;
    }
    .nornav .navbar-nav  .dropdown-item{
        color:#8b170f !important;
    }
    .navbar-brand img{
        scale:2.5;
        margin-top:15px;
    }
}
.page-link.active, .active>.page-link {
    background:#cf2323 !important;
    border-color:#cf2323 !important;
    color:#fff !important;
}
.page-link{
    color:#cf2323 !important;
}
.page-link:hover{
    background:#cf2323 !important;
    border-color:#cf2323 !important;
    color:#fff !important;
}
.enamad{
    text-align:center;
}

/* 1403 - 12 - 21 */
@media (max-width: 768px) {
    .nornav .show{
        border-radius:3px;
        text-align:center;
        border:1px dashed #cf2323;
    }

    .nornav ul{
        margin:unset !important;
        padding-right:30px !important;
        padding-left:30px !important;
    }
    table {
        display: block;
        max-width: -moz-fit-content;
        max-width: fit-content;
        margin: 0 auto;
        overflow-x: auto;
        white-space: nowrap;
    }
    .nornav{
        display:flex !important;
        align-content: center;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
        width:100%;
    }
    .navitmenu{
        direction:rtl;
        display:flex;
    }
    .navitmenu .navbar-collapse{
        position:absolute;
        z-index:9999;
        right:70px;
        top:5px;
    }
}
.bannermokeb{
    background: var(--main-bg) !important;
    padding:5px;
    margin-bottom:10px;
    color:#fff;
    font-weight:bolder;
    border-radius:10px;
    line-height:40px;
}
.bannermokeb p {
    margin:unset;
}
.pull-panel{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin-bottom:20px;
}
.panel-title{
    font-size:20px;
    font-weight:bold;
}
.panel-title span{
    color: var(--main-bg) !important;
}
.loanmodels{
    display:flex !important;
    justify-content: space-between;
    gap:15px;
}
.loanmodels .btn{
    border-radius:3px !important;
}
table tr {
    vertical-align:middle;
}
.paymentt{
    text-decoration:none;
    font-size:10px;
}


.dropdown-menu-custom {

    background-color: #f8f9fa !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
    padding: 8px !important;
    min-width: 160px !important;
}

.dropdown-menu-custom .dropdown-item {
    text-align:center;
    padding: 10px 16px !important;
    font-size: 14px !important;
    transition: background-color 0.2s ease !important;
}

.dropdown-menu-custom .dropdown-item:hover {
    background-color: #e2e6ea !important;
}

.btn-operations {
    background-color: var(--main-bg)  !important;
    color: #fff !important;
    border: none !important;
}

.btn-operations:hover {
    background-color: var(--main-bg)  !important;
}

.pagination{
    display:flex !important;
    justify-content: space-between;
    width:100%;
}
.pagination .page-item span,
.pagination .page-item a
{
    border-radius:3px !important;
}

/*.custom-cursor-zone {*/
/*    cursor: url('/images/red-cursor.png') 16 16, auto;*/
/*}*/

.contactdv{
    display:flex;
    align-items: center;
    justify-content: space-around;
}