html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 700;
    src: url('Fonts/woff/IRANSansX-bold.woff') format('woff'), url('Fonts/woff2/IRANSansX-bold.woff2') format('woff2');
}

.ss02 {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 400;
    src: url('Fonts/woff/IRANSansX-regular.woff') format('woff'), url('Fonts/woff2/IRANSansX-regular.woff2') format('woff2');
}
body {
    font-family: IRANSansX !important;
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    background-color: rgba(200,222,220,0.1)
}
.dataTables_wrapper {
    font-family: IRANSansX !important;
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
}
h1, h2, h3, h4, h5, h6, input, textarea {
    font-family: IRANSansX !important;
}

.center {
    margin: auto;
    padding: 10px;
}
 .blue{
     background-color:#567C8D
 }

.lightBlue {
    color: rgb(200,222,220)
}

 .green{
     background-color:#BFCFBB
 }
.navGreen {
    background-color: #A8C0B0
}
 .yellow{
     background-color:#FDD086
 }
.red {
    background-color: rgba(255,105,97,0.6)
}
.gray{
    background-color:#8E99A7
}
.grayText {
    color: #8E99A7
}

input.input-validation-error,
textarea.input-validation-error,
select.input-validation-error {
    background: #FEF1EC;
    border: 1px solid #CD0A0A;
}

/* ===== تصویر اصلی ===== */
#homePic {
    background: url('/home.jpeg') center/contain no-repeat;
    background-color: #A8C0B0; /* فقط پشت تصویر سبز باشد */
    width: 100%;
    height: 50vh; /* ارتفاع موبایل */
}

@media(min-width: 768px) {
    #homePic {
        height: 70vh;
    }
    /* تبلت */
}

@media(min-width: 992px) {
    #homePic {
        height: 88vh;
    }
    /* دسکتاپ */
}

/* ===== سکشن والد ===== */
#homeSection {
    overflow-x: hidden; /* جلوگیری از اسکرول افقی تصادفی */
}

        .dt-layout-end, .dt-layout-start {
            margin: 0px !important
        }

        .table th {
            text-align: center !important;
        }

        .dt-icon {
            border: 0;
            padding: 1rem;
            font-size: 1.1rem;
            margin: 0 2rem
        }

        .dt-link.dt-button {
            background: none !important;
            border: 0 !important;
            box-shadow: none !important;
            padding: 0 .6rem !important;
            font: inherit !important;
            color: var(--bs-primary, #0d6efd) !important; /* fallback ≈ #0d6efd */
            text-decoration: underline;
            cursor: pointer;
        }

            /* 2 – show the text span that Buttons hides by default  */
            .dt-link.dt-button .dt-button-text {
                display: inline !important;
            }

            /* 3 – keep icon + label on one line and give a little gap  */
            .dt-link.dt-button .dt-button-icon {
                margin-right: .25rem;
            }

            /* 4 – optional: a subtle divider between items  */
            .dt-link.dt-button + .dt-link.dt-button::before {
                content: '';
                border-left: 1px solid #d0d0d0;
                margin-right: .6rem;
                position: relative;
                top: -.1em;
            }

        #timeOffList th,
        #timeOffList td {
            white-space: nowrap; /* متن نشکند → عرض جدول می‌افزاید اما یک خط می‌شود */
            padding: .35rem .5rem; /* پَدینگ کمتر برای کاهش ارتفاع سطر */
            line-height: 1.2;
            vertical-align: middle;
        }

        @media (max-width: 576px) { /* بوت‌استرپ → xs */
            html {
                font-size: 85%;
            }
            /* از 1rem = 16px به ≈ 14px می‌رسیم */
        }


        /* فاصله‌های اضافی صفر شود */
        #timeOffList_wrapper .dataTables_length,
        #timeOffList_wrapper .dataTables_filter,
        #timeOffList_wrapper .dt-buttons {
            margin: 0 !important;
            padding: 0 !important;
        }
        /* در عرض‌های خیلی کم، همه در یک خط بمانند و اسکرول افقی بگیرند */
        #timeOffList_wrapper .d-flex {
            flex-wrap: nowrap !important;
        }
    }