.eps-booking-widget-vertical,
.eps-booking-widget-horizontal {
    border: 1px solid #dddddd;
    background: white;
    padding: 12px;
}

.eps-booking-widget-vertical .eps-booking-disclaimer,
.eps-booking-widget-horizontal .eps-booking-disclaimer { font-size: 11px; margin-top: 8px; }
.eps-booking-widget-horizontal .eps-booking-disclaimer { padding: 4px; }


.eps-booking-widget-vertical label,
.eps-booking-widget-horizontal label {
    font-weight: 100;
    font-size: 11px;
    padding: 4px;
    margin: 0px;
}

/* Vert */
.eps-booking-widget-vertical label {
    display: block;
}

.widget .eps-booking-widget-vertical input, 
.widget .eps-booking-widget-vertical select, 
.widget .eps-booking-widget-vertical textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px;
    display: block;
    width: 100%;
}

.eps-booking-widget-vertical input[type='submit'], 
.eps-booking-widget-vertical .eps-booking-submit {
    margin-top: 8px;
}

/* Horiz */

.eps-booking-widget-horizontal input[type='submit'], 
.eps-booking-widget-horizontal .eps-booking-submit {
    display: inline-block; width: auto;
}

.widget .eps-booking-widget-horizontal input, 
.widget .eps-booking-widget-horizontal select, 
.widget .eps-booking-widget-horizontal textarea {
    display: inline-block; width: auto;
}

.eps-booking-widget-horizontal label {
    display: inline-block; width: auto;
}
.eps-booking-widget-horizontal table tbody td, .eps-booking-widget-horizontal table tbody th {
    padding: 2px;
}

input.datepicker {
    position: relative;
    z-index:9999;
}
/*----------------------------------------------------------*/
/*-------------------------- COLS --------------------------*/
/*----------------------------------------------------------*/


.epscol2 { }
    .epscol2 > .col { width: 50%; float: left; }
    .epscol2 > .colspan2 { width: 100%; }
.epscol3 { }
    .epscol3 > .col { width: 33%; float: left; }
    .epscol3 > .colspan2 { width: 66%; }
    .epscol3 > .colspan3 { width: 100%; }
    
.epscol4 { }
    .epscol4 > .col { width: 25%; float: left; }
    .epscol4 > .colspan2 { width: 50%; }
    .epscol4 > .colspan3 { width: 75%; }



/*----------------------------------------------------------*/
/*----------------------  Misc CSS   -----------------------*/
/*----------------------------------------------------------*/

#ui-datepicker-div
{
    z-index: 9999 !important;
}

.group:before, .group:after { content: ""; display: table; }
.group:after { clear: both; }
.group { zoom: 1; }

/*----------------------------------------------------------*/
/*--------------------  media queries  ---------------------*/
/*----------------------------------------------------------*/

@media only screen  and (max-width : 600px) {}

@media only screen and (max-width : 768px) and (min-width : 600px)  {}

@media only screen and (max-width : 1024px) and (min-width : 768px)  {}