/* ----------------------------- */
/*   IRANSansWeb Font Family     */
/* ----------------------------- */

@font-face {
    font-family: 'IRANSansWeb';
    src: url('/assets/fonts/IRANSansWeb_Light.ttf') format('truetype');
    font-weight: 300; /* یا وزن مناسب فونتت */
}

@font-face {
    font-family: 'IRANSansWeb';
    src: url('/assets/fonts/IRANSansWeb.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'IRANSansWeb';
    src: url('/assets/fonts/IRANSansWeb_Bold.ttf') format('truetype');
    font-weight: 700;
}

/* متغیر فونت عمومی پروژه */
:root {
    --app-font: 'IRANSansWeb', sans-serif;
}


.nav-tabs .nav-item .btn.active {
    background-color: #666666 !important;
    color: white;
    margin: 0px !important;
    margin-left: 10px !important;
}

.nav-tabs .nav-item .btn {
    background-color: #d0d0d0 !important;
    color: black;
    margin: 0px !important;
    margin-left: 10px !important;
}

.dz-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.select2-container .select2-selection--single .select2-selection__clear {
    right: auto !important;
    left: 3rem !important;
}

.dataTable tbody tr {
    vertical-align: middle;
}

.colored-toast.swal2-icon-success {
    background-color: #17C653 !important;
}

.colored-toast.swal2-icon-error {
    background-color: #FF0000 !important;
}

.colored-toast.swal2-icon-warning {
    background-color: #FFA500 !important;
}

.colored-toast.swal2-icon-info {
    background-color: #3fc3ee !important;
}

.colored-toast.swal2-icon-question {
    background-color: #87adbd !important;
}

.colored-toast .swal2-title {
    color: white;
}

.colored-toast .swal2-close {
    color: white;
}

.colored-toast .swal2-html-container {
    color: white;
}

.form-modal {
    z-index: 10 !important;
}

jdp-container {
    z-index: 999999 !important;
    position: absolute !important;
}

.modal-header {
    cursor: grab;
}

    .modal-header.dragging {
        cursor: grabbing; /* یا باز هم move */
    }

[id^="dt-length-"] {
    width: auto;
}

    #dt-length-0,
    #dt-length-0 option {
        white-space: nowrap;
    }

label[for^="dt-length-"] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    white-space: nowrap !important;
    margin-left: 10px !important;
}

table.dataTable td.dt-control:before {
    transform: rotate(180deg) !important;
}

table.dataTable tr.shown td.dt-control:before {
    transform: rotate(90deg); /* یا 270 بسته به سلیقه */
}
#myTabContent {
    padding: 0 !important;
}

    #myTabContent:has(.active) {
        padding: 3rem !important; /* همون p-5 */
    }