@font-face {
    font-family: YekanBakhFaNum;
    font-style: normal;
    font-weight: 100;
    src: url(fonts/woff/YekanBakhFaNum-thin.woff) format("woff"), url(fonts/woff2/YekanBakhFaNum-thin.woff2) format("woff2"), url(fonts/ttf/YekanBakhFaNum-Thin.ttf) format("truetype"), url(fonts/otf/YekanBakhFaNum-Thin.otf) format("opentype")
}

@font-face {
    font-family: YekanBakhFaNum;
    font-style: normal;
    font-weight: 300;
    src: url(fonts/woff/YekanBakhFaNum-Light.woff) format("woff"), url(fonts/woff2/YekanBakhFaNum-Light.woff2) format("woff2"), url(fonts/ttf/YekanBakhFaNum-Light.ttf) format("truetype"), url(fonts/otf/YekanBakhFaNum-Light.otf) format("opentype")
}

@font-face {
    font-family: YekanBakhFaNum;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/woff/YekanBakhFaNum-Regular.woff) format("woff"), url(fonts/woff2/YekanBakhFaNum-Regular.woff2) format("woff2"), url(fonts/ttf/YekanBakhFaNum-Regular.ttf) format("truetype"), url(fonts/otf/YekanBakhFaNum-Regular.otf) format("opentype")
}

@font-face {
    font-family: YekanBakhFaNum;
    font-style: normal;
    font-weight: 600;
    src: url(fonts/woff/YekanBakhFaNum-SemiBold.woff) format("woff"), url(fonts/woff2/YekanBakhFaNum-SemiBold.woff2) format("woff2"), url(fonts/ttf/YekanBakhFaNum-SemiBold.ttf) format("truetype"), url(fonts/otf/YekanBakhFaNum-SemiBold.otf) format("opentype")
}

@font-face {
    font-family: YekanBakhFaNum;
    font-style: normal;
    font-weight: 700;
    src: url(fonts/woff/YekanBakhFaNum-Bold.woff) format("woff"), url(fonts/woff2/YekanBakhFaNum-Bold.woff2) format("woff2"), url(fonts/ttf/YekanBakhFaNum-Bold.ttf) format("truetype"), url(fonts/otf/YekanBakhFaNum-Bold.otf) format("opentype")
}

@font-face {
    font-family: YekanBakhFaNum;
    font-style: normal;
    font-weight: 800;
    src: url(fonts/woff/YekanBakhFaNum-ExtraBold.woff) format("woff"), url(fonts/woff2/YekanBakhFaNum-ExtraBold.woff2) format("woff2"), url(fonts/ttf/YekanBakhFaNum-ExtraBold.ttf) format("truetype"), url(fonts/otf/YekanBakhFaNum-ExtraBold.otf) format("opentype")
}

@font-face {
    font-family: YekanBakhFaNum;
    font-style: normal;
    font-weight: 900;
    src: url(fonts/woff/YekanBakhFaNum-Black.woff) format("woff"), url(fonts/woff2/YekanBakhFaNum-Black.woff2) format("woff2"), url(fonts/ttf/YekanBakhFaNum-Black.ttf) format("truetype"), url(fonts/otf/YekanBakhFaNum-Black.otf) format("opentype")
}

@font-face {
    font-family: YekanBakhFaNum;
    font-style: normal;
    font-weight: 950;
    src: url(fonts/woff/YekanBakhFaNum-ExtraBlack.woff) format("woff"), url(fonts/woff2/YekanBakhFaNum-ExtraBlack.woff2) format("woff2"), url(fonts/ttf/YekanBakhFaNum-ExtraBlack.ttf) format("truetype"), url(fonts/otf/YekanBakhFaNum-ExtraBlack.otf) format("opentype")
}

@font-face {
    font-family: YekanBakhFaNum;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/ttf/YekanBakhFaNum-VF.ttf) format("truetype")
}

:root {
    /* 🎨 رنگ‌های پایه */
    --color-background: #FAFBD4; /* پس‌زمینه لطیف */
    --color-surface: #FFFFFF; /* سطح‌های سفید خالص برای تضاد */

    /* 🎯 رنگ‌های برند و تأکیدی */
    --color-primary: #3E5060; /* آبی خاکستری تیره، مناسب برای هدر، فوتر، دکمه‌ها */
    --color-accent: #04AA6D; /* نارنجی مسی ملایم برای CTA */
    --color-secondary: #A8B5BD; /* آبی خاکستری روشن برای hover و عناصر فرعی */

    /* ✅ رنگ‌های متنی */
    --color-text-primary: #2F2F2F; /* متن اصلی، خوانا و رسمی */
    --color-text-secondary: #6F6F6F; /* متن ثانویه یا توضیحی */

    /* 📏 مرز و خطوط */
    --color-border: #E2E2E2; /* خطوط جداکننده نرم */

    /* 🟢 رنگ‌های وضعیت */
    --color-success: #4CAF50; /* موفقیت (مثلاً "رزرو با موفقیت انجام شد") */
    --color-error: #D9534F; /* خطا (مثل "اتاقی یافت نشد") */
}

.text-justify {
    text-align: justify;
}

.primary-text-color {
    color: var(--color-text-primary);
}

.secondry-text-color {
    color: var(--color-text-secondary);
}

.white-text-color {
    color: #e0e0e0;
}

body {
    font-family: YekanBakhFaNum !important;
}

a {
    text-decoration: none !important;
}

.fs-7 {
    font-size: 7px;
}

.fs-8 {
    font-size: 8px;
}

.fs-9 {
    font-size: 9px;
}

.fs-10 {
    font-size: 10px;
}

.fs-11 {
    font-size: 11px;
}

.fs-12 {
    font-size: 12px;
}

.fs-13 {
    font-size: 13px;
}

.fs-14 {
    font-size: 14px;
}

.fs-15 {
    font-size: 15px;
}

.fs-16 {
    font-size: 16px;
}

.fs-17 {
    font-size: 17px;
}

.fs-18 {
    font-size: 18px;
}

.fs-19 {
    font-size: 19px;
}

.fs-20 {
    font-size: 20px;
}

.fs-22 {
    font-size: 22px;
}

.fs-24 {
    font-size: 24px;
}

.fs-26 {
    font-size: 26px;
}

.fs-30 {
    font-size: 30px;
}

.header-holder-up {
    background-color: var(--color-accent);
}

.logo-header {
    width: 100px;
    height: 60px;
}

.icon-search-header {
    top: 20px;
    color: var(--color-text-secondary);
}

.search-btn-header {
    background: transparent; /* یا رنگ دلخواه */
    border: none; /* حذف بوردر پیشفرض */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px; /* اندازه دکمه */
    height: 40px;
    border-radius: 50%; /* دایره‌ای میشه */
    cursor: pointer;
}

.input-header {
    border: none;
    background: none;
    width: 100%;
}

.exit-btn-header {
    border-radius: 6px;
    padding: 11px;
    background-color: #f5f5f5;
    border: none;
}

.input-header::placeholder {
    font-size: 14px !important;
}

.search-btn-input-holder {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    padding: 2px 4px;
    border-radius: 6px;
}

.header-holder-down {
    border-bottom: 2px solid var(--color-accent);
}

#datetime {
    font-size: 17px;
    font-weight: bold;
    color: #333;
}

.reserve-types-btn-holder {
    border: 2px solid #e2e8f0;
    border-radius: 20px;
    padding: 8px;
}

.search-box-holder {
    border: 4px double var(--color-accent);
    border-radius: 6px;
}

.select-option-search-box-style {
    background-color: #04AA6D; /* رنگ پس‌زمینه */
    color: #fff; /* رنگ متن */
    border: 1px solid #04AA6D; /* بوردر همرنگ */
    border-radius: 6px; /* گوشه‌های گرد */
    padding: 6px 10px;
    font-size: 14px;
    cursor: pointer;
    outline: none;
    appearance: none; /* حذف استایل پیش‌فرض مرورگر */
}


.select-option-search-box-style option {
    background-color: #fff; /* رنگ پس‌زمینه لیست باز شده */
    color: #04AA6D; /* رنگ متن آیتم‌ها */
}

.select-option-search-box-style:hover {
    background-color: #038d5b;
}

.select-option-search-box-style:focus {
    border: 2px solid #038d5b;
}

.reserve-code-input-search-box {
    padding: 8px 12px; /* فاصله داخلی */
    font-size: 14px; /* سایز متن */
    color: #333; /* رنگ متن */
    background-color: #fff; /* پس‌زمینه سفید */

    border: 2px solid #04AA6D; /* بوردر سبز */
    border-radius: 6px; /* گوشه گرد */

    outline: none; /* حذف خط فوکوس پیش‌فرض */
    transition: all 0.3s ease; /* انیمیشن نرم */
}

.reserve-code-input-search-box:hover {
    border-color: #038d5b; /* سبز تیره‌تر */
}

.reserve-code-input-search-box:focus {
    border-color: #038d5b;
    box-shadow: 0 0 6px rgba(4, 170, 109, 0.5); /* سایه سبز */
}

.search-box-btn {
    border: none;
    background-color: var(--color-accent);
    padding: 6px 250px;;
    border-radius: 5px;
}

.search-box-btn-pending {
    border: none;
    background-color: var(--color-accent);
    padding: 6px 10px;;
    border-radius: 5px;
}

.select-hotel-name-search-box {
    min-width: 210px;
}

.date-type {
    min-width: 110px;
}

.supplier-name {
    min-width: 110px;
}

/* باکس اصلی Select2 چندتایی */
.select2-container--default.select2-container--multiple .select2-selection--multiple {
    background-color: #04AA6D !important;
    color: #fff !important;
    border: 1px solid #04AA6D !important;
    border-radius: 6px !important;
    min-height: 38px !important;
    padding: 6px 10px !important;
    font-size: 14px !important;
    line-height: 26px !important;
}

/* placeholder */
.select2-container--default.select2-container--multiple .select2-selection__placeholder {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* آیتم‌های انتخاب شده (tags) */
.select2-container--default.select2-container--multiple .select2-selection__choice {
    background-color: white !important;
    color: #04AA6D !important;
    border: 1px solid #04AA6D !important;
    border-radius: 4px !important;
    padding: 0 6px !important;
    margin-top: 4px !important;
}

/* فلش پایین (arrow) */
.select2-container--default.select2-container--multiple .select2-selection__arrow b {
    border-color: white transparent transparent transparent !important;
}

/* لیست باز شده */
.select2-container--default.select2-container--multiple .select2-dropdown {
    border: 1px solid #04AA6D !important;
    border-radius: 6px !important;
}

/* آیتم‌های لیست */
.select2-container--default.select2-container--multiple .select2-results__option {
    background-color: #fff !important;
    color: #04AA6D !important;
    padding: 6px 12px !important;
    font-size: 14px !important;
}

/* آیتم های انتخاب شده یا hover */
.select2-container--default.select2-container--multiple .select2-results__option--highlighted[aria-selected] {
    background-color: #04AA6D !important;
    color: #fff !important;
}

/* حالت hover باکس */
.select2-container--default.select2-container--multiple .select2-selection--multiple:hover {
    background-color: #038d5b !important;
    border-color: #038d5b !important;
}

/* حالت focus */
.select2-container--default.select2-container--multiple.select2-container--focus .select2-selection--multiple {
    border: 2px solid #038d5b !important;
    box-shadow: 0 0 6px rgba(4, 170, 109, 0.5) !important;
}

/* اندازه‌ها */
.select-hotel-name-search-box.select2-container--default.select2-container--multiple,
.supplier-name.select2-container--default.select2-container--multiple {
    min-width: 110px !important;
}

.select-hotel-name-search-box.select2-container--default.select2-container--multiple {
    min-width: 210px !important;
    padding: 3px 12px !important;
    border-radius: 10px !important;
}

.select2-container--default .select2-selection--multiple {
    border: 2px solid var(--color-accent) !important;
    padding: 3px 12px !important;
}

.pending-table th {
    border: 2px solid var(--color-text-primary);
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.money-management-table th {
    /*border: 1px solid var(--color-text-primary);*/
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.profit-count-table th {
    border: 2px solid var(--color-text-primary);
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.pending-table .tr-first td {
    border: 2px solid var(--color-text-primary);
    padding: 0px;
    font-size: 12px;
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
    max-height: 70px;
    min-height: 70px;
    height: 70px;
}

.money-management-table .tr-first td {
    /*border: 1px solid var(--color-text-primary);*/
    padding: 0px;
    font-size: 12px;
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
    max-height: 70px;
    min-height: 70px;
    height: 70px;
}

.profit-count-table td {
    border: 2px solid var(--color-text-primary);
    padding: 5px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
}

.pending-table .tr-second td {
    border: 2px solid var(--color-text-primary);
    padding: 0px;
    font-size: 12px;
    margin-top: auto;
    margin-bottom: auto;
}

.money-management-table .tr-second td {
    /*border: 1px solid var(--color-text-primary);*/
    padding: 0px;
    font-size: 12px;
    margin-top: auto;
    margin-bottom: auto;
}

.pending-table .tr-third td {
    border: 2px solid var(--color-text-primary);
    padding: 0px;
    font-size: 12px;
    margin-top: auto;
    margin-bottom: auto;
}

.money-management-table .tr-third td {
    /*border: 1px solid var(--color-text-primary);*/
    padding: 0px;
    font-size: 12px;
    margin-top: auto;
    margin-bottom: auto;
}

.pending-table thead {
    background: #dddddd;
}

.money-management-table thead {
    background: #dddddd;
}

.profit-count-table thead {
    background: var(--color-accent);
}

.pending-table tbody {
    background: var(--color-background);
}

.money-management-table tbody {
    background: var(--color-background);
}

.select2-container .select2-search--inline .select2-search__field {
    height: 28px !important;
}

.all-booking-reserve {
    background-color: #FFF8E1;
    border-radius: 10px;
}

.reserve-detail-text-holder {
    background-color: #FFE0B2;
    border-radius: 15px;
}

.guest-room-table .tr-first th {
    border: 2px solid rgb(0, 0, 0, 0.3);
    padding: 5px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.guest-room-table thead {
    background: #FFECB3;
}

.guest-room-table .tr-second td {
    border: 2px solid rgb(0, 0, 0, 0.3);
    padding: 2px;
    font-size: 12px;
    margin-top: auto;
    margin-bottom: auto;
}

.guest-room-table .tr-third th {
    border: 2px solid rgb(0, 0, 0, 0.3);
    padding: 5px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.guest-room-table .tr-third {
    background: #FFECB3;
}

.guest-room-table .tr-forth td {
    border: 2px solid rgb(0, 0, 0, 0.3);
    padding: 2px;
    font-size: 12px;
    margin-top: auto;
    margin-bottom: auto;
}

.user-payment-btn, .hotel-payment-btn, .finance-id-btn {
    border-radius: 5px;
    outline: none;
    background-color: #FFECB3;
    border: 1px solid var(--color-background);
    padding: 3px 5px;
}

.confirm-btn-reserve {
    border: none;
    outline: none;
    background-color: var(--color-accent);
    color: white;
    border-radius: 5px;
    padding: 8px;
    width: 100%;
}

.content-holder {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 13px 10px;
    margin: auto;
    width: 200px;
}

.add-btn, .view-btn {
    background: var(--color-accent);
    padding: 6px;
    border-radius: 6px;
    cursor: pointer;
    color: white;
}

.add-btn:hover, .view-btn:hover {
    box-shadow: 0 4px 15px rgba(4, 170, 109, 0.35);
}

.modal-header .btn-close {
    margin-left: 0 !important; /* هلش بده به چپ */
    margin-right: auto !important;
}

.add-btn-modal {
    background: var(--color-accent) !important;
    padding: 6px !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    color: white !important;
    font-size: 14px !important;
}

.main-information-holder {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
}

.input-modal {
    width: 90%;
    border-radius: 4px;
    padding: 4px;
    font-size: 13px;
    border: 1px solid var(--color-text-secondary);

}

.input-modal:hover {
    font-size: 13px;
    color: var(--color-text-secondary);
}

.city-table .tr-first th {
    border: 1px solid #BDBDBD;
    font-size: 13px;
    padding: 6px;
    text-align: center;
    margin: auto;
}

.city-table thead {
    background: #E6FAF1;
}

.delete-btn-city-table, .edit-btn-city-table {
    border: none;
    font-size: 13px;
    padding: 4px 32px;
    border-radius: 5px;
    color: white;
}

.edit-btn-city-table {
    background-color: var(--color-accent);
}

.delete-btn-city-table {
    background-color: var(--color-error);
}

.city-table .tr-second td {
    border: 1px solid #BDBDBD;
    font-size: 13px;
    padding: 4px;
    text-align: center;
    margin: auto;
}

/*جدول تصاویر شهرها*/

.city-gallery-table .tr-first th {
    border: 1px solid #BDBDBD;
    font-size: 13px;
    padding: 6px;
    text-align: center;
    margin: auto;
}

.city-gallery-table thead {
    background: #E6FAF1;
}

.delete-btn-city-table, .edit-btn-city-table {
    border: none;
    font-size: 13px;
    padding: 4px 32px;
    border-radius: 5px;
    color: white;
}

.edit-btn-city-table {
    background-color: var(--color-accent);
}

.delete-btn-city-table {
    background-color: var(--color-error);
}

.city-gallery-table .tr-second td {
    border: 1px solid #BDBDBD;
    font-size: 13px;
    padding: 4px;
    text-align: center;
    margin: auto;
}

.line-1 {
    /*border-top: 2px dashed #CBD5E1;*/
    border-top: 2px dashed var(--color-accent);
    text-align: center;
    margin: auto;
    width: 95%;
}

/*جدول امکانات*/


.feature-table .tr-first th {
    border: 1px solid #BDBDBD;
    font-size: 13px;
    padding: 6px;
    text-align: center;
    margin: auto;
}

.feature-table thead {
    background: #E6FAF1;
}

.delete-btn-city-table, .edit-btn-city-table {
    border: none;
    font-size: 13px;
    padding: 4px 32px;
    border-radius: 5px;
    color: white;
}

.edit-btn-city-table {
    background-color: var(--color-accent);
}

.delete-btn-city-table {
    background-color: var(--color-error);
}

.feature-table .tr-second td {
    border: 1px solid #BDBDBD;
    font-size: 13px;
    padding: 4px;
    text-align: center;
    margin: auto;
}

/*جدول دسته بندی*/


.category-table .tr-first th {
    border: 1px solid #BDBDBD;
    font-size: 13px;
    padding: 6px;
    text-align: center;
    margin: auto;
}

.category-table thead {
    background: #E6FAF1;
}

.delete-btn-city-table, .edit-btn-city-table {
    border: none;
    font-size: 13px;
    padding: 4px 32px;
    border-radius: 5px;
    color: white;
}

.edit-btn-city-table {
    background-color: var(--color-accent);
}

.delete-btn-city-table {
    background-color: var(--color-error);
}

.category-table .tr-second td {
    border: 1px solid #BDBDBD;
    font-size: 13px;
    padding: 4px;
    text-align: center;
    margin: auto;
}

/*جدول تامین کننده*/


.supplier-table .tr-first th {
    border: 1px solid #BDBDBD;
    font-size: 13px;
    padding: 6px;
    text-align: center;
    margin: auto;
}

.supplier-table thead {
    background: #E6FAF1;
}

.delete-btn-city-table, .edit-btn-city-table {
    border: none;
    font-size: 13px;
    padding: 4px 32px;
    border-radius: 5px;
    color: white;
}

.edit-btn-city-table {
    background-color: var(--color-accent);
}

.delete-btn-city-table {
    background-color: var(--color-error);
}

.supplier-table .tr-second td {
    border: 1px solid #BDBDBD;
    font-size: 13px;
    padding: 4px;
    text-align: center;
    margin: auto;
}

/*جدول هتل*/


.hotel-table .tr-first th {
    border: 1px solid #BDBDBD;
    font-size: 13px;
    padding: 6px;
    text-align: center;
    margin: auto;
}

.hotel-table thead {
    background: #E6FAF1;
}

.delete-btn-city-table, .edit-btn-city-table {
    border: none;
    font-size: 13px;
    padding: 4px 32px;
    border-radius: 5px;
    color: white;
}

.edit-btn-city-table {
    background-color: var(--color-accent);
}

.delete-btn-city-table {
    background-color: var(--color-error);
}

.new-pricing-btn-table {
    background-color: #FF9F1C;
    border: none;
    font-size: 13px;
    padding: 4px;
    border-radius: 5px;
    color: white;
}

.hotel-table .tr-second td {
    border: 1px solid #BDBDBD;
    font-size: 13px;
    padding: 4px;
    text-align: center;
    margin: auto;
}

/*جدول تصاویر هتل*/


.hotel-gallery-table .tr-first th {
    border: 1px solid #BDBDBD;
    font-size: 13px;
    padding: 6px;
    text-align: center;
    margin: auto;
}

.hotel-gallery-table thead {
    background: #E6FAF1;
}

.delete-btn-city-table, .edit-btn-city-table {
    border: none;
    font-size: 13px;
    padding: 4px 32px;
    border-radius: 5px;
    color: white;
}

.edit-btn-city-table {
    background-color: var(--color-accent);
}

.delete-btn-city-table {
    background-color: var(--color-error);
}


.hotel-gallery-table .tr-second td {
    border: 1px solid #BDBDBD;
    font-size: 13px;
    padding: 4px;
    text-align: center;
    margin: auto;
}

.search-box-main-content-around {
    border: 4px double var(--color-accent);
    border-radius: 6px;
}

.search-box-main-content-input, .search-box-main-content-select {
    border-radius: 6px;
    border: 1px solid #BDBDBD;
}

.search-box-btn-main-content {
    border: none;
    background: var(--color-accent);
    padding: 4px 100px;
    border-radius: 5px;
    color: white;
}

.add-room-btn, .add-admin-btn {
    border: none;
    background-color: var(--color-accent);
    padding: 5px 50px;
    color: white;
    border-radius: 5px;
}

.room-table .tr-first th {
    border: 2px solid rgb(0, 0, 0, 0.3);
    padding: 5px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.room-table thead {
    background: #E6FAF1;
}

.room-table .tr-second td {
    border: 2px solid rgb(0, 0, 0, 0.3);
    padding: 2px;
    font-size: 12px;
    margin-top: auto;
    margin-bottom: auto;
}

.room-table .tr-third th {
    border: 2px solid rgb(0, 0, 0, 0.3);
    padding: 5px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.room-table .tr-third {
    background: #E6FAF1;
}

.room-table .tr-forth td {
    border: 2px solid rgb(0, 0, 0, 0.3);
    padding: 2px;
    font-size: 12px;
    margin-top: auto;
    margin-bottom: auto;
}

.check-box-modal {
    margin-right: 3px;
    cursor: pointer;
}

.body-login {
    height: 100vh;
    background: linear-gradient(135deg, #027a50, #04AA6D, #6dd8a5);
    background-size: 200% 200%;
    animation: gradientMove 8s ease infinite;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: inherit;
}

@keyframes gradientMove {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.login-card {
    width: 100%;
    max-width: 400px;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 20px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);
    padding: 2rem;
    color: #fff;
    text-align: center;
}

.logo-holder {
    width: 100%;
    height: 80px;
    margin-bottom: 1rem;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.input-group {
    margin-bottom: 1.2rem;
}

.form-control {
    background: rgba(255, 255, 255, 0.2);
    border: none;
    color: #fff;
}

.form-control::placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.form-control:focus {
    background: rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
    color: #fff;
}

.input-group-text {
    background: transparent;
    border: none;
    color: #fff;
}

/* دکمه مدرن */
.btn-login {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #04AA6D, #028b58);
    color: #fff;
    border: none;
    border-radius: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.btn-login .btn-bg {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    transition: all 0.4s ease;
}

.btn-login:hover .btn-bg {
    left: 0;
}

.btn-login:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.25);
}

.btn-login.loading {
    background: linear-gradient(135deg, #027a50, #04AA6D);
    cursor: wait;
}

.btn-text {
    position: relative;
    z-index: 2;
}

.small-text {
    font-size: 0.85rem;
    opacity: 0.9;
}

.custom-pagination {
    display: flex;
    justify-content: center;
    margin: 30px 0;
    font-family: 'IRANSans', sans-serif;
}

.custom-pagination ul {
    list-style: none;
    display: flex;
    gap: 8px;
    padding: 0;
    margin: 0;
}

.custom-pagination ul li a {
    display: block;
    padding: 8px 14px;
    background-color: #fff;
    color: #04AA6D;
    border: 1px solid #04AA6D;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.25s ease;
    box-shadow: 0 2px 4px rgba(4, 170, 109, 0.15);
}

.custom-pagination ul li a:hover {
    background-color: #04AA6D;
    color: #fff;
    box-shadow: 0 4px 10px rgba(4, 170, 109, 0.25);
    transform: translateY(-2px);
}

.custom-pagination ul li a.active {
    background-color: #04AA6D;
    color: #fff;
    border-color: #04AA6D;
    font-weight: bold;
    box-shadow: 0 3px 8px rgba(4, 170, 109, 0.3);
}

.custom-pagination ul li a.prev,
.custom-pagination ul li a.next {
    font-weight: bold;
    padding: 8px 12px;
    background-color: #f9f9f9;
}

.custom-pagination ul li a.prev:hover,
.custom-pagination ul li a.next:hover {
    background-color: #04AA6D;
    color: #fff;
}

@media (max-width: 576px) {
    .custom-pagination ul {
        gap: 4px;
    }

    .custom-pagination ul li a {
        padding: 6px 10px;
        font-size: 14px;
    }
}

.excell-btn {
    border-radius: 5px;
    background-color: #FF9F1C;
    color: white;
    font-size: 12px;
    border: none;
    padding: 4px 20px;
}

.reserve-information-inputs {
    border: none;
    border-radius: 5px;
    width: 60%;
}

.home-btn-reserve {
    border: none;
    border-radius: 5px;
    padding: 4px 65px;
    background-color: var(--color-accent);
}

.search-btn-in-reserve-information {
    border: none;
    border-radius: 5px;
    padding: 0px 20px;
    background-color: var(--color-accent);
    font-size: 13px !important;
}

.up, .down, .remove, .clone {
    cursor: pointer;
}

.up::after {
    font-family: "Font Awesome 7 Free" !important;
    font-weight: 900;
    content: '\f0de';
    font-size: 14px !important;
}


.remove::after {
    font-family: "Font Awesome 7 Free" !important;
    font-weight: 900;
    content: '\f1f8';
    font-size: 14px !important;
}


.down::after {
    font-family: "Font Awesome 7 Free" !important;
    font-weight: 900;
    content: '\f0dd';
    font-size: 14px !important;
}


.clone::after {
    font-family: "Font Awesome 7 Free" !important;
    font-weight: 900;
    content: '\f24d';
    font-size: 14px !important;
}


.add-room-section {
    direction: rtl;
}

.btn-add-admin {
    background-color: #04AA6D;
    color: #fff;
    border: none;
    border-radius: 10px;
    transition: all 0.3s ease;
    box-shadow: 0 3px 10px rgba(4, 170, 109, 0.2);
}

.btn-add-admin:hover {
    background-color: #038c5b;
    box-shadow: 0 5px 15px rgba(4, 170, 109, 0.4);
    transform: translateY(-2px);
}

.btn-add-admin:active {
    transform: scale(0.98);
}

.add-room-holder {
    background: #fff;
    border: 1px solid #e9ecef;
}

.modal-images-style {
    height: 100px;
    width: 150px;
}

.modal-images-style-holder {
    border: 1px solid black;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 90% !important;
}

.delete-btn-hotel-table, .edit-btn-hotel-table, .delete-btn-gallery-hotel-table, .edit-btn-gallery-hotel-table {
    border: none;
    outline: none;
    background: rgba(4, 170, 109, 0.08);
    color: #04AA6D;
    padding: 4px 8px;
    border-radius: 5px;
    font-size: 12px;
    margin: 1px;
    transition: 0.2s;
}

.search-header-table th {
    border: 2px solid var(--color-text-primary);
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.search-header-table .tr-first td {
    border: 2px solid var(--color-text-primary);
    padding: 0px;
    font-size: 12px;
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
}

.search-header-table .tr-second td {
    border: 2px solid var(--color-text-primary);
    padding: 0px;
    font-size: 12px;
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
}

.search-header-table thead {
    background-color: rgba(4, 170, 109, 0.06);
}