.wpbs-extend-message {
    margin: 30px 0;
    padding: 20px;
    border-radius: 3px;
}

.wpbs-extend-message h4{
    margin: 20px 0;
    padding: 0;
    font-weight: 600 !important;
}

.wpbs-extend-message p{
    margin-bottom: 15px !important;
}

#content .wpbs-form-form .wpbs-form-submit{
    background-color: #111 !important;
    height: auto !important;
    line-height: normal !important;
    padding: 20px 25px !important;
    border-radius: 3px !important;

    color: #fff !important;
    font-weight: bold !important;
    font-size: 1.3rem !important;
    border-color: #111 !important;
    width: 100% !important;
}
#content .wpbs-form-form .wpbs-form-submit:disabled{
    background-color: #ccc !important;
    border-color: #bbb !important;
    color: #eee !important;
    cursor: not-allowed !important;
}

#content .wpbs-form-form .wpbs-form-item{
    width: 100% !important;
    float: none !important;
    text-align: left;
}
#content .wpbs-form-form .wpbs-form-item em.field-info{
    font-size: 0.9em;
}

.wpbs-container{
    width: 100%;
}

.wpbs-calendar{
    width: 100% !important;
}

/*.wpbs-calendar{
    width: 100% !important;
    width: calc(100%/2.1) !important;
}*/

.wpbs-heading{
    width: 100% !important;
}

#content .wpbs-calendar{
    display: inline-block !important;
    clear: both !important;
    float: none !important;
    vertical-align: top;
}

.wpbs-calendar > ul{
    /*    display: -ms-grid !important;
        display: grid !important;
        grid-gap: 3px;
        -ms-grid-gap: 3px;
        -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;*/
    clear: both !important;
    float: none !important;
    vertical-align: top;
}

.wpbs-calendar > ul > li{
    display: inline-block !important;
    clear: both !important;
    float: none !important;
    height: auto !important;
    width: 100% !important;
    max-width: calc(100%/7.8) !important;
}


@media screen and (min-width: 480px) {
    .wpbs-calendar > ul > li{
        max-width: calc(100%/7.4) !important;
    }
}
@media screen and (min-width: 768px) {
    .wpbs-calendar{
        /*width: 100% !important;*/
        width: calc(100%/2.3) !important;
    }

    .wpbs-calendar > ul > li{
        max-width: calc(100%/7.6) !important;
    }
    /*    .wpbs-calendars{
            display: -ms-grid;
            display: grid;
            grid-gap: 10px;
            -ms-grid-columns: 1fr 1fr;
            grid-template-columns: 1fr 1fr;
        }*/
}

@media screen and (min-width: 992px){
    .wpbs-calendar > ul > li{
        /*width: 100% !important;*/
        width: 100% !important;
        max-width: calc(100%/7.4) !important;
    }    
}

li.wpbs-bookable- {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    background-color: #f8f8f9 !important;
}

div.wpbs-calendar ul li.wpbs-bookable-clicked, 
div.wpbs-calendar ul li.wpbs-bookable-hover,
.wpbs-bookable-clicked, 
.wpbs-bookable-hover{
    width: 100% !important;
}

.wpbs-calendar > ul > li.wpbs-bookable:hover, 
.wpbs-calendar > ul > li.wpbs-bookable-clicked, 
.wpbs-calendar > ul > li.wpbs-bookable-clicked:hover, 
.wpbs-calendar > ul > li.wpbs-bookable-hover, 
.wpbs-calendar > ul > li.wpbs-bookable-hover:hover{
    width: 100% !important;
    border-left: 0 !important;
    border-right: 0 !important;
    color: #000 !important;
}

#content .wpbs-bookable:hover{
    background: #e9f4e9 !important;
    background-color: #e9f4e9 !important;
    border-color: #e9f4e9 !important;

    background: #bdc769 !important;
    background-color: #bdc769 !important;
    border-color: #bdc769 !important;
}

#content .wpbs-bookable:hover span,
#content .wpbs-bookable-clicked span, 
#content .wpbs-bookable-clicked:hover span, 
#content .wpbs-bookable-hover span, 
#content .wpbs-bookable-hover:hover span{
    color: #000 !important;
}

.woocommerce div.product .woocommerce-tabs .panel {
    background-color: transparent;
    box-shadow: none;
    border: 0;
}


#content .field-error-message{
    font-weight: 600;
    font-size: 12px;
    display: inline-block;
    background-color: #d00;
    color: #fff;
    padding: 5px 10px;
    width: 100%;
}

/*Pending*/
div.wpbs-calendar ul li .wpbs-day-split-top, .wpbs-select-status .wpbs-day-split-top {
    width: 100% !important;
}

div.wpbs-calendar ul li .wpbs-day-split-bottom, .wpbs-select-status .wpbs-day-split-bottom {
    /*background: orange !important;*/
}


/*Pending*/


/*Calendar days start, end and hover styling*/
#content .start-date-class,
#content .end-date-class,
#content .wpbs-bookable-hover{
    background-color: #e9f4e9 !important;
    border-color: #e9f4e9 !important;
    color: #000 !important;

    background-color: #bdc769 !important;
    background-color: #bdc769 !important;
    border-color: #bdc769 !important;
    color: #000 !important;
    
    width: 100% !important;
}

#content .wpbs-bookable-clicked:first-of-type,
#content .start-date-class {
    /*background-color: #b5ddc3 !important;*/
    background-color: #9da749 !important;
    border-color: #9da749 !important;
    width: 100% !important;
}

#content .wpbs-bookable-clicked,
#content .end-date-class{
    /*background-color: #7dc684 !important;*/
    background-color: #9da749 !important;
    border-color: #9da749 !important;
    width: 100% !important;
}

#content .wpbs-calendars{
    margin-top: 20px !important;
}

#content .wpbs-calendar{
    border: 1px solid rgba(0,0,0,0.15) !important;
    border-radius: 3px !important;
    height: 100% !important;
    box-shadow: 0 0 3px rgba(0,0,0,0.15);
}


/*Legend styles*/
.wpbs-legend .wpbs-legend-color{
    border-radius: 50% !important;
    border: 1px solid #333 !important;
    overflow: hidden !important;
}

/*Form Fields*/
#content .wpbs-form-form{
    padding-top: 32px !important;
}

#content .wpbs-form-form .wpbs-form-item input[type="text"],
#content .wpbs-form-form .wpbs-form-item select{
    width: 100% !important;
    max-width: 100% !important;
}

#content .wpbs-form-form .wpbs-form-item input[type="text"]{
    border-radius: 5px !important;
    padding: 10px !important;
    height: auto !important;
}

#content .wpbs-form-form .field-cabins{
    clear: none !important;
    display: inline-block !important;
    float: left !important;
    width: 50% !important;
    padding-left: 0 !important;
    padding-right: 15px !important;
}

#content .wpbs-form-form .field-adults{
    clear: none !important;
    display: inline-block !important;
    float: left !important;
    width: 50% !important;
    padding-left: 15px !important;
    padding-right: 0 !important;
}

#content .wpbs-form-form .field-childrens{
    clear: none !important;
    display: inline-block !important;
    float: left !important;
    width: 50% !important;
    padding-left: 0 !important;
    padding-right: 15px !important;
}

#content .wpbs-form-form .field-infants{
    clear: none !important;
    display: inline-block !important;
    float: left !important;
    width: 50% !important;
    padding-left: 15px !important;
    padding-right: 0 !important;
}

#content .wpbs-form-form .field-how-find-us,
#content .wpbs-form-form .field-how-other{
    clear: none !important;
    display: inline-block !important;
    float: left !important;
    width: 100% !important;
}

#content .wpbs-form-form .field-how-other{
    display: none !important;
}

.override-alert-info{
    background-color: #5bc2e7 !important;
    border-color: #5bc2e7 !important;
}

.alert h4,
.alert strong{
    font-weight: 600 !important;
}



.bg-success {
    background-color: #dff0d8 !important;
    border-color: #c6e2ba !important;
}

.bg-danger {
    background-color: #f2dede;
    border-color: #ecc9c9 !important;
}

small.alert{
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    padding-bottom: 10px;
}

@media only screen and (min-width: 768px){
    #content .wpbs-form-form .field-how-find-us,
    #content .wpbs-form-form .field-how-other,
    #content .wpbs-form-form .field-cabins{
        width: 50% !important;
        padding-left: 0 !important;
        padding-right: 15px !important;
    }

    #content .wpbs-form-form .field-how-other{
        padding-left: 15px !important;
    }

    #content .wpbs-form-form .field-cabins,
    #content .wpbs-form-form .field-adults,
    #content .wpbs-form-form .field-childrens,
    #content .wpbs-form-form .field-infants{
        width: 25% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    #content .wpbs-form-form .field-cabins{
        padding-left: 0 !important;
    }
    #content .wpbs-form-form .field-infants{
        padding-right: 0 !important;
    }
}

.wpbs-legend .wpbs-legend-item p {
    float: left;
    line-height: 30px;
    padding: 0 !important;
    font-size: 70% !important;
    margin: 0 10px 0 5px !important;
    color: #222;
}

.wpbs-legend .wpbs-legend-color {
    width: 15px !important;
    float: none  !important;
    height: 15px !important;
    border: 1px solid #cccccc;
    display: inline-block  !important;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.wpbs-legend .wpbs-legend-item >* {
    vertical-align: middle
}

.wpbs-legend .wpbs-legend-item p {
    float: none !important;
    line-height: 15px !important;
    display: inline-block !important;
    padding: 0 !important;
    font-size: 14px;
    margin: 0 10px 0 5px !important;
    color: #000000;
}

.woocommerce .wpbs-legend .wpbs-legend-color .wpbs-day-split-bottom {
    border-width: 0 0 14px 14px !important;
}


.wpbs-container {
    padding: 15px;
    background-color: #eee;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.15);
}


/* ie9 temporary fixed */
.wpbs-calendar-options,
div.wpbs-calendar .wpbs-loading,
.wpbs-form-loading{
    display: none;
}

.wpbs-legend .wpbs-legend-item {
    float: left;
    display: block;
    margin-bottom: 10px;
}