.mrdp-container {
  background:#fff;
  border:1px solid #dbdbdb;
  border-radius:8px;
  box-shadow:0 4px 12px rgba(0,0,0,.1);
  display:none;
  font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
  opacity:0;
  position:absolute;
  transform:translateY(5px);
  transition:opacity .15s ease-out,transform .15s ease-out;
  width:310px;
  z-index:1000
}
.mrdp-container.mrdp-dual-calendar {
  width:640px
}
.mrdp-dual-wrapper {
  display:grid;
  gap:0;
  grid-template-columns:1fr 1fr
}
.mrdp-calendar-panel {
  position:relative
}
.mrdp-calendar-panel:first-child {
  border-right:1px solid #eee
}
.mrdp-dual-calendar .mrdp-picker-overlay {
  border-radius:0
}
.mrdp-dual-calendar .mrdp-calendar-panel:first-child .mrdp-picker-overlay {
  border-bottom-left-radius:8px;
  border-top-left-radius:8px
}
.mrdp-dual-calendar .mrdp-calendar-panel:last-child .mrdp-picker-overlay {
  border-bottom-right-radius:8px;
  border-top-right-radius:8px
}
.mrdp-container.mrdp-visible {
  display:block;
  opacity:1;
  transform:translateY(0)
}
.mrdp-header {
  align-items:center;
  border-bottom:1px solid #eee;
  display:flex;
  justify-content:space-between;
  padding:10px 8px
}
.mrdp-month-year-display {
  align-items:center;
  display:flex;
  flex-grow:1;
  gap:8px;
  justify-content:center
}
.mrdp-month-year-btn {
  background-color:#fff;
  border:1px solid #ddd;
  border-radius:6px;
  color:#333;
  cursor:pointer;
  font-size:14px;
  font-weight:600;
  outline:none;
  padding:6px 12px;
  transition:all .2s
}
.mrdp-month-year-btn:hover {
  background-color:#f8f9fa;
  border-color:#007bff;
  color:#007bff
}
.mrdp-month-year-btn {
   
}
#mrdp-current-month-year {
  flex-grow:1;
  font-size:16px;
  font-weight:600;
  margin:0;
  text-align:center
}
.mrdp-nav-btn {
  background:none;
  border:none;
  border-radius:50%;
  color:#007bff;
  cursor:pointer;
  font-size:20px;
  font-weight:700;
  height:36px;
  line-height:36px;
  text-align:center;
  transition:background-color .2s;
  width:36px
}
.mrdp-nav-btn:hover {
  background-color:#f0f0f0
}
.mrdp-grid,
.mrdp-grid-2 {
  display:grid;
  gap:2px;
  grid-template-columns:repeat(7,1fr);
  padding:8px
}
.mrdp-day-cell,
.mrdp-day-header {
  box-sizing:border-box;
  font-size:14px;
  text-align:center
}
.mrdp-day-header {
  color:#777;
  font-weight:600;
  padding:8px 0
}
.mrdp-day-cell {
  border:1px solid transparent;
  border-radius:50%;
  cursor:pointer;
  height:38px;
  line-height:38px;
  transition:background-color .15s,color .15s,border-radius .1s ease-in-out
}
.mrdp-day-cell:not(.empty):not(.disabled):hover {
  background-color:#f0f0f0
}
.mrdp-day-cell.empty {
  cursor:default
}
:root {
  --mrdp-primary-color:#007bff;
  --mrdp-primary-light:#e6f2ff
}
.mrdp-day-cell.selected-start {
  border-radius:50% 0 0 50%;
  color:#fff!important
}
.mrdp-day-cell.selected-end,
.mrdp-day-cell.selected-start {
  background-color:var(--mrdp-primary-color);
  font-weight:700
}
.mrdp-day-cell.selected-end {
  border-radius:0 50% 50% 0;
  color:#fff
}
.mrdp-day-cell.selected-start.selected-end {
  border-radius:50%
}
.mrdp-day-cell.in-range {
  background-color:var(--mrdp-primary-light);
  border-radius:0;
  color:#333
}
.mrdp-day-cell.pending-start {
  animation:mrdp-pulse 1.5s ease-in-out infinite;
  background-color:var(--mrdp-primary-color);
  border-radius:50%;
  color:#fff!important;
  font-weight:700;
  opacity:.8
}
@keyframes mrdp-pulse {
  0% {
    transform:scale(1)
  }
  50% {
    box-shadow:0 0 10px rgba(0,123,255,.3);
    transform:scale(1.05)
  }
  to {
    transform:scale(1)
  }
}
.mrdp-day-cell.today {
  border:1px solid var(--mrdp-primary-color);
  color:var(--mrdp-primary-color);
  font-weight:700
}
.mrdp-day-cell.disabled {
  color:#ccc;
  cursor:not-allowed;
  text-decoration:line-through
}
.mrdp-day-cell.disabled,
.mrdp-day-cell.disabled:hover {
  background-color:#f9f9f9
}
.mrdp-controls {
  display:grid;
  gap:4px;
  padding:0 8px 8px
}
.mrdp-controls button {
  background-color:#f0f0f0;
  border:1px solid #ddd;
  border-radius:6px;
  cursor:pointer;
  font-size:12px;
  font-weight:500;
  padding:8px 6px;
  transition:background-color .2s
}
.mrdp-controls button:hover {
  background-color:#e0e0e0
}
.mrdp-controls button.mrdp-btn-clear {
  background-color:#fff0f0;
  border-color:#fdd;
  color:#d9534f;
  font-weight:600
}
.mrdp-controls button.mrdp-btn-clear:hover {
  background-color:#ffe0e0
}
.mrdp-container.rtl {
  direction:rtl
}
.mrdp-container.rtl .mrdp-header {
  flex-direction:row-reverse
}
.mrdp-container.rtl .mrdp-day-cell.selected-start {
  border-radius:0 50% 50% 0
}
.mrdp-container.rtl .mrdp-day-cell.selected-end {
  border-radius:50% 0 0 50%
}
.mrdp-day-disabled {
  background-color:#f5f5f5;
  color:#ccc;
  cursor:not-allowed;
  opacity:.6;
  pointer-events:none
}
.mrdp-picker-overlay {
  animation:mrdp-fade-in .2s ease-out;
  background:#fff;
  border-radius:8px;
  bottom:0;
  left:0;
  padding:12px;
  position:absolute;
  right:0;
  top:0;
  z-index:10
}
@keyframes mrdp-fade-in {
  0% {
    opacity:0;
    transform:scale(.95)
  }
  to {
    opacity:1;
    transform:scale(1)
  }
}
.mrdp-picker-header {
  align-items:center;
  color:#333;
  display:flex;
  font-size:14px;
  font-weight:600;
  gap:12px;
  justify-content:center;
  margin-bottom:12px;
  text-align:center
}
.mrdp-year-nav {
  background:none;
  border:none;
  border-radius:4px;
  color:#007bff;
  cursor:pointer;
  font-size:18px;
  font-weight:700;
  padding:4px 8px;
  transition:background-color .2s
}
.mrdp-year-nav:hover {
  background-color:#f0f0f0
}
.mrdp-month-grid,
.mrdp-year-grid {
  display:grid;
  gap:8px;
  grid-template-columns:repeat(3,1fr)
}
.mrdp-picker-item {
  background-color:#fff;
  border:1px solid #e0e0e0;
  border-radius:6px;
  color:#333;
  cursor:pointer;
  font-size:13px;
  font-weight:500;
  padding:12px 8px;
  text-align:center;
  transition:all .2s
}
.mrdp-picker-item:hover {
  background-color:#f0f7ff;
  border-color:#007bff;
  box-shadow:0 2px 4px rgba(0,123,255,.1);
  color:#007bff;
  transform:translateY(-1px)
}
.mrdp-picker-item.active {
  background-color:#007bff;
  border-color:#007bff;
  color:#fff;
  font-weight:600
}
.mrdp-picker-item.current-year {
  border-color:#007bff;
  color:#007bff;
  font-weight:600
}
.mrdp-picker-item.current-year.active {
  background-color:#007bff;
  color:#fff
}


/* custom styles */

.mrdp-container {
  font-family: 'brother-1816', sans-serif;
  border-radius: 0;
}
.mrdp-container .in-range {
  background-color: #FBD7D7;
}
.mrdp-container .pending-start, .mrdp-container .selected-start, .mrdp-container .selected-end {
  background-color: #720D0E;
}
.mrdp-day-cell:not(.empty):not(.disabled):hover {
  background-color: #720D0E;
  color: #ffffff;
}
.mrdp-container .mrdp-nav-btn {
  color: #720D0E;
}
.mrdp-day-cell.pending-start, .mrdp-day-cell.selected-start, .mrdp-day-cell.selected-end {
  animation: none;
  border: none;
}
.mrdp-day-cell.today {
  color: #720D0E;
  border-color: #720D0E;
}
.mrdp-day-cell.disabled {
  text-decoration: none;
}