body, html {
    width: 100%;
    height: 100%;
    margin: 0;
}

form {
    width: 98%;
    height: 95%;
    /*padding: -20px -15px -10px -15px;*/
    /*border: 1px solid red;*/

}

.ui-layout-unit {
    border: 1px solid #c9c9c9;
    color: #e2e2e2;
    /*overflow: hidden !important;*/
    /*padding: 0.2em 0em;*/
}

/*.ui-layout-unit-content {*/
    /*background: #cbcbcb /!*{bgColorHover}*!/ url("/face/javax.faces.resource/images/active.png.xhtml?ln=primefaces-casablanca)") /!*{bgImgUrlHover}*!/ 50% /!*{bgHoverXPos}*!/ 50% /!*{bgHoverYPos}*!/ repeat-x;*/
/*}*/

.footer {
    /*background-color: #71aebc;*/
    text-align: center;
    padding: 5px 20px 5px 5px;
    font: 8px verdana !important;
    color: #5b6f9f;
}

.dialogLogin.ui-dialog {
    /* Size and position */
    margin: 60px auto 30px;
    padding: 25px;
    position: relative;

    /* Styles */
    background: #fdfde0;
    border-radius: 4px;
    border: solid 2px #db8006;
    border-top: solid 6px #db8006;
    color: #7e7975;
    /*box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 12px rgba(255, 255, 255, 0.4);*/
}

.loginForm h1 {
    font-size: 15px;
    font-weight: bold;
    color: #bdb5aa;
    padding-bottom: 8px;
    border-bottom: 2px solid #dfdad6;
    text-shadow: 0 2px 0 rgba(255, 255, 255, 0.8);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.loginForm h1 .log-in,
.loginForm h1 .sign-up {
    display: inline-block;
    text-transform: uppercase;
}

.loginForm h1 .log-in {
    color: #6c6763;
    margin-left: 50px;
}

.loginForm h1 .sign-up {
    color: #dc9a3d;
    float: right;
    margin-right: 50px;
}

.loginForm label {
    display: block;
    padding: 0 0 5px 2px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 400;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    font-size: 11px;
}

.loginForm label i {
    margin-right: 5px; /* Gap between icon and text */
    display: inline-block;
    width: 10px;
}

.loginForm input[type=text],
.loginForm input[type=password] {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    display: block;
    width: 100%;
    padding: 5px;
    margin-bottom: 5px;
    border: 3px solid #ebe6e2;
    border-radius: 5px;
    transition: all 0.3s ease-out;
}

.loginForm input[type=text]:hover,
.loginForm input[type=password]:hover {
    border-color: #CCC;
}

.loginForm label:hover ~ input {
    border-color: #CCC;
}

.loginForm input[type=text]:focus,
.loginForm input[type=password]:focus {
    border-color: #BBB;
    outline: none; /* Remove Chrome's outline */
}

.loginForm input[type=submit], .loginForm .butaoLogin {
    /* Size and position */
    width: 68%;
    height: 28px;
    float: left;
    position: relative;

    /* Styles */
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.3);
    border-radius: 3px;
    cursor: pointer;

    /* Font styles */
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size: 14px;
    line-height: 28px; /* Same as height */
    text-align: center;
    font-weight: bold;
}

.loginForm input[type=submit] {
    margin-right: 1%;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #34a5cf), color-stop(1, #2a8ac4));
    background: -moz-linear-gradient(top, #34a5cf 5%, #2a8ac4 100%);
    background: -webkit-linear-gradient(top, #34a5cf 5%, #2a8ac4 100%);
    background: -o-linear-gradient(top, #34a5cf 5%, #2a8ac4 100%);
    background: -ms-linear-gradient(top, #34a5cf 5%, #2a8ac4 100%);
    background: linear-gradient(to bottom, #34a5cf 5%, #2a8ac4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#34a5cf', endColorstr = '#2a8ac4', GradientType = 0);

    border: 1px solid #2b8bc7;
    color: #ffffff;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
    text-decoration: none;

}

.butaoLogin {
    margin-left: 1%;
    min-width: 100px;
    background: linear-gradient(#fbd568, #ffb347);
    border: 1px solid #f4ab4c;
    color: #996319;
    text-shadow: 0 1px rgba(255, 255, 255, 0.3);

}

.loginForm input[type=submit]:hover, .butaoLogin:hover {
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 20px 40px rgba(255, 255, 255, 0.15);
}

.loginForm input[type=submit]:active, .loginForm .butaoLogin:active {
    top: 1px;
}

.loginForm .linkcadastreseEesquecisenhaDoLogin input[type=submit] {
    margin: 15px 0 0 0;
    font-size: 90% !important;
    padding: 0 25px 0 0;
    color: #c99944;
    text-decoration-color: #ecb450;

}

.no-boxshadow .loginForm input[type=submit]:hover {
    background: #ffb347;
}

.no-boxshadow .loginForm .butaoLogin:hover {
    background: #2a8ac4;
}

.content-center {
    width: 97%;
    margin: 5px 5px 5px 5px;
    min-height: 350px;
    height: 98%;
    padding: 0 0 0 0;

}

.content-center_resposta {
    margin: 20px 5px 10px 10px;
    min-height: 280px;
    height: 90%;

}


.content-right {
    margin: 20px 15px 10px 15px;
    width: 90%;
    /*min-height: 350px;*/
    /*width: 250px;*/
    font-size: 90% !important;
}

.content-left {
    margin: 20px 15px 10px 15px;
    /*min-height: 350px;*/
    height: auto;
}



.panelPesqDispos {

    max-width: 390px;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    background-color: #487299;

}

.panelPesqDispHeighCst {
    min-height: 280px;
    max-height: 400px;

}

.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{
    /*float:left;box-sizing:border-box;padding:.5em*/
    border: none;
    /*border: 1px solid red;*/
    padding: 0 0 0 0;
}
.col-1{width:8.3333%;}.col-2{width:16.6667%;}.col-3{width:25%;}.col-4{width:33.3333%;}.col-5{width:41.6667%;}.col-6{width:50%;}.col-7{width:58.3333%;}.col-8{width:66.6667%;}.col-9{width:75%;}.col-10{width:83.3333%;}.col-11{width:91.6667%;}.col-12{width:100%;}

.panelPesqReservas {
    width: 80%;
    min-height: 230px;
    margin: 10px 10px 10px 10px;
    font-size: 0.9em !important;
    vertical-align: middle;
}

.panelPesqReservasResposta {
    width: 90%;
    margin: 0 0 0 10px;
    padding: 0 0 0 0;
    font-size: 0.9em !important;
}

.panelButaoEnviarDispo {
    width: 99%;
    margin: 10px 0 5px 0;
    text-align: center;
    height: 30px;
    max-height: 30px;

}

.panelReservas .ui-panel-titlebar{
    /*background-color: #2d95d3;*/
}

.ui-autocomplete{
    width: 100% !important;
}

.ui-autocomplete-input{
    width: 100% !important;}


.titleStyletabset {
    font-size: 90% !important;
}

.titleStyletabset.ui-tabs .ui-tabs-panel {
    min-height: 54vh;
    height: 98%;
    min-width: 310px;
    width: 93%;
    /*max-width: 500px;*/
    /*height: 65vmin;*/

}


/*INICIO DOS BOTOES */

.img-icon-dethotel {
    padding: 0 0;
    margin: 0 0;

    background-image: url("/face/javax.faces.resource/img/hotel2-icon.png.xhtml?ln=default&v=1_0") !important;
    border-radius: 0 !important;
    background-repeat: no-repeat;
    background-size: 16px 16px;
}

.btnCstDispo.ui-button.ui-state-default{

    -moz-box-shadow: inset 0px 1px 0px 0px #ffe0b5;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffe0b5;
    box-shadow: inset 0px 1px 0px 0px #ffe0b5;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fbb450), color-stop(1, #f89306));
    background: -moz-linear-gradient(top, #fbb450 5%, #f89306 100%);
    background: -webkit-linear-gradient(top, #fbb450 5%, #f89306 100%);
    background: -o-linear-gradient(top, #fbb450 5%, #f89306 100%);
    background: -ms-linear-gradient(top, #fbb450 5%, #f89306 100%);
    background: linear-gradient(to bottom, #fbb450 5%, #f89306 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fbb450', endColorstr = '#f89306', GradientType = 0);

    /*background-color:#fbb450;*/

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

    border: 1px solid #a36617;

    display: inline-block;
    /*font-family:arial !important;*/
    font-weight: bolder;
    font-size: 100%;
    padding: 0 0;
    color: white;
    /*text-shadow:0px 1px 0px #8f7f24;*/

    /*background-image: url("/face/javax.faces.resource/img/Search-icon.png.xhtml?ln=default&v=1_0");*/
    /*background-repeat:no-repeat;*/
    /*background-position:right;*/

}

.btnCstDispo.ui-button.ui-state-hover{

    cursor: pointer;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f89306), color-stop(1, #fbb450));
    background: -moz-linear-gradient(top, #f89306 5%, #fbb450 100%);
    background: -webkit-linear-gradient(top, #f89306 5%, #fbb450 100%);
    background: -o-linear-gradient(top, #f89306 5%, #fbb450 100%);
    background: -ms-linear-gradient(top, #f89306 5%, #fbb450 100%);
    background: linear-gradient(to bottom, #f89306 5%, #fbb450 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f89306', endColorstr = '#fbb450', GradientType = 0);
    border-radius: 5px;
    border: 1px solid #db8006;
    padding: 0 0;
    background-color: #fd9606;
    color: #ffffff;

    /*background-image: url("/face/javax.faces.resource/img/Search-icon.png.xhtml?ln=default&v=1_0");*/
    /*background-repeat: no-repeat;*/
    /*background-position: left;*/
}


.reserva_btn {
    /*background: #3695d1;*/
    background: #44a343;

    background-image: url("/face/javax.faces.resource/img/arrow_right.png.xhtml?ln=default&v=1_0");
    background-repeat: no-repeat;
    background-position: right;

    padding:5px 20px 5px 5px;
    color:#fff;
    border:none;
    border-radius:5px;

    font-size: 1.1em !important;
    font-weight: bolder;
    animation-name: flash;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;


-webkit-animation-name: reserva_btn;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;


-moz-animation-name: reserva_btn;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
}

@keyframes reserva_btn{
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}


@-webkit-keyframes reserva_btn{
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}


@-moz-keyframes reserva_btn{
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}

.reserva_btn:hover {
    cursor: pointer;
}

.reserva_btn:disabled {
    cursor:crosshair;
    background: #c6cab4;

}


.solicitar_btn {
    /*background: #3695d1;*/
    background: #d4734c;

    background-image: url("/face/javax.faces.resource/img/arrow_right.png.xhtml?ln=default&v=1_0");
    background-repeat: no-repeat;
    background-position: right;

    padding:5px 20px 5px 5px;
    color:#fff;
    border:none;
    border-radius:5px;

    font-size: 1.1em !important;
    font-weight: bolder;
    animation-name: flash;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;


    -webkit-animation-name: reserva_btn;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;


    -moz-animation-name: reserva_btn;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
}

@keyframes reserva_btn{
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}


@-webkit-keyframes reserva_btn{
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}


@-moz-keyframes reserva_btn{
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}

.reserva_btn:hover {
    cursor: pointer;
}

.reserva_btn:disabled {
    cursor:crosshair;
    background: #c6cab4;

}


.btnAvail {

    -moz-box-shadow: 0px 10px 14px -7px #3e7327;
    -webkit-box-shadow: 0px 10px 14px -7px #3e7327;
    box-shadow: 0px 10px 14px -7px #3e7327;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77b55a), color-stop(1, #72b352));
    background: -moz-linear-gradient(top, #77b55a 5%, #72b352 100%);
    background: -webkit-linear-gradient(top, #77b55a 5%, #72b352 100%);
    background: -o-linear-gradient(top, #77b55a 5%, #72b352 100%);
    background: -ms-linear-gradient(top, #77b55a 5%, #72b352 100%);
    background: linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#77b55a', endColorstr = '#72b352', GradientType = 0);
    background-color: #77b55a;
    background-image: url("/face/javax.faces.resource/img/tickgreen.png.xhtml?ln=default&v=1_0");
    background-repeat: no-repeat;
    background-position: left;

    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;

    border: 1px solid #4b8f29;
    white-space: normal;
    display: inline-block;
    color: #ffffff;
    font-family: arial;
    /*font-size:13px;*/
    font-weight: bold;
    padding: 1px 4px 1px 15px;
    text-decoration: none;
    margin: 1px 0 1px 0;
    text-shadow: 1px 0 1px 0 #5b8a3c;

}

.btnAvail:hover {
    cursor: pointer;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #72b352), color-stop(1, #77b55a));
    background: -moz-linear-gradient(top, #72b352 5%, #77b55a 100%);
    background: -webkit-linear-gradient(top, #72b352 5%, #77b55a 100%);
    background: -o-linear-gradient(top, #72b352 5%, #77b55a 100%);
    background: -ms-linear-gradient(top, #72b352 5%, #77b55a 100%);
    background: linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#72b352', endColorstr = '#77b55a', GradientType = 0);
    background-color: #72b352;
    background-image: url("/face/javax.faces.resource/img/tick-icon.png.xhtml?ln=default&v=1_0");
    background-repeat: no-repeat;
    background-position: left;
    white-space: normal;
}

.btnAvail:active {
    position: relative;
    top: 1px;
    background-image: url("/face/javax.faces.resource/img/tick-icon.png.xhtml?ln=default&v=1_0");
    background-repeat: no-repeat;
    background-position: left;
    white-space: normal;
}
.btnOnRq {

    -moz-box-shadow: inset 0px 1px 0px 0px #cf866c;
    -webkit-box-shadow: inset 0px 1px 0px 0px #cf866c;
    box-shadow: 0px 10px 14px -7px #cf866c;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
    background: -moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: -webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: -o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: -ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#d0451b', endColorstr = '#bc3315', GradientType = 0);

    background-color: #d0451b;

    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;

    border: 1px solid #942911;

    display: inline-block;
    color: #ffffff;
    font-family: arial;
    /*font-size:13px;*/
    font-weight: bold;
    padding: 1px 15px 1px 15px;
    text-decoration: none;

    text-shadow: 1px 0 1px 0 #854629;
    margin: 1px 0 1px 0;
    white-space: normal;
}

.btnOnRq:hover {
    cursor: pointer;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
    background: -moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
    background: -webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
    background: -o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
    background: -ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
    background: linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#bc3315', endColorstr = '#d0451b', GradientType = 0);

    background-color: #bc3315;
    /*background-image: url("/face/javax.faces.resource/img/tick-icon.png.xhtml?ln=default&v=1_0");*/
    background-repeat: no-repeat;
    background-position: left;
    white-space: normal;

}

.btnOnRq:active {
    position: relative;
    top: 1px;
    background-image: url("/face/javax.faces.resource/img/tick-icon.png.xhtml?ln=default&v=1_0");
    background-repeat: no-repeat;
    background-position: left;
    white-space: normal;

}

.btnCancel {

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
    background: -moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: -webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: -o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: -ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#d0451b', endColorstr = '#bc3315', GradientType = 0);

    background-color: #f2270f;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 1px 2px 3px #666666;
    -moz-box-shadow: 1px 2px 3px #666666;
    box-shadow: 1px 2px 3px #666666;
    /*font-family: Arial;*/

    padding: 5px 8px 5px 25px;
    /*text-decoration: none;*/
    color: #ffffff;
    font-weight: bold;

    background-image: url("/face/javax.faces.resource/img/delete-icon.png.xhtml?ln=default&v=1_0");
    background-repeat: no-repeat;
    background-position: left;
}

.btnCancel:hover {

    cursor: pointer;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
    background: -moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
    background: -webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
    background: -o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
    background: -ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
    background: linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#bc3315', endColorstr = '#d0451b', GradientType = 0);
    background-color: #fe4630;
    text-decoration: none;
    background-image: url("/face/javax.faces.resource/img/delete-icon.png.xhtml?ln=default&v=1_0");
    background-repeat: no-repeat;
    background-position: left;
}



.btnAbandonar .ui-button-text{
    width: 100px;
    height: 18px;
    background-color: #d44a42;
    background-image: url("/face/javax.faces.resource/img/close.png.xhtml?ln=default&v=1_0");
    background-repeat: no-repeat;
    background-position: right;
    padding:0 0 0 0;
    border: 2px solid #a65534;
    border-radius:2px;
    font-weight: bolder;
    font-size: 0.9em !important;
    color: white;
}

.btnAbandonar .ui-button.ui-state-hover, .ui-button.ui-state-active {
    border: none;
    background-color: #f2e39c;

}

.btnContinuar .ui-button-text{
    width: 90px;
    height: 18px;
    text-align: center;
    background: #44a343;
    background-image: url("/face/javax.faces.resource/img/arrow_right.png.xhtml?ln=default&v=1_0");
    background-repeat: no-repeat;
    background-position: right;
    padding:5px 15px 2px 5px;
    border: 2px solid green;
    border-radius:2px;
    font-weight: bolder;
    font-size: 0.9em !important;
    color: white;

}

.btnContinuar .ui-button.ui-state-hover, .ui-button.ui-state-active {
    border: none;
    background: #53c852;
}

.btnConcluir .ui-button-text{
    width: 90px;
    height: 18px;
    text-align: center;
    background: #3a74d1;
    background-image: url("/face/javax.faces.resource/img/tick-icon.png.xhtml?ln=default&v=1_0");
    background-repeat: no-repeat;
    background-position: right;
    padding:5px 15px 2px 5px;
    border: 2px solid #2c589e;
    border-radius:2px;
    font-weight: bolder;
    font-size: 0.9em !important;
    color: white;

}

.btnConcluir .ui-button.ui-state-hover, .ui-button.ui-state-active {
    border: none;
    background: #53c852;
}


.numberCircle2 {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: solid #fff000 2px;
    padding: 2px 5px 2px 5px;
    margin: 0 0 0 10px;
}

.numberCircle3 {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: solid #ff211c 2px;
    padding: 3px 5px 3px 5px;
    margin: 5px 10px 5px 5px;
}

.numberCircle4 {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 3px 5px 3px 5px;
    margin: 5px 1px 5px 5px;
}

.squareborder {
    border: 1px solid #bc3315;
    padding: 2px 2px 2px 2px;

}

.checked {
    color: #ffa500 !important;
}

.unchecked {
    color: #e7e7e7 !important;

}


.div_infowindows {
    min-height: 99%;

    margin: 10px 5px 15px 15px;
    width: 85%;
    min-width: 290px;
    max-width: 310px;
    /*width: auto!important;*/
    /*height: auto!important;*/

    overflow: hidden!important;
    /*width: 315px;*/
    /*max-width: 400px;*/
    padding: 5px 15px 15px 15px;
    /*left: 25px!important;*/
    /*float: right;*/
    border: 1px solid rgba(72, 181, 233, 0.6);
    border-radius: 4px 4px 4px 4px;

    background-color: #e9ffe0;

}


.btstoolbarprincipal{
    height: 17px;
    vertical-align: middle;
    text-align: center;
    /*font-family: Arial,Helvetica,sans-serif;*/
    font-size: 0.8em !important;
    font-weight: 500;
    width: 95%;
    min-width: 17px;

}

.btstoolbarprincipal .ui-button-text-only {
    padding: .5em .5em .10em .5em;
    font-size: 0.8em !important;
}

.btstoolbarprincipal .ui.ui-button-text {
    padding: 0 2px 2px 2px;
    font-size: 0.8em !important;

}

.status-Confirmado{

    background-color: #1a9e1d;
    font-weight: bolder;
    color: white;
}

.status-Cancelado{

    background-color: #c3282c;
    font-weight: bolder;
    color: white;

}

.tituloPanelReservas{
    font-size: 90%!important;
    font-weight: bold;
}

.pnlExibeTarifasladodireito {
    display: block;
    height: 85%;
    font-size: 100% !important;
    margin: -2px -5px -10px -5px;
    padding: 10px 0 0 0;

    border: 5px solid #e2de4d;;
    cursor: auto;

    /*background: #cbcbcb /!*{bgColorHover}*!/ url("/face/javax.faces.resource/images/active.png.xhtml?ln=primefaces-casablanca)") /!*{bgImgUrlHover}*!/ 50% /!*{bgHoverXPos}*!/ 50% /!*{bgHoverYPos}*!/ repeat-x;*/
    text-decoration: none;
    color: #000000 /*{fcActive}*/;

}

.pnlExibeTarifasladodireito td {
    vertical-align: top;
}

.cabtabelapanelexibirtarifas {
    font-size: 0.9em !important;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    text-decoration: none;
}

.panelCambio {
    display: block;
    width: 200px !important;
    max-width: 200px !important;
    font-size: 90%;

}

.mapa-icon {
    padding: 0 0;
    margin: 0 0;
    background-image: url("/face/javax.faces.resource/img/map.png.xhtml?ln=default&v=1_0") !important;
    border-radius: 0 !important;
    background-repeat: no-repeat;
    background-size: 22px 22px;
}

.btn_buttonMenuRspDispo{
    font-size: 0.85em !important;
    align-content: center;
    vertical-align: middle;
    padding: 0 0;

}

.btn_buttonMenuRspDispo .ui-corner-bottom {
    border-bottom-right-radius: 4px;
}

.btn_background_close .ui-button-text{
    background-color: #dd4e1c;
    font-weight: bolder;
    color: #ffffff;


}


/*.btn_background_close .ui-button.ui-state-hover, .ui-button.ui-state-active{*/
    /*border: none;*/
/*}*/

.btn_background_close .fa {
    color: #ffffff;
}


.btn_background_open .ui-button-text {
    background-color: #0fc477;
    font-weight: bolder;
    color: #ffffff;

}

.btn_background_open .fa {
    color: #ffffff;
}


.richButtonjsf {
    margin:0px;
    padding:3px 5px 5px 5px;
    height:24px;
    font-size: 0.8em !important;
    font-weight:bold;
    border:1px #ccc solid;
    border-radius:4px;
    cursor:pointer;
    background-color: #2980b9;
    color: white;
}
.richButtonjsf:hover {
    background-color: #33a0e7;
    color: white;
}

.richButtonPrimeFaces {
    /*color: white;*/
}
.richButtonPrimeFaces .ui-button-text{
    margin:0px;
    padding: 5px 3px 3px 3px;
    height:15px;
    font-size: 0.8em !important;
    font-weight:bold;
    border: 1px solid #f89306;
    text-align: center;

    cursor:pointer;
    /*background: #2980b9;*/
    /*background-color: #2980b9;*/
    color: white;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fbb450), color-stop(1, #f89306));
    background: -moz-linear-gradient(top, #fbb450 5%, #f89306 100%);
    background: -webkit-linear-gradient(top, #fbb450 5%, #f89306 100%);
    background: -o-linear-gradient(top, #fbb450 5%, #f89306 100%);
    background: -ms-linear-gradient(top, #fbb450 5%, #f89306 100%);
    background: linear-gradient(to bottom, #fbb450 5%, #f89306 100%);

    border-radius:4px;

}

.richButtonPrimeFaces.ui-button.ui-state-hover{
    cursor: pointer;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #db7d06), color-stop(1, #f5af4f));
    background: -moz-linear-gradient(top, #db7d06 5%, #f5af4f 100%);
    background: -webkit-linear-gradient(top, #db7d06 5%, #fbb450 100%);
    background: -o-linear-gradient(top, #db7d06 5%, #fbb450 100%);
    background: -ms-linear-gradient(top, #db7d06 5%, #fbb450 100%);
    background: linear-gradient(to bottom, #db7d06 5%, #fbb450 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f89306', endColorstr = '#fbb450', GradientType = 0);
    /*border-radius: 7px;*/
    border: 1px solid #c27105;
    /*padding: 1px 1px 1px 1px;*/
    /*background-color: #db7d06;*/
    color: #ffffff;

}

.richButtonPrimeFaces .ui-button-text-only{
    padding: 0 0;
}

.richButtonPrimeFaces .ui-icon .ui-state-hover{
    color: white;
}

.richButtonPrimeFaces.ui-button .ui-state-active.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #f1f4f4;
    text-decoration: none;
}
.panelFiltrosMapa {
    padding: 0 0 0 0 !important;
    margin: -5px 5px 0 0 !important;
    text-align: left;
    height: 100%;
    width: 100%;
}

.panelFiltrosMapa>tbody>tr>td {
    vertical-align: top;
}