@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700,800|Poly:400,400italic);
* {
    font-family: 'Open Sans', sans-serif;
    letter-spacing: .4px;
}
p {
    line-height:175%;
}
.hide {
    display: none;
}
.text-white {
    color: #fff;
}
.section-heading {
    margin-bottom: 55px;
}

label {
    margin-top: 10px;
}

#contact, .bluesection {
    background-color: #37C4BE;
    padding-top: 10px;
    padding-bottom: 40px;
}
#maininterna {
    margin-top: 0px;
    background-color: #fff;
    margin-bottom: 0px;
}
#contact h2 {
    color: #fff;
    margin-bottom: 30px;
}
textarea#msg {
    height: 132px;
}
.service-heading {
    background-color: #37C4BE;
    margin-bottom: 0px;
    padding: 10px;
    color: #fff;
}
.graficoh {
    background-color: #37C4BE;
    margin-bottom: 0px;
    margin-top: 15px;
    padding: 10px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
}
section {
    padding: 50px 0;
}

.dataFormat {
    background-color: #fff !important;
    cursor: pointer;
}

#section-reserva {
    background-color: #37C4BE;
    padding: 0px;
}
#section-reserva div {
    padding: 3px;
}

.destaque-link h4, .destaque-link img, .destaque-link p {
    cursor: pointer;
}

.hide {
    display: none !important;
}

ul.sortable {
    list-style: none;
    padding: 0px;
}
ul.sortable li {
    border: 1px #ccc solid;
}

.headerImg {
    position: absolute;
    right: 0px;
    bottom: 0px;
    top: 0px;
    left: 0px;
    text-align: center;
    color: #fff;
    background-attachment: scroll;
    background-position: center center;
    background-repeat: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

#controllers {
    position: absolute;
    right: 30px;
    bottom: 30px;
    z-index: 100;
}
#chevron {
    position: absolute;
    right: 50%;
    margin-right: -20px;
    bottom: 8px;
    opacity: 0.8;
    z-index: 101;
    height: 35px;
}
#chevron img {
    width: 40px;
    height: 25px;
}
#chevron:hover {
    opacity: 0.95;
}

#destaques {
    padding-bottom: 0px;
}


.col-right {
    text-align: right;
}

.imagem-acomodacao {
    border: 15px solid #ddd;
    border-radius: 3px;
}


input[type="file"] {
    width: 100%;
    margin-top: 25px;
}

.div-controles, .div-filtro {
    margin-bottom: 25px; 
}

.div-filtro-content {
    background-color: #ddd;
    border: 2px dashed #bbb;
    padding: 15px;
}
.btn-alinhado-input {
    margin-top: 34px;
}

.pagination li, .pagination a, .pagination span {
    z-index: 0 !important;
}

#item_id, #item_id option, #estadia_id, #estadia_id option {
    font-family:"Courier New", Courier, monospace
}

.btn {
    margin-bottom: 10px;
    margin-top: 10px;
}
table .btn {
    margin-bottom: 2px !important;
    margin-top: 2px !important;
}

.valor, .valorInteiro {
    text-align: right;
}

.funil{
    padding: 5px;
}
.funil > div {
    min-height: 170px;
}

.table-responsive{
    overflow: scroll;
}
.col-cinza{
    color: #aaa;
}
.col-center{
    text-align: center;
}


td.pacote{
    background-color: #c5ef86;
}
td.promo{
    background-color: #ffe628;
}
td.diaSemana{
    background-color: #87b5ff;
}
td.diaFds{
    background-color: #ef9486;
}
td.cortesia{
    background-color: #ba00f2 !important;
}
td.opacity50{
    background-color: #999;
    opacity: 0.5;
}
td.ocupado{
    background-color: #999;
    opacity: 0.5; 
}
td.noshow{
    background-color: #999;
    color: #fff;
    opacity: 0.5; 
}

.siteOcupado {
    background-color: #555;
    text-align: center;
    padding: 0px;
}
.siteDiaFds {
    background-color: #dedede;
    text-align: center;
}
.siteDiaSemana {
    background-color: #fff;
    text-align: center;
}
.sitePacote {
    background-color: #cedfb7;
    text-align: center;
}
.siteCabecalho {
    background-color: #37C4BE;
    text-align: center;
}
.siteLegenda {
    margin: 5px;
    padding-left: 20px;
    color: #fff;
    border: 1px solid #333;
    border-radius: 4px;
    width: 20px;
    height: 20px;
}
.siteLegenda.siteOcupado {
    padding-left: 2px;
    padding-right: 2px;
}
.table-ocupacao td, .table-ocupacao th  {
    border: 1px solid #333 !important;
}
.link-confira {
    color: #888;
    text-decoration: none;
    font-size: 12px;
}

td.diaOcupacao{
    cursor: pointer;
    font-size: 12px;
}


.imagem-acomodacao {
    border: 15px solid #ddd;
    border-radius: 3px;
}
.imagem-acomodacao-div {
    border: 2px solid #ddd;
    border-radius: 3px;
    padding: 6px;
}
.img-logo-acomodacao{
    height: 100px;
    margin-bottom: 20px;
    
}

.acomodacao-valor {
    font-size: 24px;
    color: #0086b3;
    font-weight: 600;
    margin-top: 10px;

}

.acomodacao-base {
    font-size: 18px;
    color: #5d5d5e;
    font-weight: 600;
    margin-top: 10px;

}
.acomodacao-desconto {
    font-size: 18px;
    color: #a1000d;
    font-weight: 600;
    margin-top: 5px;

}

.acomodacao-ressalvas {
    font-size: 11px;
    margin-bottom: 0px;
    margin-top: 0px;
}
.acomodacao-ressalvas-danger {
    font-size: 11px;
    color: #a1000d;
    font-weight: bold;
    margin-bottom: 0px;
    margin-top: 0px;
}
.acomodacao-ressalvas-cupom {
    font-size: 11px;
    margin-bottom: 15px;
    color: #a1000d;
}
.acomodacao-ressalvas-destaque {
    font-size: 11px;
    margin-bottom: 15px;
    color: #0000cc;
}

label.acomodacao-ressalvas-roupa {
    color: #999;
}

.input-cupom {
    text-transform: uppercase;
}

.reserva-acomodacao-div {
    margin-bottom: 25px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
}

.mesa {
    display: block;
    margin: 10px;
    border: 1px solid #000;
    border-radius: 5px;
    height: 115px;
    float: left;
    cursor: pointer;
}
.mesa-ocupada {
    border: 1px solid #d9534f;
}
.mesa-ocupada .mesa-heading {
    background-color: #d9534f;
}
.mesa-livre {
    border: 1px solid #1c751c;
}
.mesa-livre .mesa-heading {
    background-color: #1c751c;
}
.mesa-data {
    color: #000;

}
.mesa-valor {
    color: #a1000d;
    font-weight: bold;
    font-size: 20px;
}
.mesa-nome {
    overflow: hidden;
    width: 100%;
    height: 22px;
    color: #999;
}
.mesa-vazia a {
    margin-top: 45px;
}
.mesa-heading {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 5px;
    text-align: center;
    color: #fff;
}
.mesa-body {
    padding: 5px;
    text-align: center;
    color: #000;
}

@media (min-width: 767px) {
    #reserva-well {
        position: absolute; 
        top: 50%; 
        left: 50%;
        margin-left: -400px;
        width: 800px; 
        height: 122px; 
        z-index: 999;    
    }
    #reserva-div{
        display:none;
    }
    .div-flex{
        display: flex;
        flex-direction: row;
    }
    .div-flex-item {
        align-items: flex-end;
    }
    .mesa {
        width: 22%;
    }
}
@media (max-width: 767px) {
    #reserva-well, #reserva-well2 {
        display:none;
    }
    #reserva-div{
        z-index: 999; 
    }
    body{
        background-color: #fff;
    }
    section {
        padding: 10px 0px;
    }
    .container > .row  {
        margin-left: -5px;
        margin-right: -5px;
        
    }
    .mesa {
        width: 100%;
    }
}
@media screen and (min-width: 991px){
    body{
        background-color: #37C4BE;
    }
    .mesa {
        width: 17%;
    }
}