﻿/*$customBreakPointMobileOrTablet: 1024px;*/
.show-calendar:before, .show-calendar:after {
  display: none; }

@media screen and (min-width: 1200px) {
  .show-calendar .drp-calendar {
    float: unset !important;
    margin-right: 5%;
    max-width: unset; }
    .show-calendar .drp-calendar.right {
      padding: 25px 0 32px 0; }
    .show-calendar .drp-calendar.left {
      padding: 25px 0 32px 0; } }
    @media screen and (min-width: 1200px) and (min-width: 1200px) {
      .show-calendar .drp-calendar.left {
        margin: 0; } }
    @media screen and (min-width: 1200px) and (min-width: 1200px) {
      .show-calendar .drp-calendar.left .calendar-table {
        padding-right: 0; } }

@media screen and (min-width: 1200px) {
    .show-calendar .drp-calendar .calendar-table {
      direction: rtl;
      text-align: right; } }

@media screen and (min-width: 1200px) {
  .daterangepicker {
    width: 450px;
    border-radius: 9px;
    box-shadow: 0 13px 50px 0 rgba(11, 54, 121, 0.22);
    min-height: 517px;
    padding: 0 32px 0px 31px; } }

@media screen and (min-width: 431px) and (max-width: 1199px) {
  .daterangepicker {
    min-height: 497px; } }

@media screen and (max-width: 430px) {
  .daterangepicker {
    min-height: auto;
    width: calc(100% - 48px); } }

@media screen and (max-width: 430px) {
  .daterangepicker .drp-calendar.single {
    max-width: none;
    padding-block: 10px 18px;
    padding-inline: 4px; } }

@media screen and (min-width: 1200px) {
  .daterangepicker .calendar-table .table-condensed {
    height: 355px; } }

.daterangepicker .calendar-table .table-condensed thead tr:last-child {
  height: unset; }
  @media screen and (min-width: 1200px) {
    .daterangepicker .calendar-table .table-condensed thead tr:last-child th {
      padding-top: 20px;
      padding-bottom: 14px; } }

.daterangepicker .calendar-table .table-condensed thead th {
  font-family: HeeboMedium;
  font-weight: unset;
  color: #0d47a1; }
  @media screen and (min-width: 1200px) {
    .daterangepicker .calendar-table .table-condensed thead th {
      font-size: 19px; } }
  @media screen and (max-width: 1199px) {
    .daterangepicker .calendar-table .table-condensed thead th {
      font-size: 14px; } }

@media screen and (min-width: 1200px) {
  .daterangepicker .calendar-table .table-condensed tr {
    height: 33px; } }

.daterangepicker .calendar-table .table-condensed td {
  color: #1e2f41;
  /*&.off {
                    color: #1e2f41;
                    background-color: $maccabi-white;
                    cursor: default;
                    box-shadow: unset;
                    border: unset;

                    &.available {
                        &:hover {
                            color: #1e2f41;
                            background-color: $maccabi-white;
                        }
                    }
                }*/ }
  @media screen and (min-width: 1200px) {
    .daterangepicker .calendar-table .table-condensed td {
      line-height: normal;
      min-width: 47px;
      width: 47px;
      height: 47px;
      font-size: 19px; } }
  @media screen and (max-width: 1199px) {
    .daterangepicker .calendar-table .table-condensed td {
      font-size: 14px; } }
  .daterangepicker .calendar-table .table-condensed td.in-range {
    background-color: rgba(13, 71, 161, 0.08);
    color: #0d47a1; }
  .daterangepicker .calendar-table .table-condensed td.available:hover {
    background-color: rgba(13, 71, 161, 0.08); }
  .daterangepicker .calendar-table .table-condensed td.today {
    border-radius: 4px;
    box-shadow: 0 -3px 54px 0 rgba(13, 71, 161, 0.08);
    background-color: rgba(255, 255, 255, 0.85);
    font-weight: 500; }
  .daterangepicker .calendar-table .table-condensed td.ends {
    color: #8E97A0;
    background-color: #ffffff;
    cursor: default;
    box-shadow: unset;
    border: unset; }
    .daterangepicker .calendar-table .table-condensed td.ends.available:hover {
      /* background-color: #F2F2F2;*/ }
  .daterangepicker .calendar-table .table-condensed td.disabled {
    color: #E0E0E0;
    text-decoration: unset; }
  .daterangepicker .calendar-table .table-condensed td.active {
    border-radius: 4px;
    font-family: heeboMedium;
    color: #ffffff;
    background-color: #0d47a1;
    border: unset; }
    .daterangepicker .calendar-table .table-condensed td.active:hover {
      background-color: #0d47a1;
      color: #ffffff; }

.daterangepicker .calendar-table .table-condensed .next span {
  -webkit-transform: rotate(-225deg);
  transform: rotate(-225deg);
  border: solid #0d47a1;
  border-width: 0 2px 2px 0; }

.daterangepicker .calendar-table .table-condensed .prev span {
  border: solid #0d47a1;
  border-width: 0 2px 2px 0; }
  @media screen and (min-width: 1200px) {
    .daterangepicker .calendar-table .table-condensed .prev span {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); } }
  @media screen and (max-width: 1199px) {
    .daterangepicker .calendar-table .table-condensed .prev span {
      -webkit-transform: rotate(316deg);
      transform: rotate(316deg); } }

.daterangepicker .drp-buttons {
  text-align: left; }
  @media screen and (min-width: 1200px) {
    .daterangepicker .drp-buttons {
      border-top: 2px solid rgba(13, 71, 161, 0.17);
      padding: 0; } }
  .daterangepicker .drp-buttons .drp-selected {
    display: none; }
  .daterangepicker .drp-buttons .cancelBtn {
    display: none; }
  .daterangepicker .drp-buttons .applyBtn {
    background: none;
    border-radius: 33px;
    border: solid 1px #bf188d;
    font-size: 19px;
    line-height: 1;
    color: #bf188d;
    font-family: 'HeeboMedium';
    padding: 15px 30px 13px 30px;
    font-weight: unset;
    box-shadow: 0 0 9px 0 rgba(0, 51, 129, 0.17); }
    @media screen and (min-width: 1200px) {
      .daterangepicker .drp-buttons .applyBtn {
        margin-top: 24px;
        margin-left: 0; } }
    @media screen and (max-width: 1199px) {
      .daterangepicker .drp-buttons .applyBtn {
        font-size: 14px;
        padding: 10px 24px 8px 25px; } }
