﻿/* ---- Library CSS (MD.BootstrapPersianDateTimePicker, vendored) ---- */
/*!
 * 
 * Bootstrap 5+ Persian Date Time Picker
 * https://github.com/Mds92/MD.BootstrapPersianDateTimePicker
 * version : 4.4.0
 * Written By Mohammad Dayyan, Mordad 1397 - 1404
 * mds_soft@yahoo.com - @mds1401
 *
 */[data-mds-dtp-guid][disabled]{cursor:default;opacity:.5}.mds-bs-dtp-container{font-size:12px;min-width:300px;overflow:visible;position:relative}.mds-bs-dtp-container [mds-dtp-inline-header]{border-bottom:1px solid #ccc!important}.mds-bs-dtp-container.rtl{direction:rtl}.mds-bs-dtp-container .select-year-box,.mds-bs-dtp-container .select-year-inline-box{background:#fff;height:100%;left:0;overflow:auto;position:absolute;text-align:center;top:0;transition:all .2s ease;width:100%;z-index:9999999}.mds-bs-dtp-container .select-year-inline-box{height:90%}.select-year-box::-webkit-scrollbar{background-color:#e4e4e4;height:5px;width:5px}.select-year-box::-webkit-scrollbar-thumb{background-color:#cdcdcd}.mds-bs-dtp-container .select-year-box.inline{overflow:auto;top:27px!important}.mds-bs-dtp-container .select-year-box.w-0,.mds-bs-dtp-container .select-year-inline-box.w-0{height:0}.mds-bs-dtp-container .select-year-box button{font-size:16px}.mds-bs-dtp-container .select-year-box [data-selected-year] button{background-color:#7fffd4}.mds-bs-dtp-container .select-year-box [data-current-year] button{background-color:#c7f7c7}.mds-bs-dtp-container.rtl table:not([dir=ltr]){direction:rtl}.mds-bs-dtp-container.rtl tfoot table{direction:ltr}.mds-bs-dtp-container.rtl .dropdown-toggle:after{margin-left:0;margin-right:.255em}.mds-bs-dtp-container *{font-size:12px}.mds-bs-dtp-container table{margin-bottom:0}.mds-bs-dtp-container table td,.mds-bs-dtp-container table th{font-size:14px;padding:1px;text-align:center}.mds-bs-dtp-container table tbody td[data-next-month] .btn,.mds-bs-dtp-container table tbody td[data-prev-month] .btn{background:#fff;border:none;cursor:default}.mds-bs-dtp-container table table{background:transparent!important;background-color:transparent!important;border:none}.mds-bs-dtp-container table table th{border:none}.mds-bs-dtp-container table table input[type=text]{background-color:#fff;border:none;text-align:center;width:50px}.mds-bs-dtp-container th{padding:0}.mds-bs-dtp-container table table tbody.days{border:0}.mds-bs-dtp-container table table tbody.days tr:first-child>td{cursor:default;font-weight:700;padding-bottom:5px;vertical-align:top;width:14.2%}.mds-bs-dtp-container table table tbody.days td[data-day]{cursor:pointer;transition:all .2s ease}.mds-bs-dtp-container table table tbody.days td[data-day][data-today]{background-color:#7fffd4}.mds-bs-dtp-container table table tbody.days td[data-day][data-mds-dtp-selected-day]{background-color:#96daff}.mds-bs-dtp-container table table tbody.days td.selected-range-days-start-end{background-color:#c9e1ff!important}.mds-bs-dtp-container table table tbody.days td.selected-range-days{background-color:#d9f2e6}.mds-bs-dtp-container table table tbody.days td.selected-range-days-nm{background-color:#78ffbe}.mds-bs-dtp-container table table tbody.days td[data-special-date]{background-color:#c7f7c7;border:1px solid #00ce00;transition:all .2s ease}.mds-bs-dtp-container table table tbody.days td[data-special-date]:hover{background-color:#7bff7b;border-color:#31cc31}.mds-bs-dtp-container table table tbody.days td[data-nm],.mds-bs-dtp-container table table tbody.days td[data-pm],.mds-bs-dtp-container table table tbody.days td[disabled]{cursor:default;opacity:.2;transition:none}.mds-bs-dtp-container table table tbody.days td[data-nm]:hover,.mds-bs-dtp-container table table tbody.days td[data-pm]:hover,.mds-bs-dtp-container table table tbody.days td[disabled]:hover{cursor:default;opacity:.3;transition:none}.mds-bs-dtp-container table table tbody.days td[data-day]:not([data-special-date]):hover,.mds-bs-dtp-container table table tbody.days td[data-nm]:hover,.mds-bs-dtp-container table table tbody.days td[data-pm]:hover{background:#ccc}.mds-bs-dtp-container input[data-mds-dtp-time]{background-color:transparent;border:none;border-bottom:1px solid #ccc;direction:ltr;font-size:18px;letter-spacing:1px;text-align:center;width:70px}.mds-bs-dtp-container input[data-mds-dtp-time]:focus{border-bottom-color:#666;outline:none}.mds-bs-dtp-container input[data-mds-dtp-time]::placeholder{color:#ccc}.mds-bs-dtp-container .btn{font-size:14px;margin-bottom:1px;padding:1px;width:100%}.mds-bs-dtp-container .btn[disabled]{opacity:.2}.mds-bs-dtp-container .dropdown{padding:0 0 1px;text-align:center}.mds-bs-dtp-container .dropdown-menu{min-width:100px;width:100px}.mds-bs-dtp-container .dropdown-item{cursor:pointer;padding:0 0 1px;text-align:center}.mds-bs-dtp-container .dropdown-item:not(.disabled):hover{background-color:#ccc}.mds-bs-dtp-container .dropdown-item.disabled{cursor:default;opacity:.2}.mds-bs-dtp-container .dropdown-divider{cursor:default;margin-bottom:1px}.mds-bs-persian-datetime-picker-popover{-webkit-box-shadow:0 5px 15px 1px rgba(0,0,0,.1);box-shadow:0 5px 15px 1px rgba(0,0,0,.1);max-width:100%;z-index:999999999}.mds-bs-persian-datetime-picker-modal *{font-size:24px!important}[data-mds-dtp] .modal-title{line-height:.5;text-align:center;width:100%}
/*# sourceMappingURL=mds.bs.datetimepicker.style.css.map*/
/* ---- Page styling ---- */
body{
  font-family:'Vazirmatn',Tahoma,sans-serif;
  background:#f4f6f5;
  min-height:100vh;
  padding:64px 20px;
}
.wrap{max-width:480px;margin:0 auto;}
h1{font-size:20px;font-weight:700;margin:0 0 6px;}
p.sub{color:#6b7b78;font-size:14px;margin:0 0 28px;line-height:1.7;}
.form-label{font-size:12.5px;color:#6b7b78;font-weight:500;}
.field-icon-wrap{position:relative;}
.field-icon-wrap .form-control{padding-left:38px;}
.field-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b7b78;pointer-events:none;}
.form-control:focus{border-color:#0f6b64;box-shadow:0 0 0 .2rem rgba(15,107,100,.18);}
.legend{display:flex;gap:18px;margin-top:16px;font-size:12.5px;color:#6b7b78;}
.legend span{display:inline-flex;align-items:center;gap:6px;}
.dot{width:8px;height:8px;border-radius:50%;display:inline-block;}
.dot.holiday{background:#dc3545;}
.dot.range{background:#0f6b64;}
.format-hint{font-size:11.5px;color:#9aa5a3;margin:8px 0 0;}
.form-control.is-invalid-date{border-color:#dc3545 !important;box-shadow:0 0 0 .2rem rgba(220,53,69,.15) !important;}

/* Bootstrap's .popover sets font-family: var(--bs-font-sans-serif),
   which overrides simple inheritance from <body> â€” so the calendar
   popover needs its own explicit override to pick up Vazirmatn. */
.popover,
.mds-bs-dtp-container,
.mds-bs-dtp-container *{
  font-family:'Vazirmatn',Tahoma,sans-serif !important;
}
/* Availability dots inside the MD Persian DateTime popover */
.mds-bs-persian-datetime-picker-popover td.jdp-hasdata {
    position: relative;
}
.mds-bs-persian-datetime-picker-popover td.jdp-hasdata::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 1px;
    width: 4px;
    height: 4px;
    margin-left: -2px;
    border-radius: 50%;
    background-color: #198754;
    pointer-events: none;
}