@font-face {
    font-family: 'IranSans';
    font-style: normal;
    font-weight: bold;
    src: url("../../fonts/IranSans/eot/IRANSansWeb_Bold.eot");
    src: url("../../fonts/IranSans/eot/IRANSansWeb_Bold.eot?#iefix") format("embedded-opentype"), url("../../fonts/IranSans/woff2/IRANSansWeb_Bold.woff2") format("woff2"), url("../../fonts/IranSans/woff/IRANSansWeb_Bold.woff") format("woff"), url("../../fonts/IranSans/ttf/IRANSansWeb_Bold.ttf") format("truetype");
}

@font-face {
    font-family: 'IranSans';
    font-style: normal;
    font-weight: 500;
    src: url("../../fonts/IranSans/eot/IRANSansWeb_Medium.eot");
    src: url("../../fonts/IranSans/eot/IRANSansWeb_Medium.eot?#iefix") format("embedded-opentype"), url("../../fonts/IranSans/woff2/IRANSansWeb_Medium.woff2") format("woff2"), url("../../fonts/IranSans/woff/IRANSansWeb_Medium.woff") format("woff"), url("../../fonts/IranSans/ttf/IRANSansWeb_Medium.ttf") format("truetype");
}

@font-face {
    font-family: 'IranSans';
    font-style: normal;
    font-weight: 300;
    src: url("../../fonts/IranSans/eot/IRANSansWeb_Light.eot");
    src: url("../../fonts/IranSans/eot/IRANSansWeb_Light.eot?#iefix") format("embedded-opentype"), url("../../fonts/IranSans/woff2/IRANSansWeb_Light.woff2") format("woff2"), url("../../fonts/IranSans/woff/IRANSansWeb_Light.woff") format("woff"), url("../../fonts/IranSans/ttf/IRANSansWeb_Light.ttf") format("truetype");
}

@font-face {
    font-family: 'IranSans';
    font-style: normal;
    font-weight: 200;
    src: url("../../fonts/IranSans/eot/IRANSansWeb_UltraLight.eot");
    src: url("../../fonts/IranSans/eot/IRANSansWeb_UltraLight.eot?#iefix") format("embedded-opentype"), url("../../fonts/IranSans/woff2/IRANSansWeb_UltraLight.woff2") format("woff2"), url("../../fonts/IranSans/woff/IRANSansWeb_UltraLight.woff") format("woff"), url("../../fonts/IranSans/ttf/IRANSansWeb_UltraLight.ttf") format("truetype");
}

@font-face {
    font-family: 'IranSans';
    font-style: normal;
    font-weight: normal;
    src: url("../../fonts/IranSans/eot/IRANSansWeb.eot");
    src: url("../../fonts/IranSans/eot/IRANSansWeb.eot?#iefix") format("embedded-opentype"), url("../../fonts/IranSans/woff2/IRANSansWeb.woff2") format("woff2"), url("../../fonts/IranSans/woff/IRANSansWeb.woff") format("woff"), url("../../fonts/IranSans/ttf/IRANSansWeb.ttf") format("truetype");
}


html, body {
    font-family: IranSans;
}


/* ------------------------- Menu & Sidebar ------------------------- */
.aside .aside-menu .menu > .menu-item.here > .menu-link .menu-icon, .aside .aside-menu .menu > .menu-item > .menu-link.active .menu-icon {
    background-color: unset !important;
}

    .aside .aside-menu .menu > .menu-item.here > .menu-link .menu-icon, .aside .aside-menu .menu > .menu-item > .menu-link.active .menu-icon .svg-icon {
        color: #B0DC00 !important;
    }

.menu-link:hover .menu-icon .svg-icon svg {
    fill: #B0DC00 !important;
}

.menu-link.active .menu-icon .svg-icon svg {
    fill: #B0DC00 !important;
}

/* ------------------------- Internal Navbar ------------------------- */
@media (min-width: 992px) {
    .header-fixed[data-kt-sticky-header=on] .header-sticky {
        position: sticky;
        top: 55px;
        z-index: 100;
    }
}

/* ------------------------- Typography ------------------------- */
.text-dark-success {
    color: #046da9 !important;
}

.svg-icon.svg-icon-dark-success {
    color: #046da9 !important;
}

/* ------------------------- Color ------------------------- */
.border-light-success {
    border-color: #d4f0ff !important;
}

.bg-active-success.active {
    background-color: #d4f0ff !important;
    color: #009EF7 !important
}

.bg-dark-success {
    background-color: #046da9 !important;
}

/* ------------------------- Data Table ------------------------- */

.dataTables_wrapper div.row {
    padding-top: 1rem !important;
    border-top: 1px solid #EFF2F5 !important;
}

div.dataTables_wrapper div.dataTables_length label {
    font-weight: 500;
    color: #5E6278;
    padding: 1rem 0;
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: 0.85em;
    padding-right: 6px;
}

td.details-control {
    background-image: none !important;
}

/* main custom datatable */
.main-custom-dt.table.table-row-bordered tr {
    border-bottom-style: dashed;
}

.main-custom-dt tbody tr td {
    padding-right: 0px;
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
    vertical-align: middle !important;
    color: #A1A5B7;
}

.main-custom-dt thead tr th {
    padding-right: 0px;
    color: #3F4254;
    font-size: 1.075rem !important;
    font-weight: bold;
}

.sketch-tb tbody tr td:last-child {
    background-color: #F1FAFF;
    text-align: center;
    color: #046da9;
    font-weight: bold;
}

/* ------------------------- CTA ------------------------- */
/* Toggle label Button */
.btn-label-toggle:hover .main-label {
    display: none;
}

.btn-label-toggle .hover-label {
    display: none;
}

.btn-label-toggle:hover .hover-label {
    display: inline-block;
}

/*
.btn.btn-primary:hover {
    background-color: #9fc700 !important;
}
*/

/* ------------------------- Swal Modal ------------------------- */
.swal-modal {
    border-radius: 1rem !important;
}

.swal-icon--warning {
    border-color: #F1416C !important;
}

.swal-title {
    display: none;
}

.swal-icon--warning__body, .swal-icon--warning__dot {
    background-color: #F1416C;
}

.swal-modal .swal-text {
    color: #3F4254 !important;
    font-size: 1.5rem !important;
    font-weight: 500 !important;
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
    text-align: center;
}

.swal-modal .swal-footer {
    text-align: center !important;
}

.swal-button--cancel {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
}

    .swal-button--cancel:not([disabled]):hover {
        background-color: #e8e8e8;
    }

.swal-button--danger {
    background-color: #F1416C !important;
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
}

    .swal-button--danger:not([disabled]):hover {
        background-color: #d9214e !important;
    }


/* ------------------------- Tabs ------------------------- */
/*.nav-tabs {
    border-bottom: 4px solid #009ef7;
}

    .nav-tabs .nav-link {
        margin-bottom: -4px;
    }

    .nav-tabs .nav-link {
        color: #b0dc00;
         background-color: #F5FFCE; 
        border-top-right-radius: 50px;
        border-top-left-radius: 50px;
        border-bottom-left-radius: 0px;
         border-bottom: 4px solid #009ef7; 
        border-top: 4px solid #b0dc00;
        border-right: 4px solid #b0dc00;
        border-left: 4px solid #b0dc00;
    }

        .nav-tabs .nav-link.active {
            color: #009ef7 !important;
            background-color: #f9fafb !important;
            border-color: #009ef7 #009ef7 #f9fafb !important;
            border-top-right-radius: 50px !important;
            border-top-left-radius: 50px !important;
            border-bottom-left-radius: 0px !important;
            border-width: 4px !important;
            border-bottom: 0px !important;
        }

        .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
            background: #B0DC00;
            color: #ffffff;
            border-color: #b0dc00 #b0dc00 #EFF2F5;
        }
*/

/*shadow px-10 py-3*/
.custom-tab-1.nav-tabs {
    padding-bottom: 0.05rem !important;
    border-bottom: 1px solid #B0DC00 !important;
}

.custom-tab-1 .nav-item .nav-link {
    border: none !important;
    color: #7E8299;
    font-weight: bold;
    padding: 0.75rem 2.5rem !important;
}

    .custom-tab-1 .nav-item .nav-link.active {
        background-color: #ffffff;
        color: #B0DC00;
        box-shadow: 0 0.1rem 0.75rem 0.25rem rgb(0 0 0 / 5%);
    }

.custom-tab-2 {
    border-bottom: 3px solid #d4f0ff;
}

    .custom-tab-2 .nav-item {
        margin: 0 !important;
    }

        .custom-tab-2 .nav-item .nav-link {
            color: #046da9;
            font-weight: bold;
            padding-top: 1.25rem !important;
            padding-bottom: 1.25rem !important;
            background-color: #F1FAFF;
            border-radius: 0;
        }

    .custom-tab-2.nav-pills .nav-item:first-child .nav-link {
        border-top-right-radius: 0.95rem !important;
    }

    .custom-tab-2.nav-pills .nav-item:last-child .nav-link {
        border-top-left-radius: 0.95rem !important;
    }

    .custom-tab-2 .nav-item .nav-link.active {
        color: #046da9;
        background-color: #d4f0ff;
        border-radius: 0;
    }

    .custom-tab-2.nav-pills .nav-item:first-child .active {
        border-top-right-radius: 0.95rem !important;
    }

    .custom-tab-2.nav-pills .nav-item:last-child .active {
        border-top-left-radius: 0.95rem !important;
    }

/* ------------------------- دسترسی اعضا ------------------------- */
.jstree-default .jstree-wholerow-clicked {
    background: #e7f7ff !important;
}

/* ------------------------- Form ------------------------- */
select:disabled + span.select2 .selection .select2-selection {
    background-color: #F5F8FA !important;
}

/* ------------------------- Date Picker ------------------------- */
.flatpickr-rContainer, .flatpickr-calendar, .dayContainer, .flatpickr-weekdays, .flatpickr-days {
    width: unset !important;
    min-width: unset !important;
}


.flatpickr-day.today:not(.selected) {
    background-color: #046da9 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 0px !important;
}


.flatpickr-day.inRange {
    background-color: #F1FAFF !important;
    color: #009EF7 !important;
    border: none !important;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange {
    background: #009EF7 !important;
    color: #fff !important;
    border-color: #009EF7 !important;
}

    .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover {
        background: #B0DC00 !important;
        border-color: #B0DC00 !important;
    }

.flatpickr-day:hover, .flatpickr-day.today:hover {
    background-color: #B0DC00 !important;
    color: #F5FFCE !important;
    border-radius: 0px !important;
}

.flatpickr-rContainer, .flatpickr-calendar, .dayContainer, .flatpickr-weekdays, .flatpickr-days {
    max-width: 260px !important;
}

.flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover {
    background: #B0DC00;
}

    .flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
        fill: #ffffff !important;
    }

.flatpickr-month .flatpickr-current-month {
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: center !important;
}

.flatpickr-monthDropdown-months {
    text-align: center !important;
    margin-left: 10px !important;
    border-radius: 8px !important;
    font-weight: bold !important;
    font-size: 14px !important;
}

.cur-year.numInput {
    font-weight: bold !important;
    font-size: 14px !important;
}

.rounded-right-bottom {
    border-radius: 0 0.475rem 0.475rem 0 !important;
}

.rounded-left-bottom {
    border-radius: 0.475rem 0 0 0.475rem !important;
}

/* ------------------------- Cards ------------------------- */
.bg-active-primary-custom:hover {
    background-color: #B0DC00 !important;
    --bg-color: 176, 220, 0 !important
}

/* ------------------------- General ------------------------- */
.h-95px {
    height: 95px;
}


/* ------------------------ Custom Precent Chart ------------------------*/
@property --p {
    syntax: '<number>';
    inherits: true;
    initial-value: 0;
}

.pie {
    --p: 20;
    --b: 22px;
    --c: darkred;
    --w: 350px;
    /* width:var(--w); */
    width: auto;
    height: 100%;
    aspect-ratio: 1;
    position: relative;
    display: inline-grid;
    margin: 5px;
    place-content: center;
    font-size: 25px;
    font-weight: bold;
    font-family: sans-serif;
}

    .pie:before,
    .pie:after {
        content: "";
        position: absolute;
        border-radius: 50%;
    }

    .pie:before {
        inset: 0;
        background: radial-gradient(farthest-side, var(--c) 98%, #0000) top/var(--b) var(--b) no-repeat, conic-gradient(var(--c) calc(var(--p) * 1%), #0000 0);
        -webkit-mask: radial-gradient(farthest-side, #0000 calc(99% - var(--b)), #000 calc(100% - var(--b)));
        mask: radial-gradient(farthest-side, #0000 calc(99% - var(--b)), #000 calc(100% - var(--b)));
    }

    .pie:after {
        inset: calc(50% - var(--b) / 2);
        background: var(--c);
        transform: rotate(calc(var(--p) * 3.6deg)) translateY(calc(50% - var(--w) / 2));
        display: none;
    }

.animate {
    animation: p 1s .5s both;
}

.no-round:before {
    background-size: 0 0, auto;
}

.no-round:after {
    content: none;
}

@keyframes p {
    from {
        --p: 0
    }
}

/* ------------------------ Custom Precent Chart ------------------------*/


/* ------------------------ Btn Filter Animation ------------------------*/
@keyframes btnFilterAnimation {
    0% {
        background-color: #B0DC00;
        color: white;
    }
}

.btnFilterAnimationClass {
    animation-name: btnFilterAnimation;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    /* animation-delay: 1s; */
}


div.dt-button-collection div.dropdown-menu {
    min-width: 10rem !important;
    position: unset !important;
}

/* ------------------------ Index/ Dasboard Report/ Top Card Icons ------------------------*/
.dashboardTopCardSvg:hover a .svg-icon svg {
    fill: #FFFFFFFF !important;
}


table.main-custom-dt.dashboard-dt tbody tr td {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}


.ltr {
    direction: ltr !important;
}

.input-hide {
    color: transparent !important;
    width: 1px !important;
    height: 1px !important;
    border: none !important;
    outline: none !important;
    background: none !important;
    color: transparent !important;
}

.focus-visible-none:focus-visible {
    border: none !important;
    outline: none !important;
    background: none !important;
    color: transparent !important;
}

.bg-gray-100 {
    background-color: #EFF2F5 !important;
}

#ActivityModal #WorkActivitySpare_repeater_basic select option:checked {
    background-color: rgb(176, 220, 0) !important;
    color: #fff !important;
}

#ActivityModal #WorkActivitySpare_repeater_basic select option:hover {
    background-color: rgb(178, 189, 122) !important;
    color: #fff !important;
}


@media only screen and (max-width: 768px) {
    .table {
        border-collapse: separate !important;
        border-spacing: 10px 0 !important;
    }

        .table tbody td {
            min-width: 105px !important;
            font-size: 2.9vw !important;
        }
}

.internal-nav-mob .select2-container--bootstrap5 .select2-selection--single {
    border-color: #046da9;
    background-color: #046da9;
}

.internal-nav-mob .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    color: #ffffff;
}

/*.internal-nav-mob .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted {
    background-color: #c7d9e4;
    color: #046da9;
}

.internal-nav-mob .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected {
    background-color: #046da9 !important;
    color: #FFFFFF !important;
}
*/


#select2-internalNav-results .select2-results__option--selected{
    background-color: #046da9 !important;
}

#select2-internalNav-results .select2-results__option--highlighted{
    background-color: #c7d9e4 !important;
    color: #046da9;
}