@font-face {
    font-family: vazir;
    src: url('../yekan/YEKAN BAKH FANUM 05 MEDIUM.TTF') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: vazir;
    src: url('../yekan/YEKAN BAKH FANUM 06 BOLD.TTF') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: vazir;
    src: url('../yekan/YEKAN BAKH FANUM 04 REGULAR.TTF') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: vazir;
    src: url('../yekan/YEKAN BAKH FANUM 05 MEDIUM.TTF') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: vazir;
    src: url('../yekan/YEKAN BAKH FANUM 03 LIGHT.TTF') format('truetype');
    font-weight: 100;
}

@font-face {
    font-family: vazir;
    src: url('../yekan/YEKAN BAKH FANUM 07 HEAVY.TTF') format('truetype');
    font-weight: 900;
}
/*
@font-face {
    font-family: vazir;
    src: url(fonts/Vazir-FD.eot?014f642a05ab773db8ac18f326eaab10);
    src: url(fonts/Vazir-FD.eot?014f642a05ab773db8ac18f326eaab10?#iefix) format('embedded-opentype'),
    url(fonts/Vazir-FD.woff2?603d40a3d94bee6fff08ba28f9166b24) format('woff2'),
    url(fonts/Vazir-FD.woff?28f9e98b49b5db39ec7c207bfe1093fb) format('woff'),
    url(fonts/Vazir-FD.ttf?e478387e6e392e92712bb044b3668ded) format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: vazir;
    src: url(fonts/Vazir-Bold-FD.eot?e2416e22bb8f46e196197d5464d95e4e);
    src: url(fonts/Vazir-Bold-FD.eot?e2416e22bb8f46e196197d5464d95e4e?#iefix) format('embedded-opentype'),
    url(fonts/Vazir-Bold-FD.woff2?ff1b5196471549d3c5267d6f3f117f27) format('woff2'),
    url(fonts/Vazir-Bold-FD.woff?a1e3c4a80fa7b9b2f068712add33ddc9) format('woff'),
    url(fonts/Vazir-Bold-FD.ttf?ae9e1301c4c66c1aa324c7fea59a049a) format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: vazir;
    src: url(fonts/Vazir-Light-FD.eot?9172d88794007b5027513318409ab363);
    src: url(fonts/Vazir-Light-FD.eot?9172d88794007b5027513318409ab363?#iefix) format('embedded-opentype'),
    url(fonts/Vazir-Light-FD.woff2?fe884f48384fd8e35e9a30e74e0ac9b7) format('woff2'),
    url(fonts/Vazir-Light-FD.woff?9556e6b0034a1a3e8aa937a6674118ba) format('woff'),
    url(fonts/Vazir-Light-FD.ttf?11f18382a22a6e3f4346d164b556875c) format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: vazir;
    src: url(fonts/Vazir-Medium-FD.eot?2f89f5fcb67fd6af9fdfaa7394755eaf);
    src: url(fonts/Vazir-Medium-FD.eot?2f89f5fcb67fd6af9fdfaa7394755eaf?#iefix) format('embedded-opentype'),
    url(fonts/Vazir-Medium-FD.woff2?fbbcf36a00679673d4b1ed8e0e55646d) format('woff2'),
    url(fonts/Vazir-Medium-FD.woff?f70ac6f0efef48e8ee001b5f28bb7a91) format('woff'),
    url(fonts/Vazir-Medium-FD.ttf?a13b8405f9588ffde203c9dccc993f40) format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: vazir;
    src: url(fonts/Vazir-Thin-FD.eot?bd93fad8d7f2df29ec480fb53748e39a);
    src: url(fonts/Vazir-Thin-FD.eot?bd93fad8d7f2df29ec480fb53748e39a?#iefix) format('embedded-opentype'),
    url(fonts/Vazir-Thin-FD.woff2?0ba1652fef46160825bf305a39ba82f0) format('woff2'),
    url(fonts/Vazir-Thin-FD.woff?a6b99b67eb2204e537fa1082b234cf71) format('woff'),
    url(fonts/Vazir-Thin-FD.ttf?64085e91144f91b0d3d4d35919655612) format('truetype');
    font-weight: 100;
}

@font-face {
    font-family: vazir;
    src: url(fonts/Vazir-Black-FD.eot?d5a10f6d5171c9241a871746bb7af4db);
    src: url(fonts/Vazir-Black-FD.eot?d5a10f6d5171c9241a871746bb7af4db?#iefix) format('embedded-opentype'),
    url(fonts/Vazir-Black-FD.woff2?065a6d5a4d92fde45f2a73b7546072e0) format('woff2'),
    url(fonts/Vazir-Black-FD.woff?cf51be1922a8ff29971ea8cc28031fca) format('woff'),
    url(fonts/Vazir-Black-FD.ttf?4aa68ed854d611d52ba923f955833c95) format('truetype');
    font-weight: 900;
}
*/


/*---------------------------------- End of fonts ---------------------------------- */

body {
    font-family: 'vazir', sans-serif !important;
}

h1,h2,h3,h4,h5,h6{
    font-family: 'vazir', sans-serif !important;
}

/*.ltr {*/
/*    direction:ltr;*/
/*}*/

/*.tac-vc{*/
/*    text-align: center !important;*/
/*    vertical-align: middle !important;*/
/*}*/

.menu-title, .menu-item{
    font-family: 'vazir', sans-serif !important;
}


.table thead th, .table tfoot th, thead, tbody, tfoot, tr, td, th{
    text-align: center;
}


img{
    object-fit: cover;
}


.main-menu.menu-light .navigation > li.active > a,.main-menu.menu-light .navigation > li ul .active {
    box-shadow: none;
    color: #fff;
    font-weight: 600;
    border-radius: 10px;
    background: linear-gradient(-118deg, #d0001d, rgba(0, 0, 0, 0.7));
}

.btn-primary {
    border-color: #275ba9 !important;
    background-color: #275ba9 !important;
    color: #fff !important;
}

.dropdown-item,.user-nav,.tooltip, .form-control,.nav{
    font-family: 'vazir', sans-serif !important;
}
/*

input[type="text"][required] {
    background-image: radial-gradient(#ffa4a4 20%, transparent 23%);
    background-size: 2em 2em;
    background-position: center left;
    background-repeat: no-repeat;
}
*/

.label-required:after{
    content: '●';
    color: rgba(255, 0, 0, 0.5);
    height: 0px;
    font-size: 14px;
    line-height: 0px;
    overflow: hidden;
    margin: 0 5px;
}


.table > :not(caption) > * > *{
    padding: 10px 0px !important;
}


.table{
    --bs-table-hover-color: #fffafa;
    --bs-table-hover-bg: #cc4a62c2;
}

/*.table-hover > tbody > tr:hover { --bs-table-accent-bg: red; }*/



.loading-livewire-bg:after {
    content: '';
    height: 100%;
    width: 101%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(0,0,0,0.15);
    border-radius: 20px;
    margin: 5px -5px;
}

.loading-livewire:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 5px solid grey;
    border-top-color: black;
    animation: loading-livewire-anim 2s linear infinite;
}
@keyframes loading-livewire-anim {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}




.financial-box{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-radius: 5px;
    border: 2px dashed rgba(0, 0, 0, 0.25);
}

.financial-box .box-data .table{
    margin-top: 10px;
}

.financial-box .box-data .table tr td{
    border: none !important;
    border-bottom: none !important;
    text-align: right;
    padding: 5px 0 !important;
    font-weight: 900;
}

.financial-box .box-data select {
    border-radius: 21px; /* Adjust the value to control the roundness of the select box */
    background-color: #2c5b8c;
    color: #fff;
    padding: 2px 8px; /* Adjust the padding as needed */
    border: none; /* Remove default border */
    outline: none; /* Remove outline on focus */
    font-size: 16px; /* Adjust the font size as needed */
    /* Add any other necessary styles */
}

.financial-box .box-avatar {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.financial-box .box-avatar .fb-avatar {
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 160px;
    height: 160px;
}

.avatar-wrapper{
    position: absolute;
    top: 10px;
    left: 10px;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    overflow: hidden;
}

.img-avt{
    position: relative;
    overflow: hidden;
}

.img-avt img {
    width: 100%;
    border-radius: 50%;
}

.img-avt .avatar-footer{
    background-color: #2c5b8c;
    color: #fff;
    position: absolute;
    bottom: 0;
    padding: 4px 0;
    left: 0;
    right: 0;
}

.progress-bar-x {
    display: flex;
    justify-content: center;
    align-items: center;

    width: 160px;
    height: 160px;
    border-radius: 50%;
}