/* #datepicker
{
  width:504px; 
} */

 
:host 
{ 
  --color-bg-default: #fff;
  --color-bg-secondary: #fff;
  --color-fg-primary: #424F51;
  --color-fg-muted: #424F51;
  --color-btn-primary-border: #424F51;
  --color-btn-primary-bg: #424F51;
  --color-btn-primary-fg: #fff;
  --color-btn-primary-disabled-bg: #424F51;
  --color-btn-primary-disabled-border: #424F51;
  --color-btn-primary-disabled-fg: #fff;
  --color-btn-primary-hover-bg: #424F51;
  --color-btn-primary-hover-fg: #fff;
  --color-btn-primary-hover-border: #424F51;
  --color-btn-primary-disabled-bg: #424F51;
  --color-btn-secondary-border: #424F51;
  --color-btn-secondary-fg: #424F51;
  --color-btn-secondary-hover-bg: #fff;
  --color-btn-secondary-hover-border: #424F51;
  --color-btn-secondary-hover-fg: #424F51;
  --color-bg-inrange: #E0E9F7;
  --day-width: 39px;
  --day-height: 55px; 
  --border-radius: 10px;
}

.easepick-wrapper
{
  width: 100%;
}

.container.lock-plugin
{
  font-family: 'arponasans', sans-serif !important;
}

.container.lock-plugin.range-plugin.show
{
  left: -11px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: 1px solid #BCC9BB;
}

@media (min-width: 481px)
{
  .container.lock-plugin.range-plugin.show
  {
    width: calc(100% + 2px);
  }
}

@media (max-width: 480px)
{
  .container:not(.inline).show
  {
    position: absolute !important;
  }
  .container.lock-plugin.range-plugin.show
  {
    top: 60px !important;
  }
}

@media (min-width: 481px) and (max-width: 662px)
{
  .container.lock-plugin.range-plugin.show
  {
    top: 65px !important;
  }
}

@media (min-width: 663px)
{
  .container.lock-plugin.range-plugin.show
  {
    top: 68px !important;
  }
}

@media (max-width: 630px) 
{
  .calendar:nth-child(1)
  {
    border-bottom: 1px solid #BCC9BB;
  }
}

@media (min-width: 631px) 
{
  .calendar:nth-child(1)
  {
    border-right: 1px solid #BCC9BB;
    margin-right: -1px;
  }
}

.calendar>.header 
{
  height: 40px;
  margin-bottom: 10px;
}

.calendar>.header .month-name
{
  font-weight: 400 !important;
  font-size: 18px !important;
}

.calendar>.header .month-name>span
{
  text-transform: capitalize;
  font-weight: 400 !important;
}

.calendar>.header button
{
  padding: 12px !important;
}

.calendar>.header button.next-button,
.calendar>.header button.previous-button
{
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-repeat: no-repeat;
}

.calendar>.header button.previous-button
{
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector' fill-rule='evenodd' clip-rule='evenodd' d='M9.00008 16.8334C4.39771 16.8334 0.666748 13.1025 0.666748 8.50008C0.666748 3.89771 4.39771 0.166748 9.00008 0.166748C13.6025 0.166748 17.3334 3.89771 17.3334 8.50008C17.3334 13.1025 13.6025 16.8334 9.00008 16.8334ZM10.3386 12.7261C10.4236 12.7261 10.4944 12.6949 10.5511 12.6326C10.6077 12.5702 10.6361 12.4965 10.6361 12.4115C10.6417 12.3264 10.6106 12.2556 10.5426 12.1989L6.7435 8.48291L10.5426 4.77542C10.6106 4.71307 10.6446 4.63937 10.6446 4.55434C10.6446 4.46363 10.6134 4.38994 10.5511 4.33325C10.4888 4.27656 10.4151 4.24821 10.3301 4.24821C10.2508 4.24254 10.1771 4.27372 10.1091 4.34175L6.25056 8.10876C6.17123 8.18245 6.1174 8.26465 6.08907 8.35536C6.06641 8.44039 6.06641 8.52826 6.08907 8.61896C6.1174 8.70966 6.17123 8.79186 6.25056 8.86556L10.1091 12.6326C10.1771 12.6949 10.2536 12.7261 10.3386 12.7261Z' fill='%23424F51'/%3E%3C/svg%3E%0A");
}

.calendar>.header button.next-button
{
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector' fill-rule='evenodd' clip-rule='evenodd' d='M9.00008 16.8334C13.6025 16.8334 17.3334 13.1025 17.3334 8.50008C17.3334 3.89771 13.6025 0.166748 9.00008 0.166748C4.39771 0.166748 0.666748 3.89771 0.666748 8.50008C0.666748 13.1025 4.39771 16.8334 9.00008 16.8334ZM7.66156 12.7261C7.57657 12.7261 7.50574 12.6949 7.44908 12.6326C7.39242 12.5702 7.36409 12.4965 7.36409 12.4115C7.35842 12.3264 7.38959 12.2556 7.45758 12.1989L11.2567 8.48291L7.45758 4.77542C7.38959 4.71307 7.35559 4.63937 7.35559 4.55434C7.35559 4.46363 7.38675 4.38994 7.44908 4.33325C7.51141 4.27656 7.58507 4.24821 7.67006 4.24821C7.74938 4.24254 7.82304 4.27372 7.89103 4.34175L11.7496 8.10876C11.8289 8.18245 11.8828 8.26465 11.9111 8.35536C11.9338 8.44039 11.9338 8.52826 11.9111 8.61896C11.8828 8.70966 11.8289 8.79186 11.7496 8.86556L7.89103 12.6326C7.82304 12.6949 7.74655 12.7261 7.66156 12.7261Z' fill='%23424F51'/%3E%3C/svg%3E%0A");
}

.calendar>.header button.next-button>svg
.calendar>.header button.previous-button>svg
{
  display: none;
}

.calendar:nth-child(1)>.header button.next-button,
.calendar:nth-child(2)>.header button.previous-button
{
  display: none;
}

.calendar:nth-child(1)>.header button.reset-button
{
  width: 17px;
  height: 17px;
}

.calendar>.daynames-row>.dayname
{
  text-transform: capitalize;
  letter-spacing: 1.2px;
  font-weight: 500;
}

.calendar>.daynames-row, 
.calendar>.days-grid
{
  justify-items: center;
}

.calendar>.days-grid>.day
{
  border-radius: 0 !important;
  font-size: 18px;
  font-weight: 400;
  padding: 5px 0 !important;
  justify-content: space-between !important;
}

@media (max-width: 767px)
{
  .calendar>.days-grid>.day
  {
    width: 100% !important;
    max-width: 100% !important;
  }
}

.calendar>.days-grid>.day .day-price
{
  color: #858585;
  font-size: 11px;
  font-weight: 500;
  margin-top: 3px;
}

.calendar>.days-grid>.day.today
{
  color: inherit !important;
  border-radius: 5px !important;
  border: 1px solid #FF3167;
}

@media (min-width: 768px)
{
  .calendar>.days-grid>.day:hover
  {
   border-radius: 5px !important;
   border: 1px solid #424F51; 
  }
}

.container.range-plugin .calendar>.days-grid>.day.end .day-price,
.container.range-plugin .calendar>.days-grid>.day.start .day-price,
.container.lock-plugin .calendar>.days-grid>.day.locked,
.container.range-plugin .calendar>.days-grid>.day.end, 
.container.range-plugin .calendar>.days-grid>.day.start
{
  color: #fff !important;
}

.container.range-plugin .calendar>.days-grid>.day.start
{
  border-bottom-left-radius: 5px !important;
  border-top-left-radius: 5px !important;
}

.container.range-plugin .calendar>.days-grid>.day.end
{
  border-bottom-right-radius: 5px !important;
  border-top-right-radius: 5px !important;
}

.container.lock-plugin .calendar>.days-grid>.day.locked:not(.start):not(.end),
.container.lock-plugin .calendar>.days-grid>.day.locked
{
  background-image: none !important;
  font-style: normal !important;
  border: none !important;
}

.container.lock-plugin .calendar>.days-grid>.day.locked:not(.start):not(.end)
{
  color: #A0A7A8 !important;
}

.container.lock-plugin .calendar>.days-grid>.day.not-available
{
  font-style: normal !important;
  
}

.lock-plugin.container>footer .footer-buttons>button
{
  border-radius: 0;
}

@media (max-width: 480px) 
{
  .calendars .calendar:nth-child(n+2)
  {
    display: block !important;
  }

  .lock-plugin.container:not(.inline)
  {
    opacity: 0;
    transform: none !important;
  }
  .lock-plugin.container:not(.inline).show 
  {
    width: calc(100% + 2px);
    margin: 0 auto;
    bottom: auto !important;
    left: -20px !important;
    right: 0 !important;
    opacity: 1;
    transform: none !important;
  }
}

@media (max-width: 630px) 
{
  .calendars
  {
    display: flex;
    flex-direction: column;
  }
}