/*talvez mudar para um hotel.css a definir*/

#hotel-container {
    min-height: 500px;
}

#hotel-form-container-is-cached-page {
    float: left;
    width: calc(100% - 42px);
    padding: 20px;
    margin-top: 10px;
    min-height: 260px;
    border-radius: 2px;
}

#hotel-form-container {
    float: left;
    width: calc(75% - 42px);
    padding: 20px;
    margin-top: 10px;
    min-height: 260px;
    border-radius: 2px;
}


#hotel-container .block-label,
#hotel-container .b100,
#hotel-container .b50,
#hotel-container .b33,
#hotel-container .b25 {
    display: block;
    float: left;
    margin-top: 10px;
}

#hotel-container .block-label, 
#hotel-container .inline-label,
#hotel-extra-data {
    font-size: 16px;
}

#hotel-container .b50,
#hotel-container .b33 {
    margin-right: 10px;
}
#hotel-container .b50:last-child,
#hotel-container .b33:last-child,
#hotel-container .last {
    float: right;
    margin-right: 0px;
}

#hotel-container .block-label,
#hotel-container .b100 {
    width: 100%;
}

#hotel-container .b50 {
    width: calc(50% - 10px);
}

#hotel-container .b33 {
    width: calc(33.33% - 10px);
}

#hotel-container .b25 {
    width: calc(25% - 10px);
}

#hotel-container .hotel-submit {
    float: left;
    width: 100%;
    padding: 20px 0px;
}
#hotel-container .hotel-submit button{
    float: right;
    text-transform: none;
    margin-left: 10px;
}
/*#hotel-container .hotel-submit button span{ 
    background: #6fa715;  mover para o colors
}*/
#hotel-container .hotel-submit button span span{
    font-size: 14px;
}


#hotel-banner {
    float: right;
    width: calc(25% - 22px);
    margin-top: 10px;
    border: none !important;
}

#locale-box .ui-helper-hidden-accessible, 
#hotel-minified-search .ui-helper-hidden-accessible {
    display: none;
}

#locale-box .ui-autocomplete, 
#hotel-minified-search .ui-autocomplete {
    position: absolute!important;
    border-top: none;
}

#locale-box .ui-autocomplete .ui-menu-item, 
#hotel-minified-search .ui-autocomplete .ui-menu-item {
    cursor: pointer;
}

#locale-box .ui-autocomplete .ui-menu-item a, 
#hotel-minified-search .ui-autocomplete .ui-menu-item a {
    padding : 5px;
    display: block;
}

#hotel-container .room{
    width: calc(33.33% - 29px);
    margin: 10px 10px 10px 0px;
    padding: 5px 10px 10px 10px;
    float: left;
}

#hotel-container .room .add-box-button{
    display: none;
}
#hotel-container .room.add-box .add-box-button{
    text-align: center;
    display: block;
}
#hotel-container .room.add-box .add-box-button a{
    display: inline-block;
    width: 83px;
    line-height: 80px;
    border-radius: 100px;
    font-size: 60px;
    margin-top: 27px;
    margin-bottom: 27px;
    transition: background 0.5s ease;
}

#hotel-container .room.add-box .add-box-button a i{
    margin-top: 13px;
}


#hotel-container .room .remove-box-action{
    display: block;
    float: right;
    line-height: 31px;
    height: 31px;
    margin-top: -32px;
    cursor: pointer;
}

#hotel-container .room.add-box .selectable{
    display: none;
}
#hotel-container .room:nth-child(4n+4){
    margin-right: 0px;
}

#hotel-container .rooms-container .room.last-chd,
#hotel-container .rooms-container .room.add-box{
    margin-right: 0px !important;
}
#hotel-container .room {
    margin-right: 10px;
}

#hotel-container .room h3{
    float: left;
    width: 100%;
    font-size: 16px;
    margin: 0px;
    padding-bottom: 5px;
}

#hotel-container .room .child-age{
    
}
#hotel-container .room label.child-age {
    font-size: 13px;
    line-height: 26px;
    text-indent: 20px;
}

#hotel-loading {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 10000000;
}

#hotel-loading.part-of-page {
    background: #fff;
    position: initial;
    left: initial;
    top: initial;
    float: left;
    margin-top: 10px;
    width: 100%;
}

#hotel-loading-message {
    display: block;
    width: 90%;
    max-width: 500px;
    margin: 20px auto;
    position: relative;
    top: calc(50% - 200px);
}

#hotel-loading.part-of-page #hotel-loading-message{
    width: auto;
    max-width: none;
    text-align: center;
}

#hotel-loading-message h1 {
    text-align: center;
    font-size: 16px;
}

.footer-container.hotel {
    float: left;
}

#hotel-search-form-container {
    position: fixed;
    top: 0px;
    left: 0px;
    width:  100%;
    height: 100%;
    z-index: 100000;
}

#hotel-search-form-container #hotel-search-form-box {
    max-width: 800px;
    width: calc(100% - 40px);
    margin: 35px auto;
}

#hotel-search-form-container #hotel-search-form-box #hotel-form-container {
    width: calc(100% - 40px);
}
@media (max-width:480px){
    #hotel-form-container {
        margin-top: 10px;
    }
    
    #hotel-container div.room.add-box {
        border: 0px;
        width: 130px;
        margin-bottom: 0px;
        margin-top: 0px;
        padding-bottom: 0px;
    }
    #hotel-container .room .add-box-button h3 {
        border-bottom: 0px;
        width: 88px;
    }
    #hotel-container .room .add-box-button h3 {
        font-size: 90%;
        margin-right: 5px;
    }
    #hotel-container .room.add-box .add-box-button a i {
        margin-top: 2px;
    }
    #hotel-container .room.add-box .add-box-button a {
        width: 14px;
        line-height: 0px;
        border-radius: 84px;
        font-size: 12px;
        margin-top: 0px;
        margin-bottom: 4px;
        float: right;
    }
    #hotel-form .clearer{
        display:none;
    }
    #locale-box label.block-label {
    margin-top: 0px;
}
    .hotel-plus{
        float: right;
        margin-top: 2px;
    }
    #hotel-container .hotel-submit {
        padding: 5px 0px;
    }    
}

@media (max-width: 990px) {
    #hotel-banner {
        display: none;
    }
    
    #hotel-form-container {
        width: calc(100% - 40px);
    }
    
    #hotel-search-form-container {
        height: 100%;
        overflow-y: scroll;
    }
}

@media (max-width: 560px) {
    #hotel-container .room {
            width: 100%;
            box-sizing: border-box;
    }
} 

@media (min-width: 900px)  and (max-width: 1300px) {
    div #hotel-top-pagination {    
        margin-left: 18px;
    }
}