.mphb-calendar.mphb-datepick .datepick tr{
    padding: 0 !important;
}
.mphb-calendar.mphb-datepick .datepick td{
    padding: 0 !important;
}
.mphb-calendar.mphb-datepick .datepick th{
    padding: 0 !important;
}

//----------- Shortcodes --------------


.mphb_sc_rooms-wrapper,
.mphb_sc_search-wrapper,
.mphb_sc_search_results-wrapper,
.mphb_sc_checkout-wrapper,
.mphb_sc_room-wrapper,
.mphb_sc_booking_form-wrapper,
.widget_mphb_rooms_widget,
.widget_mphb_search_availability_widget form,
.mphb-booking-form{
    .button{
        display: inline-block;
        position: relative;
        padding: .3em 1em;
        border: 2px solid;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        font-size: 20px;
        font-weight: 500;
        line-height: 1.7em!important;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        transition: all .2s;
        &:hover{
            cursor: pointer;
        }
    }  
    input{
        display: inline-block;
    }
    select,
    input[type="text"]{
        padding: .875em 1.25em;
    }
    select{
        display: inline-block;
        height: auto;
    }
    label{
        display: inline-block;
    }    

}

.mphb_sc_checkout-wrapper{
    input[type="email"],
    input[type="url"],
    input[type="password"],
    input[type="search"],
    input[type="number"],
    input[type="tel"],
    input[type="range"],
    input[type="date"],
    input[type="month"],
    input[type="week"],
    input[type="time"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="color"]{
        padding: .875em 1.25em;
    }
}


.mphb_sc_search-wrapper{    
    &.horizontal-center, &.horizontal-left{
        form{
            max-width: 100%;
            display: flex;
            flex-wrap: wrap;
            align-items: flex-end;
            > p{
                width: 100%;
                @media screen and (min-width: 768px){
                    width: 50%;
                }
                @media screen and (min-width: 992px){
                    width: 25%;
                }
                &.mphb-required-fields-tip{
                    width: 100%;
                    display: none;
                }

            }
        }
    }
    &.horizontal-center{
        form{
            justify-content: center;
            > p{
                &.mphb_sc_search-submit-button-wrapper{
                    text-align: center;
                }
            }
        }
    }
    &.horizontal-left{
        form{
            justify-content: flex-start;
        }
    }

}

.mphb_sc_rooms-wrapper{
    
}

.mphb_sc_search_results-wrapper{
    
}

.mphb_sc_checkout-wrapper {
    input[type="text"],
    input[type="email"],
    input[type="url"],
    input[type="password"],
    input[type="search"],
    input[type="number"],
    input[type="tel"],
    input[type="range"],
    input[type="date"],
    input[type="month"],
    input[type="week"],
    input[type="time"],
    input[type="datetime"],
    input[type="datetime-local"],
    select,
    textarea{
        width: 100%;     
        display: block;
        @media screen and(min-width: 768px){
            max-width: 50%;
        }
    }

    .mphb-date_of_birth-control{
        select{
            display: inline-block;
            width: auto;
        }
    }
}

.mphb_sc_room-wrapper {
    
}

.mphb_sc_booking_form-wrapper {
    &.horizontal{
        .mphb-required-fields-tip{
            display: none;
        }
        .mphb-adults-wrapper,
        .mphb-check-children-date-wrapper{
            width: 100%;
        }
        .mphb-reserve-btn-wrapper{
            .button{
                width: 100%;
            }
        }
        form{
            max-width: 100%;
            display: flex;
            flex-direction: column;
            @media screen and(min-width: 768px){
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: center;
                > p {
                    max-width: 50%;
                }
            }
            @media screen and(min-width: 991px){
                flex-wrap: nowrap;
                align-items: flex-end;
            }
        }
    }
    
}
//----------- /Shortcodes --------------


//--------- Sidebar widgets----------
.widget_mphb_rooms_widget{
    
}

.widget_mphb_search_availability_widget{
    
}
//--------- /Sidebar widgets----------

//---------- mphb-flexslider ----------
.mphb-flexslider{
    ul.slides{
        padding: 0 !important;
        li{
            a{
                width: 100%;
                img{
                    display: block !important;
                }
            }
        }
    }
    ul.flex-direction-nav{
        padding: 0 !important;
        li{
            a{
                img{
                    display: block !important;
                }
            }
        }
    }
}
//---------- /mphb-flexslider ----------


//---------- Titles ----------------
.mphb-details-title,
.mphb-calendar-title,
.mphb-reservation-form-title,
.mphb-room-type-details-title,
.mphb-recommendation-title,
.mphb-booking-details-title,
.mphb-room-number,
.mphb-room-type-title,
.mphb-services-details-title{
    margin-top: 1em;
    margin-bottom: .5em;        
}
//---------- /Titles ----------------

//---------- Booking-form --------

.mphb-booking-form, .mphb_widget_search-form, .mphb_sc_search-form{
    margin-left: -.5rem;
    margin-right: -.5rem;        
    &:after{
        display: table;
        content: '';
        clear: both;
    }
    > p{
        float: left;
        width: 100%;
        padding: 0 .5rem;
        margin-bottom: .875rem;
        &.mphb-adults-wrapper,
        &.mphb-check-children-date-wrapper{
            width: 50%;                
        }     
    }
    input{
        &:not([type="submit"]):not([type="button"]){
            width: 100%
        }
    }
    select{
        width: 100%;
    }

}

.mphb-booking-form, .mphb_sc_search-form{
    @media screen and(min-width: 768px){
        max-width: 50%;
    }
}

    
//---------- /Booking-form --------

.mphb-view-details-button-wrapper,
.mphb-rooms-quantity-wrapper,
.mphb-recommendation-total,
.mphb-rooms-reservation-message-wrapper,
.mphb-to-book-btn-wrapper,
.mphb-regular-price,
.mphb-recommendation{
    margin-bottom: 1rem;    
}

.mphb-reserve-rooms-details{
    margin-top: 3.75rem;
}

.mphb-checkout-item-section{
    margin-top: 1.25rem;
}

.mphb-checkout-section{
    margin-bottom: 4em;
}

.mphb_sc_checkout-services-list{
    list-style: none !important;
    select{
        display: inline-block;
        width: auto;
    }
    li{
        margin-bottom: .625rem;
        &:last-child{
            margin-bottom: 0;
        }
    }
}

.mphb-single-room-type-gallery-wrapper{
    .gallery-item{
        a{
            width: 100%;
        }
    }
}