#ui-datepicker-div{
	width: 40rem !important;
	height: 40rem !important;
	z-index: 1000 !important;
	box-sizing: border-box !important;
    padding: 0 2.5rem !important;
    background-color: #956158 !important;
    border-radius: 0 !important;
}

.ui-datepicker-header{
	padding-top: 1rem;
	padding-left: 1rem;
	padding-right: 1rem;
}

.ui-datepicker-calendar{
	/* display: block; */
	padding: 0 1rem 1rem 1rem;
}

.section__tour__wrapper .g-recaptcha{
	padding-left: 0;
}

.ui-datepicker-title span{
	color: #EDF2F2;
    font-size: 2.2em;
    text-transform: uppercase !important;
  font-weight: 400;
  letter-spacing: 0.45px;
  font-family: 'futura-medium', sans-serif;
}

.ui-datepicker-month{
    margin-right: 0.5rem !important;
}

.ui-datepicker-title{
	margin-bottom: 1.5rem;
	text-align: center;
	line-height: 4.3em;
}

thead tr th span{
    color: #EDF2F2;
    font-family: 'futura-medium', sans-serif;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 400;
	letter-spacing: 0.5px;
	/* margin-right: 6px;
	margin-left: 6px; */
	display: inline-block;
	margin-bottom: 8px;
}

thead tr th:last-child span{
	margin-right: 0;
}

tbody tr td a{
	text-decoration: none;
	color: #EDF2F2;
	display: inline-block;
	/* margin-bottom: 4px; */
	width: 4rem;
	margin-bottom: .7rem;
	font-size: 1.3em;font-weight: 400;
	text-transform: uppercase;
      letter-spacing: 3.095237px;
      font-family: 'futura-medium', sans-serif;
}

tbody tr td.ui-state-disabled span{
	margin-bottom: .7rem;
	width: 4rem;
	text-decoration: none;
	color: #EDF2F2;
	display: inline-block;
	/* margin-bottom: 4px; */
	font-size: 1.3em;font-weight: 400;
	text-transform: uppercase;
  	letter-spacing: 3.095237px;
}

tbody tr td{
	cursor: pointer;
	text-align: center;

}

.ui-widget-header{
    border: none !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
    background-color: transparent !important;
    color: #EDF2F2 !important;
    border: 1px solid #EDF2F2 !important;
}

.ui-datepicker-header { background: transparent!important; height: auto; margin: 2.6rem 0 0; }

.ui-datepicker table { width: 100%; }
.ui-datepicker table td { text-align:center; }
.ui-datepicker thead {}
.ui-datepicker th,
.ui-datepicker td { cursor: pointer; text-decoration:none; color: #ffffff; font-size: 1.1em; line-height: 1.895em; font-weight: 800; text-transform: uppercase; }
.ui-datepicker th { bottom: -.2rem; position: relative; }
.ui-datepicker td { font-size: 1.4em; line-height: 1.895em; }
.ui-datepicker td a { color: #555960; }
.ui-datepicker td a.active,
.ui-datepicker td.active a { border-color: #ffffff; }
.ui-datepicker a:after { content: none; }

.ui-state-disabled span{ opacity: 0.5; cursor:default; }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next { color: #555960; font-size: 1.2em; line-height: 4.3rem; margin: 0; padding: 0; }
.ui-datepicker-prev span,
.ui-datepicker-next span { display: none; }
.ui-datepicker .ui-datepicker-prev:before,
.ui-datepicker .ui-datepicker-prev[title]:before,
.ui-datepicker .ui-datepicker-next[title]:before,
.ui-datepicker .ui-datepicker-next:before { position: relative; top: auto; speak: none; content: ''; color: #555960; opacity: 1; text-shadow: none; opacity: 1!important; visibility: visible!important; cursor: pointer;
    background: url(../../img/stay/gallery/arrow.png) !important;
    background-repeat: no-repeat;
    background-size: 20px 21px !important;
    width: 20px !important;
    height: 21px !important;
    display: block;
    cursor: pointer !important;
}
.ui-datepicker .ui-datepicker-prev:before { content: '';
    background: url(../../img/stay/gallery/arrow.png) !important;
    background-repeat: no-repeat;
    background-size: 20px 21px !important;
    width: 20px !important;
    height: 21px !important;
    display: block;
    cursor: pointer !important;
}
.ui-datepicker .ui-datepicker-prev:before { transform: rotate(180deg) !important; display: block; position: relative;}
/* .ui-datepicker .ui-datepicker-next:before{right: 65px;}
.ui-datepicker .ui-datepicker-prev:before{left: 65px;} */
.ui-datepicker .ui-datepicker-prev.ui-state-disabled,
.ui-datepicker .ui-datepicker-next.ui-state-disabled{ opacity: 0.5; cursor:default;}

.ui-state-hover{
    background-color: transparent !important;
    border: none !important;
}
@media only screen
and (min-width : 769px) {
  .ui-datepicker-buttonpane button:hover,
  .ui-datepicker td a:hover,
  .ui-datepicker .ui-state-active,
  .ui-datepicker .ui-datepicker-prev:hover:before,
  .ui-datepicker .ui-datepicker-next:hover:before { color: #ebc2b2; }

  #ui-datepicker-div{
      height: auto !important;
      padding-bottom: 2.5rem !important;
  }
}
@media only screen
and (min-width : 768px) {
	/* .ui-datepicker {top: 0!important; left: 0!important;} */
}
@media only screen
and (min-width : 0)
and (max-width : 767px) {
    #ui-datepicker-div{
        position: fixed !important;
        left: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 100% !important;
    }
}
@media only screen
and (min-width : 0)
and (max-width : 768px) {
  .ui-datepicker { padding: 41rem 6.5rem; width: 100%; height: 100%; }
  .ui-datepicker:empty { display: none; }
  .ui-datepicker-header { margin: 1.6rem 0 .2rem; }

  .ui-datepicker .ui-datepicker-prev,
  .ui-datepicker .ui-datepicker-next { font-size: 2em; line-height: 6.4rem; margin: 0; padding: 0; }
  .ui-datepicker th { bottom: -.3rem; font-size: 1.76em; }
  .ui-datepicker-buttonpane { border-top: .2rem solid #e8e9ea; margin: 1.9rem 0 0; padding: .5rem 0 1.1rem; }
  .ui-datepicker-buttonpane button { font-size: 2.438em; }
}
@media only screen
and (min-width : 0)
and (max-width : 321px) {
  .ui-datepicker { padding: 32rem 6.5rem; }
}