/* =============================================================
 * Input Field
 * ============================================================*/
#checktab{
    /*background: white;*/
    width: 58%;
    font-size: .8em;
    text-align: center;
    color: black;
    font-weight: bold;
    position: relative;
    top: 2.8em;
}
@media screen and (max-width: 600px){
    #checktab{
      width:69%;
  }

}

#multichecktab {
    background: white;
    width: 100%;
    font-size: .8em;
    text-align: center;
    color: black;
    font-weight: bold;
    border-left: 1px solid lightgray;
    border-right: 1px solid lightgray;
    position: relative;
    top: 2.8em;
}

#input-id{
    padding: 1.71em .6em 1.4em .5em;
    font-size: 1.5em;
    text-align: center;
    color: black;
    font-weight: bold;
    cursor: pointer;
}

@media screen and (max-width: 600px){
    #input-id{ 
       padding: 1.6em 0em 1.3em 0em;
       font-size: 1.1em;
       width: 70%;
    }
}

#multiinput-id {
    padding: 1.71em .6em 1.3em .5em;
    font-size: 1.5em;
    text-align: center;
    color: black;
    font-weight: bold;
    cursor: pointer;
    width: 100%;
}

@media screen and (max-width: 600px){
    #multiinput-id{ 
       padding: 1.6em 0em 1.3em 0em;
       font-size: 1.1em;
       width: 100%;
    }
}

/* =============================================================
 * Book Now CTA
 * ============================================================*/
.datepicker-cta{
    padding: .45em 1.7em .45em 1.7em;
    background-color: #ed1c24;
    color: white;
    font-size: 2em;
    font-weight: bold;
    height: 95px;
    max-height: 180px;
	border: 0px;
}

@media screen and (max-width: 600px){
    .datepicker-cta{
    padding: 0.3em 1.7em 0em 1.7em;
    background-color: #ed1c24;
    color: white;
    font-size: 1em;
    font-weight: bold;
    height: 72px;
    max-height: 180px;
    width: 28%;
	border: 0px;
    }
}

.multidatepicker-cta {
    padding: .5em 1.7em .5em 1.7em;
    background-color: #ed1c24;
    color: white;
    font-size: 1.5em;
    font-weight: bold;
    height: 53px;
    max-height: 182px;
	border: red;
}

#et-boc > div > div > div.et_pb_section.et_pb_section_0.et_section_regular > div > div > div > div > div > div > button:hover {
    background-color: #083c46;  
}

/* =============================================================
 * Date Picker Container
 * ============================================================*/
@media screen and (max-width: 600px){
    div#datepicker-row{
        width:100%;
    }
}

.date-picker{
    margin: 0 auto;
    width: 50%;
}

@media screen and (max-width: 600px) {
    .date-picker{
        width: 100%;
    }
}

.multidate-picker{
    margin: 0 auto;
    width: 50%;
	text-align:center;
}

@media screen and (max-width: 600px) {
    .multidate-picker{
        width: 100%;
    }
}

.datepicker{
    width: 100%;
    border: 1px solid black;
    right: -1em;
}

@media screen and (max-width: 600px) {
    .datepicker{
        right: 0;
        width: 100%;
    }
}

@media screen and (max-width: 600px){
    .datepicker__inner {
        padding: 6px 0px;
    }
}


.belowdatepicker{
    position: relative;
    z-index: 0;
}



/* =============================================================
 * Date Picker Months
 * ============================================================*/


.datepicker__months table.datepicker__month{
    width: 200px !important;
    margin: 0 0 15px 7px !important;
    border: 1px solid #eee !important;
    text-align: center !important;
}
@media screen and (max-width: 600px){
    .datepicker__months table.datepicker__month{
        position: relative;
        right:0;
        width: 100% !important;
        margin: 0 !important;

    }
}

.datepicker__month-caption th.datepicker__month-name {
    color: black ;
}

tr.datepicker__month-caption > th {
    padding: 0 !important;
}

#month-1-input-id > thead > tr.datepicker__month-caption > th{
    padding: 0;
}
/* =============================================================
 * Date Picker Controls
 * ============================================================*/


.datepicker__month-button:hover {
    background-color: #ed1c24;
    color: #fff;
	font-weight: bold;
}

.datepicker__close-button{
    background-color: #ed1c24;
	
}

@media screen and (max-width: 600px){
    .datepicker__close-button{
    position: relative;
    left: 15em;
	}
}


/* =============================================================
 * Date Picker Days
 * ============================================================*/

.datepicker__month-day--valid {
    color: black;
}

.datepicker__month-day--invalid {
    color: #999;
}

@media screen and (max-width: 600px){
    .datepicker__week-name{
        font-size: 9px;
    }
}

.datepicker__month-day--first-day-selected, .datepicker__month-day--last-day-selected{
    background-color: #ed1c24 !important;
    color: #fff;
}

@media screen and (max-width: 600px){
    th.datepicker__week-name{
        padding: 6px 15px !important;
    }
}

@media screen and (max-width: 600px){
    td.datepicker__month-day{
            padding: 6px 18px !important;
        }
}