/* PHOBS form CSS Document - Ažurirano za rad s klasama i kalendarom */
.phobs-form-wrapper {
    color: #ffffff;
    background: #0C273F;
    padding: 10px 20px 35px 30px;
}
.phobs-form-wrapper .booking_filter_wrapper .filter_from {padding: 10px; display: inline-block;}
.phobs-form-wrapper .booking_filter_wrapper.popup .filter_from p:first-child,
.phobs-form-wrapper .booking_filter_wrapper.popup .filter_to p:first-child {width:220px;}
.phobs-form-wrapper .booking_filter_wrapper .filter_to {padding: 10px; display: inline-block;}
.phobs-form-wrapper .booking_filter_wrapper p {
    display: inline-block;
    margin: 0px 10px 0px 0px;
    padding: 0px;
    border: 0;
}
.phobs-form-wrapper .booking_filter_wrapper .hidden_fields {display: none;}

/* * OVO PRAVILO SADA STILIZIRA I VAŠE DROPDOWNE (select) 
* I NOVE INPUTE ZA KALENDAR (.datepicker_...) 
*/
.phobs-form-wrapper select,
.phobs-form-wrapper .datepicker_check_in,
.phobs-form-wrapper .datepicker_check_out {
    margin-bottom: 3px;
    padding: 5px 10px;
    width: 300px;
    max-width: 300px;
    margin-right: 10px;
    box-sizing: border-box;
    text-align: center;
}

/* Dodajemo cursor:pointer samo na kalendare */
.phobs-form-wrapper .datepicker_check_in,
.phobs-form-wrapper .datepicker_check_out {
    cursor: pointer;
}

.phobs-form-wrapper .destination, .phobs-form-wrapper .hotel {width: 149px;}
.phobs-form-wrapper p {padding: 1px 0px; margin:0px;}
.phobs-form-wrapper .booking_filter_wrapper .button {
    border: 1px solid #12849B;
    color: #ffffff;
    background-color: #12849B;
    width: 240px;
    padding: 1px;
}
.phobs-form-wrapper .booking_filter_wrapper.hr .button {width: 220px;}
.phobs-form-wrapper .booking_filter_wrapper.de .button {width: 320px;}
.phobs-form-wrapper a.view_cancel {
    color: #12849B;
    text-decoration:none;
    float: right;
    padding-right: 15px;
    font-size: 13px;
}
.phobs-form-wrapper a.view_cancel:hover {text-decoration:none;}

/* --- RESPONSIVE STILOVI --- */
@media only screen and (max-width: 600px) {
    .phobs-form-wrapper .booking_filter_wrapper p {
        display: block;
        margin: 0px 0px 0px 0px;
        padding: 0px;
    }
    
    /* Ažurirano da uključuje i kalendare */
    .phobs-form-wrapper select,
    .phobs-form-wrapper .datepicker_check_in,
    .phobs-form-wrapper .datepicker_check_out {
        padding: 5px 10px;
        width: 270px;
        max-width: 270px;
        text-align: center;
    }   
    
    .phobs-form-wrapper .booking_filter_wrapper .button {width: 100%;min-width: 100%;}
    .phobs-form-wrapper .booking_filter_wrapper.hr .button {width: 100%;min-width: 100%;}
    .phobs-form-wrapper .booking_filter_wrapper.de .button {width: 100%;min-width: 100%;}
}

/* --- STIL ZA KALENDAR --- */
/* Ovo osigurava da je kalendar uvijek na vrhu */
.ui-datepicker {
    z-index: 999999 !important;
}