#wrapper {
    height: auto;
    width: 1200px;
    margin: 0 auto; /*this will centralize the div, horizontal. so that it is nice looking in the middle on different computer screens. */
    background-color: orange;
}
@media only screen and (min-device-width: 1452px)
{
    .divDireita {
        float: left;
        left: 257px;
        /*position: absolute;*/
        width: 1600px;
        height: 99%;
        top: 1px;
       
        float: left;
        left: 283px;
       
        height: 78%;
        top: 6px;
        position: fixed;
    }
    .btn-toolbar {
        left: -109px !important;
        background-color: white !important;
        width: 874px !important;
        margin-top: -52px !important;
        position: absolute !important;
        height: 60px;
        border: #6162a5 1px solid;
    }
    .config {
        position: fixed;
        top: 19px;
        right: 672px;
    }

  

    .divSino {
        position: fixed;
        margin-left: 1131px;
        top: 11px;
        /* background-color: orange; */
        width: 30px;
    }


    .divFind {
        position: fixed;
        left: 466px;
        top: 3px;
        height: 30px !important;
    }

    /*.dadosConfig {
        position: relative;*/
        /*background-color: orange !important;*/
        /* margin-left: 1070px !important; */
        /*top: -32px !important;
        height: 27px;
        width: auto !important;
        border-right: 0px solid #efefef;
        border-left: 0px solid #efefef;
        z-index: 2050;
        float: right;
        text-align: right;
        width: 200px !important;
        RIGHT: 100px;
    }*/

    .pnlInferiorDireito1 {
       
        position: relative;
        margin-left: 184px;
        top: -308px;
        height: 305px;
        /* width: 990px; */
        width: calc(80,5% ) !important;
    }

    

    .divUsuarioInferiorDireito {
       
        position: fixed;
        margin-top: 2px;
        /* width: 2506px !important; */
        height: 228px;
        width: 69%;
    }
    .aspNetDisabled {
        background-color: #d7d7d7 !important;
        color: #838181 !important;


       /* top: -6px !important;*/
        position: relative;
        padding-top: -12px;
        display: block;
        left: 10px;
      
        color: black !important;
        border-style: none !important;
       /* border: 1px solid #c7c7c7 !important;*/
        padding-left: 5px;
        border-radius: 5px;
    }
    .divCategoriaInferiorDireito {
        
        position: fixed;
        margin-top: 2px;
        /* width: 2506px !important; */
        height: 228px;
        width: 69%;
    }



    .gridHeaderHotelUsuario
    | {
        position: relative;
        left: 1px;
        margin-top: -10px;
        width: 915px !important;
        background-color: #efefef !important;
        height: 50px;
        color: white;
       
    }

    .gridHeaderQuarto {
        position: relative;
        left: 0px;
        margin-top: -1px;
        background-color: #efefef;
        height: 40px;
        color: white;
        width: 913px;
    }

    .gridHeaderCamaExtra {
        position: relative;
        left: 0px;
        margin-top: -1px;
        width: 913px;
        background-color: #efefef;
        height: 40px;
        color: white;
    }

    .gridHeaderBanheiro {
        position: relative;
        left: 0px;
        margin-top: -1px;
        width: 913px;
        background-color: #efefef;
        height: 40px;
        color: white;
    }

    .gridHeaderSala {
        position: relative;
        left: 0px;
        margin-top: -1px;
        width: 913px;
        background-color: #efefef;
        height: 40px;
        color: white;
    }

    .gridHeaderVista {
        position: relative;
        left: 0px;
        margin-top: -1px;
        /*width: 1045px;*/
        width: 913px;
        background-color: #efefef;
        height: 50px;
        color: white;
    }

    .gridHeaderIdade {
        position: relative;
        left: 0px;
        margin-top: -1px;
        /*width: 1045px;*/
        width: 913px;
        background-color: #efefef;
        height: 50px;
        color: white;
    }

    .gridHeaderRegulatorio {
        position: relative;
        left: 0px;
        margin-top: -1px;
        /*width: 1045px;*/
        width: 913px;
        background-color: #efefef;
        height: 50px;
        color: white;
    }
    .gridcss {
        /* width: 1100px; */
        /* margin-top: -39px !important; */
        margin-left: -1px;
        height: 70vh !important;
        border-bottom: white 1px solid !important;
        border-left: white 1px solid !important;
        background-color: white !important;
        /* margin-top: 54px !important;*/
    }

        .gridcss td {
            border-left:   green 0.5px solid !important;
        }
    }
@media only screen and (max-device-width: 1451px) 
{
    .divDireita {
       
        float: left;
        left: 257px;
   /*     position: absolute;*/
      
        height: 99%;
        top: 1px;
       
        float: left;
        left: 283px;
        width: 1100px;
        height: 78%;
        top: 6px;
        position: fixed;
    }

    .btn-toolbar {
        left: -55px !important;
        background-color: white !important;
        width: 874px !important;
        margin-top: -52px !important;
        position: absolute !important;
        height: 60px;
        border: #6162a5 1px solid;
    }
    .config {
        position: fixed;
        top: 19px;
        right: 614px;
    }



    .divSino {
        position: fixed;
        margin-left: 1017px;
        top: 11px;
        /* background-color: orange; */
        width: 30px;
    }

    /*.dadosConfig {
        position: relative;*/
        /*background-color: orange !important;*/
        /* margin-left: 1070px !important; */
        /*top: -32px !important;
        height: 27px;
        width: auto !important;
        border-right: 0px solid #efefef;
        border-left: 0px solid #efefef;
        z-index: 2050;
        float: right;
        text-align: right;
        width: 200px !important;
        RIGHT: 100px;
    }*/
    .divFind {
        position: fixed;
        left: 437px;
        top: 3px;
        height: 30px !important;
    }

    .pnlInferiorDireito1 {
       
        position: relative;
        margin-left: 183px;
        top: -308px;
        height: 305px;
        /* width: 990px; */
        width: calc(77% ) !important;
       
    }

    .divUsuarioInferiorDireito {
      
        position: fixed;
        margin-top: 2px;
        /* width: 2506px !important; */
        height: 228px;
        width: 65.5%;
    }

    .divCategoriaInferiorDireito {
        position: fixed;
        margin-top: 2px;
        /* width: 2506px !important; */
        height: 228px;
        width: 915px;
    }



    .gridHeaderHotelUsuario
    | {
        position: relative;
        left: 1px;
        margin-top: -10px;
        width: 99% !important;
        background-color: #efefef !important;
        height: 50px;
        color: white;
    }

    .gridHeaderQuarto {
        position: relative;
        left: 0px;
        margin-top: -1px;
        background-color: #efefef;
        height: 40px;
        color: white;
        width: 915px !important;
    }

    .gridHeaderCamaExtra {
        position: relative;
        left: 0px;
        margin-top: -1px;
        width: 915px;
        background-color: #efefef;
        height: 40px;
        color: white;
    }

    .gridHeaderBanheiro {
        position: relative;
        left: 0px;
        margin-top: -1px;
        width: 915px;
        background-color: #efefef;
        height: 40px;
        color: white;
    }

    .gridHeaderSala {
        position: relative;
        left: 0px;
        margin-top: -1px;
        width: 915px;
        background-color: #efefef;
        height: 40px;
        color: white;
    }

    .gridHeaderVista {
        position: relative;
        left: 0px;
        margin-top: -1px;
        /*width: 1045px;*/
        width: 915px;
        background-color: #efefef;
        height: 50px;
        color: white;
    }

    .gridHeaderIdade {
        position: relative;
        left: 0px;
        margin-top: -1px;
        /*width: 1045px;*/
        width: 915px;
        background-color: #efefef;
        height: 50px;
        color: white;
    }

    .gridHeaderRegulatorio {
        position: relative;
        left: 0px;
        margin-top: -1px;
        /*width: 1045px;*/
        width: 915px;
        background-color: #efefef;
        height: 50px;
        color: white;
    }

    .gridcss {
        /* width: 1100px; */
        /* margin-top: -39px !important; */
        margin-left: 0px;
        height: 70vh !important;
        border-bottom: red 1px solid !important;
        border-left: white 1px solid !important;
        background-color: white !important;
        /* margin-top: 54px !important;*/
    }

}

@media only screen and (max-device-width: 1441px) {
    .divDireita {
       
        float: left;
        left: 257px;
     /*   position: absolute;*/
        height: 99%;
        top: 1px;
        background-color: green;
        float: left;
        left: 283px;
        width: 1100px;
        height: 78%;
        top: 6px;
        position: fixed;
    }
}
    /*html {
    background-color: deeppink;
    height: 100%;
    overflow: scroll;
    
}*/


.divDireita {
    /*float: left;
    left: 257px;
    
    width: 1600px;
    height: 99%;
    top: 1px;
   
    float: left;
    left: 283px;
    height: 78%;
    top: 6px;
    position: fixed;
    object-fit: fill; */
  
    left: 283px;
    height: 80%;
    top: 38px;
    position: inherit;
    width: 81%;


}
    body {
        /* height: 100% !important;
    overflow: hidden;*/
        margin: 0;
        padding: 0;
        height: 100%
    }

    .body {
        background: #003680 url(../img/novoLogoDrei3.jpeg) no-repeat left top !important;
        /* overflow: hidden !important;
    position: fixed;*/
        left: 0px;
        margin-top: 5px;
        background-size: 17% !important;
        border: 0px none transparent;
        width: 100%;
        height: 100% !important;
    }

    * {
        margin: 0px;
        padding: 0px;
    }



    .clear10 {
        clear: both;
        font-size: 1px;
        height: 10px;
        line-height: 1px;
        display: block;
    }

    .divTopo {
        position: absolute;
        /*background-color: #8f9092 /*#25a2c3*/
        margin: 0 auto;
        height: 73px;
        width: 100%;
        font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif !important;
        top: 0px;
        left: 0px;
        background: #00bd56;
        background: #207dff;
        background: -moz-linear-gradient(45deg,#207dff 0%,#00bd55 100%);
        background: -webkit-gradient(left bottom,right top,color-stop(0%,#207dff),color-stop(100%,#00bd55));
        background: -webkit-linear-gradient(45deg,#207dff 0%,#00bd55 100%);
        background: -o-linear-gradient(45deg,#207dff 0%,#00bd55 100%);
        background: -ms-linear-gradient(45deg,#207dff 0%,#00bd55 100%);
        background: linear-gradient(45deg,#207dff 0%,#00bd55 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207dff',endColorstr='#00bd55',GradientType=1 );
    }

    .btLanguage {
        background-size: 24px;
        border: none;
        color: white;
        position: relative !important;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        cursor: pointer;
        width: 24px;
        margin-right: 23px !important;
        padding-right: 5px !important;
        top: 3px !important;
    }

    .divLinguas {
        cursor: pointer;
        left: 1265px !important;
        border: none;
        color: white;
        position: fixed !important;
        width: 30px;
        top: 25px !important;
    }

    .divHotel {
        cursor: pointer;
        left: 650px !important;
        border: none;
        color: white;
        position: fixed !important;
        width: 230px;
        top: 15px !important;
        font-size: 12pt;
    }


    .divTopo label {
        color: white;
        font-size: 20px;
        padding: 5px 10px;
        width: 20px;
        border-right: 1px solid #efefef;
        display: none;
    }

    .divMenuEsquerdo {
        position: relative;
        background-color: yellow /*#64a8e1*/ !important;
        margin: 0 0;
        height: 530px;
        width: 105px;
        visibility: visible;
        display: block;
        top: 70px;
        font-family: Bahnschrift,arial, helvetica, sans-serif;
    }

    /*.menu ul {
    list-style: none;
    margin: 0;
   
    display: flex;
    flex-direction: column;
    font-size: 10pt;
    margin-left: -13px;
    height: 50px;
    width: 119px;
    
}*/

    /*.menu li a {
    color: #efefef;
    display: flex;
    border-right: 1px solid #efefef;
    padding: 15px 28px;
    
    height: 55px;
    
}*/

    /*.menu li a:hover 
    {
        /*background-color: rgba(138, 188, 242, 0.47);
        text-decoration: none;
        padding: 15px 20px;
        display: flex;
        border-right: 1px solid #efefef;
        cursor: pointer;
       
    }*/




    .imgMenuEsquerdo {
        filter: brightness(0) invert(1);
    }

    .icones {
        filter: brightness(0) invert(1);
    }

    .liUsuario {
        /* width: 127px !important; */
        height: 20px;
        position: relative !important;
        /* margin-right: 5px; */
        width: 150px;
        /* margin-top: 0px !important; */
        list-style-type: none;
        /* margin-left: 1120px; */
        z-index: 200;
        float: right;
        top: 28px;
        text-align: right;
        width: auto !important;
        padding-right: 10px;
    }

        .liUsuario ul {
            font-size: 10pt;
            height: 39px;
            background-color: #64a8e1;
            margin-top: 73px !important;
            color: white;
            position: relative;
        }

        .liUsuario li {
            list-style-type: none;
            font-size: 10pt;
            height: 30px;
            margin-top: -41px;
            color: white;
        }


    .divTopo a {
        list-style-type: none;
        color: white !important;
        padding: 22px 20px;
        width: 140px;
        text-decoration: none;
        font-size: 10pt;
        display: block;
        margin-top: 17px;
    }

    .divTopo ul {
        background-color: transparent;
        width: 250px;
    }

    .ham {
        visibility: hidden;
        color: white;
        font-size: 16pt;
        padding: 10px 10px;
    }



    .liMenu {
        color: white !important;
        text-align: center;
        /*margin-top:-10px;*/
        font-size: 10pt;
        margin-bottom: 10px;
        visibility: visible;
        display: initial;
        margin-left: 25px;
        display: inline-flex;
        z-index: 0;
        position: initial;
        cursor: pointer;
        left: 30px;
    }



    .imgMenuCad {
        /*background: url("../img/cadastro1.png") center no-repeat 0 0;*/
        filter: brightness(0) invert(1);
        margin-left: 24px;
        position: relative;
        margin-bottom: -42px;
        margin-left: 10px;
    }


    .imgMenuBook {
        /*background: url("../img/reserva1.png") no-repeat center 10px ;*/
        filter: brightness(0) invert(1);
        margin-left: 24px;
        position: relative;
        margin-bottom: -42px;
        margin-left: 10px;
    }

    .imgMenuAdm {
        margin-left: 24px;
        filter: brightness(0) invert(1);
        position: relative;
        margin-bottom: -42px;
        margin-left: 10px;
    }

    .imgMenuDash {
        /*background: url("../img/dashboard1.png") no-repeat center 10px;*/
        filter: brightness(0) invert(1);
        margin-left: 24px;
        position: relative;
        margin-bottom: -42px;
        margin-left: 10px;
    }


    .imgConfig {
        /*background: url("../img/reserva1.png") no-repeat center 10px ;*/
        filter: brightness(0) invert(1);
        margin-left: -4px;
        position: relative;
        padding-right: 5px;
    }

    .imgSair {
        filter: brightness(0) invert(1);
        margin-left: -4px;
        position: relative;
        padding-right: 5px;
    }


    #btn-menu {
        display: none;
    }

    .btEntrar {
        background-color: #2929c8 !important;
        border: none;
        color: white;
        padding: 7px 32px;
        position: relative !important;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 10pt !important;
        cursor: pointer;
        width: 255px !important;
        margin-left: 1px !important;
        position: relative !important;
        margin-top: 31px !important;
        margin-bottom: 13px !important;
        text-transform: capitalize !important;
        font-family: Verdana !important;
    }

    /* .btEntrar:hover {
        background-color: #2929c8 !important;
        border: none;
        color: white;
        padding: 7px 32px;
        position: relative !important;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 11px;
        cursor: pointer;
        width: 255px !important;
        margin-left: 1px !important;
        position: relative !important;
        margin-top: 6px !important;
        margin-bottom: 40px !important;
    }*/


    .bz-ms-login-forgot a {
        color: #707A7F;
        font-family: "Open Sans";
        font-size: 12px;
        font-style: italic;
        line-height: 17px;
        cursor: pointer;
        margin-left: 150px;
    }

    .divOpcaoLogin {
        height: 480px;
        width: 420px;
        border: 1px solid #5c93eb;
        position: absolute;
        top: 100px;
        left: 450px;
    }

    .divBotoesLogin {
        margin-top: 30px;
        margin-left: 100px;
        position: relative;
    }


    /*input[type="submit"] {
    margin: 30px 0 0 0;
    background: #dcdcdc;
    font-family: Bahnschrift;
}*/

    .bz-cd-login-or {
        position: relative;
        z-index: 10;
        display: inline-block;
        margin: 0;
        font-size: 1.2rem;
    }

    .bz-cd-login-section {
        position: relative;
        text-align: center;
        margin: 1em 0;
    }


    .loginSite {
        background: #dcdcdc no-repeat 5px 5px !important;
        padding-left: 4px;
        height: 40px;
        width: 102px;
        border-radius: 5px;
        font-size: 0.8rem;
        white-space: nowrap;
        cursor: pointer;
        font-family: Bahnschrift,'Open Sans',Arial,Helvetica,sans-serif;
        font-weight: 600;
        border: 1px solid transparent;
        margin-right: 10px !important;
        left: 144px;
        position: relative;
    }





    /*input[type="submit"]:hover {
    margin: 30px 0 0 0;
    background-color: #efbf4b !important;
}*/




    .bz-ms-login-question {
        color: #3F5969;
        font-family: "Open Sans";
        font-size: 18px;
        font-weight: 300;
        line-height: 24px;
        text-align: center;
        padding-bottom: 4.5rem;
        margin: 0;
    }

    .bz-form-control {
        display: block !important;
        width: 250px;
        padding: .8rem !important;
        background: #F5F5F5 !imp.ortant;
        border: 1px solid #CED2D4 !important;
        -webkit-transition: border-color ease-in-out .15s !important;
        transition: border-color ease-in-out .15s !important;
        font-family: Bahnschrift, "Open Sans",serif !important;
        font-size: 1.0rem !important;
        color: #1E4C68 !important;
        line-height: 0.8rem !important;
        margin-left: 40px !important;
        height: 10px !important;
        border-radius: 4px !important;
    }


    .bz-cd-login-section::before {
        left: 0;
        width: 45%;
    }

    .bz-cd-login-section::after, .bz-cd-login-section::before {
        content: "";
        position: absolute;
        top: 62%;
        border: .5px solid #CED2D4;
    }

    .border-box, .bz-cd-login-section::after, .bz-cd-login-section::before, .bz-marker, html, legend, menu > div {
        box-sizing: border-box;
    }

    *, :after, :before {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }


    .bz-cd-login-section::after {
        right: 0;
        width: 45%;
    }

    .bz-cd-login-section::after, .bz-cd-login-section::before {
        content: "";
        position: absolute;
        top: 62%;
        border: .5px solid #CED2D4;
    }

    .lbUsuario {
        color: white;
        float: right;
        margin-top: 10px;
        margin-right: 10px;
    }

        .lbUsuario:hover {
            cursor: pointer;
            background-color: transparent;
        }

    .infoLog {
        width: 170px;
        float: right;
        height: 50px;
    }





    .configUsuario {
        position: relative;
        top: 50px;
        width: 170px;
        height: 100px;
        float: right;
        margin-right: -170px;
    }



    .imgUsuario {
        position: fixed;
        /* position: relative; */
        margin-left: -26px;
        top: 20px;
        height: 19px;
        filter: invert(95%);
    }


    .dropbtn {
        background-color: #4CAF50;
        color: white;
        padding: 16px;
        font-size: 12px;
        border: none;
        width: 150px;
    }

    /* The container <div> - needed to position the dropdown content */
    .dropdown {
        position: relative;
        display: inline-block;
        margin-top: 10px;
    }

    .ulUsuario {
        height: 40px !important;
        background-color: #64a8e1 !important;
        margin-top: -3px !important;
        position: fixed !important;
        top: -5px;
    }

        .ulUsuario a {
            height: 10px !important;
            margin-top: -20px !important;
        }


    .espMenu {
        top: 51px;
        margin-left: -155px;
    }
    /*/* Dropdown Content (Hidden by Default) */
    .dropdown-content {
        display: none;
        /*position: absolute;*/
        background-color: #9ebfa0;
        width: 151px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
        font-size: 10pt;
    }

        /* Links inside the dropdown */
        .dropdown-content a {
            color: black;
            padding: 1px 6px 7px 8px !important;
            text-decoration: none;
            display: block;
            background-color: orange !important;
            height: 36px;
            margin-top: 0px;
            width: 100%;
            text-align: left !important;
        }

            /* Change color of dropdown links on hover */
            .dropdown-content a:hover {
                background-color: #ddd;
            }

    /* Show the dropdown menu on hover */
    .dropdown:hover .dropdown-content {
        display: block;
    }

    /* Change the background color of the dropdown button when the dropdown content is shown */
    .dropdown:hover .dropbtn {
        background-color: #3e8e41;
    }

    .divPrincipal {
        /*background-color: orange !important;*/
        position: relative;
        top: 82px;
        width: 745px;
        left: 298px;
        height: 60%;
    }

.divGrid {
    /* margin-top: 53px;
        margin-left: -2px;
        width: 700px;
        height: 487px;*/
    margin-top: 3px;
    margin-left: -2px;
    height: 529px;
}

    .divGridDetalhe {
        top: 0px !important;
        margin-left: 0px;
        width: 916px !important;
        height: 250px;
        position: relative;
        overflow-y: scroll;
    }



    .divGridDetalhe1 {
        top: 26px !important;
        margin-left: -25px;
        width: 100%;
        height: 301px;
        position: relative;
    }

    .divGridDetalhe2 {
        top: -1px !important;
        left: 4px;
        width: 989PX;
        height: 248px;
        position: relative;
    }

    .divGridDetalhe400 {
        top: -1px !important;
        left: 4px;
        width: 95%;
        height: 400px;
        position: relative;
        /* overflow-y: scroll;*/
    }



    /*
    #grdUsuario th.esquerda {
        padding: 0;
        font-size: 14pt;
        padding-left: 1px;
        color: black;
    }


    #grdUsuario th.esquerda {
        cursor: pointer;
      
    }*/

    .divBotaoSuperior {
        position: relative;
        margin-left: 0px;
        height: 50px;
        width: 500px;
        margin-top: 10px;
    }

    .btSuperiorGrid {
        background-color: #4CAF50 !important;
        border: none;
        color: white;
        padding: 15px 32px;
        position: relative !important;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 12px;
        margin: 2px 2px;
        cursor: pointer;
        top: -30px;
        border-radius: 5px;
    }


        .btSuperiorGrid:hover {
            color: white;
            border: solid 1px #64a8e1;
        }

    /*.divIdioma {
        position: relative;
        top: 30px;
        left: 900px;
        width: 200px;
    }*/

    .liIdioma {
        position: relative;
        top: 20px;
        left: 30px;
        background-color: orange;
        width: 100px;
    }

    .divLanguage {
        position: relative;
        left: 50px;
    }

    .portugues {
        background: #1c5ca1 url(../img/brasil.png) no-repeat center center !important;
        width: 22px;
        position: relative;
        margin-left: 20px !important;
        top: -11px !important;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        border: none;
    }

    .usa {
        background: #1c5ca1 url(../img/usa.png) no-repeat center center !important;
        width: 22px;
        position: relative;
        margin-left: 20px !important;
        top: -10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        border: none;
    }

    .popup {
        background: #FAFAFA
    }

        .popup form {
            padding: 20px
        }

        .popup h2 {
            background: #333;
            color: #FFF;
            font-size: 14px;
            padding: 10px
        }

        .popup h3 {
            background: #E0E0E0;
            color: #333;
            font-size: 12px;
            padding: 7px 5px;
            margin-top: 20px
        }


        .popup .botoes {
            border-top: 1px solid #CCC;
            padding-top: 10px;
            margin-top: 20px
        }

        .popup table {
            margin: 0 0 20px 0
        }

            .popup table thead th, .popup table thead td, .popup table tbody th {
                font-size: 10px;
                padding: 5px
            }

            .popup table tbody td {
                font-size: 10px;
                padding: 1px
            }

        .popup .dtpager table tbody td {
            width: 20px;
            line-height: 18px;
            padding: 0
        }

            .popup .dtpager table tbody td a, .popup .dtpager table tbody td span {
                font-size: 10px;
                width: 20px;
                height: 18px;
                line-height: 18px
            }



    .divLanguage {
        background-color: white;
        position: fixed;
        top: 50px;
        width: 130px;
        height: 45px;
        z-index: 5;
        border: 1px solid #CCC;
        border-radius: 4px;
        left: 836px;
    }

    .sair {
        position: relative;
        top: 2px;
        margin-top: 26px;
    }

    .sairLabel {
        position: relative;
        top: -10px;
        margin-top: 20px;
    }


    .menuBook {
        margin-left: 40px
    }

    .menuCadastro {
        margin-left: 40px
    }



    .menuDash {
        margin-left: 35px
    }

    .dxgvEditFormDisplayRow td.dxgv, .dxgvDetailCell td.dxgv, .dxgvDataRow td.dxgv, .dxgvDetailRow.dxgvADR td.dxgvAIC {
        overflow: hidden;
        border-bottom: 1px Solid #CFCFCF;
        border-right: 1px Solid #CFCFCF;
        border-top-width: 0;
        border-left-width: 0;
        padding: 3px 6px 4px;
        font-size: 10pt;
    }

    .dxgvHeader td {
        white-space: nowrap;
        font-size: 12pt !important;
    }


    td.esquerda, th.esquerda {
        cursor: context-menu;
        padding: 0;
        /* font-size: 11pt !important;*/
        padding-left: 1px;
        /* font-family: 'OpenSans', sans-serif !important;*/
    }



    td.direita, th.direita {
        cursor: context-menu;
        padding: 0;
        /*font-size: 11pt !important;*/
        text-align: right !important;
        padding-right: 4px;
        font-family: 'OpenSans', sans-serif !important;
    }


    td.center, th.center {
        cursor: context-menu;
        padding: 0;
        text-align: center !important;
        font-family: 'OpenSans', sans-serif !important;
    }

    .gridHeaderEmailUsuario {
        position: relative;
        left: 1px;
        margin-top: -2px;
        width: 915px;
        background-color: #efefef;
        height: 50px;
        color: white;
    }

    .gridHeaderLoginUsuario {
        position: relative;
        left: 1px;
        margin-top: 0px;
        width: 915px;
        background-color: #efefef;
        height: 50px;
        color: white;
    }

    .gridHeaderGrupoUsuario {
        position: relative;
        left: 1px;
        margin-top: 0px;
        width: 915px;
        background-color: #efefef;
        height: 50px;
        color: white;
    }

    .gridEmailUsuario {
        position: relative;
        left: 26px;
        margin-top: -26px;
        width: 915px;
    }

    .gridHeaderTelefoneUsuario {
        position: relative;
        left: 1px;
        margin-top: -2px;
        width: 915px;
        background-color: #efefef;
        height: 50px;
        color: white;
    }

    .gridTelefoneUsuario {
        position: relative;
        left: 1px;
        margin-top: 0px;
        width: 896px !important;
    }

    .gridHeaderEnderecoUsuario {
        position: relative;
        left: 1px;
        margin-top: -1px;
        width: 915px;
        background-color: #efefef;
        height: 50px;
        color: white;
    }


    .gridEnderecoUsuario {
        position: fixed;
        left: 294px;
        margin-top: 1px;
        width: 915px !important;
    }


    .gridPermissaoEfetiva {
        position: relative;
        left: 2px;
        margin-top: -1px;
        width: 896px !important;
    }


    .gridPermissaoUsuario {
        position: relative;
        left: 1px;
        margin-top: -1px;
        width: 897px;
    }


    .gridHeaderDocumentoUsuario {
        position: relative;
        left: 1px;
        margin-top: -2px;
        width: 915px;
        background-color: #efefef;
        height: 50px;
        color: white;
    }

    .gridHeaderPermissaoUsuario {
        position: relative;
        left: 1px;
        margin-top: -2px;
        width: 915px;
        background-color: #efefef;
        height: 50px;
        color: white;
    }

    .gridPermissoesUsuario {
        position: relative;
        margin-left: 48px;
        margin-top: 43px;
        width: 915px;
    }

    .gridHeaderPermissaoEfetiva {
        position: relative;
        left: 1px;
        margin-top: -2px;
        width: 915px;
        background-color: #efefef;
        height: 50px;
        color: white;
    }

    .gridDocumentoUsuario {
        position: relative;
        left: 1px;
        margin-top: -1px;
        width: 898px;
    }

    .dtVencimentoSenha {
        margin-left: -78px !important;
    }

    .labelHeader {
        position: relative;
        top: 11px;
        left: 5px;
    }

    .buttonHeader {
        -moz-appearance: none;
        -webkit-appearance: none;
        -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
        -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
        transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
        background-color: #f6755e;
        border-radius: 4px;
        border: 0;
        color: #ffffff;
        cursor: pointer;
        display: inline-block;
        font-family: "Montserrat", sans-serif;
        height: 2.5em !important;
        line-height: 2.5em;
        /* padding: 0 3.5em; */
        text-align: center;
        text-decoration: none;
        white-space: nowrap;
        /*text-transform: uppercase;*/
        top: 5px;
        position: relative;
        left: 900px;
        width: 88px;
        font-size: 9pt;
    }

    .confirmacaoSenha {
        margin-left: -78px !important;
    }


    .inserirEmail {
        position: relative;
        top: 25px;
        width: 80px;
        background-color: #4CAF50 !important;
        border: none;
        color: white;
        padding: 5px 12px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 14px;
    }


    .ckGeraSenha {
        position: relative;
        top: 38px;
        left: -7px;
    }

    .lbGeraSenha {
        position: relative;
        top: 38px !important;
        left: -7px;
        width: 116px !important;
        margin-right: -25px !important;
    }

    .lbEmailPrincipal {
        margin-left: 30px !important;
        position: relative;
        width: 60px !important;
        top: 27px;
        font-size: 10pt;
    }

    .lbEmailPrincipalM {
        margin-left: 43px !important;
        position: relative;
        width: 60px !important;
        top: 25px;
    }

    .lbEmailLoginM {
        width: 42px;
        left: 60px !important;
        position: relative;
        top: 25px;
    }

    .lbEmailLogin1 {
        left: 60px !important;
        position: relative;
    }

    .ckEmailPrincipalM {
        width: 42px;
        left: 1px !important;
        position: relative;
        top: 31px;
    }

    .ckLoginPrincipalM {
        width: 42px;
        left: 60px !important;
        position: relative;
        top: 25px;
    }

    .divBotoes .btProximoWizard {
        position: relative;
        top: 25px;
        width: 92px;
        background-color: #4CAF50;
        border: none;
        color: white;
        padding: 5px 4px 6px 1px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 14px;
        top: -1px;
    }


    .divBotoes .btAnteriorWizard {
        position: relative;
        width: 92px;
        background-color: #4CAF50;
        border: none;
        color: white;
        padding: 5px 4px 6px 1px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 14px;
        top: -1px;
        right: 10px;
    }

    .botoesM {
        position: relative;
        width: 92px;
        background-color: #4CAF50 !important;
        border: none;
        color: white;
        padding: 5px 4px 6px 1px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 14px;
        top: -1px;
        right: 10px;
        left: 20px;
    }

    .emissorDocumento {
        position: relative;
        left: 0px;
        height: 57px;
    }

    .emissorDocumentoM {
        position: relative;
        left: 0px;
        padding-top: 21px;
        left: 10px;
    }

    .inserirDocumento {
        position: relative;
        top: 25px;
        width: 80px;
        background-color: #1dc16c !important;
        border: none;
        color: white;
        padding: 5px 12px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 14px;
        left: 130px;
    }


    .ckPrincipalDocumento {
        position: relative;
        top: 30px;
    }


    .lbDocumentoPrincipal {
        position: relative;
        left: 50px;
    }


    .ddlDDI {
        width: 50px;
        /*left: 10px;*/
        position: relative;
        top: 25px;
        height: 38px;
        font-size: 8pt;
    }

    .divTeletefone {
        position: relative;
        margin-left: 13px;
        top: 29px;
        margin-bottom: 3px;
        height: 72px;
        width: 855px;
    }

    .divEnderecos {
        position: relative;
        margin-left: 49px;
        top: -203px;
        width: 835px;
    }

    .ckTelefonePrincipal {
        position: relative;
        top: 29px !important;
        left: -77px;
    }

    .lbTelefonePrincipal {
        position: relative;
        top: 25px;
        font-size: 8pt;
    }


    .btInserirTelefone {
        position: relative;
        top: 25px;
        width: 80px;
        background-color: #1dc16c !important;
        border: none;
        color: white;
        padding: 5px 12px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 14px;
        left: 60px;
    }




    .btInserirEndereco {
        position: relative;
        top: 20px;
        width: 80px;
        background-color: #1dc16c !important;
        border: none;
        color: white;
        padding: 5px 12px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 14px;
        left: 60px;
    }



    .gvEnderecoUsuario {
        width: 100%;
        position: relative;
        left: 50px;
        margin-top: 50px;
    }

    .lbEnderecoPrincipal {
        position: relative;
        left: 37px;
        /* margin-top: 37px; */
        top: 27px;
    }

    .ckEnderecoPrincipal {
        position: relative;
        left: -15px;
        /* margin-top: 37px; */
        top: 53px;
    }

    .ckEnderecoPrincipalU {
        position: relative;
        left: -78px;
        top: 23px;
    }

    .ddlTipoEndereco {
        position: relative;
        top: 38px;
        height: 30px;
    }


    .txCidade {
        top: 25px;
        position: relative;
    }

    .TipoDocumento {
        position: relative;
        left: 28px;
        top: 25px;
        padding-bottom: 12px;
    }

    .top30 {
        position: relative;
        padding-top: 30px;
    }

    .divDadosGerais {
        /*background-color: #d0e6e8;*/
        position: relative;
        width: 857px;
        top: 13px;
        height: 400px;
        margin-left: -13px;
    }


    .ddlTipoDocumento {
        top: 25px;
        position: relative;
        margin-left: -15px;
        width: 111px !important;
        height: 38px;
    }



    .dtValidade {
        top: 27px;
        position: relative;
        margin-left: -6px !important;
        margin-bottom: 26px !important;
        width: 90px !important;
    }



    .lbDtValidade {
        top: 27px;
        position: relative;
        font-size: 8pt;
    }


    .divEmail {
        height: 50px;
        margin-top: 11px;
    }


    .divGridUsuario {
        position: relative;
        margin-top: -48px;
        margin-left: 383px;
        width: 700px;
        height: 487px;
        background-color: #dcdcdc;
        z-index: 1400;
    }

    .divGridPermissaoEfetiva {
    }


    .grdEmail {
        position: relative;
        top: 160px;
        margin-left: 16px;
    }


    .btnGrid {
        background-color: #6f6c6c;
        position: relative;
        display: inline-block;
        font-weight: 400;
        color: #CED2D4;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: transparent;
        border: 1px solid transparent;
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        line-height: 1.5;
        border-radius: 0.25rem;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }


    .btnsEmail {
        position: relative;
        margin-left: 470px;
        top: -8px;
    }


    .ddlStatusUsuario {
        position: relative;
        margin-left: 680px;
        top: -114px;
        height: 35px;
    }


    .lbStatusUsuario {
        position: relative;
        margin-left: 610px !important;
        top: -85px !important;
    }

    .btTeste {
        position: relative;
        margin-left: 610px !important;
        top: -64px !important;
    }

    .divDetalheWizardUD {
        border: solid .05em #b5b1b1;
        position: relative;
        margin-left: 44px;
        top: 92px;
        height: 214px;
        width: 1166px;
        border-bottom: solid .05em #b5b1b1 !important;
    }

    .pnlInferiorEsquedo {
        border-left: solid .05em #b5b1b1;
        border-bottom: solid .05em #b5b1b1;
        border-right: solid .05em #b5b1b1;
        position: relative;
        margin-left: -196px;
        top: -14px;
        height: 308px;
        width: 250px;
    }

    .pnlInferiorEsquedo1 {
        border-right: solid .05em red;
        position: relative;
        margin-left: 4px;
        top: 0px;
        height: 308px;
        width: 179px;
    }

    .pnlInferiorDireito {
        border-right: solid .05em #b5b1b1;
        position: relative;
        margin-left: 53px;
        top: -323px;
        height: 309px;
        width: 917px !important;
        border-bottom: solid .05em #b5b1b1;
    }




    .pnlInferior {
        position: relative;
        margin-left: 179px;
        top: 91px;
        height: 307px;
        width: 1243px;
        left: 61px;
    }




    .divCategoriaInferiorDireito2 {
     /*   position: absolute;*/
        margin-top: 8px;
        width: 988px;
        height: 296px;
    }

    .RowStyle {
        height: 10px !important;
    }

    .divModalDetalhe {
        position: relative;
        margin-top: -705px;
        width: 700px;
        height: 453px;
        visibility: visible;
        float: right;
        left: -426px;
        background-color: white;
        z-index: 10005;
        border-left: 0.1rem #333 solid;
        box-shadow: 2px 2px 2px #333;
    }

    .lbInputEmailLoginIU {
        width: 102px;
        margin-left: 17px;
        /* white-space: pre-line; */
        font-size: 10pt;
        top: 34px;
        position: relative;
        /* padding-right: 52px; */
        margin-right: -9px;
    }


    .txEmailLoginIU {
        position: relative;
        left: 100px !important;
        top: 0px !important;
    }

    .lbStatusUsuarioIU {
        position: relative;
        margin-left: 614px !important;
        top: -37px !important;
    }

    .ddlStatusUsuarioIU {
        position: relative;
        margin-left: 671px;
        top: -76px;
        height: 35px;
    }

    .lbNomeIU {
        position: relative;
        left: 30px !important;
        top: 30px !important;
    }


    .txNomeIU {
        position: relative;
        left: 100px !important;
        top: -5px !important;
    }


    .lbIApelidoIU {
        width: 58px;
        left: 135px;
        white-space: pre-line;
        font-size: 10pt;
        top: 29px;
        position: relative;
        padding-right: 15px;
        margin-right: 18px;
    }

    .txApelidoIU {
        width: 58px;
        left: 195px !important;
        white-space: pre-line;
        font-size: 10pt;
        top: -4px !important;
        position: relative;
        padding-right: 15px;
        margin-right: 18px;
    }


    .ckGeraSenhaIU {
        position: relative;
        top: 7px !important;
        left: 96px;
        width: 116px !important;
        margin-right: -25px !important;
    }

    .lbGeraSenhaIU {
        position: relative;
        top: 42px !important;
        left: -12px;
        width: 153px !important;
        margin-right: -25px !important;
    }

    .lbVencimentoSenhaIU {
        position: relative;
        top: 42px !important;
        left: 118px;
        width: 141px !important;
        margin-right: -25px !important;
        font-size: 10pt;
    }


    .inputTextoVencimentoIU {
        position: relative;
        top: 2px !important;
        left: 270px;
        width: 116px !important;
        margin-right: -25px !important;
        font-size: 10pt;
    }

    .hotelDetalhe {
        position: relative;
        top: -23px !important;
        left: 89px;
        width: 700px !important;
    }

    .lbHotelUsuarioIU {
        position: relative;
        top: 42px !important;
        left: -68px;
        font-size: 0.9em;
        text-align: left !important;
        width: 126px !important;
    }

    .lbInputApelidoHotel {
        position: relative;
        top: 42px !important;
        left: -68px;
        font-family: 'OpenSans', sans-serif !important;
    }

    .telefoneDetalhe {
        position: relative;
        top: -32px !important;
        left: 60px;
        width: 700px !important;
    }

    .emailDetalhe {
        position: relative;
        top: -32px !important;
        left: 60px;
        width: 700px !important;
    }


    .loginDetalhe {
        position: relative;
        top: -32px !important;
        left: 70px;
        width: 700px !important;
    }

    .grupoDetalhe {
        position: relative;
        top: -7px !important;
        left: 89px;
        width: 700px !important;
    }

    .enderecoDetalhe {
        position: relative;
        top: -28px !important;
        left: 19px;
        width: 688px !important;
    }

    .permissaoDetalhe {
        position: relative;
        top: -41px !important;
        left: 89px;
        width: 700px !important;
    }

    .btOKTelefone {
        position: relative;
        top: 135px !important;
        left: 103px !important;
        width: 70px;
    }

    .btOKDocumento {
        position: relative;
        top: 201px !important;
        left: -63px !important;
        width: 70px;
    }

    .btOKLogin {
        position: relative;
        top: 293px !important;
        left: -72px !important;
        width: 70px;
    }


    .btOKpermissao {
        position: relative;
        top: 177px !important;
        left: 4px !important;
        width: 70px;
    }


    .btOKGrupo {
        position: relative;
        top: 216px !important;
        left: -255px !important;
        width: 70px;
    }

    .btOKHotel {
        position: relative;
        top: 230px !important;
        left: -188px !important;
        width: 70px;
    }

    .ckEmailPrincipalDetalhe {
        position: relative;
        left: 136px !important;
        top: -10px;
    }

    .txEmailUsuario {
        position: relative;
        top: -18px !important;
        left: 80px !important;
    }


    .lbEmailPrincipalDetalhe {
        position: relative;
        top: 21px !important;
    }


    .lbCkEmailPrincipalDetalhe {
        position: relative;
        left: 56px !important;
        top: 19px;
    }

    .btOKEmail {
        position: relative;
        top: 265px !important;
        left: -28px !important;
        width: 70px;
    }

    .btOkEndereco {
        position: relative;
        top: 174px !important;
        left: 17px !important;
        width: 70px;
    }

    .ckEmailLoginDetalhe {
        position: relative;
        left: 76px;
        top: -11px;
    }

    .lbCkEmailLoginDetalhe {
        position: relative;
        top: 18px;
    }


    .lbInputDetG {
        width: 62px;
        left: -78px !important;
        white-space: pre-line;
        font-size: 10pt;
        top: 67px;
        position: relative;
        margin-right: 104px;
    }

    .lbInputDet {
        width: 62px;
        left: -78px !important;
        white-space: pre-line;
        font-size: 10pt;
        top: 67px;
        position: relative;
        margin-right: 104px;
    }

    .ddlTipoEndereco1 {
        position: relative;
        top: 28px;
        height: 34px;
        left: -9px;
    }

    .txComplemento {
        position: relative;
        left: -8px !important;
    }


    .lbtxCep {
        position: relative;
        left: -44px !important;
    }


    .dadosConfiguracao {
        position: fixed;
        margin-left: 1268px !important;
        top: 2px !important;
        height: 57px;
        width: 56px;
        border-right: 0px none #efefef;
        /*border-left: 2px solid #efefef;*/
    }

    .btConfig {
        position: relative;
        width: 40px !important;
        height: 50px;
        background-color: transparent;
        color: black;
        left: -8px;
        z-index: 201;
        filter: invert(95%);
    }



    .ulConfig {
        width: 177px;
        position: fixed !important;
        top: 40px;
        background-color: #6162a5;
        margin-left: -56px;
        height: 239px !important;
        z-index: 40;
    }

        .ulConfig a {
            text-decoration: none !important;
            color: white;
            z-index: 2010;
        }


        .ulConfig li {
            position: relative;
            width: 190px !important;
            height: 30px;
            font-size: 10pt;
            /* background-color: blue; */
            left: -3px !important;
            text-align: left;
            color: white;
            text-decoration: none !important;
        }

        .ulConfig ul {
            position: relative;
            width: 186px !important;
            height: 30px;
            font-size: 10pt;
            /*background-color: orange;*/
            left: 10px !important;
            text-align: left;
            color: white;
            text-decoration: none !important;
            /*top: -11px;*/
        }

            .ulConfig ul li {
                position: relative;
                width: 186px !important;
                height: 25px;
                font-size: 10pt;
                /* background-color: blue; */
                left: -3px !important;
                text-align: left;
                color: black;
                text-decoration: none !important;
                top: -14px;
                list-style: circle;
            }

                .ulConfig ul li a {
                    position: relative;
                    width: 215px !important;
                    height: 30px;
                    font-size: 10pt;
                    left: -3px !important;
                    text-align: left;
                    color: black;
                    text-decoration: none !important;
                    top: -14px;
                    list-style: circle;
                }


    .pnlEsquerdoUsuario a {
        color: #3848a3;
        text-decoration: none !important;
        height: 30px !important;
    }

    .menuEsquerdo {
        color: #3848a3;
        text-decoration: none !important;
        height: 16px !important;
        margin-top: 16px;
    }


    .pnlEsquerdoUsuario ul li {
        padding-top: 0.5em;
        list-style-type: none !important;
    }


    .gridLoginUsuario {
        position: fixed;
        margin-left: -2px !important;
        margin-top: 0px !important;
        width: 915px;
    }

    .gridGrupoUsuario {
        position: relative;
        left: 2px;
        margin-top: -1px;
        width: 896px;
    }

    .gridHotelUsuario {
        position: relative;
        left: 1px;
        margin-top: -1px;
        width: 897px;
    }

    .iconeGrid {
        color: white;
        cursor: pointer !important;
        margin-left: 8px;
        margin-right: 5px;
    }


    .documentoDetalhe {
        position: relative;
        left: 60px;
    }


    .btInserirReg {
        height: 35px !important;
        width: 37px !important;
        /* font-size: 10pt; */
        background: #efefef url(../img/icones/btNew.svg) center no-repeat;
        background-size: 70% 70%;
        background-color: #efefef !important;
        color: white;
        top: 5px;
        position: relative;
        margin-left: 1px;
    }

    .btPesquisaReg {
        height: 35px !important;
        width: 37px !important;
        /* font-size: 10pt; */
        background: transparent url(../img/icones/btEdit.svg) center no-repeat;
        background-size: 70% 70%;
        color: white;
        top: 5px;
        position: relative;
    }

    .btEditReg {
        height: 35px !important;
        width: 37px !important;
        /* font-size: 10pt; */
        background: transparent url(../img/icones/btEdit.svg) center no-repeat;
        background-size: 70% 70%;
        background-color: #efefef !important;
        color: white;
        top: 5px;
        position: relative;
    }

    .btDeleteReg {
        height: 35px !important;
        width: 37px !important;
        /* font-size: 10pt; */
        background: transparent url(../img/icones/btDelete.svg) center no-repeat;
        background-size: 70% 70%;
        background-color: #efefef !important;
        color: white;
        top: 5px;
        position: relative;
    }

        .btDeleteReg.disabled, .btDeleteReg:disabled {
            /* font-size: 10pt; */
            background: transparent url(../img/icones/GenericoDeleteOff.svg) center no-repeat;
            background-size: 70% 70%;
        }



    .selectedGridRowStyle {
        background-color: #c4dfdc !important;
        cursor: pointer;
    }

    .closebtn {
        position: fixed !important;
        /*left: 676px !important;*/
        font-size: 22pt !important;
        font-weight: bold;
        margin-top: -11px;
        width: 30px;
        height: 30px;
        cursor: pointer;
        float: left;
    }

    .closebtnWindow {
        position: fixed !important;
        left: 879px !important;
        font-size: 17pt !important;
        font-weight: bold;
        margin-top: -8px;
        width: 34px;
        height: 25px;
        cursor: pointer;
        float: left;
    }

    .divClosebtn {
        position: relative;
        margin-left: 658px;
        width: 40px;
        height: 50px;
        z-index: 100;
    }


    .llbInput {
        width: 58px;
        font-weight: bold;
        white-space: pre-line;
        font-size: 10pt;
        position: relative;
        margin: 0px 25px 0px 0px;
        font-family: 'OpenSans', sans-serif !important;
    }

    .f-row {
        font-size: 0;
        position: relative;
    }


    .f-wrap {
        margin: 23px 0px -35px -9px;
        max-width: 600px;
        width: 100%;
        padding-top: 25px;
    }

    /*.f-row .f-wrap {
        display: inline-block;
         margin: 0 7px 0 0; 
        vertical-align: top;
    }*/


    .w200 {
        width: 200px;
    }

    .w465 {
        width: 465px;
    }

    .w400 {
        width: 400px;
    }

    .ckbox {
        position: relative;
        margin-left: 35px;
        top: 10px;
    }

    .ddl {
        position: relative;
        margin-bottom: 43px;
        top: 9px;
    }

    .ddl0 {
        position: relative;
        margin-bottom: 43px;
        top: 0px;
    }

    .ckFlagAcessoPermissao {
        position: relative;
        top: 30px;
        left: -140px;
    }


    .liEsquerdoactive {
        height: 31px !important;
        margin-top: 16px;
        margin-bottom: -15px;
        font-weight: bold;
        background-color: #efefef !important;
        margin-left: -17px;
        padding-left: 24px;
        width: 176px;
        margin-left: -14px;
    }

    .chek {
        position: relative;
        top: 40px;
        left: -100px;
    }

    .white {
        background-color: white;
        cursor: pointer;
    }


    .selectedRow {
        background-color: #c4dfdc !important;
        cursor: pointer;
    }

    .btGerarSenha {
        position: relative;
        display: inline-block;
        /* font-weight: bold; */
        text-decoration: none;
        color: #FFF;
        /* text-shadow: 0 0 5px rgba(255, 255, 255, 0.73); */
        padding: 0.2em -0.5em;
        background: #00bcd4;
        border-top: solid 3px #00a3d4;
        border-bottom: solid 3px #00a3d4;
        transition: .4s;
        position: fixed;
        top: 236px;
        left: 990px;
        width: 129px;
        height: 37px !important;
        font-size: 10pt !important;
    }

    #menu > ul.links {
        list-style: none;
        padding: 0;
        margin-left: -44px;
    }


    .links {
        /*background-color:orange !important;*/
        position: relative;
        top: -12px;
    }

    .btMenuReserva {
        background-image: url('../img/reserva-48.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-position-y: 2px;
        background-position-x: 2px;
        /*filter: brightness(0) invert(1);*/
        -webkit-filter: brightness(100);
        filter: brightness(100);
        /*margin-left: 4px;*/
        position: relative;
        /*margin-bottom: -42px;
    margin-left: 10px;*/
        width: 50px;
        height: 15px;
        font-family: 'Open Sans', Arial, sans-serif !important;
        /*background-color: blue !important;*/
        font-size: 10pt;
    }

    .wrap {
        position: relative;
        z-index: 0;
        width: 100%;
        background: #00bd56;
        background: #207dff;
        background: -moz-linear-gradient(45deg,#207dff 0%,#00bd55 100%);
        background: -webkit-gradient(left bottom,right top,color-stop(0%,#207dff),color-stop(100%,#00bd55));
        background: -webkit-linear-gradient(45deg,#207dff 0%,#00bd55 100%);
        background: -o-linear-gradient(45deg,#207dff 0%,#00bd55 100%);
        background: -ms-linear-gradient(45deg,#207dff 0%,#00bd55 100%);
        background: linear-gradient(45deg,#207dff 0%,#00bd55 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207dff',endColorstr='#00bd55',GradientType=1 );
    }

    .divAcesso {
        position: relative;
        top: -31px;
        left: 0px;
        background-color: white;
        width: 235px;
        border-right: #1590c6 2px solid;
    }


    .divDetalhe {
        /*position: relative;
    height: 541px;
    width: 870px;
    
    margin-left: 140px;
    margin-top: 42px;*/
    }

    .divContent {
        position: relative;
        padding-left: 20px;
        padding-top: 21px;
    }

    .btOkGrupo {
        transition: background-color .35s, opacity .35s;
        width: 60px !important;
        margin-top: 90px;
        margin-left: 370px;
        position: fixed;
    }

    .red {
        border: red 2px solid;
    }


    .divRed {
        background-color: red;
        width: 220px;
        color: white;
        position: relative;
        float: left;
    }

    .alertGrupo {
        position: fixed;
        margin-top: 20px;
        margin-left: 120px;
    }

    .divRedeHotel {
        width: 900px;
        height: 30px;
        position: fixed;
        top: 5px;
    }

    .divRedeUsuario {
        position: relative;
        margin-left: 56px;
        width: 250px;
        top: 5px;
        height: 32px;
    }

    .divHotelUsuario {
        position: relative;
        width: 250px;
        top: 1px;
        background-color: transparent !important;
        height: 30px;
    }

    .divddlHotelUsuario {
        background-color: transparent !important;
        height: 30px;
        position: fixed;
        top: -57px;
        left: 271px;
    }


    .divddlRedeUsuario {
        border-color: #3848a3 !important;
        height: 74px;
        position: relative;
        top: 48px;
        left: -289px;
        width: 316px;
    }

    .buttonHotel {
        position: absolute;
        top: -53px !important;
        left: 127px !important;
        background-color: #3848a3 !important;
        height: 25px !important;
        width: 43px;
        background-image: url(../img/hotelb2.svg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-position-x: 0px !important;
        background-size: 40% 95%;
    }

    .buttonRede {
        position: absolute;
        top: -5px !important;
        left: 22px !important;
        background-color: transparent !important;
        height: 26px !important;
        width: 43px;
        background-image: url(../img/rede3.png) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-position-x: 0px !important;
        background-size: 69%;
    }

    .MasterddlRedeUsuario {
        font-size: 10pt;
        background-color: white !important;
        position: relative;
        top: -34px;
        left: 349px;
        height: 28px !important;
        border: 1px solid white !important;
        /* background-image: url(../img/hotelb2.svg) !important; */
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-position-x: 0px !important;
        padding-left: 10px;
        color: black !important;
        width: 222px !important;
        border: 1px solid #b5b1b1 !important;
    }

    .MasterddlHotelUsuario {
        /* height: 35px; */
        position: relative;
        top: 326px;
        left: 321px;
        width: 316px;
    }

    /*.MasterddlHotelUsuario:hover {
        font-size: 10pt;
        background-color: white !important;
        position: relative;
        top: 65px;
        left: 273px;
        height: 28px !important;
        border: 1px solid white !important;*/
    /* background-image: url(../img/hotelb2.svg) !important; */
    /*background-position: center !important;
        background-repeat: no-repeat !important;
        background-position-x: 0px !important;
        padding-left: 10px;
        color: black !important;
        width: 222px !important;
        border: 1px solid #b5b1b1 !important;
    }*/

    /*.select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;*/ /* Remove default arrow */
    /*background: white !important;
    }*/



    /* comentado*/
    /*select {
    appearance: none;
    outline: 0;
    background-color:  aqua !important;
    background-image: none;
    width: 100%;
    height: 100%;
    color: black;
    cursor: pointer;
    border: 1px solid #207dff;
    border-radius: 3px;
    background: white !important;
}
*/
    /* comentado*/
    /*.select {
    position: relative;
    display: block;
    width: 15em;
    height: 3em;
    line-height: 3;
    overflow: hidden;
    border-radius: .25em;
    padding-bottom: 10px;
    background: white !important;
}*/

    /*select option {
    margin: 40px;
    background: #ddd;
    color: black;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    height:20px !important;
}

select option:hover {
    box-shadow: 0 0 10px 100px #1882A8 inset !important;
    background-color: fuchsia !important;
    
}*/

    .menuHorizonal {
        width: 100%;
        position: fixed !important;
        top: 40px;
        background-color: /*#3848a3*/ #003580;
        left: -1px;
        height: 20px !important;
        z-index: 40;
        color: #ece9e9 !important;
    }

        /*Configurações Padrões*/
        .menuHorizonal ul.menu, .menu li, .menu a {
            margin: 0;
            padding: 0;
            list-style: none;
            text-decoration: none;
        }

    .menuHorizontalSelect {
        display: block !important;
        background-color: red !important;
    }

    .menuHorizonal ul.menu ul {
        position: fixed;
        display: none;
        box-shadow: 3px 3px 2px #333;
        margin-top: -4px;
        left: 2px;
        height: 61px;
    }

    /* Configurações nivel 1*/
    .menuHorizonal ul.menu {
        float: left;
        font-family: Verdana, Geneva, sans-serif !important;
        font-size: 13px !important;
        border-radius: 5px;
        padding: 0 5px;
        z-index: 30;
        width: 100%;
    }

    .menu li {
        float: left;
        width: 197px;
        position: relative;
    }

    .liPrincipal {
        float: left;
        width: auto !important;
        position: relative;
        border-radius: 5px;
    }



    .menu li:hover {
        float: left;
        width: 197px;
        position: relative;
        width: 100%;
    }

    a.aSubmenuMenu01 {
        /*  background-color: red !important;*/
        width: 39px !important;
        left: 11px;
        text-align: center !important;
        padding: 2px 43px 6px 6px !important;
        position: relative;
    }


    .menu li a {
        display: block;
        line-height: 18px;
        height: 23px;
        float: left;
        /* transition: all 0.1s linear; */
        color: #ece9e9;
        padding: 2px 15px 2px 19px;
        border-radius: 5px;
        font-family: /*'OpenSans', sans-serif BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif */ Verdana !important;
        text-decoration: none;
        width: 100%;
        height: 20px !important;
    }

    a.aSubmenuMenu0O {
        width: 64px !important;
        left: -11px;
        text-align: center !important;
        padding: 13px 5px 5px 0px !important;
        position: relative;
        font-size: 8pt;
        color: #3848a3 !important;
    }


    button[disabled] a.aSubmenuMenu0O {
        width: 64px !important;
        left: -11px;
        text-align: center !important;
        padding: 13px 5px 5px 0px !important;
        position: relative;
        font-size: 8pt;
        color: #8b8989 !important;
    }

    button[disabled] a.aMenuEdit01 {
        color: #8b8989 !important;
    }



    button[disabled] a.aSubmenuMenu01 {
        color: #8b8989 !important;
    }





    button[disabled] a.aMenu03 {
        color: #8b8989 !important;
    }
    /* Configurações nivel 2*/
    /*.menu li:hover > ul.submenu-1 {
        display: block;
        top: 45px;
        left: 0;
        padding: 5px;
        width: 200px;
        border-radius: 0 0 5px 5px;
    }*/
    /*.menu ul.submenu-1 a {
    width: 160px;
    padding: 36px 3px;
    border-radius: 5px;
}*/
    /* Configurações nivel 2*/
    /*.menu li:hover > ul.submenu-2 {
    display: block;
    top: 0;
    left: 195px;
    padding: 5px;
    width: 200px;
    border-radius: 0 5px 5px 5px;
}

.menu ul.submenu-2 a {
    width: 160px;
    padding: 0 20px;
    border-radius: 5px;
}*/
    /*.menu ul.submenu-3 a {
    width: 160px;
    padding: 0 20px;
    border-radius: 5px;
}*/
    .aMenuPrincipal {
        /*background-color: blue !important;*/
        width: auto;
        padding-left: 2px !important;
        position: relative;
        margin-left: 1px !important;
        left: 0px;
    }

    .tabUsuario {
        float: left !important;
        position: absolute;
        right: 0px !important;
        top: -57px !important;
        margin-right: 13px !important;
        position: fixed;
        z-index: -43;
        height: 36px !important;
        margin-top: 53px;
        position: relative !important;
        z-index: 20;
        border-bottom: 1px solid #003580 !important;
        background-color: red !important;
    }

    .divTabUsuario {
        float: left !important;
        position: absolute;
        right: 0px !important;
        top: 82px !important;
        margin-right: 1px !important;
        position: fixed;
        z-index: -43;
        height: 88px !important;
        margin-top: -13px;
        /* position: relative !important; */
        z-index: 134;
        border-bottom: 1px solid #003580 !important;
        /* background-color: orange !important; */
        margin-left: -3px !important;
        left: 3px !important;
    }

    .tabUsuarioHover {
        float: left !important;
        position: absolute;
        right: 0px !important;
        top: -57px !important;
        margin-right: 13px !important;
        position: fixed;
        z-index: -43;
        height: 36px !important;
        margin-top: 53px;
        position: relative !important;
        z-index: 20;
        border-bottom: 1px solid #003580 !important;
        background-color: #666666 !important;
    }

    .tabUsuario.igtab_THTab.igtab_THTabHov {
        background-color: fuchsia !important;
    }

    .igtab_THText.tabUsuario {
        background-color: orange !important;
        position: fixed !important;
        top: -21px !important;
    }


    .igtab_THTail.igtab_THTailHov.tabUsuarioHover {
        background-color: red !important;
    }

    .igtab_THText.tabUsuario.igtab_THTextHov.tabUsuarioHover {
        background-color: red !important;
    }

    .igtab_THTail.igtab_THTailHov.tabUsuarioHover {
        background-color: aqua !important;
    }

    #tabUsuario igtab_THTailHov {
        background-color: red !important;
        /*padding: 0px 7px 5px 0px;*/
        position: relative;
    }

    .menuliUsuario {
        float: right !important;
        position: absolute;
        margin-right: 0px;
        right: -5px;
        text-align: right;
        width: 106px !important;
        top: -40px;
        height: 60px;
        vertical-align: bottom;
        background-color: /*#3848a3*/ /*#003580*/ transparent !important;
        border-radius: 2px;
        /* background-color: red; */
        color: white;
        left: 4px;
    }

        .menuliUsuario > .aMenuPrincipal {
            background-color: /* #0b1b74*/ #003580;
            height: 60px !important;
            top: 0px;
            position: absolute;
            padding-top: 37px;
            width: 106px;
            border-radius: 1px;
            text-align: center;
            left: 11px;
        }


        .menuliUsuario:hover > a {
            BACKGROUND-color: red; /*rgba(112, 126, 202, 0.92);*/
            height: 60px;
            top: 0px !important;
            position: absolute;
            padding-top: 37px !important;
            width: 106px !important;
            border-radius: 1px;
            text-align: center;
            left: 11px;
        }

    .UsuarioliPrincipalSelecionado {
        background-color: white !important;
        z-index: 2000;
        color: black !important;
        /*float: left;
    position: relative;
  
    color: #3848a3 !important;
    padding: 2px 15px 2px 19px;
    margin-top: 0px !important;
    
    border-radius: 0px !important;
    width: 133px !important;
    height: 64px !important;
    left: 2px !important;
    padding-right: 37px !important;*/
    }

        .UsuarioliPrincipalSelecionado:hover {
            /* float: left;
        position: relative;
        background-color: #ece9e9 !important;
        color: #3848a3 !important;
        padding: 2px 15px 2px 19px;
        margin-top: 0px !important;
        z-index: 2000;
        border-radius: 0px !important;
        width: 135px !important;
        height: 64px !important;
        left: 2px !important;
        padding-right: 38px !important;*/
        }

    /*  .menuliUsuario:hover {
        float: right !important;
    position: absolute !important;
    margin-right: 0px !important;
    right: 17px !important;
    text-align: right !important;
    width: 112px !important;
    margin-top: -74px !important;
    height: 60px !important;
    vertical-align: bottom;
    }*/


    .albNomeUsuario {
        /* position: absolute;
    top: 6px;
    text-align: center !important;
    right: 10px;
    width: 128px !important;*/
    }

        .albNomeUsuario:hover {
            /*  position: absolute;
        text-align: center !important;
        right: 10px;
        width: 128px !important;
        top: 36px !important;*/
            /* background-color:yellow;*/
        }


    a.aMenuPrincipal {
        /*background-color: blue !important;*/
        width: auto;
        padding-left: 11px !important;
        position: relative;
        margin-left: -3px !important;
        left: 0px;
    }

    .menu ul {
        padding: 0px;
        margin: 0px;
        background-color: #EDEDED;
        list-style: none;
    }

        .menu ul li {
            display: inline;
        }

    .menu li ul {
        position: absolute;
        top: 25px;
        left: 0;
        background-color: #fff;
        display: none;
    }

    /*.menu ul li a {
    padding: 2px 10px;
    display: inline-block;
  
    background-color: #EDEDED;
    color: #333;
    text-decoration: none;
    border-bottom: 3px solid #EDEDED;
}*/

    /*.menu li {
    padding: 0px 0px 0px 0px;
    width: auto;
    position: relative;
    left: -4px;
    height: 25px !important;
    top: 9px;
    z-index: 20;
    display: inline-block;
}*/


    #aMenuPrincipal ul {
        padding: 0px;
        margin: 0px;
        background-color: #EDEDED;
        list-style: none;
    }

        #aMenuPrincipal ul li {
            display: inline;
        }

    #aMenuPrincipal .menu ul li a {
        padding: 2px 10px;
        display: inline-block;
        /* visual do link */
        color: #333;
        text-decoration: none;
        border-bottom: 3px solid #EDEDED;
    }

    .menu li:hover {
        background-color: transparent;
        padding: 0px 0px 0px 0px;
        width: auto;
        position: relative;
        /*left: -4px;*/
        height: 20px !important;
    }

    .menu a {
        color: #000;
    }

    .menu li:hover > a {
        BACKGROUND-color: rgba(112, 126, 202, 0.92);
        /* background-color: #d9e5ec !important; */
        color: #333;
        border-radius: 0px;
        COLOR: WHITE;
        width: auto;
        padding: 4px 15px 2px 19px;
        text-decoration: none;
        width: 100%;
        top: -4px;
        border-radius: 3px !important;
        z-index: 9;
        height: 30px !important;
    }


    /*nivel 2*/
    /*.menuHorizonal .submenu-1 {
    background-image: linear-gradient(#0b4b9b, #0b4b9b, #64a8e1);
    flex-direction: row;
    position: fixed !important;
    left: 10px;
    top: 92px !important;
    width: 1331px !important;
}*/
    .aSubmenuMenu0 {
        position: relative;
        top: 24px !important;
        font-size: 8pt;
        color: #3848a3 !important;
        margin-left: -15px !important;
    }

    .aSubmenuMenu0u {
        position: relative;
        top: 24px !important;
        font-size: 8pt;
        color: #3848a3 !important;
        margin-left: -15px !important;
        margin-left: -21px !important;
    }

    .aSubmenuMenu3 {
        position: relative;
        top: 11px !important;
        font-size: 8pt;
        color: #3848a3 !important;
        margin-left: -15px !important;
    }


    .aSubmenuMenu01 {
        position: relative;
        top: 22px !important;
        font-size: 8pt;
        color: #3848a3 !important;
        margin-left: -7px !important;
    }

    .aSubmenuEstrutura {
        position: relative;
        top: 23px !important;
        font-size: 8pt;
        color: #3848a3 !important;
        margin-left: -3px !important;
    }

    .aCategorias {
        position: relative;
        top: 24px !important;
        font-size: 8pt;
        color: #3848a3 !important;
        margin-left: -15px !important;
    }

    .aSubmenuTarifas {
        position: relative;
        top: 24px !important;
        font-size: 8pt;
        color: #3848a3 !important;
        margin-left: -15px !important;
    }

    .aMenu01 {
        position: relative;
        margin-top: -23px !important;
        font-size: 8pt;
        color: #3848a3 !important;
        margin-left: 19px !important;
    }

    .aMenu03 {
        position: relative;
        margin-top: -24px !important;
        font-size: 8pt;
        color: #3848a3 !important;
        margin-left: 31px !important;
    }

    .aMenuMapas {
        position: relative;
        top: -12px !important;
        font-size: 8pt;
        color: #3848a3 !important;
        margin-left: -3px !important;
    }

    .aMenuO01 {
        position: relative;
        margin-top: -36px !important;
        font-size: 8pt;
        color: #3848a3 !important;
        margin-left: 0px !important;
        background-color: transparent;
        float: left;
        left: 34px !important;
    }

    .aMenuEdit01 {
        position: relative;
        margin-top: -25px !important;
        font-size: 8pt;
        color: #3848a3 !important;
        margin-left: 19px !important;
    }

    .aMenuDelete {
        position: relative;
        margin-top: -26px !important;
        font-size: 8pt;
        color: #3848a3 !important;
        margin-left: 19px !important;
    }

    .iconeMenu {
        position: relative;
        left: -105px;
        padding-bottom: 10px !important;
        z-index: 1010;
        HEIGHT: 51PX;
        WIDTH: 37px;
    }

    .menuHorizonal .submenu-1 a {
        color: #fff;
    }

    .menuHorizonal .submenu-1 li:hover > a {
        background: #b6cad6;
    }



    .menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        margin-top: 31px;
        margin-left: -5px;
        width: 700px !important;
        height: 80px;
        background-color: aquamarine;
    }

    /*.menuHorizonal .submenu-1 {
    list-style: none;
    margin: 0;
    display: flex;
    flex-direction: row;
    font-size: 10pt;
    margin-left: -13px;
    height: 50px;
    width: 119px;
}*/


    /*.menuHorizonal ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}*/

    /*.menuHorizonal li {
    float: left;
}

    .menuHorizonal li a {
        display: block;
        color: white;
        text-align: center;
        padding: 0px 30px;
        text-decoration: none;
        height: 38px;
        margin-top: -8px;
    }

        .menuHorizontal li a:hover {
            background-color: #111;
        }*/

    /*ul.menu {
    float: left;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 15px;
    border-radius: 5px;
    padding: 0 5px;
}

.menu li {
    float: left;
    width: auto;
    position: relative;
}

    .menu li a {
        display: block;
        padding: 0 20px;
        line-height: 45px;
        height: 45px;
        float: left;
        transition: all 0.1s linear;
    }*/

    /* Configurações nivel 2*/
    /*.menu li:hover > ul.submenu-1 {
        display: block;
        top: 45px;
        left: 0;
        padding: 5px;
        width: 200px;
        border-radius: 0 0 5px 5px;
    }

.menu ul.submenu-1 a {
    width: 160px;
    padding: 0 20px;
    border-radius: 5px;
}

ul.menu, .menu li, .menu a {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}

    ul.menu ul {
        position: absolute;
        display: none;
        box-shadow: 3px 3px 2px #333;
    }

.menuHorizonal li:hover > ul.submenu-1 {
    display: block;
    top: 5px;
    left: 0;
    padding: 5px;
    width: 900px;
    border-radius: 0 0 5px 5px;
    background-color:orange;
    height:65px;
}


}*/


    .sett {
        position: fixed;
        top: 2px;
        height: 22px;
    }



    .sino {
        position: fixed;
        margin-left: -11px;
        margin-top: 7px;
        background-size: 40%;
        filter: invert(95%);
    }


    .filtropt {
        font-size: 10pt;
    }

    .txFind {
        height: 28px !important;
        width: 405px !important;
    }

    .divPainelEsquerdo {
        /* height: 100vh;
    background-color: #efefef;
    position: fixed;
    left: 3px;
    top: 137px;
    width: 296px;*/
        height: 100vh;
        background-color: #003580;
        position: fixed;
        left: 0px;
        top: 0px;
        width: 262px;
        z-index: 9 !important
    }

    .divFiltro {
        /* position: fixed;
    left: 3px;
    width: 294px;
    height: 74%;
    background-color: #efefef;
    top: 137px !important;
    font-size: 10pt;
    overflow-y: auto;
    padding-left: 4px;*/
        position: fixed;
        left: 1px;
        width: 261px;
        height: 100%;
        background-color: #efefef;
        top: -1px !important;
        font-size: 10pt;
        overflow-y: auto;
        padding-left: 4px;
    }


    .txFiltro {
        position: relative;
        margin-top: 20px;
    }

    .divGrupoFiltro {
        position: relative;
        left: 0px;
        width: 279px;
        margin-top: 28px;
        font-size: 10pt;
        top: -31px;
    }

    .lbGrupoFiltro {
        font-weight: bold;
        position: relative;
        word-wrap: break-word;
        position: relative;
        top: -3px !important;
        margin-bottom: 10px !important;
        font-family: SBlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif !important;
        display: block;
    }


    .checkFiltro {
        position: relative;
        margin-top: -14px !important;
        top: 3px;
        display: block;
    }

    .lbCheckFiltro {
        position: relative;
        top: -14px;
        margin-left: 16px;
        width: 280px;
        font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif !important;
        color: black;
        font-size: 13px !important;
    }

    .pnlFiltro {
        position: relative;
        /* background-color: lightgreen;*/
        margin-top: 2px;
        top: 14px;
        left: -1px;
    }

    /*divGrupoFiltro body, input, select, textarea {
    background: rgba(144, 144, 144, 0.075);
    border-radius: 4px;
    border: solid 1px #dee1e3;
    content: '';
    display: inline-block;
    height: 1.25em;
    left: 26px;
    line-height: 1.58125em;
    position: relative;
    text-align: center;
    top: 7px;
    width: 1.45em;
    /* background-color: orange !important; 
}*/
    .mapSite {
        font-size: 8pt;
        color: #878686;
        position: fixed;
        top: 158px;
        left: 295px;
        font-family: Geneva, sans-serif !important;
    }

    .btn-link {
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #666;
        text-decoration: underline;
    }

    .divFiltro > table {
        border-collapse: separate;
    }


    .divLabelFiltro {
        position: relative;
        top: 21px;
        margin-top: 10px;
        padding-bottom: 3px;
    }


    .btLimparFiltro {
        /* position: relative;
    color: grey !important;
    font-size: 7pt !important;
    width: 9px !important;
    top: -14px;
    margin-left: -11px;
    background: url(../img/icones/Clean.svg) center no-repeat !important;
    background-size: 90% 90% !important;
    background-color: transparent !important;
    border: 1px solid #bfe3f2 !important;*/
        background: url(../img/icones/Clean.svg) center no-repeat !important;
        background-position: 10px 5px;
        height: 31px !important;
        position: relative;
        color: grey !important;
        font-size: 7pt !important;
        width: 24px !important;
        top: 12px !important;
        position: fixed !important;
        display: block !important;
        padding: 3px 17px !important;
        margin-left: -2px;
        background-size: 74% !important;
        /*    border: 1px solid #bfe3f2 !important;*/
    }

    .btRefreshFiltro {
        background: url(../img/icones/Refresh.svg) center no-repeat !important;
        /*left: 5px !important;
    margin-top: -23px !important;
    margin-left: -24px !important;
    background-color: transparent !important;
    position: relative !important;
    background-size: 90% 90% !important;
    border: 1px solid #bfe3f2 !important;*/
        background-position: 10px 5px;
        height: 31px !important;
        position: relative;
        color: grey !important;
        font-size: 7pt !important;
        width: 24px !important;
        top: 12px !important;
        position: fixed !important;
        display: block !important;
        padding: 3px 17px !important;
        margin-left: 34px;
        background-size: 74% !important;
        /*   border: 1px solid #bfe3f2 !important;*/
    }


    .btIncluirGrid {
        background-position: 10px 5px;
        height: 31px !important;
        position: relative;
        color: grey !important;
        font-size: 7pt !important;
        width: 24px !important;
        margin-left: 424px !important;
        top: 12px !important;
        position: fixed !important;
        display: block !important;
        padding: 3px 17px !important;
        /*  border: 1px solid #bfe3f2 !important;*/
    }

    .btEditarGrid {
        background-position: 10px 5px;
        height: 31px !important;
        position: relative;
        color: grey !important;
        font-size: 7pt !important;
        width: 24px !important;
        top: 12px !important;
        position: fixed !important;
        display: block !important;
        padding: 3px 17px !important;
        margin-left: 460px !important;
        /* border: 1px solid #bfe3f2 !important;*/
    }


    .btExcluirGrid {
        background-position: 10px 5px;
        height: 31px !important;
        position: fixed !important;
        background-color: red !important;
        color: grey !important;
        font-size: 7pt !important;
        width: 41px !important;
        top: 40px !important;
        margin-left: 479px !important;
        margin-top: -28px !important;
        display: block !important;
    }

    .btExcluirGrid1 {
        /* height: 31px !important;
    position: fixed !important;
    background-color: red !important;
    color: grey !important;
    font-size: 7pt !important;
    width: 34px !important;
    top: 40px !important;
    margin-left: 462px !important;
 
    margin-top: -28px !important;
    display: block !important;
    border-radius: 17px !important;
    background-color: white !important;
    padding: 3px 17px !important;*/
        background-position: 10px 5px;
        height: 31px !important;
        position: relative;
        color: grey !important;
        font-size: 7pt !important;
        width: 24px !important;
        top: 12px !important;
        position: fixed !important;
        display: block !important;
        padding: 3px 17px !important;
        /*  border: 1px solid #bfe3f2 !important;*/
        margin-left: 496px !important;
    }

    .btExcluirGrid2 {
        background-position: 10px 5px;
        height: 31px !important;
        position: relative;
        color: grey !important;
        font-size: 7pt !important;
        width: 24px !important;
        top: 12px !important;
        position: fixed !important;
        display: block !important;
        padding: 3px 17px !important;
        /* border: 1px solid #bfe3f2 !important;*/
        margin-left: 487px !important;
    }

    .btExcluirGrid3 {
        background-position: 10px 5px;
        height: 31px !important;
        position: relative;
        color: grey !important;
        font-size: 7pt !important;
        width: 24px !important;
        top: 12px !important;
        position: fixed !important;
        display: block !important;
        padding: 3px 17px !important;
        /*border: 1px solid #bfe3f2 !important;*/
        margin-left: 460px !important;
    }

    .btAssociarGrid {
        height: 31px !important;
        position: fixed !important;
        background-color: red !important;
        color: grey !important;
        font-size: 7pt !important;
        width: 41px !important;
        top: 40px !important;
        margin-left: 525px !important;
        /* border: 1px #dcdcdc solid !important;
    box-shadow: 0 0 2px #5bbaff;*/
        margin-top: -28px !important;
        display: block !important;
    }

    .btDesassociar {
        height: 31px !important;
        position: fixed !important;
        background-color: red !important;
        color: grey !important;
        font-size: 7pt !important;
        width: 41px !important;
        top: 40px !important;
        margin-left: 592px !important;
        /* border: 1px #dcdcdc solid !important;
    box-shadow: 0 0 2px #5bbaff;*/
        margin-top: -28px !important;
        display: block !important;
    }

    .btUnidadeNew {
        background: url(../img/icones/CamaNew.svg) center no-repeat !important;
        height: 31px !important;
        width: 36px;
        background-size: 74% !important;
        position: relative;
        background-position-y: 6px;
        top: -12px;
    }

    .btUnidadeNewOff {
        background: url(../img/icones/CamaNewOff.svg) center no-repeat !important;
        height: 31px !important;
        width: 36px;
        background-size: 74% !important;
        position: relative;
        background-position-y: 6px;
        top: -12px;
    }


    .btUnidadeEdit {
        background: url(../img/icones/CamaEdit.svg) center no-repeat !important;
        height: 31px !important;
        width: 36px;
        background-size: 74% !important;
        position: relative;
        background-position-y: 6px;
        top: -12px;
    }

    .btUnidadeEditOff {
        background: url(../img/icones/CamaEditOff.svg) center no-repeat !important;
        height: 31px !important;
        width: 36px;
        background-size: 74% !important;
        position: relative;
        background-position-y: 6px;
        top: -12px;
    }

    .btUnidadeDelete {
        background: url(../img/icones/CamaDelete.svg) center no-repeat !important;
        height: 31px !important;
        width: 36px;
        background-size: 74% !important;
        position: relative;
        background-position-y: 6px;
        top: -12px;
    }

    .btUnidadeDeleteOff {
        background: url(../img/icones/CamaDeleteOff.svg) center no-repeat !important;
        height: 31px !important;
        width: 36px;
        background-size: 74% !important;
        position: relative;
        background-position-y: 6px;
        top: -12px;
    }



    bt
    .btCategoriaNew {
        background: url(../img/icones/UnidadeCategoriaNew.svg) center no-repeat !important;
        background-color: transparent;
        background-size: 74% !important;
        position: relative;
        background-position-y: 6px;
        top: -12px;
    }

    .btCategoriaNewOff {
        background: url(../img/icones/UnidadeCategoriaNewOff.svg) center no-repeat !important;
        background-color: transparent;
        background-size: 74% !important;
        position: relative;
        background-position-y: 6px;
        top: -12px;
    }




    .btCategoriaEdit {
        background: url(../img/icones/UnidadeCategoriaEdit.svg) center no-repeat !important;
        background-color: transparent;
        background-size: 74% !important;
        position: relative;
        background-position-y: 6px;
        top: -12px;
    }

    .btCategoriaEditOff {
        background: url(../img/icones/UnidadeCategoriaEditOff.svg) center no-repeat !important;
        background-color: transparent;
        background-size: 74% !important;
        position: relative;
        background-position-y: 6px;
        top: -12px;
    }

    .btTarifaNew {
        background: url(../img/icones/TarifaNew.svg) center no-repeat !important;
        background-color: transparent;
        background-size: 74% !important;
        position: relative;
        background-position-y: 6px;
        top: -12px;
    }

    .btTarifaNewOff {
        background: url(../img/icones/TarifaNewOff.svg) center no-repeat !important;
        background-size: 80% 80% !important;
        background-color: transparent !important;
    }


    .btTarifaEdit {
        background: url(../img/icones/TarifaEdit.svg) center no-repeat !important;
        background-size: 80% 80% !important;
        background-color: transparent !important;
    }

    .btTarifaEditOff {
        background: url(../img/icones/TarifaEditOff.svg) center no-repeat !important;
        background-size: 80% 80% !important;
        background-color: transparent !important;
    }

    .btTarifaDelete {
        background: url(../img/icones/TarifaDelete.svg) center no-repeat !important;
        background-size: 80% 80% !important;
        background-color: transparent !important;
    }

    .btTarifaDeleteOff {
        background: url(../img/icones/TarifaDeleteOff.svg) center no-repeat !important;
        background-size: 80% 80% !important;
        background-color: transparent !important;
    }


    .txFiltro {
        position: relative;
        top: -11px;
        left: 7px;
        height: 31px !important;
    }

    .btReservaNew {
        background: url(../img/icones/ReservaNew.svg) center no-repeat !important;
        background-size: 80% 80% !important;
        background-color: transparent !important;
    }

    .btReservaNewOff {
        background: url(../img/icones/ReservaNewOff.svg) center no-repeat !important;
        background-size: 80% 80% !important;
        background-color: transparent !important;
    }


    .btReservaEdit {
        background: url(../img/icones/ReservaEdit.svg) center no-repeat !important;
        background-size: 80% 80% !important;
        background-color: transparent !important;
    }

    .btReservaEditOff {
        background: url(../img/icones/ReservaEditOff.svg) center no-repeat !important;
        background-size: 80% 80% !important;
        background-color: transparent !important;
    }

    .btCheckinNew {
        background: url(../img/icones/CheckinNew.svg) center no-repeat !important;
        background-size: 80% 80% !important;
        background-color: transparent !important;
    }

    .btCheckinNewOff {
        background: url(../img/icones/CheckinNewOff.svg) center no-repeat !important;
        background-size: 80% 80% !important;
        background-color: transparent !important;
    }



    .btCheckinDelete {
        background: url(../img/icones/CheckinDel.svg) center no-repeat !important;
        background-size: 80% 80% !important;
        background-color: transparent !important;
    }

    .btCheckinDeleteOff {
        background: url(../img/icones/CheckinDelOff.svg) center no-repeat !important;
        background-size: 80% 80% !important;
        background-color: transparent !important;
        padding: 3px 17px !important
    }

    .btCheckoutNew {
        background: url(../img/icones/CheckoutNew.svg) center no-repeat !important;
        background-size: 80% 80% !important;
        background-color: transparent !important;
    }

    .btCheckoutNewOff {
        background: url(../img/icones/CheckoutNewOff.svg) center no-repeat !important;
        background-size: 80% 80% !important;
        background-color: transparent !important;
    }



    .btCheckoutDelete {
        background: url(../img/icones/CheckoutDel.svg) center no-repeat !important;
        background-size: 80% 80% !important;
        background-color: transparent !important;
    }

    .btCheckoutDeleteOff {
        background: url(../img/icones/CheckoutDelOff.svg) center no-repeat !important;
        background-size: 80% 80% !important;
        background-color: transparent !important;
    }



    .btnReserva {
        background: url(../img/icones/Reservas.svg) center no-repeat !important;
        left: 2px !important;
    }



.btnHospedes {
    background: url(../img/icones/Hospede.svg) center no-repeat !important;
    left: 0px;
    background-size: 70% !important;

    }

.btnHospedesOff {
    background: url(../img/icones/HospedeOff.svg) center no-repeat !important;
    left: 0px;
    background-size: 70% !important;
}

.btnSolicitacoes {
    background: url(../img/icones/Solicitacoes.svg) center no-repeat !important;
    margin-left: -7px;
    background-size: 70% !important;
}

.btnSolicitacoesOff {
    background: url(../img/icones/3bCirculos.svg) center no-repeat !important;
    margin-left: -7px;
    background-size: 70% !important;
}



    .btnUnidadesOcupacao {
        background: url(../img/icones/3bLogo.svg) center no-repeat !important;
        margin-left: 10px;
    }

    .btnUnidadesOcupacaoOff {
        background: url(../img/icones/3bCirculos.svg) center no-repeat !important;
        margin-left: 10px;
    }


    .btnIconesGrandes {
        /*width: 70px !important;
    padding-top: -5px;
    height: 4.1em !important;
    position: relative !important;
    top: -8px;

    background-size: 56% !important*/
        width: 50px !important;
        padding-top: -5px;
        height: 3.5em !important;
        position: relative !important;
        top: -7px;
        background-size: 56% !important;
    }

    .btnReservaOff {
        background: url(../img/icones/ReservasOff.svg) center no-repeat !important;
        left: 2px !important;
    }

    .btnUsuario {
        background: url(../img/icones/Usuarios.svg) center no-repeat !important;
        background-size: 36px !important;
        background-size: 61% 62%;
        /*   background-color: red !important;*/
        width: 50px;
        float: left;
        margin-right: 5px;
        margin-top: 3px;
        background-position-y: 6px;
        height: 69px;
        margin-left: 6px !important;
        outline: none !important;
        background-position-x: 18px;
    }

    .btnUsuarioOff {
        background: url(../img/icones/UsuariosOff.svg) center no-repeat !important;
        background-size: 36px !important;
        background-color: rgba(0, 0, 0, 0);
        background-position-x: center;
        background-position-y: center;
        background-size: auto;
        background-size: 61% 62%;
        background-color: transparent !important;
        width: 50px;
        float: left;
        margin-right: 5px;
        margin-top: 3px;
        background-position-y: 6px;
        height: 69px;
        margin-left: 6px !important;
        outline: none !important;
        background-position-x: 18px;
    }

    .imgFiltroUsuario img {
        border: 0 !important;
    }

    .imgFiltroUsuario {
        background: url(../img/icones/Usuarios.svg) center no-repeat;
        background-size: 70% 70%;
        /* background-color: red !important; */
        width: 50px;
        float: left;
        margin-right: 5px;
        margin-top: 8px;
        background-position-y: 4px;
        height: 48px;
        margin-left: 1px !important;
        outline: none !important;
        border: 0px none transparent !important;
        cursor: context-menu;
        text-decoration: none !important;
        position: relative;
        display: inline-block;
        margin-bottom: 0px;
        z-index: 40;
    }

        .imgFiltroUsuario:hover {
            background-color: transparent !important;
        }

    .clearBorder {
        border: none;
    }

    .btnUsuario.disabled, .btnUsuario:disabled {
        background: url(../img/icones/UsuarioOffs.svg) center no-repeat;
        background-size: 70% 70%;
        background-color: transparent !important;
        width: 50px;
        float: left;
        margin-right: 5px;
        margin-top: 1px;
        background-position-y: 1px;
        height: 69px;
        margin-left: 6px !important;
        outline: none !important;
    }

    .submenu {
        width: 100%;
        height: 85px;
        background-color: white !important;
        top: 60px;
        position: fixed;
        left: 0px;
        z-index: 10;
        -webkit-box-shadow: 0 4px 6px -6px #222;
        border-bottom: 5px #003580 solid;
        -webkit-box-shadow: 0 4px 6px -6px #222;
        /*  -webkit-box-shadow: 0 4px 6px -6px #222;
    -moz-box-shadow: 0 4px 6px -6px #222;
    box-shadow: 0px 0px 0px #888, 0px 1px 4px #888;*/
    }

    .incluirUsuario {
        position: fixed;
        top: 67px;
        left: 116px;
    }

    .logo {
        background: url(../img/DeskBell_Lg2.svg) center no-repeat;
        background-size: 99% 100% !important;
        background-color: transparent;
        border: none;
        color: white;
        padding: 13px 15px;
        position: fixed !important;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 10px;
        margin: 4px 2px;
        cursor: pointer;
        top: 40px !important;
        left: 7px !important;
        /* background-size: 112% 137%;*/
        height: 27px;
        border-radius: 0px;
        background-size: 72% !important;
    }


    .btnIncluirUsuario {
        background: url(../img/icones/UsuarioNew.svg) center no-repeat;
        background-size: 69% 68%;
        width: 44px;
        float: left;
        margin-top: -6px;
        margin-left: -67px;
        background-position-y: 8px;
        padding-top: 28px;
        height: 30px;
        outline: none !important;
    }


        .btnIncluirUsuario:hover {
            background-color: transparent !important;
        }

        .btnIncluirUsuario.disabled, .btnIncluirUsuario:disabled {
            background: url(../img/icones/UsuarioNewOff.svg) center no-repeat;
            background-size: 70% 70%;
            background-color: transparent !important;
            border: 0px none transparent;
            outline: none;
            box-shadow: none;
        }

    .btnEditarUsuario {
        background: url(../img/icones/UsuarioEdit.svg) center no-repeat;
        background-size: 73% 73%;
        width: 44px;
        float: left;
        margin-top: 22px;
        margin-left: -9px;
        background-position-y: 7px;
        padding-top: 26px;
        height: 22px;
        outline: none !important;
    }


        .btnEditarUsuario:hover {
            background-color: transparent !important;
        }


        .btnEditarUsuario.disabled, .btnEditarUsuario:disabled {
            background: url(../img/icones/UsuarioEditOff.svg) center no-repeat;
            background-size: 70% 70%;
            background-color: transparent !important;
            border: 0px none transparent;
            outline: none;
            box-shadow: none;
        }



    .divUsuario {
        position: fixed;
        width: 137px;
        border-right: 1px solid #dcdcdc;
        height: 73px;
        top: 67px;
        left: -2px;
    }

    .divUsuarioSelecionado {
        /*background-color: #a6c2df;*/
        position: fixed;
        width: 137px;
        border-right: 0.5px solid #dcdcdc;
        height: 73px;
        top: 67px;
        left: -2px;
        color: white;
        box-shadow: 0 9px 2px -6px black;
        z-index: 50;
    }



    .divGrupo {
        position: fixed;
        left: 71px;
        width: 69px;
        height: 74px;
    }



    .divGrupoSelecionado {
        position: fixed;
        left: 152px;
        width: 143px;
        border-right: 1px inset #b5b1b1;
        height: 74px;
        box-shadow: 0 9px 2px -6px black;
    }


    .divCategoriaSelecionada {
        position: fixed;
        width: 140px;
        border-right: 1px solid #b5b1b1;
        height: 73px;
        /* box-shadow: 0 9px 2px -6px black;*/
    }

    .btnGrupo {
        background: url(../img/icones/GrupoN.svg) center no-repeat !important;
        background-size: 67% !important;
        background-color: transparent !important;
        width: 50px;
        float: left;
        margin-right: 5px;
        top: 2px !important;
        height: 66px;
        margin-left: -5px !important;
        outline: none !important;
        margin-top: 1px;
        position: relative;
        outline: none;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position-y: 7px;
        background-position-x: 16px;
    }

    .btnGrupoOff {
        background: url(../img/icones/GruposNOff.svg) center no-repeat !important;
        background-size: 67% !important;
        background-color: transparent !important;
        width: 50px;
        float: left;
        margin-right: 5px;
        top: 2px !important;
        height: 66px;
        margin-left: -5px !important;
        outline: none !important;
        margin-top: 1px;
        position: relative;
        outline: none;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position-y: 7px;
        background-position-x: 16px;
    }



    .btnGrupo.disabled, .btnGrupo:disabled {
        background: url(../img/icones/GruposOff.svg) center no-repeat;
        background-size: 80% 80%;
        background-color: transparent !important;
        border: 0px none transparent;
        outline: none;
        box-shadow: none;
    }



    .btnUsuario.disabled, .btnUsuario:disabled {
        background: url(../img/icones/UsuariosOff.svg) center no-repeat;
        background-size: 80% 80%;
        background-color: transparent !important;
        border: 0px none transparent;
        outline: none;
        box-shadow: none;
    }


    .btnIncluirGrupo {
        background: url(../img/icones/GrupoNew.svg) center no-repeat;
        background-size: 85% 81% !important;
        width: 36px;
        float: left;
        margin-top: 2px;
        margin-left: -4px;
        background-position-y: 1px;
        padding-top: 23px;
        height: 18px;
        outline: none !important;
        outline: none !important;
    }

        .btnIncluirGrupo:hover {
            background-color: transparent !important;
        }


        .btnIncluirGrupo.disabled, .btnIncluirGrupo:disabled {
            background: url(../img/icones/GrupoNewOff.svg) center no-repeat;
            background-size: 40% 40%;
            background-color: transparent !important;
            border: 0px none transparent;
            outline: none;
            box-shadow: none;
        }

    .editarGrupo {
        width: 60px;
        height: 22px;
        left: 56px;
        position: relative;
        top: 20px;
    }

    .btnEditarGrupo {
        background: url(../img/icones/GrupoEdit.svg) center no-repeat;
        background-size: 85% 81% !important;
        width: 36px;
        float: left;
        margin-top: -60px;
        margin-left: -6px;
        background-position-y: 0px;
        padding-top: 23px;
        height: 18px;
        outline: none !important;
        outline: none !important;
        position: relative;
        /* background-size: 74% 75% !important;
        width: 34px;
        margin-top: -3px;
        margin-left: -146px !important;
        background-position-y: 5px;
        padding-top: 29px;
        height: 8px;
        left: 41px !important;
        outline: none !important;*/
    }

        .btnEditarGrupo:hover {
            background-color: transparent !important;
        }



        .btnEditarGrupo.disabled, .btnEditarGrupo:disabled {
            background: url(../img/icones/GrupoEditOff.svg) center no-repeat;
            background-size: 70% 70%;
            background-color: transparent !important;
            border: 0px none transparent;
            outline: none;
            box-shadow: none;
        }

    .excluirGrupo {
        width: 60px;
        height: 25px;
        left: 56px;
        position: relative;
        top: 33px;
    }

    .btnExcluirGrupo {
        background: url(../img/icones/GrupoDelete.svg) center no-repeat;
        background-color: transparent;
        margin-left: 488px !important;
        height: 31px !important;
        width: 38px !important;
        background-size: 53% !important;
        position: relative;
        background-position-y: 6px;
        margin-top: -28px !important;
    }

    .fontsearch {
        position: relative !important;
        float: right !important;
        top: -6px !important;
        left: 167px !important;
        cursor: pointer;
    }

    .btnExcluirGrupo:hover {
        background-color: transparent !important;
    }

    .btnExcluirGrupo.disabled, .btnExcluirGrupo:disabled {
        background: url(../img/icones/GrupoDeleteOff.svg) center no-repeat;
        background-size: 70% 70%;
        background-color: transparent !important;
        border: 0px none transparent;
        outline: none;
        box-shadow: none;
    }

    .submenu.li a {
        color: #efefef;
        text-decoration: none;
        padding: 15px 27px;
        display: flex;
        border-right: 1px solid transparent;
        background-color: fuchsia !important;
    }


    .btnCategoriaHotel {
        background: url(../img/icones/UnidadesCategorias.svg) center no-repeat !important;
        background-attachment: scroll;
        background-size: auto;
        background-position: 11px 7px !important;
        width: 50px !important;
        left: 10px !important;
        padding-top: -5px;
        outline: none !important;
        outline: none;
        height: 3.5em !important;
        background-attachment: scroll !important;
        padding: 1px -19px !important;
        position: relative !important;
        background-size: 56% !important;
        top: -6px !important;
        margin-left: -15px;
    }

    .btnCategoriaHotelOff {
        background: url(../img/icones/UnidadesCategoriasOff.svg) center no-repeat !important;
        background-attachment: scroll;
        background-size: auto;
        background-position: 11px 7px !important;
        width: 50px !important;
        left: 10px !important;
        padding-top: -5px;
        outline: none !important;
        outline: none;
        height: 3.5em !important;
        background-attachment: scroll !important;
        padding: 1px -19px !important;
        position: relative !important;
        background-size: 56% !important;
        top: -6px !important;
        margin-left: -15px;
    }

    .btnUnidadeHotel {
        background: url(../img/icones/Cama.svg) center no-repeat !important;
        background-position: 11px 8px !important;
        width: 50px !important;
        left: 10px !important;
        padding-top: -5px;
        outline: none !important;
        outline: none;
        background-color: transparent !important;
        height: 3.5em !important;
        background-attachment: scroll !important;
        padding: 0px 0px !important;
        position: relative !important;
        background-size: 56% !important;
        top: 0px !important;
        margin-left: -26px;
    }


    .btnUnidadeHotelOff {
        background: url(../img/icones/CamaOff.svg) center no-repeat !important;
        background-position: 11px 8px !important;
        width: 50px !important;
        left: 10px !important;
        padding-top: -5px;
        outline: none !important;
        outline: none;
        background-color: transparent !important;
        height: 3.5em !important;
        background-attachment: scroll !important;
        padding: 0px 0px !important;
        position: relative !important;
        background-size: 56% !important;
        top: 0px !important;
        margin-left: -26px;
    }

    .divCategoriaHotel {
        position: relative;
        width: 66px;
        margin-top: -7px;
        height: 56px;
        left: 0px;
        top: 17px;
    }

    .divPermissao {
        /*   position: relative;
    width: 66px;
    margin-top: -16px;
    height: 61px;
    top: 17px;
    left: 70px;*/
        position: fixed;
        left: 133px;
        width: 70px;
        /* border-right: 1px inset #bdbdbd;*/
        height: 74px;
    }

    .divFeriados {
        position: fixed;
        width: 65px;
        margin-top: -17px;
        height: 74px;
        top: 85px;
        left: 249px;
    }

    .divCanais {
        position: relative;
        width: 59px;
        margin-top: -17px;
        height: 61px;
        top: 19px;
        left: 2px;
        background-color: transparent;
    }

    .divParametros {
        position: fixed;
        height: 61px;
        width: 59px;
        margin-top: -22px;
        top: 91px;
        left: 318px;
    }

    .divLog {
        position: relative;
        width: 89px;
        margin-top: -16px;
        height: 61px;
        top: 19px;
        left: 14px;
    }

    .divFaleConosco {
        position: fixed;
        width: 92px;
        margin-top: 0px;
        left: 541px;
        height: 87px;
    }

    .divManual {
        position: fixed;
        width: 76px;
        margin-top: 0px;
        left: 628px;
        height: 87px;
    }

    .btnCategoria.disabled, .btnCategoria:disabled {
        background: url(../img/icones/UnidadesCategorias.svg) center no-repeat;
        background-size: 80% 80%;
        background-color: red !important;
        border: 0px none transparent;
        outline: none;
        box-shadow: none;
    }




    .btnIncluirCategoria {
        background: url(../img/icones/UnidadeCategoriaNew.svg) center no-repeat;
        background-size: 70% 70%;
        width: 44px;
        float: left;
        margin-top: -3px;
        margin-left: 56px;
        background-position-y: 5px;
        padding-top: 28px;
        height: 30px;
        outline: none !important;
    }


        .btnIncluirCategoria:hover {
            background-color: transparent !important;
        }

        .btnIncluirCategoria.disabled, .btnIncluirCategoria:disabled {
            background: url(../img/icones/UnidadeCategoriaNewOff.svg) center no-repeat;
            background-size: 70% 70%;
            background-color: transparent !important;
            border: 0px none transparent;
            outline: none;
            box-shadow: none;
        }

    .btnEditarCategoria {
        background: url(../img/icones/UnidadeCategoriaEdit.svg) center no-repeat;
        background-size: 75% 75%;
        width: 44px;
        float: left;
        margin-top: 23px;
        margin-left: -44px;
        background-position-y: 5px;
        padding-top: 26px;
        height: 22px;
        outline: none !important;
    }


        .btnEditarCategoria:hover {
            background-color: transparent !important;
        }


        .btnEditarCategoria.disabled, .btnEditarCategoria:disabled {
            background: url(../img/icones/UnidadeCategoriaEditOff.svg) center no-repeat;
            background-size: 70% 70%;
            background-color: transparent !important;
            border: 0px none transparent;
            outline: none;
            box-shadow: none;
        }



    .btnExcluirCategoria {
        background: url(../img/icones/UnidadeCategoriaDelete.svg) center no-repeat;
        background-size: 75% 75%;
        width: 44px;
        float: left;
        margin-top: 51px;
        margin-left: -44px;
        background-position-y: 1px;
        padding-top: 26px;
        height: 22px;
        outline: none !important;
    }


        .btnExcluirCategoria:hover {
            background-color: transparent !important;
        }


        .btnExcluirCategoria.disabled, .btnExcluirCategoria:disabled {
            background: url(../img/icones/UnidadeCategoriaDeleteOff.svg) center no-repeat;
            background-size: 70% 70%;
            background-color: transparent !important;
            border: 0px none transparent;
            outline: none;
            box-shadow: none;
        }


    .divCategoria {
        /* background-color: orange;*/
        position: fixed;
        width: 140px;
        border-right: 1px inset #dcdcdc;
        height: 73px;
    }

    .divTarifaHotel {
        position: fixed;
        width: 60px;
        /*    border-right: 1px inset #dcdcdc;*/
        height: 87px;
        left: 152px;
    }

    .divMapaHotel {
        position: fixed;
        width: 65px;
        /*  border-right: 1px inset #dcdcdc;*/
        height: 87px;
        left: 223px;
    }

    .divTarifa {
        position: fixed;
        width: 130px;
        border-right: 1px inset #dcdcdc;
        height: 87px;
        left: 148px;
    }

    .divDetalheUnidadeCategoria {
        position: relative;
        border: red 1px solid;
        border: #b5b1b1 1px solid;
        margin-top: -433px !important;
        margin-left: 53px !important;
        width: 1100px !important;
        height: 234px;
    }

    .divInternaUnidadeCategoria {
        height: 233px;
        margin-left: 20px;
        width: 880px;
    }

    .pnlInferiorUnidadeCategoria {
        position: relative;
        border: #b5b1b1 1px solid;
        border-right: 1px solid #b5b1b1;
        margin-top: -16px !important;
        margin-left: 53px !important;
        width: 1100px;
        border-top: 0px;
        height: 308px;
    }

    .gridQuartoCategoria {
        width: 913px !important;
    }

    .gridSalaCategoria {
        width: 913px !important;
    }

    .gvBanheiro {
        width: 913px !important;
    }

    .gvRegulatorio {
        width: 913px !important;
    }

    .gvVista {
        width: 913px !important;
    }

    .gvIdade {
        width: 913px !important;
    }

    .gvCamaExtra {
        width: 1047px !important;
    }

    .quartoDetalhe {
        position: relative;
        left: 1px;
        margin-top: -9px;
    }

    .salaDetalhe {
        position: relative;
        left: 58px;
        margin-top: -50px;
    }

    .extraDetalhe {
        position: relative;
        left: 58px;
        margin-top: -50px;
    }

    .banheiroDetalhe {
        position: relative;
        left: 58px;
        margin-top: -50px;
    }

    .vistaDetalhe {
        position: relative;
        left: 58px;
        margin-top: -50px;
    }

    .idadeDetalhe {
        position: relative;
        left: 0px;
        margin-top: -51px;
        padding-left: 30px;
        height: 442px;
    }

    .regulatorioDetalhe {
        position: relative;
        left: 0px;
        margin-top: -51px;
        padding-left: 30px;
        height: 442px;
    }

    .divTituloDetalhe {
        position: relative;
        height: 38px;
        background-color: #cedeea;
        color: darkblue;
        margin-top: -18px;
        width: 696px;
        margin-left: -58px;
    }


    .divTituloDetalhe3 {
        position: relative;
        height: 38px;
        background-color: #cedeea;
        color: darkblue;
        margin-top: -50px;
        width: 698px;
        margin-left: -30px;
        padding-left: 6px;
        padding-top: 5px;
    }

    .divTituloDetalhe4 {
        position: relative;
        height: 38px;
        background-color: #cedeea;
        color: darkblue;
        margin-top: -50px;
        width: 698px;
        margin-left: 0px;
        padding-left: 6px;
        padding-top: 5px;
    }

    .divTituloVista {
        position: relative;
        height: 38px;
        background-color: #cedeea;
        color: darkblue;
        margin-top: -18px;
        width: 696px;
        margin-left: -58px;
    }

    .tituloDetalhe2 {
        width: 396px !important;
        position: relative;
        top: 5px;
        color: darkblue !important;
        left: 5px;
    }

    .gridQuartoCategoria {
        position: relative;
        left: 0px;
        margin-top: -1px;
        /*width: 988px !important;*/
    }

    .ddl0 {
        position: relative;
        margin-bottom: 30px;
        top: 0px;
    }

    .btOkQuarto {
        position: relative;
        bottom: 46px;
        left: 242px;
        width: 100px;
    }

    .btokBanheiro {
        position: relative !important;
        top: 231px !important;
        left: 270px !important;
        width: 80px;
    }

    .btOkVista {
        position: relative !important;
        top: 201px !important;
        left: 270px !important;
        width: 80px;
    }


    .btOkIdade {
        position: relative !important;
        top: 231px !important;
        left: 270px !important;
        width: 80px;
    }



    .btOKRegulatorio {
        position: relative !important;
        top: 231px !important;
        left: 270px !important;
        width: 80px;
    }


    .refresh {
        position: relative !important;
        left: 313px !important;
        margin-top: 5px;
        border-radius: 11px !important;
        width: 50px !important;
    }


    .saveUsu {
        position: relative !important;
        left: 320px !important;
        margin-top: 5px;
        border-radius: 11px !important;
        width: 50px !important;
    }

    .divBotoesConfig {
        position: relative;
        float: right;
        width: 161px !important;
        padding-right: 9px;
        height: 25px;
        margin-top: 2px;
        margin-right: -6px;
    }

    .iconfig {
        position: relative;
        top: -13px !important;
        margin-right: 5px;
        cursor: pointer !important;
        height: 25px;
        width: 27px;
        padding-right: 5px;
    }


    .iconButtonExit {
        height: 20px;
        width: 20px;
        cursor: pointer;
        background: url(../img/logout24.png) center no-repeat;
        padding-right: 30px;
        background-size: 60%;
        background-color: transparent;
    }

    .iconButtoUser {
        height: 64px;
        width: 85px;
        cursor: pointer;
        background: url(../img/user1.png) center no-repeat;
        background-color: rgba(0, 0, 0, 0);
        background-size: auto;
        background-color: rgba(0, 0, 0, 0);
        background-size: auto;
        background-color: rgba(0, 0, 0, 0);
        background-size: auto;
        background-color: rgba(0, 0, 0, 0);
        background-size: auto;
        padding-right: 15px;
        background-size: 45%;
        background-color: transparent;
        top: -7px;
        position: relative;
        right: 2px;
        padding: 5px 5px 5px 5px;
        position: relative;
    }


    .iconButtonNotification {
        height: 20px;
        width: 20px;
        cursor: pointer;
        background: url(../img/notification.png) center no-repeat;
        background-size: 60%;
        padding-right: 30px;
        background-color: transparent !important;
    }

    .btDeu {
        background: url(../img/icones/FlagDEU.svg) center no-repeat;
        height: 21px;
        width: 20px;
        cursor: pointer;
        background-size: 102%;
        padding-right: 30px;
        background-color: transparent !important;
        position: relative;
        top: 31px;
        left: 6px;
        display: block;
    }

    .lbDeu {
        position: relative;
        top: 10px;
        font-size: 6pt;
        left: -51px;
        color: black;
    }

    .btBra {
        height: 21px;
        width: 20px;
        cursor: pointer;
        background: url(../img/icones/FlagBRA.svg) center no-repeat;
        background-size: 113%;
        padding-right: 27px;
        left: 7px;
        POSITION: RELATIVE;
        top: 31px;
        display: block;
    }

    .lbBra {
        position: relative;
        top: 10px;
        font-size: 6pt;
        left: -33px;
        color: black;
    }

    .btIta {
        background: url(../img/icones/FlagITA.svg) center no-repeat;
        height: 21px;
        width: 20px;
        cursor: pointer;
        background-size: 102%;
        padding-right: 30px;
        background-color: transparent !important;
        position: relative;
        top: 31px;
        left: 6px;
        display: block;
    }

    .lbIta {
        position: relative;
        top: -32px;
        font-size: 6pt;
        left: -35px;
        color: black;
    }

    .btGbr {
        height: 20px;
        width: 20px;
        cursor: pointer;
        background: url(../img/icones/FlagGBR.svg) center no-repeat;
        background-size: 100%;
        padding-right: 30px;
        background-color: transparent !important;
        position: relative;
        top: -40px;
        left: -41px;
    }

    .lbGbr {
        position: relative;
        top: -70px;
        font-size: 6pt;
        left: 11px;
        color: black;
    }

    .btUsa {
        height: 20px;
        width: 20px;
        cursor: pointer;
        background: url(../img/icones/FlagUSA.svg) center no-repeat;
        background-size: 100%;
        padding-right: 30px;
        background-color: transparent !important;
        position: relative;
        top: 31px;
        left: 6px;
        /* background-color: orange !important; */
        display: block;
    }

    .lbUsa {
        position: relative;
        top: -70px;
        font-size: 6pt;
        left: -9px;
        color: black;
    }

    .btEsp {
        background: url(../img/icones/FlagESP.svg) center no-repeat;
        height: 21px;
        width: 20px;
        cursor: pointer;
        background-size: 102%;
        padding-right: 30px;
        background-color: transparent !important;
        position: relative;
        top: 31px;
        left: 6px;
        display: block;
    }

    .lbEsp {
        position: relative;
        top: -28px;
        font-size: 6pt;
        left: 9px;
        color: black;
    }

    .btFra {
        background: url(../img/icones/FlagFRA.svg) center no-repeat;
        height: 21px;
        width: 20px;
        cursor: pointer;
        background-size: 102%;
        padding-right: 30px;
        background-color: transparent !important;
        position: relative;
        top: 31px;
        left: 6px;
        display: block;
        /* background-size: 100%;
    padding-right: 30px;
    background-color: transparent !important;
    margin-top: -5px !important;
    left: 16px;
    position: relative;
    display: block;*/
    }

    .lbFra {
        position: relative;
        top: -27px;
        font-size: 6pt;
        left: -10px;
        color: black;
    }

    .btPrt {
        height: 20px;
        width: 20px;
        cursor: pointer;
        background: url(../img/icones/FlagPRT.svg) center no-repeat;
        background-size: 81%;
        padding-right: 30px;
        background-color: transparent !important;
        position: relative;
        top: -40px;
        left: -23px;
    }

    .lbPrt {
        position: relative;
        top: -32px;
        font-size: 6pt;
        left: -51px;
        color: black;
    }

    .iconButtonContact {
        height: 20px;
        width: 20px;
        cursor: pointer;
        background: url(../img/phone24.png) center no-repeat;
        padding-right: 30px;
        background-size: 60%;
        background-color: transparent;
    }



    .iconButtonHelp {
        height: 20px;
        width: 20px;
        cursor: pointer;
        background: url(../img/help24.png) center no-repeat;
        padding-right: 30px;
        background-size: 60%;
        background-color: transparent;
        filter: invert(100%);
    }





    .fundo {
        /* background: url(../img/fundoSite.jpg) no-repeat center center;*/
        height: 97vh;
        width: 100%;
        float: left;
        margin-top: -83px;
        position: relative;
        background-size: 98% 100%;
        filter: alpha(opacity=30);
        background-color: #fcfbfb;
        text-align: center;
    }



    .divMenuUsuario {
        /* background-color: orange;*/
        width: 100%;
        height: 74px;
        background-color: white !important;
        top: 0px;
        position: relative;
        left: 0px;
        z-index: 10;
        -webkit-box-shadow: 0 4px 6px -6px #222;
        -moz-box-shadow: 0 4px 6px -6px #222;
        box-shadow: 0px 0px 0px #888, 0px 1px 4px #888;
    }





    .btnDivUsuario {
        background: url(../img/icones/Usuarios.svg) center no-repeat;
        background-size: 70% 70%;
        background-color: transparent !important;
        width: 66px;
        float: left;
        margin-right: 13px;
        margin-top: 1px;
        background-position-y: 1px;
        height: 69px;
        margin-left: 11px !important;
        outline: none !important;
    }


    .btIncluirUsuario {
        background: url(../img/icones/UsuarioNew.svg) center no-repeat !important;
        height: 31px !important;
        width: 36px;
        background-size: 74% !important;
        position: relative;
        background-position-y: 6px;
        top: -12px;
    }


    .btEditarUsuario {
        background: url(../img/icones/UsuarioEdit.svg) center no-repeat !important;
        height: 31px !important;
        width: 36px;
        background-size: 74% !important;
        position: relative;
        background-position-y: 6px;
        top: -12px;
        background-position-x: 6px !important;
    }

    .btExcluirUsuario {
        background: url(../img/icones/UsuarioDelete.svg) center no-repeat !important;
        left: 295px !important;
        height: 31px !important;
        width: 36px;
        background-size: 74% !important;
        position: relative;
        background-position-y: 6px;
        top: -12px;
    }

    .btExcluirUsuarioOff {
        background: url(../img/icones/UsuarioDeleteOff.svg) center no-repeat !important;
        height: 31px !important;
        width: 36px;
        background-size: 74% !important;
        position: relative;
        background-position-y: 6px;
        top: -12px;
        left: 295px !important;
    }

    .btAssociarGrid {
        background: white url(../img/icones/associar.svg) center no-repeat !important;
        height: 31px !important;
        width: 36px;
        background-size: 74% !important;
        position: relative;
        background-position-y: 6px;
        top: -12px;
    }

    .btAssociarGridOff {
        background: white url(../img/icones/UsuarioAssociaOff.svg) center no-repeat !important;
        height: 31px !important;
        width: 36px;
        background-size: 74% !important;
        position: relative;
        background-position-y: 6px;
        top: -12px;
    }

    .btDesassociarGrid {
        background: white url(../img/icones/desassociar.svg) center no-repeat !important;
        background-size: auto;
        height: 31px !important;
        width: 36px;
        background-size: 74% !important;
        position: relative !important;
        background-position-y: 6px;
        top: -14px;
        margin-left: 584px;
    }

    .btDesassociarGridOff {
        background: url(../img/icones/UsuarioDesassociaOff.svg) center no-repeat !important;
        background: white url(../img/icones/desassociar.svg) center no-repeat !important;
        background-size: auto;
        height: 31px !important;
        width: 36px;
        background-size: 74% !important;
        position: relative !important;
        background-position-y: 6px;
        top: -14px;
        margin-left: 584px;
    }



    .btIncluirGrupo {
        background: url(../img/icones/GrupoNew.svg) center no-repeat !important;
        /* left: 9px !important; */
        height: 31px !important;
        width: 36px;
        background-size: 74% !important;
        position: relative;
        background-position-y: 6px;
        top: -12px;
    }

    .btIncluirGrupoOff {
        background: url(../img/icones/GrupoNewOff.svg) center no-repeat !important;
        /* left: 9px !important; */
        height: 31px !important;
        width: 36px;
        background-size: 74% !important;
        position: relative;
        background-position-y: 6px;
        top: -12px;
    }


    .btEditarGrupo {
        background: url(../img/icones/GrupoEdit.svg) center no-repeat !important;
        background-color: transparent;
        background-size: 74% !important;
        position: relative;
        background-position-y: 6px;
        top: -12px;
    }

    .btEditarGrupoOff {
        background: url(../img/icones/GrupoEditOff.svg) center no-repeat !important;
        background-color: transparent;
        margin-left: 9px;
        height: 31px !important;
        width: 38px !important;
        background-size: 74% !important;
        position: relative;
        background-position-y: 6px;
        top: -12px;
    }

    .btExcluirGrupo {
        background: url(../img/icones/GrupoDelete.svg) center no-repeat !important;
        background-size: auto;
        background-color: transparent;
        /*  margin-left: 490px !important;
    height: 31px !important;
    width: 38px !important;*/
        background-size: 74% !important;
        position: relative;
        /* background-position-y: 6px;*/
        /*   margin-top: -28px !important;*/
    }

    .btExcluirGrupoOff {
        background: url(../img/icones/GrupoDeleteOff.svg) center no-repeat !important;
        background-color: transparent;
        margin-left: 488px !important;
        height: 31px !important;
        width: 38px !important;
        background-size: 74% !important;
        position: relative;
        background-position-y: 6px;
        margin-top: -28px !important;
    }

    .btIncluirHospede {
        background: url(../img/icones/HospedeNew.svg) center no-repeat !important;
        height: 31px !important;
        width: 36px;
        background-size: 74% !important;
        position: relative;
        background-position-y: 6px;
        top: -12px;
    }

    .btIncluirHospedeOff {
        background: url(../img/icones/HospedeNewOff.svg) center no-repeat !important;
        height: 31px !important;
        width: 36px;
        background-size: 74% !important;
        position: relative;
        background-position-y: 6px;
        top: -12px;
    }


    .btEditarHospede {
        background: url(../img/icones/HospedeEdit.svg) center no-repeat !important;
        background-color: transparent;
        background-size: 74% !important;
        position: relative;
        background-position-y: 6px;
        top: -12px;
    }

    .btEditarHospedeOff {
        background: url(../img/icones/HospedeEditOff.svg) center no-repeat !important;
        background-color: transparent;
        background-size: 74% !important;
        position: relative;
        background-position-y: 6px;
        top: -12px;
    }

    .btExcluirHospede {
        background: url(../img/icones/HospedeDel.svg) center no-repeat !important;
        background-color: transparent;
        background-size: 74% !important;
        position: relative;
        background-position-y: 6px;
        top: -12px;
    }

    .btExcluirHospedeOff {
        background: url(../img/icones/HospedeDelOff.svg) center no-repeat !important;
        background-color: transparent;
        background-size: 74% !important;
        position: relative;
        background-position-y: 6px;
        top: -12px;
    }



    .btIncluirCanal {
        background: url(../img/icones/CanalNew.svg) center no-repeat !important;
        height: 31px !important;
        width: 36px;
        background-size: 74% !important;
        position: relative;
        background-position-y: 6px;
        top: -12px;
    }

    .btIncluirCanalOff {
        background: url(../img/icones/CanalNewOff.svg) center no-repeat !important;
        height: 31px !important;
        width: 36px;
        background-size: 74% !important;
        position: relative;
        background-position-y: 6px;
        top: -12px;
    }


    .btEditarCanal {
        background: url(../img/icones/CanalEdit.svg) center no-repeat !important;
        height: 31px !important;
        width: 36px;
        background-size: 74% !important;
        position: relative;
        background-position-y: 6px;
        top: -12px;
    }

    .btEditarCanalOff {
        background: url(../img/icones/CanalEditOff.svg) center no-repeat !important;
        height: 31px !important;
        width: 36px;
        background-size: 74% !important;
        position: relative;
        background-position-y: 6px;
        top: -12px;
    }

    .btExcluirCanal {
        background: url(../img/icones/CanalDel.svg) center no-repeat !important;
        height: 31px !important;
        width: 36px;
        background-size: 74% !important;
        position: relative;
        background-position-y: 6px;
        top: -12px;
    }

    .btExcluirCanalOff {
        background: url(../img/icones/CanalDelOff.svg) center no-repeat !important;
        height: 31px !important;
        width: 36px;
        background-size: 74% !important;
        position: relative;
        background-position-y: 6px;
        top: -12px;
    }



    .lbSubMenu {
        position: relative;
        text-align: center;
    }

    .infragrid /*grid*/ {
        border: #efefef 1px solid !important;
        position: relative;
        margin-left: 12px;
        width: 80vw !important;
        font-size: 10pt;
    }



    .rowClass /*borda da tabela grid */ {
        border: green 1px solid !important;
    }

    .headerClass1 {
        /* font-family: Arial, sans-serif !important;
    font-size: 13px !important;*/
        font-size: 12px !important;
        font-family: OpenSans, sans-serif !important;
    }

    .RowSelectorClass {
        background-color: #b5b1b1 !important;
        background-color: yellow !important;
    }



    tbody.NewItemClass > tr > td /*todas as linhas */ {
        /* border-left: #efefef 1px inset;*/
        /* text-align: center;*/
    }

    tbody > tr > td.SelectedCellClass {
        font-weight: bold;
        background-color: transparent !important;
    }

    /*tbody > tr > td.SelectedCellClass:active {
    font-weight: bold;
    background-color: red !important ;
    border-color:orange !important;
}
*/
    tbody > tr > td.ActiveCellClass {
        background-color: yellow !important;
        border-color: transparent !important;
    }


    /* linha selecionada*/
    tbody > tr > td.igg_SelectedCell, tbody > tr:hover > td.igg_SelectedCell {
        /* border-bottom: solid 1px red;
    border-top: solid 1px red;*/
        background-color: #becbe7 !important;
    }


    .divIdioma {
        position: relative;
        background-color: transparent !important;
        left: -11px;
        width: 156px;
        top: -2px;
        z-index: 5000;
        height: 74px;
        border-right: 1px inset #dcdcdc;
        padding-right: 3px;
    }

    .lbRedeUsuario {
        position: relative;
        top: -87px;
        left: 316px;
        color: black !important;
        font-size: 10pt;
        font-family: Verdana /*BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif */ !important;
    }

    .lbRedeHotelUsuario {
        position: relative;
        top: -29px;
        left: -5px;
        color: gray !important;
        font-size: 10pt;
        font-family: Verdana /*BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif */ !important;
        font-weight: bold;
    }

    .lbHotelUsuario {
        position: relative;
        top: 324px;
        left: 304px;
        color: black !important;
        font-size: 10pt;
        font-family: Verdana /*BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif */ !important;
    }



    .divBandeiras {
        height: 28px;
        position: relative;
        top: 11px;
        left: -10px;
        margin-bottom: -33px;
        /*  background-color: red;*/
        display: block;
        z-index: 0;
    }

    .btBRABandeiraLoginCulture {
        height: 21px;
        width: 20px;
        cursor: pointer;
        background: url(../img/icones/FlagBRA.svg) center no-repeat;
        background-size: 113%;
        padding-right: 27px;
        left: 9px;
        POSITION: RELATIVE;
        top: 6px;
        display: block;
    }





    .btFRABandeiraLoginCulture {
        background-color: orange;
        height: 21px;
        width: 20px;
        cursor: pointer;
        background: url(../img/icones/FlagFRA.svg) center no-repeat;
        background-size: 113%;
        padding-right: 27px;
        left: 10px;
        POSITION: RELATIVE;
        top: -15px;
        display: block;
    }

    .btUSABandeiraLoginCulture {
        height: 21px;
        width: 20px;
        cursor: pointer;
        background: url(../img/icones/FlagUSA.svg) center no-repeat;
        background-size: 113%;
        padding-right: 27px;
        left: 54px;
        POSITION: RELATIVE;
        top: -14px;
        display: block;
    }

    .btESPBandeiraLoginCulture {
        height: 21px;
        width: 20px;
        cursor: pointer;
        background: url(../img/icones/FlagESP.svg) center no-repeat;
        background-size: 116%;
        padding-right: 27px;
        left: 99px;
        POSITION: RELATIVE;
        top: -36px;
        display: block;
    }


    .btDEUBandeiraLoginCulture {
        height: 21px;
        width: 20px;
        cursor: pointer;
        background: url(../img/icones/FlagDEU.svg) center no-repeat;
        background-size: 113%;
        padding-right: 27px;
        left: 53px;
        POSITION: RELATIVE;
        top: -36px;
        display: block;
    }


    .btITABandeiraLoginCulture {
        height: 21px;
        width: 20px;
        cursor: pointer;
        background: url(../img/icones/FlagITA.svg) center no-repeat;
        background-size: 113%;
        padding-right: 27px;
        left: 100px;
        POSITION: RELATIVE;
        top: -57px;
        display: block;
    }

    .btAlert {
        margin-top: 10px;
        text-transform: uppercase;
        margin-right: 10px;
        width: 48px;
        color: white !important;
    }

    .divReserva {
        margin-top: 11px;
        margin-right: 10px;
        width: 48px;
        color: white !important;
        height: 30px;
    }


    .divCheckin {
        position: relative;
        width: 83px;
        margin-top: 0px;
        height: 32px;
        left: 64px;
        top: -32px;
    }

    .btnCheckin {
        background: url(../img/icones/Checkin.svg) center no-repeat !important;
        width: 34px !important;
        left: 70px !important;
        padding-top: -5px;
        outline: none !important;
        outline: none;
        background-color: transparent !important;
        height: 2.8em !important;
        background-attachment: scroll !important;
        padding: 0px 0px !important;
        position: fixed !important;
        background-size: 70% !important;
        background-color: transparent !important;
        padding-right: -20px !important;
        top: 69px !important;
        /*border: 1px solid blue !important;*/
    }

    .btnCheckinOff {
        background: url(../img/icones/CheckinOff.svg) center no-repeat !important;
        width: 34px !important;
        left: 70px !important;
        padding-top: -5px;
        outline: none !important;
        outline: none;
        background-color: transparent !important;
        height: 2.8em !important;
        background-attachment: scroll !important;
        padding: 0px 0px !important;
        position: fixed !important;
        background-size: 70% !important;
        background-color: transparent !important;
        padding-right: -20px !important;
        top: 69px !important;
        /* border: 1px solid blue !important;*/
    }

    .divCheckout {
        margin-top: -35px;
        width: 82px;
        margin-left: 61px;
        height: 29px;
    }

    .btnCheckout {
        background: url(../img/icones/Checkout.svg) center no-repeat !important;
        width: 34px !important;
        left: 70px !important;
        padding-top: -5px;
        outline: none !important;
        outline: none;
        background-color: transparent !important;
        height: 2.8em !important;
        background-attachment: scroll !important;
        padding: 0px 0px !important;
        position: fixed !important;
        background-size: 70% !important;
        background-color: transparent !important;
        padding-right: -20px !important;
        top: 104px !important;
        /*  border: 1px solid blue !important;*/
    }


    .btnCheckoutOff {
        background: url(../img/icones/ChekoutOff.svg) center no-repeat !important;
        background-position: 0px -1px !important;
        width: 81px !important;
        padding-top: -5px;
        outline: none !important;
        outline: none;
        background-color: transparent !important;
        height: 4.1em !important;
        background-attachment: scroll !important;
        padding: 0px 0px !important;
        position: relative !important;
        background-size: 30px !important;
        top: 4px !important;
        left: 6px !important;
    }

    .divMapaCategoria {
        top: 0px;
        margin-right: 17px;
        width: 101px;
        color: white !important;
        height: 30px;
        margin-left: 3px;
    }

    .btnMapaCategoria {
        background: url(../img/icones/UnidadesCategorias.svg) center no-repeat !important;
        width: 34px;
        left: 172px;
        padding-top: -5px;
        outline: none !important;
        outline: none;
        background-color: transparent !important;
        height: 2.8em !important;
        background-attachment: scroll !important;
        padding: 0px 0px !important;
        position: fixed !important;
        background-size: 70% !important;
        background-color: transparent !important;
        padding-right: -20px !important;
        top: 69px !important;
    }

    .btnMapaCategoriaOff {
        background: url(../img/icones/UnidadesCategoriasOff.svg) center no-repeat !important;
        width: 34px;
        left: 172px;
        padding-top: -5px;
        outline: none !important;
        outline: none;
        background-color: transparent !important;
        height: 2.8em !important;
        background-attachment: scroll !important;
        padding: 0px 0px !important;
        position: fixed !important;
        background-size: 70% !important;
        background-color: transparent !important;
        padding-right: -20px !important;
        top: 69px !important;
    }




    .divMapaUnidade {
        width: 36px;
        top: -2px !important;
        margin-left: 17px;
        height: 37px;
        position: relative;
    }

    .btnMapaUnidade {
        background: url(../img/icones/Cama.svg) center no-repeat !important;
        width: 34px !important;
        left: 172px !important;
        padding-top: -5px;
        outline: none !important;
        outline: none;
        background-color: transparent !important;
        height: 2.8em !important;
        background-attachment: scroll !important;
        padding: 0px 0px !important;
        position: fixed !important;
        background-size: 70% !important;
        background-color: transparent !important;
        padding-right: -20px !important;
        top: 104px !important;
    }

    .btnMapaUnidadeOff {
        background: url(../img/icones/CamaOff.svg) center no-repeat !important;
        background-position: 0px 0px !important;
        width: 81px !important;
        padding-top: -5px;
        outline: none !important;
        outline: none;
        background-color: transparent !important;
        height: 4.1em !important;
        background-attachment: scroll !important;
        padding: 0px 0px !important;
        position: relative !important;
        background-size: 30px !important;
        top: 9px !important;
        left: -7px !important;
    }

    .igg_GroupField {
        text-align: center;
        font-size: 14px !important;
        border-bottom: 0px none transparent !important;
        top: -1px !important;
        position: relative !important;
        border-bottom: 0px none transparent;
        border-right: 1px solid white !important;
    }

    .headerCaption {
        font-size: 12px;
        padding: 5px 0px 5px 8px;
        overflow: hidden;
        text-align: left;
        height: 25px;
        font-weight: normal;
        border-top: 1px solid white !important;
        border-right: 1px solid white !important;
        border-bottom: 0px none transparent;
        border-left: 1px solid transparent !important;
        color: #FFFFFF;
        -webkit-user-select: none;
        font-family: 'OpenSans', sans-serif !important;
    }

    .headerDefaultCaption {
        font-size: 12px;
        padding: 5px 0px 5px 8px;
        overflow: hidden;
        text-align: left;
        height: 25px;
        font-weight: normal;
        border-top: 1px solid #003580 !important;
        border-right: 1px solid white !important;
        border-bottom: 0px none transparent;
        border-left: 1px solid transparent !important;
        color: #FFFFFF;
        -webkit-user-select: none;
        font-family: 'OpenSans', sans-serif !important;
    }

    .lbMapas {
        position: fixed;
        top: 139px;
        color: #003580 !important;
        font-size: 8pt;
        width: 100px;
        text-align: center;
        margin-left: -54px;
        font-family: Verdana !important;
        height: 1px;
        width: 99px;
        left: 218px;
        padding-bottom: 19px;
        z-index: 29;
        line-height: 17px;
    }

    .lbCategorias {
        position: fixed;
        top: 137px;
        color: #003580 /* #a3a7b8 */ !important;
        font-size: 8pt;
        width: 143px;
        text-align: center;
        margin-left: -54px;
        /* background-color: red; */
        font-family: Verdana /*BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif */ !important;
        height: 18px;
        left: 54px;
        top: 127px;
        z-index: 10;
    }


    .lbReservas {
        padding-bottom: -13px !important;
        position: fixed;
        color: #003580 /* #a3a7b8 */ !important;
        font-size: 8pt;
        font-family: verdana /*BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif*/ !important;
        width: 150px;
        left: 4px;
        height: 26px;
        border-bottom-left-radius: 6px !important;
        border-bottom-right-radius: 6px !important;
        height: 24px;
        margin-top: -2px;
        top: 129px;
        vertical-align: top !important;
        text-align: center;
    }

    .lbHospedes {
        /*position: fixed;
    top: 113px;
    color: black*/ /* #a3a7b8 */ /*!important;
    font-size: 8pt;
    width: 100px;
    text-align: center;
    font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif !important;
 
    left: 264px;
    width: 144px;
    height: 26px;*/
        position: fixed;
        top: 127px;
        color: #003580 /* #a3a7b8 */ !important;
        font-size: 8pt;
        width: 100px;
        text-align: center;
        font-family: Verdana /* BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif */ !important;
        left: 264px;
        width: 216px;
        height: 26px;
        z-index: 10;
    }

    .lbTarifas {
        position: fixed;
        top: 127px;
        color: #003580 !important;
        font-size: 8pt;
        width: 138px;
        text-align: center;
        margin-left: -54px;
        font-family: Verdana /*BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif*/ !important;
        left: 205px;
        height: 28px;
    }

    .lbUsuarios {
        position: fixed;
        top: 126px;
        color: #003580 /* #a3a7b8 */ !important;
        font-size: 8pt;
        width: 100px;
        text-align: center;
        font-family: verdana /*BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif*/ !important;
        width: 165px;
        left: -1px;
        text-align: center;
        height: 26px;
    }

    .lbConfiguracoes {
        position: FIXED;
        top: 127px;
        color: #003580 !important;
        font-size: 8pt;
        width: 178px;
        text-align: center !important;
        font-family: Verdana !important;
        left: 196px;
        height: 22px;
        z-index: 10;
    }


    .lbLog {
        position: FIXED;
        top: 126px;
        color: #003580 !important;
        font-size: 8pt;
        width: 100px;
        text-align: center;
        font-family: Verdana !important;
        LEFT: 400PX;
    }

    .lbAjuda {
        position: FIXED;
        top: 126px;
        color: #003580 !important;
        font-size: 8pt;
        width: 100px;
        text-align: center;
        font-family: Verdana !important;
        LEFT: 566PX;
    }

    .divLabelDescricao0 {
        width: 61px !important;
        text-align: center !important;
        position: fixed;
        height: 18px;
        margin-top: 2px;
        margin-left: 41px;
    }

    .divLabelDescricao {
        width: 61px !important;
        text-align: center !important;
        position: fixed;
        height: 18px;
        margin-top: -12px;
    }

    .divLabelDescricao2 {
        width: 155px !important;
        text-align: center !important;
        position: fixed;
        height: 18px;
        margin-top: 4px;
    }

    .divLabelDescricao3 {
        width: 138px !important;
        text-align: center !important;
        position: fixed;
        height: 18px;
        margin-top: -3px;
    }

    .divLabelDescricao4 {
        width: 155px !important;
        text-align: center !important;
        position: fixed;
        height: 17px;
        margin-top: -19px;
        width: 103px !important;
        left: 20px;
    }

    .divLabelDescricao5 {
        text-align: center !important;
        position: fixed;
        height: 18px;
        top: 137px;
        width: 133px !important;
        z-index: 10;
    }

    .divLabelDescricao6 {
        width: 161px !important;
        text-align: center !important;
        position: relative;
        height: 18px;
        margin-top: 18px;
        left: -160px;
    }

    .divLabelDescricao7 {
        width: 162px !important;
        text-align: center !important;
        position: fixed;
        height: 18px;
        margin-top: 18px;
        top: 118px;
        left: 1px;
    }

    .divLabelDescricao8 {
        width: 116px !important;
        text-align: center !important;
        position: fixed;
        height: 18px;
        margin-top: -20px;
        margin-left: 31px;
    }

    .divLabelDescricao9 {
        width: 72px !important;
        text-align: center !important;
        position: fixed;
        height: 18px;
        margin-top: 63px;
    }

.divHospedes {
    margin-top: 2px;
    width: 48px;
    color: white !important;
    height: 30px;
    margin-left: 24px;
    background-color: transparent;
    float: left;
}

    .divUnidadesOcupacao {
        margin-left: -4px;
        margin-top: 11px;
        margin-right: 10px;
        width: 48px;
        color: white !important;
        height: 30px;
        background-color: transparent;
        float: left;
    }

.divSolicitacoes {
    margin-left: 148px;
    margin-top: -38px;
    margin-right: 10px;
    width: 48px;
    color: white !important;
    height: 30px;
    float: left;
}





    .btFocoLinguagem {
        border: #50a6d5 2px solid;
    }

    .divUnidadeHotel {
        position: relative;
        width: 68px;
        margin-top: -21px;
        height: 61px;
        left: 74px;
        top: -24px;
    }


    .btnTarifa {
        background: url(../img/icones/Tarifa.svg) center no-repeat !important;
        background-size: 56% !important;
        background-color: transparent !important;
        width: 56px;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        background-position-y: 3px;
        height: 3.5em !important;
        margin-left: 3px !important;
        outline: none !important;
        background-position-x: 3px;
        background-position: 10px 8px !important;
        background-position-x: 10px;
        background-position-y: 8px;
        width: 50px !important;
    }





    .btnTarifaOff {
        background: url(../img/icones/TarifaOff.svg) center no-repeat !important;
        background-size: 56% !important;
        background-color: transparent !important;
        width: 56px;
        float: left;
        margin-right: 5px;
        margin-top: 8px;
        background-position-y: 3px;
        height: 3.5em !important;
        margin-left: 3px !important;
        outline: none !important;
        background-position-x: 3px;
        background-position: 10px 8px !important;
        background-position-x: 10px;
        background-position-y: 8px;
        width: 50px !important;
    }

    .btnTarifario {
        background: url(../img/icones/TarifarioPq.svg) center no-repeat !important;
        background-position-x: center;
        background-position-y: center;
        background-size: auto;
        background-size: 62% !important;
        width: 56px;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        background-position-y: 3px;
        height: 69px;
        margin-left: 4px !important;
        outline: none !important;
        background-position-x: 3px;
        background-position: 10px 6px !important;
        width: 45px !important;
    }

    .btnTarifarioOff {
        background: url(../img/icones/TarifarioPqOff.svg) center no-repeat !important;
        background-position-x: center;
        background-position-y: center;
        background-size: auto;
        background-size: 62% !important;
        width: 56px;
        float: left;
        margin-right: 5px;
        margin-top: 8px;
        background-position-y: 3px;
        height: 69px;
        margin-left: 4px !important;
        outline: none !important;
        background-position-x: 3px;
        background-position: 10px 6px !important;
        width: 45px !important;
    }


    .btnPermissaoHotel {
        background: url(../img/icones/Permissoes1.svg) center no-repeat !important;
        background-size: 67% !important;
        background-color: transparent !important;
        width: 50px;
        float: left;
        margin-right: 5px;
        top: 2px !important;
        height: 66px;
        margin-left: -5px !important;
        outline: none !important;
        margin-top: 1px;
        position: relative;
        outline: none;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position-y: 7px;
        background-position-x: 16px;
    }

    .btnPermissaoHotelOff {
        background: url(../img/icones/Permissoes1Off.svg) center no-repeat !important;
        background-size: 67% !important;
        background-color: transparent !important;
        width: 50px;
        float: left;
        margin-right: 5px;
        top: 2px !important;
        height: 66px;
        margin-left: -5px !important;
        outline: none !important;
        margin-top: 1px;
        position: relative;
        outline: none;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position-y: 7px;
        background-position-x: 16px;
    }

    .btnPermissao {
        background: url(../img/icones/3bLogo.svg) center no-repeat;
        background-size: 66% 66%;
        background-color: transparent !important;
        width: 56px;
        float: left;
        margin-right: -19px;
        margin-top: -3px;
        background-position-y: 3px;
        height: 69px;
        margin-left: -7px !important;
        outline: none !important;
        background-position-x: 19px;
    }

    .btnPermissaoOff {
        background: url(../img/icones/3bCirculos.svg) center no-repeat !important;
        background-color: rgba(0, 0, 0, 0);
        background-position-y: center;
        background-size: auto;
        background-size: 66% !important;
        background-color: transparent !important;
        width: 64px;
        float: left;
        margin-right: -2px;
        margin-top: 7px;
        background-position-y: 3px !important;
        height: 69px;
        margin-left: -4px !important;
        outline: none !important;
        background-position-x: 14px;
    }

    .btnCanais {
        background: url(../img/icones/Canal.svg) center no-repeat !important;
        background-size: 67% !important;
        background-color: transparent !important;
        width: 50px;
        float: left;
        margin-right: 5px;
        margin-top: 1px;
        background-position-y: 3px;
        height: 69px;
        margin-left: 2px !important;
        outline: none !important;
        background-position-x: 15px;
    }


    .btnCanaisOff {
        background: url(../img/icones/CanalOff.svg) center no-repeat !important;
        background-size: 67% !important;
        background-color: transparent !important;
        width: 50px;
        float: left;
        margin-right: 5px;
        margin-top: 1px;
        background-position-y: 3px;
        height: 69px;
        margin-left: 2px !important;
        outline: none !important;
        background-position-x: 15px;
    }


    .btnParametros {
        background: url(../img/icones/Parametros.svg) center no-repeat !important;
        background-size: 36px !important;
        background-size: 61% 62%;
        background-color: transparent !important;
        width: 50px;
        float: left;
        margin-right: 5px;
        margin-top: 3px;
        background-position-y: 6px;
        height: 69px;
        margin-left: 7px !important;
        outline: none !important;
        background-position-x: 18px;
    }


    .btnParametrosOff {
        background: url(../img/icones/ParametrosOff.svg) center no-repeat !important;
        background-size: 36px !important;
        background-size: 61% 62%;
        background-color: transparent !important;
        width: 50px;
        float: left;
        margin-right: 5px;
        margin-top: 3px;
        background-position-y: 6px;
        height: 69px;
        margin-left: -2px !important;
        outline: none !important;
        background-position-x: 18px;
    }

    .btnFeriados {
        background: url(../img/icones/Feriados.svg) center no-repeat !important;
        background-size: 36px !important;
        background-size: 61% 62%;
        /*  background-color: blue !important;*/
        width: 50px;
        float: left;
        margin-right: 5px;
        margin-top: 3px;
        background-position-y: 6px;
        height: 69px;
        margin-left: 10px !important;
        outline: none !important;
        background-position-x: 18px;
    }

    .btnFeriadosOff {
        background: url(../img/icones/FeriadosOff.svg) center no-repeat !important;
        background-size: 36px !important;
        background-size: 61% 62%;
        background-color: transparent !important;
        width: 50px;
        float: left;
        margin-right: 5px;
        margin-top: 4px;
        background-position-y: 6px;
        height: 69px;
        margin-left: 10px !important;
        outline: none !important;
        background-position-x: 18px;
    }


    .btnLog {
        background: url(../img/icones/3bLogo.svg) center no-repeat !important;
        background-color: rgba(0, 0, 0, 0);
        background-position-y: center;
        background-size: auto;
        background-size: 66% !important;
        background-color: transparent !important;
        width: 50px;
        float: left;
        margin-right: 5px;
        margin-top: 6px;
        background-position-y: 8px !important;
        height: 69px;
        margin-left: 9px !important;
        outline: none !important;
        background-position-x: 14px;
        height: 3.5em !important;
    }

    .btnLogOff {
        background: url(../img/icones/3bCirculos.svg) center no-repeat !important;
        background-color: rgba(0, 0, 0, 0);
        background-position-y: center;
        background-size: auto;
        background-size: 66% !important;
        background-color: transparent !important;
        width: 50px;
        float: left;
        margin-right: 5px;
        margin-top: 6px;
        background-position-y: 8px !important;
        height: 69px;
        margin-left: 9px !important;
        outline: none !important;
        background-position-x: 14px;
        height: 3.5em !important;
    }



    .igdd_Office2010BlueDropDownButton > img {
        height: 30px !important;
        width: 20px !important;
    }


    .igdd_Office2010BlueDropDownButton > input[type="text"] {
        height: 50px !important;
        width: 20px !important;
    }


    .divLingua {
        border-right: 1px inset #dcdcdc;
        position: fixed;
        width: 68px;
        margin-top: 4px !important;
        height: 74px;
        background-color: transparent !important;
        top: 56px;
        left: 356px !important;
        padding-left: 10px;
    }

    .aSubmenuMenuI {
        position: absolute;
        top: 52px !important;
        font-size: 8pt;
        color: #3848a3 !important;
        margin-left: -15px !important;
        z-index: 41;
    }


    .btOkRedeHotel {
        position: relative;
        margin-left: -8px;
        top: 7px;
    }



        .btOkRedeHotel:hover {
            position: relative;
            margin-left: -8px;
            top: 7px;
            background-color: orange !important;
        }


    select#wbddlRedeUsuario.mydropdownlist.divddlRedelUsuario:hover {
        /*background-color: orange !important;*/
        border-color: #b5b1b1 !important;
    }

    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f1f1f1;
        min-width: 160px;
        overflow: auto;
        box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.2);
        z-index: 1;
        background-color: aqua !important;
    }


    select#wbddlRedeUsuario.mydropdownlist.divddlRedelUsuario a:hover {
        background-color: orange !important;
    }

    select#wbddlRedeUsuario.mydropdownlist.divddlRedelUsuario:hover .dropdown-content {
        display: block;
        background-color: blue !important;
    }

    select#wbddlRedeUsuario.mydropdownlist.divddlRedelUsuario:hover .dropbtn {
        background-color: fuchsia !important;
    }

    .dropdown a:hover {
        background-color: gray !important;
    }

    .dropbtn {
        background-color: #4CAF50;
        color: white;
        padding: 9px;
        font-size: 12px;
        border: none;
        cursor: pointer;
        /* width: 230px;*/
        text-align: left;
        background: #4CAF50 url(../img/arrow.png) right no-repeat;
    }

    .dropdown {
        position: relative;
        display: inline-block;
        width: 200px;
    }

    .dropdown-content {
        display: none;
        position: absolute;
        background-color: blue !important;
        min-width: 160px;
        box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
        z-index: 1;
        width: 200px;
        /* height: 80px !important; */
        top: 42px;
    }

        .dropdown-content a {
            color: black;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
        }

            .dropdown-content a:hover {
                background-color: #f1f1f1
            }

    .dropdown:hover .dropdown-content {
        display: block;
    }

    .dropdown:hover .dropbtn {
        background-color: #3e8e41;
    }


    .btBRABandeiraLogin {
        height: 21px;
        width: 20px;
        cursor: pointer;
        background: url(../img/icones/FlagBRA.svg) center no-repeat;
        background-size: 113%;
        padding-right: 27px;
        left: 9px;
        POSITION: RELATIVE;
        top: 6px;
        display: block;
    }





    .btFRABandeiraLogin {
        background-color: orange;
        height: 21px;
        width: 20px;
        cursor: pointer;
        background: url(../img/icones/FlagFRA.svg) center no-repeat;
        background-size: 113%;
        padding-right: 27px;
        left: 144px;
        POSITION: RELATIVE;
        top: -56px;
        display: block;
    }

    .btUSABandeiraLogin {
        height: 21px;
        width: 20px;
        cursor: pointer;
        background: url(../img/icones/FlagUSA.svg) center no-repeat;
        background-size: 113%;
        padding-right: 27px;
        left: 54px;
        POSITION: RELATIVE;
        top: -14px;
        display: block;
    }


    .btFlag {
        height: 33px;
        width: 42px;
        cursor: pointer;
        background-size: 113%;
        left: 3px;
    }

    .btBr {
        height: 25px;
        width: 30px;
        cursor: pointer;
        background-size: 113%;
        margin-left: -5px;
    }

    .btENG {
        background: url(../img/icones/FlagUSA.svg) center no-repeat;
        height: 25px;
        width: 30px;
        cursor: pointer;
        background-size: 113%;
        margin-left: -5px;
    }

    .btESP {
        height: 25px;
        width: 30px;
        cursor: pointer;
        background: url(../img/icones/FlagESP.svg) center no-repeat;
        background-size: 113%;
        margin-left: -5px;
    }

    .btDEU {
        height: 25px;
        width: 30px;
        cursor: pointer;
        background: url(../img/icones/FlagDEU.svg) center no-repeat;
        background-size: 113%;
        margin-left: -5px;
    }

    .btITA {
        height: 25px;
        width: 30px;
        cursor: pointer;
        background: url(../img/icones/FlagITA.svg) center no-repeat;
        background-size: 113%;
        margin-left: -5px;
    }

    .btBRA {
        background: url(../img/icones/FlagBRA.svg) center no-repeat;
        height: 25px;
        width: 30px;
        cursor: pointer;
        background-size: 113%;
        margin-left: -5px;
    }

    .btFRA {
        height: 25px;
        width: 30px;
        cursor: pointer;
        background: url(../img/icones/FlagFRA.svg) center no-repeat;
        background-size: 113%;
        margin-left: -5px;
    }

    .btESPBandeiraLogin {
        height: 21px;
        width: 20px;
        cursor: pointer;
        background: url(../img/icones/FlagESP.svg) center no-repeat;
        background-size: 116%;
        padding-right: 27px;
        left: 99px;
        POSITION: RELATIVE;
        top: -36px;
        display: block;
    }


    .btDEUBandeiraLogin {
        height: 21px;
        width: 20px;
        cursor: pointer;
        background: url(../img/icones/FlagDEU.svg) center no-repeat;
        background-size: 113%;
        padding-right: 27px;
        left: 190px;
        POSITION: RELATIVE;
        top: -77px;
        display: block;
    }


    .btITABandeiraLogin {
        height: 21px;
        width: 20px;
        cursor: pointer;
        background: url(../img/icones/FlagITA.svg) center no-repeat;
        background-size: 113%;
        padding-right: 27px;
        left: 236px;
        POSITION: RELATIVE;
        top: -98px;
        display: block;
    }

    .btMenuidioma {
        POSITION: fixed;
        top: -10px;
    }

    .btSearchGrid {
        height: 31px !important;
        position: fixed !important;
        background-color: #dcdcdc !important;
        color: grey !important;
        font-size: 7pt !important;
        width: 41px !important;
        top: 40px !important;
        margin-left: 835px !important;
        border: 1px #dcdcdc solid !important;
        box-shadow: 0 0 2px #5bbaff;
        margin-top: -28px !important;
        display: block !important;
        background: url(../img/icones/btSearch.svg) center no-repeat !important;
        background-size: 70% 70% !important;
        background-color: transparent !important;
    }

    .btSearchGridOff {
        height: 31px !important;
        position: fixed !important;
        background-color: #dcdcdc !important;
        color: grey !important;
        font-size: 7pt !important;
        width: 41px !important;
        top: 40px !important;
        margin-left: 835px !important;
        border: 1px #dcdcdc solid !important;
        box-shadow: 0 0 2px #5bbaff;
        margin-top: -28px !important;
        display: block !important;
        background: url(../img/icones/btSearchOff.svg) center no-repeat !important;
        background-size: 70% 70% !important;
        background-color: transparent !important;
    }

    .form-control {
        display: block;
        width: 100%;
        height: 32px !important;
        padding: .375rem .75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: .25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        margin-top: -11px !important;
    }


    .divFiltroData {
        height: 85px;
        position: fixed;
        left: -2px;
        width: 257px;
    }



    .lbMapaCategoria {
        position: relative !important;
        top: 4px !important;
        left: 6px;
        color: #003580;
        font-family: Verdana, Geneva, sans-serif !important;
        font-size: 10px !important;
    }

    .lbMapaUnidade {
        top: -21px !important;
        left: -1px;
        color: #003580;
        font-family: Verdana, Geneva, sans-serif !important;
        font-size: 10px !important;
        position: relative !important;
    }

    .abtnMapaHotel {
        cursor: pointer;
        text-decoration: none !important;
        top: -1px;
        position: relative;
        left: -8px;
        padding: 0px 0px 0px 0px;
        width: 81px;
        display: inline-block;
        height: 20px;
        text-align: center;
    }

    .abtnSolicitacoes {
        cursor: pointer;
        text-decoration: none !important;
        top: -28px;
        position: relative;
        left: 4px;
        padding: 9px 5px 4px 4px;
        z-index: 11;
        background-color: transparent;
    }

    .abtnCanais {
        cursor: pointer !important;
        text-decoration: none !important;
        top: -13px;
        position: relative;
        left: 2px;
        padding: 0px 6px 2px 1px;
        float: left;
        height: 19px;
    }

    .abtnParametros {
        cursor: pointer !important;
        text-decoration: none !important;
        top: -49px;
        position: relative;
        left: -7px;
        padding: 6px 10px 8px 8px;
        /*background-color: blue;*/
    }

    .abtnUsuario {
        cursor: pointer;
        text-decoration: none !important;
        top: -10px;
        position: relative;
        left: 1px;
        padding: 6px 10px 8px 8px;
    }

    .abtnCategoriaHotel {
        cursor: pointer;
        text-decoration: none !important;
        top: -29px;
        position: relative;
        left: 8px;
        padding: 6px 10px 8px 8px;
    }

    .abtnUnidadeHotel {
        cursor: pointer;
        text-decoration: none !important;
        top: -25px;
        position: relative;
        left: 3px;
        padding: 6px 10px 8px 8px;
        z-index: 11;
    }

    .abtnTarifa {
        cursor: pointer !important;
        text-decoration: none !important;
        top: -16px;
        position: relative;
        left: -1px;
        padding: 6px 10px 8px 8px;
        z-index: 11;
    }

    .abtnPermissao {
        cursor: pointer !important;
        text-decoration: none !important;
        top: -8px;
        position: relative;
        left: -10px;
        padding: 6px 10px 8px 8px;
    }

    .abtnGrupo {
        cursor: pointer !important;
        text-decoration: none !important;
        top: -8px;
        position: relative;
        left: -14px;
        padding: 6px 10px 8px 8px;
    }

    .abtnHospedes {
        cursor: pointer;
        text-decoration: none !important;
        top: -69px;
        position: relative;
        left: 2px;
        padding: 9px 5px 4px 4px;
        z-index: 11;
    }

    .abtnUnidadesOcupacao {
        cursor: pointer;
        text-decoration: none !important;
        top: -32px;
        position: relative;
        left: 7px;
        padding: 9px 5px 4px 4px;
        z-index: 11;
    }

    .abtnReserva {
        cursor: pointer;
        text-decoration: none !important;
        top: 102px;
        position: fixed;
        left: 5px;
        padding: 5px 5px 4px 4px;
    }

    .abtnLog {
        cursor: pointer;
        text-decoration: none !important;
        top: 114px;
        position: fixed;
        left: 369px;
        padding: 0px 5px 5px 8px;
        height: 27px;
        width: 69px;
    }

    .abtnMeuHistorico {
        cursor: pointer;
        text-decoration: none !important;
        top: 112px;
        position: fixed;
        left: 455px;
        padding: 0px 0px 0px 0px;
        height: 27px;
        text-align: center;
        width: 88px;
    }



    .btnMeuHistorico {
        background: url(../img/icones/Usuarios.svg) center no-repeat !important;
        background-position: 6px 4px !important;
        width: 50px !important;
        left: 9px !important;
        padding-top: -5px;
        outline: none !important;
        outline: none;
        background-color: transparent !important;
        height: 3.5em !important;
        background-attachment: scroll !important;
        padding: 0px 0px !important;
        position: relative !important;
        background-size: 36px !important;
        margin-top: 9px;
    }

    .btnMeuHistoricoOff {
        background: url(../img/icones/3bCirculos.svg) center no-repeat !important;
        background-position: 6px 4px !important;
        width: 50px !important;
        left: 9px !important;
        padding-top: -5px;
        outline: none !important;
        outline: none;
        background-color: transparent !important;
        height: 3.5em !important;
        background-attachment: scroll !important;
        padding: 0px 0px !important;
        position: relative !important;
        background-size: 36px !important;
        margin-top: 9px;
    }

    .abtnManual {
        cursor: pointer;
        text-decoration: none !important;
        top: 106px;
        position: fixed;
        left: 633px;
        padding: 0px 5px 5px 8px;
        height: 27px;
    }

    .btnManual {
        background: url(../img/icones/Usuarios.svg) center no-repeat !important;
        background-position: 6px 3px !important;
        width: 81px !important;
        left: 0px !important;
        padding-top: -5px;
        outline: none !important;
        outline: none;
        height: 3.5em !important;
        background-attachment: scroll !important;
        padding: 0px 0px !important;
        position: relative !important;
        background-size: 36px !important;
        top: 3px !important;
        width: 50px !important;
    }

    .btnManualOff {
        background: url(../img/icones/3bCirculos.svg) center no-repeat !important;
        background-position-x: center;
        background-position-y: center;
        background-attachment: scroll;
        background-size: auto;
        background-color: rgba(0, 0, 0, 0);
        background-position-x: center;
        background-position-y: center;
        background-attachment: scroll;
        background-size: auto;
        background-position: 4px 2px !important;
        width: 81px !important;
        left: 0px !important;
        padding-top: -5px;
        outline: none !important;
        outline: none;
        height: 3.5em !important;
        background-attachment: scroll !important;
        padding: 0px 0px !important;
        position: relative !important;
        background-size: 39px !important;
        top: 3px !important;
        width: 50px !important;
    }

    /*.btnManualOff {
    background: url(../img/icones/Usuarios.svg) center no-repeat !important;
    background-position-x: center;
    background-position-y: center;
    background-attachment: scroll;
    background-size: auto;
    background-color: rgba(0, 0, 0, 0);
    background-position-x: center;
    background-position-y: center;
    background-attachment: scroll;
    background-size: auto;
    background-position: 4px 2px !important;
    width: 81px !important;
    left: 17px !important;
    padding-top: -5px;
    outline: none !important;
    outline: none;
    height: 3.5em !important;
    background-attachment: scroll !important;
    padding: 0px 0px !important;
    position: relative !important;
    background-size: 39px !important;
    top: 3px !important;
    width: 50px !important;
}*/
    .abtnMinhaConta {
        cursor: pointer;
        text-decoration: none !important;
        top: 128px;
        position: fixed;
        left: 91px;
        padding: 0px 5px 5px 8px;
        height: 27px;
    }

    .abtnAlterarSenha {
        cursor: pointer;
        text-decoration: none !important;
        top: 128px;
        position: fixed;
        left: 179px;
        padding: 0px 5px 5px 8px;
        height: 27px;
    }

    .abtnFaleConosco {
        cursor: pointer;
        text-decoration: none !important;
        top: 112px;
        position: fixed;
        left: 551px;
        padding: 0px 0px 0px 0px;
        height: 27px;
        text-align: center;
        width: 75px;
    }

    .btnFaleConoscoOff {
        background: url(../img/icones/3bCirculos.svg) center no-repeat !important;
        background-size: 66% !important;
        background-color: transparent !important;
        width: 64px;
        float: left;
        margin-right: 5px;
        margin-top: 4px;
        background-position-y: 3px !important;
        height: 69px;
        margin-left: 9px !important;
        outline: none !important;
        background-position-x: 14px;
    }

    .abtnMenus {
        cursor: pointer;
        text-decoration: none !important;
        font-family: Arial !important;
    }

    .abtnCheckin {
        cursor: pointer;
        text-decoration: none !important;
        font-family: Arial !important;
        top: -4px;
        position: relative;
        left: 17px;
        padding: 5px 5px 4px 4px;
    }


    .abtnCheckout {
        cursor: pointer;
        text-decoration: none !important;
        font-family: Arial !important;
        margin-top: 10px !important;
        position: fixed !important;
        left: 101px !important;
        padding: 8px 52px 8px 4px !important;
        width: 50px;
    }

    .abtnMapaCategoria {
        cursor: pointer;
        text-decoration: none !important;
        font-family: Arial !important;
        margin-top: -1px !important;
        position: fixed !important;
        left: 196px !important;
        padding: 0px 24px 0px 3px !important;
        width: 67px;
    }

    .abtnMapaUnidade {
        cursor: pointer;
        text-decoration: none !important;
        font-family: Arial !important;
        margin-top: 22px !important;
        position: fixed !important;
        left: 202px !important;
        padding: 8px 56px 13px 4px !important;
        width: 59px;
        height: 20px;
        z-index: 13;
    }

    .abtnFeriados {
        cursor: pointer !important;
        text-decoration: none !important;
        top: -13px;
        position: relative;
        left: -3px;
        padding: 6px 10px 8px 8px;
    }

    .lbReserva {
        position: relative;
        top: -1px !important;
        left: -1px;
        color: #003580;
        font-family: Verdana, Geneva, sans-serif !important;
        font-size: 10px !important;
    }

    .lbCanais {
        position: relative;
        top: 0px !important;
        left: -2px;
        color: #003580;
        font-family: Verdana, Geneva, sans-serif !important;
        font-size: 10px !important;
        width: 54px !important;
        display: block;
        text-align: center;
    }

    .lbCheckin {
        position: relative;
        top: -1px !important;
        left: 0px;
        color: #003580;
        font-family: Verdana, Geneva, sans-serif !important;
        font-size: 10px !important;
    }

    .lbCategoriaHotel {
        position: relative;
        top: 10px !important;
        left: -5px;
        color: #003580;
        font-family: Verdana, Geneva, sans-serif !important;
        font-size: 10px !important;
    }

    .lbConsultaTarifa {
        position: relative;
        top: 3px !important;
        left: 2px;
        color: #003580;
        font-family: Verdana, Geneva, sans-serif !important;
        font-size: 10px !important;
    }

    .lbMapaHotel {
        position: relative;
        top: -12px !important;
        left: -1px;
        color: #003580;
        font-family: Verdana, Geneva, sans-serif !important;
        font-size: 10px !important;
        text-align: center;
    }

    .lbCheckout {
        position: relative;
        left: 82px;
        color: #003580;
        font-family: Verdana, Geneva, sans-serif !important;
        font-size: 10px !important;
        height: 12px !important;
        top: -17px !important;
        left: -4px !important;
        float: left;
        width: 60px;
    }

    .lbUnidades {
        position: relative;
        top: 12px !important;
        left: -5px;
        color: #003580;
        font-family: Verdana, Geneva, sans-serif !important;
        font-size: 10px !important;
    }

    .lbSolicitacoes {
        position: fixed;
        top: 106px !important;
        left: 419px;
        color: #003580;
        font-family: Verdana, Geneva, sans-serif !important;
        font-size: 10px !important;
    }

    .lbUnidadesOcupacao {
        position: fixed;
        top: 106px !important;
        color: #003580;
        font-family: Verdana, Geneva, sans-serif !important;
        font-size: 10px !important;
        z-index: 11;
        left: 286px;
    }

    .lbConsultaHospedes {
        position: fixed;
        top: 106px !important;
        left: 346px;
        color: #003580;
        font-family: Verdana, Geneva, sans-serif !important;
        font-size: 10px !important;
    }

    .divTarifa {
        border-right: 1px inset #bdbdbd;
        position: fixed;
        width: 152px;
        margin-top: -1px;
        height: 87px;
        left: 142px;
    }


    .albConsultaGrupos {
        position: relative;
        top: -2px !important;
        left: 5px;
        color: #003580;
        font-family: Verdana, Geneva, sans-serif !important;
        font-size: 10px !important;
    }

    .lbParametros {
        position: relative;
        top: -4px !important;
        left: 7px;
        color: #003580;
        font-family: Verdana, Geneva, sans-serif !important;
        font-size: 10px !important;
    }

    .lbMeuHistorico {
        position: relative;
        top: -6px !important;
        left: 0px;
        color: #003580;
        font-family: Verdana, Geneva, sans-serif !important;
        font-size: 10px !important;
        text-align: center;
    }

    .albFaleConosco {
        position: relative;
        top: -6px !important;
        left: 0px;
        color: #003580;
        font-family: Verdana, Geneva, sans-serif !important;
        font-size: 10px !important;
    }

    .lbManual {
        position: relative;
        top: 0px !important;
        left: 2px;
        color: #003580;
        font-family: Verdana, Geneva, sans-serif !important;
        font-size: 10px !important;
    }

    .lbMinhaConta {
        position: relative;
        top: -6px !important;
        left: -5px;
        color: #003580;
        font-family: Verdana, Geneva, sans-serif !important;
        font-size: 10px !important;
    }

    .lbAlterarSenha {
        position: relative;
        top: -6px !important;
        left: -5px;
        color: #003580;
        font-family: Verdana, Geneva, sans-serif !important;
        font-size: 10px !important;
    }

    .lbFaleConosco {
        position: relative;
        top: -6px !important;
        left: -5px;
        color: #003580;
        font-family: Verdana, Geneva, sans-serif !important;
        font-size: 10px !important;
    }

    .albPermissao {
        position: relative;
        top: -2px !important;
        left: 0px;
        color: #003580;
        font-family: Verdana, Geneva, sans-serif !important;
        font-size: 10px !important;
    }


    .albUsuario {
        position: fixed;
        top: 106px !important;
        left: 7px;
        color: #003580;
        font-family: Verdana, Geneva, sans-serif !important;
        font-size: 10px !important;
    }

    .albLog {
        position: fixed;
        top: 106px !important;
        left: 413px;
        color: #003580;
        font-family: Verdana, Geneva, sans-serif !important;
        font-size: 10px !important;
    }



    .albFeriados {
        position: relative;
        top: 0px !important;
        left: 5px;
        color: #003580;
        font-family: Verdana, Geneva, sans-serif !important;
        font-size: 10px !important;
    }

    .pnlScrollTarifas {
        width: 100%;
        height: 600px;
        position: relative;
    }

    .pnlGrafico {
        width: 100%;
        height: 600px;
        position: relative;
        background-color: orange;
    }

    .red1 {
        background-color: #ee8a8a !important;
    }


    .red2 {
        background-color: #de2121 !important;
    }

    .green1 {
        background-color: #b2e49f !important;
    }


    .green2 {
        background-color: #659f61;
    }

    .orange1 {
        background-color: #f5ca88 !important;
    }


    .yellow1 {
        background-color: #e0e68c !important;
    }

    .sexta {
        background-color: #e2efdb !important;
    }

    .sabado {
        background-color: #ddebf6 !important;
    }

    .domingo {
        background-color: #b3c6e7 !important;
    }


    .white {
        background-color: white;
    }


    .beige {
        background-color: beige !important;
    }

    .wheat {
        background-color: Wheat !important;
    }

    .powderblue {
        background-color: PowderBlue !important;
    }


    .selecionado {
        background-color: #CCCCCC !important;
    }


    .ml10 {
        padding-left: 10px !important;
    }


    .vmiddle {
        vertical-align: middle !important;
    }


    .w35 {
        width: 35px !important;
    }

    .w55 {
        width: 55px !important;
        padding: 1px 5px 1px 0px !important;
        text-align: right !important;
        position: relative !important;
        /* left: -35px !important*/
    }

    .hw55 {
        width: 55px !important;
    }


    .w80 {
        width: 80px !important;
    }

    .w85 {
        width: 85px !important;
    }


    .w130 {
        width: 130px !important;
    }


    .OpcoesVisualizacao {
        position: relative;
        margin-top: 90px;
        margin-left: -245px !important;
    }



    .divInferiorDireita tbody > tr > td.igg_SelectedCell, tbody > tr:hover > td.igg_SelectedCell {
        /*  border: solid 1px #9ECBD6;*/
        color: #444444;
        outline: none;
    }


    #WebDataGridMCat tbody.igg_Item > tr:hover > td {
        border-top: 1px solid #003580 !important;
        border-bottom: 1px solid #003580 !important;
        background-color: none !important;
    }





    .lbNomeUsuario {
        position: relative;
        top: -16px;
        height: 21px;
        color: white;
        text-align: center;
        width: 88px;
        display: inline-block;
    }

    .divClickUser {
        background-color: white;
        float: right;
        position: relative;
        top: 85px;
        height: 719px;
        width: 1200px;
        right: 196px;
        border: 2px solid #003580;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    }


    .divUser {
        height: 68px;
        width: 90px;
        top: -37px;
        position: relative;
        left: 164px;
        border-left: 1px solid white !important;
    }

    .menuPerfilUsuario > a {
        color: black !important;
    }

    .igdm_MenuItemVerticalRoot .itemPerfilUsuario {
        color: black !important;
    }

    .userEsquerda {
        /* color: black !important;
    text-decoration: none !important;
    border: 0px none red !important;
    list-style-type: circle;
    position: relative;
    margin-left: 0px;
    height: 100% !important;
    width: 231px;
    background-color: #c7cace !important;
    float: left;
    top: -35px;*/
        color: black !important;
        text-decoration: none !important;
        border: 0px none red !important;
        list-style-type: circle;
        position: relative;
        margin-left: 0px;
        height: 100% !important;
        width: 233px;
        /*  background-color: orange !important;*/
        float: left;
        top: -139px;
    }


    .btDivClickUser {
        background-color: #c7cace !important;
        position: relative;
        left: 0px !important;
        z-index: 1;
        width: 233px;
        height: 58px !important;
        display: inline-block !important;
        top: 40px;
        color: black !important;
        text-align: left !important;
        font-size: 10px !important;
        text-transform: capitalize !important;
        border-radius: 0px !important;
        font-size: 11pt !important;
        padding-left: 45px !important;
        background-position-x: 11px !important;
        /*  margin-bottom: 10px;*/
    }


        .btDivClickUser:hover {
            background-color: #707374 !important;
            position: relative;
            left: 0px !important;
            z-index: 1;
            width: 233px;
            height: 58px !important;
            display: inline-block !important;
            top: 40px;
            color: black !important;
            text-align: left !important;
            font-size: 10px !important;
            text-transform: capitalize !important;
            border-radius: 0px !important;
            font-size: 11pt !important;
            padding-left: 45px !important;
            background-position-x: 11px !important;
        }

    .btDivClickUserSelected {
        background-color: white !important;
        position: relative;
        left: 0px !important;
        z-index: 1;
        width: 233px;
        height: 58px !important;
        display: inline-block !important;
        top: 40px;
        color: #003580 !important;
        text-align: left !important;
        font-size: 10px !important;
        font-weight: bold;
        /* margin-bottom: 10px;*/
        padding-left: 17px !important;
        border-left: 1px solid white !important;
        border-right: 1px solid white !important;
        text-transform: capitalize !important;
        border-radius: 0px !important;
        font-size: 10pt !important;
        padding-top: 15px !important;
        background-position-x: 30px !important;
        font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif !important;
        padding: 15px 128px 7px 44px !important;
        border-right: 1px solid #dcdcdc !important;
        /*   margin-bottom: 10px;*/
    }

    .btFecharDivClickUser {
        position: relative;
        top: 650px;
        right: 44px;
        background-color: #003580 !important;
    }



    .Scontainer {
        height: 81vh;
        width: 99%;
        display: flex;
        flex-direction: column;
        /* justify-content: center; */
        margin-left: 114px;
    }

    .schedule_container {
        background: white /*linear-gradient(#ebf4f5,#b5c6e0)*/;
        display: flex;
        flex-direction: column;
        padding: 1rem;
        margin-top: -7px !important;
        padding-left: 127px;
        margin-left: -100px;
        overflow-y: scroll;
        overflow-x: auto;
    }

    .days_container0 {
        display: flex;
        margin-left: 18px;
        top: 29px !important;
        position: relative;
        height: 35px;
        position: relative;
        z-index: 23;
    }


    .days_container {
        position: relative;
        z-index: 23;
        height: 64px;
        /*   float: right;*/
        /* width: 2089px; */
        width: 100%;
        top: 49px !important;
        display: inline-block;
        /*  background-color: red !important;*/
    }

    .corner {
        width: 50px;
        height: 31px;
        margin: 2px;
        border-right: 1px solid white;
        left: 10px;
        position: relative;
    }

    .mes {
        border: solid 1px white;
        color: #9bafd9;
        display: flex;
        justify-content: center;
        align-items: end;
        margin: 1px;
        vertical-align: bottom;
        left: 20px !important;
        position: relative !important;
        margin-left: 14px;
    }

    .day {
        /*clear: both;
    width: 208px !important;
    border-right: solid 1px white;
  
    align-items: center !important;
    left: 17px !important;
    margin-top: -7px;
    padding-left: 11px !important;
    padding-right: 1px !important;
    position: relative !important;
    font-size: 8pt;
    border-top: solid 1px white;
    border-bottom: solid 1px white;
    top: 47px;
  
    display: table;
    height: 35px;
    padding-top: 8px;*/
        /*clear: both;
    width: 208px !important;
    border-right: solid 1px white;
  
    align-items: center !important;
    left: -46px !important;
    margin-top: -7px;
    padding-left: 11px !important;
    padding-right: 1px !important;
    position: relative !important;
    font-size: 8pt;
    border-top: solid 1px white;
    border-bottom: solid 1px white;
    top: 47px;
  
    display: table;
    height: 35px;
    padding-top: 8px;
    float: left;
    position: relative !important;*/
        align-items: center !important;
        left: -46px !important;
        margin-top: -7px;
        padding-left: 11px !important;
        padding-right: 1px !important;
        position: relative !important;
        font-size: 8pt;
        border-top: solid 1px white;
        border-bottom: solid 1px white;
        top: 47px;
        display: table;
        height: 35px;
        padding-top: 8px;
        float: left;
        position: relative !important;
    }

    .dayTeste {
        /*   background-color: aqua !important;*/
        position: relative !important;
        float: left;
        top: 0px;
        margin-left: 1px !important;
    }

    .part_day {
        display: flex;
    }


    .divCategoriaTitulo {
        background-color: #2c4c8f;
        height: 35px;
        color: white;
        text-align: left;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-left: 5px;
        font-size: 8pt;
        margin-left: -124px;
        width: 113px !important;
        position: relative;
        vertical-align: middle !important;
        padding-top: 8px;
        display: table;
        margin-top: -32px;
        padding-right: 10px;
        left: 124px;
        z-index: 23;
        padding-bottom: 8px;
    }

    .divStatusTitulo {
        height: 29px;
        color: white;
        background-color: #2c4c8f;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-left: 5px;
        font-size: 8pt;
        margin-left: -12px;
        width: 54px !important;
        position: relative;
        vertical-align: middle !important;
        padding-top: 7px;
        display: table;
        margin-top: -32px;
        padding-right: 10px;
        left: 124px;
        z-index: 23;
        text-align: left;
        padding-bottom: 9px;
    }

    .divTimeTitulo {
        height: 33px;
        color: white;
        background-color: #2c4c8f;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-left: 11px;
        font-size: 8pt;
        margin-left: -124px;
        width: 124px !important;
        position: relative;
        vertical-align: middle !important;
        padding-top: 6px;
        display: table;
        margin-top: -53px;
        padding-right: 10px;
        text-align: left;
        z-index: 23;
        padding-bottom: 10px;
    }

    .time {
        height: 29px;
        color: black;
        background-color: white;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-left: 2px;
        font-size: 8pt;
        margin-left: -290px;
        width: 124px !important;
        position: relative;
        vertical-align: middle !important;
        padding-top: 5px;
        display: table;
        top: -29px;
        text-align: left;
        padding-left: 26px;
        border: 1px solid #e0e0e0;
    }


    .status {
        color: black;
        background-color: white;
        height: 29px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-left: 0px;
        font-size: 8pt;
        margin-left: -60px;
        width: 61px !important;
        position: relative;
        vertical-align: middle !important;
        padding-top: 11px;
        display: table;
        top: -58px;
        border: 1px solid #e0e0e0;
    }



    .categoria {
        height: 29px;
        color: black;
        background-color: white;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-left: -6px;
        font-size: 8pt;
        margin-left: -166px;
        width: 107px !important;
        position: relative;
        vertical-align: middle !important;
        padding-top: 4px;
        display: table;
        top: -87px;
        text-align: left;
        padding-left: 6px;
        border: 1px solid #e0e0e0;
    }

    .task {
        background-color: white;
        height: 29px;
        width: 100px;
        margin: 0px;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 2rem;
    }


    .c {
        margin-left: 0px;
        margin-bottom: 0px;
        margin-top: 0px;
        background-size: 100% 100%;
        border-top: 2px solid white;
        border-bottom: 6px solid white;
        /* border: 1px solid red !important;*/
        width: 265px;
        border: 1px solid #e0e0e0;
        /*   box-shadow: 0 4px 4px -2px #989898;
    -moz-box-shadow: 0 4px 4px -2px #989898;
    -webkit-box-shadow: 0 4px 4px -2px #989898;*/
        display: table;
    }


    .rbGroupLista {
        position: relative;
        left: 568px;
        top: 5px;
    }

    .visible {
        height: 3em;
        width: 10em;
        background: yellow;
    }

    .LbMes {
        position: relative;
        float: left;
    }

    .c0 {
        background: url(../img/livre.svg) no-repeat center center !important;
        margin-left: 0px;
        margin-bottom: 0px;
        margin-top: 0px;
        background-size: 100% 100%;
        border-top: 2px solid white;
        border-bottom: 6px solid white;
        /* border: 1px solid red !important;*/
        width: 265px;
    }

    .cor {
        width: 66px;
        height: 18px;
        box-shadow: 1px 0px 0px #325d6f, 1px 1px 1px #bfe3f2;
        -webkit-box-shadow: 1px 0px 0px #b5b1b1, 1px 1px 1px #bfe3f2;
        -moz-box-shadow: 1px 0px 0px #325d6f, 1px 1px 1px #bfe3f2;
        padding-left: 11px !important;
        position: relative;
        padding-right: 19px !important;
        margin-top: 5px;
        margin-left: -3px;
    }

    .corIn {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 18px 28px;
        box-shadow: 5px 3px 11px #325d6f, 0px 0px 0px #bfe3f2;
        -webkit-box-shadow: 5px 3px 11px white, 0px 0px 0px white;
        -moz-box-shadow: 5px 3px 11px #325d6f, 0px 0px 0px #bfe3f2;
        padding-left: -2px !important;
        padding-right: 26px !important;
        /*    position: absolute;*/
        margin-top: 5px;
        margin-left: 9px;
    }

    .corLivre {
        width: 73px;
        height: 29px;
        padding-left: 5px !important;
        position: relative;
        padding-right: 10px !important;
        margin-top: -2px;
        margin-left: -10px;
        box-shadow: 0 0px 0px -0px white !important;
        -moz-box-shadow: 0 0px 0px 0px white !important;
        -webkit-box-shadow: 0 0px 0px 0px white !important;
    }

    .corOut {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 19px 44px;
        box-shadow: 13px 0px 0px #325d6f, 0px 0px 0px #bfe3f2;
        -webkit-box-shadow: 0px 0px 0px #325d6f, 0px 0px 0px #bfe3f2;
        -moz-box-shadow: 0px 0px 0px #325d6f, 0px 0px 0px #bfe3f2;
        padding-right: 22px !important;
        margin-top: 5px;
        margin-left: -3px !important;
        position: relative;
    }

    .corIn2 {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 18px 43px;
        box-shadow: 5px 3px 11px #325d6f, 0px 0px 0px #bfe3f2;
        -webkit-box-shadow: 11px 7px 20px #b5b1b1, 0px 0px 0px #bfe3f2;
        -moz-box-shadow: 5px 3px 11px #325d6f, 0px 0px 0px #bfe3f2;
        padding-left: -2px !important;
        padding-right: -1px !important;
        margin-left: 21px;
        margin-top: -19px;
    }

    .corOut2 {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0px 0 19px 42px;
        box-shadow: 13px 0px 0px #325d6f, 0px 0px 0px #bfe3f2;
        -webkit-box-shadow: 0px 0px 0px white, 0px 0px 0px white;
        -moz-box-shadow: 0px 0px 0px #325d6f, 0px 0px 0px #bfe3f2;
        padding-left: -2px !important;
        padding-right: 25px !important;
        margin-top: 5px;
        margin-left: -4px !important;
        position: relative;
    }

    .corInOut {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 18px 28px;
        box-shadow: 13px 0px 0px #325d6f, 1px 1px 1px #bfe3f2;
        -webkit-box-shadow: 0px 0px 0px #b5b1b1, 1px 1px 1px #bfe3f2;
        -moz-box-shadow: 0px 0px 0px #325d6f, 1px 1px 1px #bfe3f2;
        padding-left: -2px !important;
        /* position: relative; */
        padding-right: 21px !important;
    }

    .c20 {
        background: url(../img/ocupado.svg) no-repeat center center !important;
        margin-left: 0px;
        margin-bottom: 0px;
        margin-top: 0px;
        background-size: 100% 100%;
        border-top: 6px solid white;
        border-bottom: 6px solid white;
        /* border: 1px solid red !important; */
        width: 264px;
        /* margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    background-size: 100% 100%;
    border-top: 2px solid white;
    border-bottom: 6px solid white;
    width: 131px;
    width: 257px !important;*/
    }

    .c21 {
        background: url(../img/ocupadoCheckin.svg) no-repeat center center !important;
        margin-left: 0px;
        margin-bottom: 0px;
        margin-top: 0px;
        background-size: 100% 100%;
        border-top: 6px solid white;
        border-bottom: 6px solid white;
        /* border: 1px solid red !important; */
        width: 265px;
        /*   margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    background-size: 99% 85% !important;
    border-top: 2px solid white;
    border-bottom: 2px solid white;
    background-position-y: 0px !important;
    background-color: white !important;
    vertical-align: bottom !important;
    width: 263px;*/
    }

    .c22 {
        background: url(../img/ocupadoCheckout.svg) no-repeat center center !important;
        margin-left: 0px;
        margin-bottom: 0px;
        margin-top: 0px;
        background-size: 100% 100%;
        border-top: 6px solid white;
        border-bottom: 6px solid white;
        /* border: 1px solid red !important; */
        width: 264px;
        /*  margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    background-size: 100% 100%;
    border-top: 6px solid white;
    border-bottom: 6px solid white;
    width: 263px;*/
    }

    .c23 {
        background: url(../img/ocupadoInOut.svg) no-repeat center center !important;
        margin-left: 0px;
        margin-bottom: 0px;
        margin-top: 0px;
        background-size: 100% 100%;
        border-top: 6px solid white;
        border-bottom: 6px solid white;
        /* border: 1px solid red !important; */
        width: 265px;
        /*margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    background-size: 100% 85% !important;
    border-top: 2px solid white;
    border-bottom: 2px solid white;
    background-position-y: 0px !important;
    background-color: white !important;
    vertical-align: bottom !important;
    width: 263px;*/
    }

    .c30 {
        /* background: url(../img/ocupacaoprevista.svg) no-repeat center center !important;*/
        margin-left: 0px;
        margin-bottom: 0px;
        margin-top: 0px;
        background-size: 100% 100%;
        border-top: 6px solid white;
        border-bottom: 6px solid white;
        width: 264px;
        /*  margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    background-size: 101% 85% !important;
    border-top: 2px solid white;
    border-bottom: 2px solid white;
    background-position-y: 0px !important;
    background-color: white !important;
    vertical-align: bottom !important;
    width: 193px;
    width: 263px;*/
    }

    .c31 {
        background: url(../img/ocupacaoprevistaCheckin.svg) no-repeat center center !important;
        margin-left: 0px;
        margin-bottom: 0px;
        margin-top: 0px;
        background-size: 100% 100%;
        border-top: 6px solid white;
        border-bottom: 6px solid white;
        width: 265px;
        /*  margin-left: -2px;
    margin-bottom: -2px;
    margin-top: 0px;
    background-size: 102% 79% !important;
    border-top: 0px solid white;
    border-bottom: 2px solid white;
    background-color: white !important;
    background-position-y: 2px !important;
    width: 257px !important;*/
    }

    .c32 {
        background: url(../img/ocupacaoprevistaCheckout.svg) no-repeat center center !important;
        margin-left: 0px;
        margin-bottom: 0px;
        margin-top: 0px;
        background-size: 100% 100%;
        border-top: 6px solid white;
        border-bottom: 6px solid white;
        /* border: 1px solid red !important; */
        width: 265px;
        /* margin-left: -2px;
    margin-bottom: 0px;
    margin-top: 0px;
    background-size: 102% 78% !important;
    border-top: 0px solid white;
    border-bottom: 2px solid white;
    background-color: white !important;
    background-position-y: 2px !important;
    width: 263px;*/
    }

    .c33 {
        background: url(../img/previstaInOut.svg) no-repeat center center !important;
        /* background: url(../img/ocupPrev2.svg) no-repeat center center !important;*/
        margin-left: 0px;
        margin-bottom: 0px;
        margin-top: 0px;
        background-size: 101% 100% !important;
        border-top: 6px solid white;
        border-bottom: 6px solid white;
        /* border: 1px solid red !important; */
        width: 265px;
    }



    .c40 {
        background-image: url(../img/emLimpeza.svg);
        margin-left: 0px;
        margin-bottom: 0px;
        margin-top: 0px;
        background-size: 100% 100%;
        border-top: 2px solid white;
        border-bottom: 2px solid white;
        /* border: 1px solid red !important;*/
        width: 264px;
    }

    .c41 {
        background-image: url(../img/limpezaOcupado.svg);
        margin-left: 0px;
        margin-bottom: 0px;
        margin-top: 0px;
        background-size: 100% 100%;
        border-top: 2px solid white;
        border-bottom: 2px solid white;
        /* border: 1px solid red !important;*/
        width: 264px;
    }

    .c42 {
        background-image: url(../img/limpezaDisponivel.svg);
        margin-left: 0px;
        margin-bottom: 0px;
        margin-top: 0px;
        background-size: 100% 100%;
        border-top: 2px solid white;
        border-bottom: 2px solid white;
        /* border: 1px solid red !important;*/
        width: 264px;
    }

    .c43 {
        background-image: url(../img/limpezaCheckin.svg);
        margin-left: -1px;
        margin-bottom: 0px;
        margin-top: 0px;
        background-size: 100% 100%;
        border-top: 6px solid white;
        border-bottom: 6px solid white;
        /* border: 1px solid red !important;*/
        width: 264px;
    }

    .c90 {
        margin-left: 0px;
        margin-bottom: 0px;
        margin-top: 0px;
        background-size: 100% 100%;
        border-top: 6px solid white;
        border-bottom: 6px solid white;
        /* border: 1px solid red !important;*/
        width: 264px;
    }

    .c99 {
        /*  padding: 2px !important;*/
        background-image: url(../img/multiplosBloqueios.svg);
        margin-left: 0px;
        margin-bottom: 0px;
        margin-top: 0px;
        background-size: 100% 100%;
        border-top: 6px solid white;
        border-bottom: 6px solid white;
        /* border: 1px solid red !important;*/
        width: 264px;
    }


    .legenda {
        width: 736px;
        border: 1px solid #dcdcdc;
        position: relative;
        margin-left: 591px;
        /* background-color: red; */
        top: -18px;
        z-index: 30;
        height: 37px;
    }


    .ocupacaoPrevista {
        width: 29px !important;
        height: 20px !important;
        padding: 0px !important;
        top: 18px !important;
        margin-left: 202px;
        position: fixed;
    }




    .lbLegenda {
        position: fixed !important;
        word-wrap: break-word;
        position: relative;
        top: 19px !important;
        margin-bottom: 10px !important;
        font-family: SBlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif !important;
        display: block;
        margin-left: 240px;
        font-size: 9PT;
    }


    .ocupado {
        width: 29px !important;
        height: 20px !important;
        padding: 0px !important;
        top: 18px !important;
        margin-left: 401px;
        position: fixed;
    }

    .lbLegenda2 {
        position: fixed !important;
        word-wrap: break-word;
        position: fixed;
        top: 19px !important;
        margin-bottom: 10px !important;
        font-family: SBlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif !important;
        display: block;
        /* left: 45px; */
        font-size: 9PT;
        margin-left: 440px;
    }

    .livre {
        width: 29px !important;
        height: 20px !important;
        background-color: white !important;
        padding: 0px !important;
        top: 18px !important;
        margin-left: 26px;
        border: 1px solid black !important;
        position: fixed;
    }

    .lbLivre {
        position: relative !important;
        word-wrap: break-word;
        position: fixed !important;
        top: 19px !important;
        margin-bottom: 10px !important;
        font-family: SBlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif !important;
        display: block;
        left: 912px;
        font-size: 9PT !important;
    }

    .ocupadoPrevistaCheckin {
        background-image: url(../img/ocupacaoprevistaCheckin.svg) !important;
        width: 29px !important;
        height: 20px !important;
        padding: 0px !important;
        top: 5px !important;
        left: 1098px;
        background-size: 100% !important;
        border: 1px solid black !important;
        position: fixed;
    }



    .lbOcupadoPrevistaCheckin {
        word-wrap: break-word;
        position: fixed;
        top: 3px !important;
        margin-bottom: 10px !important;
        font-family: SBlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif !important;
        display: block;
        left: 1135px;
        font-size: 9PT;
    }


    .ocupadoPrevistaCheckout {
        background-image: url(../img/ocupacaoprevistaCheckout.svg) !important;
        width: 29px !important;
        height: 20px !important;
        padding: 0px !important;
        margin-top: -417px !important;
        margin-left: 505px;
        background-size: 100% !important;
        border: 1px solid black !important;
    }



    .lbOcupadoPrevistaCheckout {
        position: relative;
        word-wrap: break-word;
        position: relative;
        top: -228px !important;
        margin-bottom: 10px !important;
        font-family: SBlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif !important;
        display: block;
        left: 543px;
        font-size: 9PT;
    }


    .ocupadoPrevistaCheckinout {
        background-image: url(../img/ocupacaoprevistaInOut.svg) !important;
        width: 29px !important;
        height: 20px !important;
        padding: 0px !important;
        margin-top: -509px !important;
        margin-left: 742px;
        background-size: 100% !important;
        border: 1px solid black !important;
    }



    .lbOcupadoPrevistaCheckinout {
        position: relative;
        word-wrap: break-word;
        position: relative;
        top: -275px !important;
        margin-bottom: 10px !important;
        font-family: SBlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif !important;
        display: block;
        left: 785px;
        font-size: 9PT;
    }

    .ocupadoCheckin {
        background-image: url(../img/ocupadoCheckIn.svg) !important;
        width: 29px !important;
        height: 20px !important;
        padding: 0px !important;
        margin-top: -559px !important;
        margin-left: 118px;
        background-size: 100% !important;
        border: 1px solid black !important;
        /*width: 29px !important;
    height: 20px !important;
    background-color: #3D6CC1 !important;
    padding: 0px !important;
    margin-top: -559px !important;
    margin-left: 118px;
    position: relative !important;*/
    }



    .lbOcupadoCheckin {
        position: relative;
        word-wrap: break-word;
        position: relative;
        top: -298px !important;
        margin-bottom: 10px !important;
        font-family: SBlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif !important;
        display: block;
        left: 156px;
        font-size: 9PT;
    }



    .ocupadoCheckout {
        background-image: url(../img/ocupadoCheckout.svg) !important;
        width: 29px !important;
        height: 20px !important;
        padding: 0px !important;
        margin-top: -650px !important;
        margin-left: 294px;
        background-size: 100% !important;
        border: 1px solid black !important;
    }



    .lbOcupadoCheckout {
        position: relative;
        word-wrap: break-word;
        position: relative;
        top: -344px !important;
        margin-bottom: 10px !important;
        font-family: SBlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif !important;
        display: block;
        left: 329px;
        font-size: 9PT;
    }


    .ocupadoCheckInOut {
        background-image: url(../img/ocupadoCheckInOut.svg) !important;
        width: 29px !important;
        height: 20px !important;
        padding: 0px !important;
        margin-top: -836px !important;
        margin-left: 505px;
        background-size: 100% !important;
        border: 1px solid black !important;
    }



    .lbOcupadoCheckInOut {
        position: relative;
        word-wrap: break-word;
        position: relative;
        top: -438px !important;
        margin-bottom: 10px !important;
        font-family: SBlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif !important;
        display: block;
        left: 543px;
        font-size: 9PT;
    }


    .ocupadoCheckInOut {
        background-image: url(../img/ocupadoInOut.svg) !important;
        width: 29px !important;
        height: 20px !important;
        padding: 0px !important;
        margin-top: -836px !important;
        margin-left: 505px;
        background-size: 100% !important;
        border: 1px solid black !important;
    }



    .lbOcupadoCheckInOut {
        position: relative;
        word-wrap: break-word;
        position: relative;
        top: -438px !important;
        margin-bottom: 10px !important;
        font-family: SBlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif !important;
        display: block;
        left: 543px;
        font-size: 9PT;
    }




    .bloqueado {
        width: 29px !important;
        height: 20px !important;
        padding: 0px !important;
        top: 18px !important;
        left: 1399px;
        background-size: 100% !important;
        border: 1px solid black !important;
        position: fixed;
    }



    .lbBloqueado {
        word-wrap: break-word;
        position: fixed;
        top: 19px !important;
        margin-bottom: 10px !important;
        font-family: SBlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif !important;
        display: block;
        margin-left: 594px;
        font-size: 9PT;
    }




    .bloqueadoMultiplo {
        background-image: url(../img/multiplosBloqueios.svg) !important;
        width: 29px !important;
        height: 20px !important;
        padding: 0px !important;
        top: 18px !important;
        margin-left: 720px;
        background-size: 100% !important;
        border: 1px solid black !important;
        position: fixed;
    }



    .lbBloqueadoMultiplo {
        position: fixed !important;
        word-wrap: break-word;
        position: relative;
        top: 19px !important;
        margin-bottom: 10px !important;
        font-family: SBlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif !important;
        display: block;
        margin-left: 764px;
        font-size: 9PT;
    }


    .dia1 {
        position: relative;
        /*  margin-left: 1px;*/
        margin-left: -48px;
    }

    .task:hover {
        border: 1px solid black !important;
    }

    .defaultColumn {
        background-color: #2c4c8f;
        color: White;
    }

    /*div {
    width: 100px;
    height: 100px;
    display: inline-block;
}*/


    .meses_container {
        display: inline-block;
    }

    .cMes1 {
        position: relative;
        left: 0px;
        height: 40px;
        border-style: solid;
        border-width: 1px;
        text-align: left;
        float: left;
        padding-bottom: 5px !important;
        padding-top: 12px;
        z-index: 23;
        display: table;
        padding-left: 10px;
        top: 39px;
        margin-top: -35px;
        margin-bottom: 34px;
    }

    .cMes {
        position: relative;
        left: 396px;
        height: 40px;
        border-style: solid;
        border-width: 1px;
        text-align: left;
        float: left;
        padding-bottom: 5px !important;
        padding-top: 12px;
        z-index: 23;
        display: table;
        padding-left: 10px;
        top: 15px;
        left: 1px;
        top: 4px;
        /* display: inline-block !important;*/
        /* position: relative;
    left: 396px;
    height: 40px;
    border-style: solid;
    border-width: 1px;
    text-align: left;
    float: left;
    padding-bottom: -8px !important;
    padding-top: 13px;
    z-index: 23;
    display: table;
    padding-left: 10px;
    top: 22px;
    left: 164px;
    margin-bottom: 19px;
    margin-top: -33px;*/
    }

    .cMesOutros {
        position: relative;
        height: 40px;
        border-style: solid;
        border-width: 1px;
        text-align: center;
        /* float: right;*/
        padding-bottom: 10px !important;
        padding-top: 14px;
        z-index: 23;
        display: flex;
        float: left inherit !important;
        display: block;
        text-align: left;
        padding-left: 14px;
        /* margin-left: 2119px !important;*/
        margin-top: -20px;
        display: inline-block;
    }

    .divMesPai {
        display: block;
        width: auto;
        top: -58px;
        position: relative;
        height: 30px;
        left: 166px;
    }

    .cMesOutrosa {
        position: relative;
        left: 1950px;
        height: 40px;
        border-style: solid;
        border-width: 1px;
        text-align: left;
        float: left;
        padding-bottom: 5px !important;
        padding-top: 12px;
        z-index: 23;
        display: table;
        padding-left: 10px;
        top: 15px;
        top: -36px;
        margin-bottom: -59px;
        /* position: relative;
    height: 40px;
    border-style: solid;
    border-width: 1px;
    text-align: center;*/
        /*  float: right;*/
        /*  padding-bottom: 10px !important;
    padding-top: 14px;*/
        /* z-index: 23;*/
        /*  display: flex;*/
        /* float: left inherit !important;
    display: block;
    text-align: left;
    padding-left: 14px;*/
        /*   margin-left: 2111px !important;*/
        /*  top: -17px;
    width: 2042px;
    display: inline-block;*/
    }

    .day1 {
        margin-top: 0px;
        margin-left: 48px;
    }

    .w65 {
        width: 64px !important;
        height: 33px !important;
        text-align: center;
        vertical-align: middle;
        padding-top: 7px;
    }

    .cellDay1 {
        margin-left: 167px !important;
        clear: both;
    }


    .pnlGraficos {
        width: 95%;
        height: 95%;
    }


    .divQuarto {
        height: 29px;
        position: relative;
        width: 34px;
        margin-left: 166px;
        top: 0px;
    }


    .buttonStatus {
        height: 12px !important;
        width: 4px !important;
        border-radius: 50% !important;
        padding: 0px !important;
        padding-right: 13px !important;
        position: initial;
        margin-left: -20px;
        float: left;
        margin-top: 2px;
        border: 1px solid gray !important;
    }

    .checkinReserva {
        background: url(../img/icones/ReservasNew.svg) center no-repeat !important;
        background-color: transparent;
        background-size: 74% !important;
        position: relative;
        background-position-y: 6px;
        top: -12px;
    }


    .popCheckin {
        background-color: white !important;
        position: relative;
        left: 0px;
        top: -31px;
        height: 88%;
        width: 85%;
        margin-left: 10px;
        background-color: rgb(0,0,0);
        background: #ccc;
        background-color: rgb(204, 204, 204);
        background-color: rgb(204, 204, 204);
        border: 1px solid #b5b1b1;
        background-color: #F23005;
        -webkit-box-shadow: 9px 7px 5px rgba(50, 50, 50, 0.77);
        -moz-box-shadow: 9px 7px 5px rgba(50, 50, 50, 0.77);
        box-shadow: 9px 7px 5px rgba(50, 50, 50, 0.77);
    }

    .fancybox-iframe {
        width: 60vw;
        height: 98vh !important;
        position: relative;
        top: -64px;
        overflow: visible;
        background-color: white !important;
        left: 0px;
    }


    .bDetalhe {
        /*background-color:orange;*/
    }

    /*.fancybox-wrap {
    background-color: white !important;
    top: -105px !important;*/
    /* left: 75px !important;*/
    /*position: relative !important;
    width: 60vw  !important;
    height: 75vh !important;
    border: 1px gray solid;
}*/


    iframe {
    }

    .lbDesabilitado {
        cursor: context-menu !important;
    }

    iframe {
        /*   height: 93% !important;
    height: 1000px !important;*/
        border: 2px solid red;
    }

    .divGeralUsuarioDetalhe {
        /*    background-color: white !important;
    position: relative;
    left: 3px;
    width: 100vw;
    height: 100vh;
    margin-top: -25px;*/
        background-color: white !important;
        position: fixed;
        left: 3px;
        width: 100vw;
        height: 93vh;
        margin-top: -25px;
    }

    .divMenuUsuarioDetalhe {
        /*   background-color: #c7cace !important;
    position: relative;
    left: -3px;
    width: 233px;
    height: 89vh;
    top: 13px;*/
        width: 233px;
        z-index: 1;
        height: 82%;
        left: -3px !important;
        position: relative;
        top: 13px;
        overflow: auto;
        max-height: 100%;
    }


    .fancybox-inner {
        overflow: hidden;
        /*   width: 98vw !important;*/
        height: 736px;
        margin: auto;
        text-align: center;
        left: -1px !important;
        position: relative;
    }


    .divNavegacao {
        position: fixed;
        top: 35px;
        height: 37px !important;
        color: white !important;
        /* border-bottom: 1px solid #5a6794 !important;*/
        width: 100% !important;
        /*  background-color: #636d7c !important;*/
        left: 26px;
        z-index: 21;
        padding-left: 210px;
        /* border-top: 1px solid white !important;
    border-left: 1px solid white !important;*/
        margin-left: 207px;
        background-color: white !important;
    }


    .btNavegacaoCancelar {
        position: relative;
        top: -43px;
        margin-left: 31px;
        height: 32px !important;
        color: white !important;
        background: transparent url('../img/cancelDet.svg') no-repeat center center !important;
        background-size: auto;
        background-size: 64% !important;
        border-radius: 10px !important;
        width: 15px !important;
        padding: 0px 30px 5px 5px !important;
        filter: invert(90%);
    }

    .btSmall {
        text-transform: none !important;
        width: 74px !important;
        font-size: 10pt !important;
        font-weight: bold;
    }

        .btSmall:hover {
            text-transform: none !important;
            width: 74px !important;
            font-size: 10pt !important;
            background-color: #5bac7f !important;
            font-weight: bold;
        }

    .txDetalhe.aspNetDisabled {
        background-color: #ccc !important;
        color: #3b3e40 !important;
    }

    .btNavegacaoSalvar {
        position: relative;
        top: -43px;
        margin-left: 41px;
        height: 32px !important;
        color: white !important;
        background: transparent url('../img/icones/SalvarVerde.svg') no-repeat center center !important;
        background-size: 73% !important;
        border-radius: 10px !important;
        width: 15px !important;
        padding: 0px 30px 5px 5px !important;
    }

        .btNavegacaoSalvar.disabled, .btNavegacaoSalvar:disabled {
            background: transparent url('../img/icones/SalvarOff.svg') no-repeat center center !important;
            position: relative;
            top: -43px;
            margin-left: 41px;
            height: 32px !important;
            color: white !important;
            background-size: 73% !important;
            border-radius: 10px !important;
            width: 15px !important;
            padding: 0px 30px 5px 5px !important;
        }

    .btNavegacaoSalvarImage {
        background: transparent url('../img/icones/SalvarVerde.svg') no-repeat center center !important;
        background-position: 10px 5px;
        height: 31px !important;
        position: relative;
        color: grey !important;
        font-size: 7pt !important;
        width: 24px !important;
        top: 44px !important;
        position: fixed !important;
        display: block !important;
        padding: 3px 17px !important;
        background-size: 74% !important;
        left: 233px !important;
    }

        .btNavegacaoSalvarImage.disabled, .btNavegacaoSalvarImage:disabled {
            background: transparent url('../img/icones/SalvarOff.svg') no-repeat center center !important;
            /*  background-color: transparent !important;
        color: black !important;
        height: 58px !important;
        margin-left: 17px;
        background-position-x: 28px !important;
        width: 127px !important;
        padding: 0px 7px 4px 48px !important;
        background-size: 50% !important;
        background-position-x: 16px !important;
        border-radius: 3px !important;
        background-size: 10% !important;
        background-position-y: 1px !important;
        text-transform: capitalize !important;
        font-size: 11pt !important;
        width: 234px !important;
        text-align: left !important;
        top: -41px !important;
        position: relative;*/
            background-position: 10px 5px;
            height: 31px !important;
            position: relative;
            color: grey !important;
            font-size: 7pt !important;
            width: 24px !important;
            top: 44px !important;
            position: fixed !important;
            display: block !important;
            padding: 3px 17px !important;
            background-size: 74% !important;
            left: 247px !important;
        }

    .btVoltar {
        background: url('../img/icones/RetornarAzul.svg') no-repeat center center !important;
        background-color: transparent !important;
        color: black !important;
        height: 58px !important;
        margin-left: 1px !important;
        padding-left: 79px !important;
        background-position-x: 28px !important;
        width: 127px !important;
        padding: 0px 7px 4px 48px !important;
        background-size: 50% !important;
        background-position-x: 16px !important;
        margin-top: -2px !important;
        border-radius: 3px !important;
        background-size: 9% !important;
        background-position-y: 14px !important;
        text-transform: capitalize !important;
        font-size: 11pt !important;
        width: 234px !important;
        text-align: left !important;
    }


    .btVoltarImage {
        background: url('../img/icones/RetornarAzul.svg') no-repeat center center !important;
        /*  background-color: red !important;*/
        color: black !important;
        height: 58px !important;
        padding: 15px 7px 4px 48px !important;
        background-size: 50% !important;
        background-position-x: 9px !important;
        margin-top: 138px !important;
        background-size: 10% !important;
        background-position-y: 13px !important;
        text-transform: capitalize !important;
        width: 234px !important;
        font-size: 11pt !important;
        text-align: left !important;
        font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif !important;
        /*    border: 1px solid #bfe3f2 !important;*/
        top: 140px !important;
        position: relative;
        background-color: #c7cace !important
    }




        .btVoltarImage:hover {
            background: url('../img/icones/RetornarAzul.svg') no-repeat center center !important;
            background-color: #707374 !important;
            color: white !important;
            height: 58px !important;
            padding: 15px 7px 4px 48px !important;
            background-size: 50% !important;
            background-position-x: 16px !important;
            margin-top: -2px !important;
            background-size: 10% !important;
            background-position-y: 13px !important;
            text-transform: capitalize !important;
            width: 234px !important;
            font-size: 11pt !important;
            text-align: left !important;
            font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif !important;
        }

    .form {
        background-color: #003580 !important;
    }


    .btAnterior {
        position: relative;
        margin-left: 301px !important;
        color: white !important;
        font-size: 16pt !important;
        width: 20px;
        text-align: center !important;
        padding-left: 10px !important;
    }

    .btProximo {
        position: relative;
        margin-left: 20px !important;
        color: white !important;
        font-size: 16pt !important;
        text-align: center !important;
        padding-left: 10px !important;
        width: 20px;
    }



    .btAnterior:hover {
        position: relative;
        margin-left: 619px !important;
        color: white !important;
        font-size: 16pt !important;
        background-color: #003580 !important;
    }

    .btProximo:hover {
        position: relative;
        margin-left: 20px !important;
        color: white !important;
        font-size: 16pt !important;
        background-color: #003580 !important;
    }


    .divTabsDetalhe {
        /* height: 69%;
    position: relative;
    top: -624px;
    width: 88%;
    left: 230px;
    position: absolute;
    white-space: nowrap;
    overflow: hidden;*/
        height: 92%;
        position: relative;
        top: 60px;
        width: 88%;
        left: 230px;
        position: absolute;
        white-space: nowrap;
        overflow: hidden;
        height: 100%;
    }





    .Tab0 {
        background-color: white !important;
        position: relative;
        top: 34px !important;
        /*  height: 538px !important;*/
        overflow-y: scroll;
    }



    .Tab1 {
        background-color: white !important;
        position: relative;
        top: 0px;
        height: 540px !important;
        overflow-y: scroll;
    }

    .Tab2 {
        background-color: white !important;
        position: relative;
        top: 0px;
        height: 540px !important;
        overflow-y: scroll;
    }


    .Tab3 {
        background-color: white !important;
        position: relative;
        top: 0px;
        height: 540px !important;
        overflow-y: scroll;
    }


    .Tab4 {
        background-color: white !important;
        position: relative;
        top: 0px;
        height: 540px !important;
        overflow-y: scroll;
    }


    .Tab5 {
        background-color: white !important;
        position: relative;
        top: 0px;
        height: 540px !important;
        overflow-y: scroll;
    }


    .lbDetalhe {
        position: relative;
        left: 10px;
    }

.lbDetalheGrande {
    position: relative;
    left: 10px;
    font-size: 12pt;
    font-weight: bold;
    width: 200px !important;
    top: 41px;
    padding-bottom: 52px;

}

   .lbDetalheCheck
    {
        position: relative;
        left: 51px;
        top: -55px; 
        margin-bottom: -27px;
}

    .txDetalhe3 {
        top: 3px !important;
        position: relative;
        padding-top: -12px;
        display: block;
        left: 10px;
        background-color: #e8f1f5 !important;
        color: black !important;
        border: 1px solid lightgray;
    }

    .txDetalhe4 {
        top: -40px !important;
        position: relative;
        padding-top: -12px;
        display: block;
        left: 10px;
        background-color: #e8f1f5;
        color: black !important;
        border: 1px solid lightgray;
        left: 89px !important;
        border-radius: 5px;
    }


.tabs {
    /*  position: relative;
    top: -1px;
    height: 100%;*/
    position: relative;
    top: -1px;
    height: 100%;
    position: relative;
    height: 86%;
    overflow-y: auto;
   
    width: 80vw !important;
    overflow-x: auto;
    min-width: 62vw;
}


    .divPoup {
        position: relative;
        top: 37px;
        height: 800px;
        width: 500px;
    }

    .divTitulo {
        background-color: #003580 !important;
        height: 41px !important;
        top: -8px !important;
        left: 0px;
        width: 100% !important;
        position: relative;
        border-bottom: 1px solid white;
    }


.usuarioGrupos {
    background-image: url('../img/icones/GruposUsuario.svg') !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    padding-left: 45px !important;
    background-size: 12% !important;
    background-position: 9px 13px !important;
    left: 0px !important;
    width: 235px;
    text-align: left !important;
    top: 38px;

    }


    .infoComplementar {
        /*background-color: transparent !important;*/
        background-position: 9px 23px;
        /* color: black !important;*/
        height: 58px !important;
        padding: 15px 7px 4px 48px;
        background-size: 50% !important;
        margin-top: -2px !important;
        background-size: 10% !important;
        text-transform: capitalize !important;
        width: 233px !important;
        font-size: 11pt !important;
        text-align: left !important;
        font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif !important;
        /* background-position: 8px 14px !important;
    position: relative !important;
    background-size: 70% !important;
    right: 64px !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    width: 34px !important;
    left: 70px !important;
    height: 2.8em !important;*/
        /*
    padding-top: -5px;
    outline: none !important;
    outline: none;
    background-color: transparent !important;
    background-attachment: scroll !important;
    padding: 0px 0px !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    background-size: 70% !important;
    background-color: transparent !important;
    padding-right: -20px !important;
    top: 69px !important;
    background-position: 8px 14px !important;*/
    }

    .carteira {
        background-image: url('../img/carteira.svg') !important;
        background-repeat: no-repeat !important;
        background-attachment: scroll !important;
        /* margin-top: -9px !important;*/
    }


.idUsuario {
    background-image: url('../img/icones/MnuDadosUsuario.svg') !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    padding-left: 45px !important;
    background-size: 12% !important;
    background-position: 9px 13px !important;
    left: 0px !important;
    width: 235px;
    text-align: left !important;
    margin-top: 97px !important;
    margin-bottom: 6px;
    padding-bottom: 17px !important;
    top: 43px !important;
}

    .mnPermissaoEspecial {
        background-image: url('../img/icones/Permissoes1.svg') !important;
        background-repeat: no-repeat !important;
        background-attachment: scroll !important;
        padding-left: 45px !important;
        background-size: 12% !important;
        background-position: 9px 13px !important;
        left: 0px !important;
        width: 235px;
        text-align: left !important;
    }

        .mnPermissaoEspecial.disabled {
            background-image: url('../img/icones/Permissoes1Off.svg') !important;
            background-repeat: no-repeat !important;
            background-attachment: scroll !important;
            padding-left: 45px !important;
            background-size: 12% !important;
            background-position: 9px 13px !important;
            left: 0px !important;
            width: 235px;
            text-align: left !important;
        }

    .mnPermissaoEfetivas {
        background-image: url('../img/icones/MnuPermissoesEfetivas.svg') !important;
        background-repeat: no-repeat !important;
        background-attachment: scroll !important;
        padding-left: 45px !important;
        background-size: 12% !important;
        background-position: 9px 13px !important;
        left: 0px !important;
        width: 235px;
        text-align: left !important;
    }

        .mnPermissaoEfetivas.disabled {
            background-image: url('../img/icones/MnuPermissoesEfetivasOff.svg') !important;
            background-repeat: no-repeat !important;
            background-attachment: scroll !important;
            padding-left: 45px !important;
            background-size: 12% !important;
            background-position: 9px 13px !important;
            left: 0px !important;
            width: 235px;
            text-align: left !important;
        }


    .mnLogins {
        background-image: url('../img/icones/MnuLogins.svg') !important;
        background-repeat: no-repeat !important;
        background-attachment: scroll !important;
        padding-left: 45px !important;
        background-size: 12% !important;
        background-position: 9px 13px !important;
        left: 0px !important;
        width: 235px;
        text-align: left !important;
    }

    .mnTelefones {
        background-image: url('../img/icones/MnuTelefones.svg') !important;
        background-repeat: no-repeat !important;
        background-attachment: scroll !important;
        padding-left: 45px !important;
        background-size: 12% !important;
        background-position: 9px 13px !important;
        left: 0px !important;
        width: 235px;
        text-align: left !important;
    }

    .mnEnderecos {
        background-image: url('../img/icones/MnuEndereço.svg') !important;
        background-repeat: no-repeat !important;
        background-attachment: scroll !important;
        padding-left: 45px !important;
        background-size: 12% !important;
        background-position: 9px 13px !important;
        left: 0px !important;
        width: 235px;
        text-align: left !important;
    }

    .mnDocumentos {
        background-image: url('../img/icones/MnuDocumentos.svg') !important;
        background-repeat: no-repeat !important;
        background-attachment: scroll !important;
        padding-left: 45px !important;
        background-size: 12% !important;
        background-position: 9px 13px !important;
        left: 0px !important;
        width: 235px;
        text-align: left !important;
    }




    .hoteisHab {
        background-position: 1px 17px;
        background-color: rgba(0, 0, 0, 0);
        background-size: auto;
        background-size: auto;
        margin-top: -9px !important;
        position: relative !important;
        background-size: 13% !important;
        right: 64px !important;
        padding-left: 35px !important;
        background-image: url('../img/hoteis.svg') !important;
        background-repeat: no-repeat !important;
        background-attachment: scroll !important;
    }

    .lbDetalheTitulo {
        color: white;
        top: 10px;
        position: relative;
        left: 10px;
    }


    .lbTituloDetalhe {
        position: relative;
        left: 10px;
        top: -10px;
        font-weight: bold !important;
    }



    .divPermissoesUsuarios {
        background-color: white !important;
        position: relative;
        left: 2px !important;
        top: 4px !important;
        height: 100%;
        width: 95% !important;
        padding-top: 20px;
        padding-bottom: 20px;
    }


    .divPermissoesEfetivasUsuarios {
        background-color: white !important;
        position: relative;
        left: 2px !important;
        top: 11px !important;
        height: 100%;
        width: 95% !important;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .divLoginsUsuario {
        background-color: white !important;
        width: 95% !important;
        position: relative;
        left: 0px !important;
        top: 0px !important;
        height: 100% !important;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .divDocumentosUsuario {
        background-color: white !important;
        width: 95% !important;
        position: relative;
        left: 1px !important;
        top: 0px !important;
        height: 100% !important;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .divEnderecosUsuario {
        background-color: white !important;
        width: 95% !important;
        position: relative;
        left: 1px !important;
        top: 0px !important;
        height: 100% !important;
        padding-top: 20px;
        padding-bottom: 20px;
    }


    .divTelefonesUsuario {
        background-color: white !important;
        width: 95% !important;
        position: relative;
        left: 1px !important;
        top: 0px !important;
        height: 100% !important;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .divHoteisUsuario {
        background-color: #e7f0f1 !important;
        width: 95% !important;
        position: relative;
        left: 1px !important;
        top: 0px !important;
        height: 100% !important;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .divGruposPermissoes {
        top: 10px;
        position: relative;
        left: 10px;
        padding-top: 20px;
        padding-bottom: 20px;
        height: 94%;
        width: 46% !important;
        background-color: #e7f0f1 !important;
    }

    .gvPermissoes {
        width: 99% !important;
        visibility: inherit;
        height: auto;
        margin-left: 3px;
        margin-top: 0px !important;
        position: relative;
    }
.concedePermissao {
    top: 26px;
    position: relative;
    width: 300px;
    
    left: 15px;
}

.gvLoginsUsuario {
    position: relative !important;
    left: 0px !important;
    padding-top: 0px !important;
    width: 90% !important;
    margin-left: 9px !important;
    top: 3px;
}


    .gvTelefonesUsuario {
        position: relative !important;
        left: 0px !important;
        padding-top: 0px !important;
        width: 90% !important;
        margin-left: 9px !important;
        top: 3px;
    }


    .gvEnderecosUsuario {
        position: relative !important;
        left: 0px !important;
        padding-top: 0px !important;
        width: 90% !important;
        margin-left: 9px !important;
        top: 3px;
    }

    .gvPermissaoEspecial {
        position: relative !important;
        left: 0px !important;
        padding-top: 0px !important;
        width: 90% !important;
        margin-left: 9px !important;
        top: 3px;
    }

    .gvPermissaoUsuario {
        position: relative !important;
        left: 0px !important;
        padding-top: 0px !important;
        width: 90% !important;
        margin-left: 9px !important;
        top: 7px;
    }

    .divHoteisRede {
        top: 10px;
        position: relative;
        left: 10px;
        padding-top: 20px;
        padding-bottom: 20px;
        height: 80%;
        width: 40% !important;
        background-color: #e7f0f1 !important;
    }

    .gvHoteis {
        top: 21px;
        position: relative;
        padding-top: 0px;
        padding-bottom: 20px;
        height: 80%;
        width: 99% !important;
        left: 4px;
    }


    .buttonGrid {
        color: white !important;
        width: 20px !important;
    }

        .buttonGrid:hover {
            color: white !important;
            width: 20px !important;
            background-color: #1c5ca1 !important;
        }




    .gvHoteisUsuario {
        width: 67% !important;
        visibility: inherit;
        height: auto;
        margin-left: 7px;
        margin-top: -1px !important;
        position: relative;
    }


    .btInserirTodosGrid {
        position: relative !important;
        margin-left: 628px !important;
        top: -626px !important;
        color: white !important;
        font-weight: bold;
    }


    .btRemoverTodosGrid {
        position: relative !important;
        margin-left: -72px !important;
        top: -557px !important;
        color: white !important;
        font-weight: bold;
    }


    input[type=text]:focus {
        background-color: lightblue;
    }

    .txtSearch {
        background-color: white !important;
        background-image: url('../img/search.svg') !important;
        background-repeat: no-repeat;
        padding-left: 40px;
        background-position-y: -1px !important;
        background-size: 6% !important;
        border: 1px solid lightgray !important;
        padding-left: 30px !important;
    }



    .btAdicionarGrid {
        background: url('../img/icones/NewGenerico.svg') center no-repeat !important;
        color: grey !important;
        font-size: 7pt !important;
        width: 24px !important;
        margin-left: 464px !important;
        top: 52px !important;
        position: fixed !important;
        display: block !important;
        padding: 3px 17px !important;
        height: 31px !important;
        background-size: 74% !important;
    }


    .btAdicionarGridOff {
        background: url('../img/icones/GenericoNewOff.svg') center no-repeat !important;
        color: grey !important;
        font-size: 7pt !important;
        width: 24px !important;
        margin-left: 692px !important;
        top: 52px !important;
        position: fixed !important;
        display: block !important;
        padding: 3px 17px !important;
        height: 31px !important;
        background-size: 74% !important;
    }

    .btAdicionarGrupo:hover {
        background-position: 9px 5px !important;
        position: relative;
        left: 529px;
        top: -36px;
        color: white !important;
        font-weight: bold;
        background-color: #1c5ca1 !important;
    }

    .gvGruposUsuario {
        width: 67% !important;
        visibility: inherit;
        height: auto;
        margin-left: 7px;
        margin-top: 3px !important;
        position: relative;
    }

    .gvGrupos {
        width: 99% !important;
        visibility: inherit;
        height: auto;
        margin-left: 3px;
        margin-top: 0px !important;
        position: relative;
    }

    .gridGrupo {
        width: 88% !important;
        visibility: inherit;
        height: auto;
        margin-left: 5px;
        margin-top: 14px !important;
        position: relative;
        overflow-y: scroll;
        height: auto;
        max-height: 334px;
    }

    .divGruposUsuario {
        background-color: white /*#e7f0f1*/ !important;
        position: relative;
        left: 0px !important;
        top: 2px !important;
        height: 482px;
        width: 95% !important;
        padding-top: 20px;
        padding-bottom: 20px;
    }


    .lista {
        /* margin-top: -654px !important;*/
        background-color: white !important;
        height: 467px !important;
        width: 538px !important;
        float: left !important;
        margin-left: 15px !important;
        z-index: 20;
        /*  position: relative;
    border: 1px solid gray;*/
        margin-top: 41px !important;
    }


    .listaPermissaoUsuario {
        background-color: white !important;
        height: 467px !important;
        width: 538px !important;
        position: fixed !important;
        margin-left: 15px !important;
        z-index: 20;
        margin-top: 41px !important;
    }



    .vertical-center {
        margin: 0;
        margin-bottom: 0px;
        margin-bottom: 0px;
        position: fixed;
        top: 500px;
        -ms-transform: translateY(-70%);
        transform: translateY(-70%);
        left: 0px;
        width: 100%;
        text-align: center;
    }

    .btSalvarLista {
        width: 123px;
        position: relative;
        top: -1px;
        left: -26px !important;
        color: white !important;
        background-color: #2c4c8f !important;
        font-weight: bold;
    }


        .btSalvarLista:hover {
            width: 123px;
            position: relative;
            top: -1px;
            left: -26px !important;
            color: white !important;
            background-color: #2c4c8f !important;
            font-weight: bold;
        }

    .btFecharLista {
        width: 123px;
        position: relative;
        top: -1px;
        left: 42px !important;
        color: white !important;
        background-color: #2c4c8f !important;
        font-weight: bold;
    }

        .btFecharLista:hover {
            width: 123px;
            position: relative;
            top: -1px;
            left: 42px !important;
            color: white !important;
            background-color: #2c4c8f !important;
            font-weight: bold;
        }


    .btFecharLista2 {
        position: relative;
        top: 278px !important;
        left: 199px !important;
        color: white !important;
    }


        .btFecharLista2:hover {
            position: relative;
            top: 278px !important;
            left: 199px !important;
            color: white !important;
        }

    .lbTituloDetalheLista {
        position: relative;
        left: 9px;
        top: 7px;
        font-weight: bold !important;
        width: 100%;
        text-align: center;
    }

    .txtSearchLista {
        background-position: -146px 5px;
        background-color: #e8f1f5 !important;
        background-image: url('../img/search.svg') !important;
        background-repeat: no-repeat;
        padding-left: 40px;
        background-size: 7% !important;
        position: relative;
        top: 8px;
    }

    .closeSearch {
        background-color: white !important;
        background: url('../img/closeSearch.svg') center no-repeat !important;
        background-size: auto;
        position: relative !important;
        float: right !important;
        top: -6px !important;
        left: -83px !important;
        cursor: pointer;
        background-size: 70% 70% !important;
        top: -27px !important;
        position: relative !important;
    }

    .txDetalheLista {
        background-position: -138px 5px;
        top: 9px !important;
        position: relative;
        display: block;
        left: 8px;
        /*background-color: white !important;*/
        color: black !important;
        background-size: 70% 70% !important;
        border-radius: 4px;
    }

    .txDetalheLista2 {
        top: 10px !important;
        position: relative;
        padding-top: -12px;
        display: block;
        left: 10px;
        background-color: white !important;
        color: black !important;
    }

    .btEditarGrupoUsuario {
        position: relative !important;
        top: -20px !important;
        left: -399px !important;
        z-index: 25;
        background-color: red !important;
    }



    .btRemoverGrid {
        background: url('../img/icones/DeleteGenerico.svg') center no-repeat !important;
        color: grey !important;
        font-size: 7pt !important;
        width: 24px !important;
        margin-left: 500px !important;
        top: 52px !important;
        position: fixed !important;
        display: block !important;
        padding: 3px 17px !important;
        height: 31px !important;
        background-size: 74% !important;
    }


    .btRemoverGridOff {
        background: url('../img/icones/GenericoDeleteOff.svg') center no-repeat !important;
        color: grey !important;
        font-size: 7pt !important;
        width: 24px !important;
        margin-left: 737px !important;
        top: 52px !important;
        position: fixed !important;
        display: block !important;
        padding: 3px 17px !important;
        height: 31px !important;
        background-size: 74% !important;
    }

    .btRemoverGrid2 {
        background: url('../img/icones/DeleteGenerico.svg') center no-repeat !important;
        color: grey !important;
        font-size: 7pt !important;
        width: 24px !important;
        margin-left: 735px !important;
        top: 52px !important;
        position: fixed !important;
        display: block !important;
        padding: 3px 17px !important;
        height: 31px !important;
        background-size: 74% !important;
    }

    .btRemoverGrid2Off {
        background: url('../img/icones/GenericoDeleteOff.svg') center no-repeat !important;
        color: grey !important;
        font-size: 7pt !important;
        width: 24px !important;
        margin-left: 735px !important;
        top: 52px !important;
        position: fixed !important;
        display: block !important;
        padding: 3px 17px !important;
        height: 31px !important;
        background-size: 74% !important;
    }

    .btBloquearGrupoUsuario {
        background-image: url('../img/block.svg') !important;
        position: relative;
        left: 540px;
        top: -37px;
        background-size: 53% !important;
        position: relative !important;
        top: -36px !important;
        background-color: #003580 !important;
        background-repeat: no-repeat !important;
        background-position: 9px 5px !important;
        background-color: #1c5ca1 !important;
        width: 36px;
        padding: 4px 6px !important;
        height: 29px !important;
    }

    .gridPermissaoEfetiva {
        background-color: red;
        height: 300px;
        position: relative;
    }


    .btYes {
        background-color: #00bd55 !important;
        height: 34px !important;
        width: 68px !important;
        text-align: center;
        color: white !important;
        font-weight: bold;
        position: relative;
        top: 58px;
        left: -150px;
    }

    .btNo {
        background-color: red !important;
        height: 34px !important;
        width: 68px !important;
        text-align: center;
        color: white !important;
        font-weight: bold;
        position: relative;
        top: 58px;
        left: -100px;
    }


    /*.switch {
    vertical-align: bottom;
    position: relative;
    display: inline-block;
    width: 35px;
    height: 36px;
    margin: 0
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0
    }

    .switch span {
        position: absolute;
        border-radius: 4px;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #e17a7a;
        -webkit-transition: .4s;
        transition: .4s
    }

        .switch span:before {
            position: absolute;
            border-radius: 4px;
            content: "";
            height: 36px;
            width: 25px;
            left: -15px;
            bottom: 0px;
            background: #e2e5ec*/ /*#FFF*/ /*;
            webkit-transition: .4s;
            transition: .4s;
        }

    .switch input:checked + span {
        background-color:*/ /*#2196F3*/ /*#6ec88c;
    }

    .switch input:focus + span {
        box-shadow: 0 0 1px #2196F3
    }

    .switch input:checked + span:before {
        -webkit-transform: translateX(49px);
        -ms-transform: translateX(49px);
        transform: translateX(49px)
    }*/
    .txDetalhe {
        top: -6px !important;
        position: relative;
        padding-top: -12px;
        display: block;
        left: 10px;
        background-color: #e8f1f5 !important;
        color: black !important;
        border-style: none !important;
        border: 1px solid #c7c7c7 !important;
        padding-left: 5px;
        border-radius: 5px;
    }

    .lbMensagem {
        display: inline-block;
        width: 320px;
        color: black;
        text-align: justify;
        font-size: 10pt;
    }


    .btOkDialog {
        position: relative !important;
        margin-bottom: -166px !important;
        left: -161px !important;
        color: white !important;
        background-color: #1c5ca1 !important;
    }

        .btOkDialog:hover {
            position: relative !important;
            margin-bottom: -166px !important;
            left: -161px !important;
            color: white !important;
            background-color: #1c5ca1 !important;
        }


    .senhaVencimento {
        position: relative;
        left: 10px;
        top: -5px;
    }

    .igte_Windows7ButtonImg {
        position: relative !important;
        top: -10px !important;
    }

    .bodyDetalhe {
        padding-top: 0em !important;
        background-color: #faf9f9 !important;
    }





    .igte_Windows7EditInContainer {
        font-size: 12px;
        font-family: Segoe UI, Verdana, Arial, Sans-Serif;
        border-width: 0px;
        outline: 0;
        top: 1px !important;
        left: 2px !important;
    }

    .senhaVencimento:focus {
        background-color: white !important;
    }


    .l18 {
        margin-left: 18px;
    }

    .l30 {
        margin-left: 30px;
    }

    .l40 {
        margin-left: 40px;
    }

    .l60 {
        margin-left: 60px;
    }


    .divTituloDetalheU {
        width: 100%;
        height: 35px;
        border-bottom: 1px #becbe7 solid !important;
        color: #ebe9e9 !important;
        top: 25px !important;
        position: relative;
        background-color: #becbe7 /*#8794c0*/;
        margin-bottom: 12px;
        left: 234px;
        margin-left: -3px;
    }


    .lbDetalheTituloU {
        color: #ebe9e9 !important;
        top: 8px;
        position: relative;
        left: 55px;
        text-align: left !important;
        width: 98% !important;
        font-family: Verdana, Geneva, sans-serif !important;
        font-size: 10pt;
    }

    .switch {
        position: relative;
        display: inline-block;
        width: 55px;
        height: 34px;
        top: -8px;
        left: 13px;
        /* position: relative;
    display: inline-block;
    width: 42px;
    height: 34px;
    top: -8px;
    left: 37px;*/
    }

        .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

    .slider {
        position: absolute;
        cursor: pointer;
        top: 10px;
        left: -3px;
        right: 7px;
        bottom: -1px;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
        margin-left: -6px;
        margin-right: 21px;
        margin-top: -12px;
        margin-bottom: 12px;
        /*  position: absolute;
    cursor: pointer;
    top: 13px;
    left: 33px;
    right: 20px;
    bottom: -1px;
    background-color: #ccc !important;
    -webkit-transition: .4s !important;
    transition: .4s;
    margin-left: -57px;
    margin-right: 0px;
    margin-top: -12px;
    margin-bottom: 12px;*/
    }

        .slider:before {
            /*  position: absolute;
        content: "";
        height: 21px;
        width: 24px;
        left: 9px;
        bottom: 0px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;*/
            position: absolute;
            content: "";
            height: 20px;
            width: 20px;
            left: 2px;
            bottom: 3px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
            right: 6px !important;
        }

    input:checked + .slider {
        background-color: #c2e8ff;
        background-color: #8bb7f0;
    }

    input:focus + .slider {
        box-shadow: 0 0 1px #2196F3;
    }

    input:checked + .slider:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(26px);
    }

    .lbslider {
        top: -6px !important;
        left: -5px !important;
    }

    /* Rounded sliders */
    .slider.round {
        border-radius: 41px;
        margin-left: -19px;
    }

        .slider.round:before {
            border-radius: 50%;
        }


    .btDetalheTitulo {
        background: url(../img/icones/UsuarioEdit.svg) center no-repeat !important;
        background-position-y: center;
        background-size: auto;
        background-position-y: center;
        background-size: auto;
        left: 2px !important;
        height: 44px !important;
        width: 36px;
        background-size: 40% !important;
        position: relative;
        background-position-y: 6px;
        top: -11px;
        background-position-y: 19px !important;
        text-align: left !important;
        position: fixed;
        z-index: 27;
    }

    .listaDetalhe {
        /* margin-top: -654px !important;*/
        background-color: white !important;
        height: 487px !important;
        width: 1142px !important;
        float: left !important;
        /*  margin-left: 246px !important;*/
        z-index: 20;
        position: relative;
        border: 1px solid gray;
    }

.listaDetalheP 
{
    background-color: white !important;
    height: 237px !important;
    width: 442px !important;
    float: left !important;
    margin-left: 529px !important;
    z-index: 27;
    position: relative !important;
    border: 1px solid gray;
    margin-top: 93px !important;
    left: 120px !important;
}

    .botoesDetalhe {
        position: relative;
        margin-top: 65px;
        text-align: center !important;
    }


    .btSalvarDetalhe {
        position: relative;
        margin-left: 65px;
        position: relative;
        top: 20px;
        left: -75px !important;
        color: white !important;
    }


    .btFecharDetalhe {
        position: relative;
        top: 20px;
        left: 39px !important;
        color: white !important;
    }

    .btSalvarDetalhe:hover {
        position: relative;
        margin-left: 65px;
        position: relative;
        top: 20px;
        left: -75px !important;
        color: white !important;
        background-color: #1c5ca1 !important;
    }


    .btFecharDetalhe:hover {
        position: relative;
        top: 20px;
        left: 39px !important;
        color: white !important;
        background-color: #1c5ca1 !important;
    }


    .txTelefoneNumero {
        position: relative;
        top: -54px !important;
        left: 70px !important;
    }


    .btEditarGridDetalhe {
        /* position: relative;
    left: 476px;
    top: -37px;
    background-size: 57% !important;*/
        background: transparent url('../img/icones/GenericoEdit.svg') no-repeat center !important;
        /* position: relative !important;
    top: -36px !important;
    background-color: #003580 !important;
    background-repeat: no-repeat !important;
    background-position: 9px 5px !important;
    background-color: #1c5ca1 !important;
    width: 36px;
    padding: 4px 6px !important;
    height: 29px !important;*/
        color: grey !important;
        font-size: 7pt !important;
        width: 24px !important;
        margin-left: 501px !important;
        top: 52px !important;
        position: fixed !important;
        display: block !important;
        padding: 3px 17px !important;
        height: 31px !important;
        background-size: 74% !important;
    }


    .btRemoverGridDetalhe {
        background: url('../img/icones/DeleteGenerico.svg') center no-repeat !important;
        background-size: auto;
        color: grey !important;
        font-size: 7pt !important;
        width: 24px !important;
        margin-left: 538px !important;
        top: 52px !important;
        position: fixed !important;
        display: block !important;
        padding: 3px 17px !important;
        height: 31px !important;
        background-size: 74% !important;
    }


    .btP {
        margin-left: 60px;
    }

    .btFecharP {
        margin-left: -90px;
    }


    .btP:hover {
        margin-left: 60px;
    }

    .btFecharP:hover {
        margin-left: -90px;
    }


    .lbDetalheComplementoTitulo {
        z-index: 25;
        position: relative;
        width: 86% !important;
        text-align: left !important;
        float: left;
        left: 8px;
        top: 6px;
        /*background-color: #5a6794;*/
        font-family: Verdana, Geneva, sans-serif !important;
        font-size: 10pt !important;
        padding-left: 5px;
        color: #797272;
    }


    .tituloNavegacao {
        left: -2px;
        position: fixed;
        top: -2px;
        height: 37px !important;
        color: white !important;
        width: 235px;
        background-color: #5a6794 !important;
        z-index: 21;
    }


    .divComplementoTitulo {
        background-color: #becbe7 !important;
        position: fixed;
        left: 233px;
        z-index: 28;
        height: 34px;
        width: 100%;
    }

    .divVoltar {
        background-color: #c7cace !important;
        width: 234px;
        left: 0px;
        position: fixed;
        height: 52px;
        top: 35px;
        z-index: 25;
    }


    .alert_message input[type="button"] {
        margin-top: 10px;
        text-transform: uppercase;
        margin-right: -1px;
        width: 49px;
        margin-left: 17px;
        padding: 2px 2px 2px 2px;
        color: white !important;
    }


        .alert_message input[type="button"]:hover {
            margin-top: 10px;
            text-transform: uppercase;
            margin-right: -1px;
            width: 49px;
            /* padding-left: 17px;*/
            color: black !important;
            padding: 2px 2px 2px 2px;
            color: white !important;
            background-color: #1c5ca1;
        }



    .lbVoltarUsuario {
        position: relative;
        top: 5px;
        left: -3px;
    }


    .senhaVencimento.table {
        background-color: orange !important;
        border-radius: 8px !important;
    }

    /*.senhaVencimento tbody > tr  {
    background-color: Red !important;
    border-radius:8px !important;
}

.dtSenhaVencimento > tr {
    background-color: Red !important;
}
#dtSenhaVencimento > tr {
    background-color: Red !important;
}

tbody.dtSenhaVencimento > tr {
    background-color: Red !important;
}*/


    .ignorarSenha {
        position: relative;
        top: 34px;
        left: -4px;
        float: left !important;
    }

    .lbIgnorar {
        position: relative;
        top: -34px !important;
        left: -70px !important;
    }

    .timeZoneUsuario {
        position: relative;
        top: -45px;
        left: 5px;
    }

    .idiomaUsuario {
        position: relative;
        top: -45px;
        left: 5px;
    }

    .m-10 {
        margin-top: -10px !important;
    }

    .dtSenhaUsuario {
        position: relative;
        top: -9px !important;
        left: -35px;
        float: left;
    }

    .t010 {
        position: relative;
        top: -10px;
    }

    .t020 {
        position: relative;
        top: 20px;
    }


    .divMain {
        position: relative;
        overflow: hidden;
        width: 1000px;
        height: 800px;
    }

    .divPainel {
        /*    margin: 0 !important;
    padding: 0;
    border: 0;
    background-color: white;
    width: 100%;
    height: 100%;
    float: left !important;

    position: fixed;
    width: 1000px;*/
        width: 100%;
        margin: 0 auto;
        height: auto;
    }


    .fancybox-opened {
        z-index: 8030;
        top: 37px !important;
    }

    .ddlPeriodo {
        margin-top: -2px !important;
    }


    .alert_messageMsg {
        min-width: 286px;
        text-align: center !important;
        height: 141px;
        padding-top: 10px;
        padding-right: 22px;
        width: 200px;
        padding-left: 0px;
    }

        .alert_messageMsg p {
            font-size: 11pt;
            line-height: 18px;
            margin-left: 4px !important;
            padding-top: 20px;
            text-align: center !important;
            width: 280px;
        }

        .alert_messageMsg input[type="button"] {
            margin-right: 10px
        }

        .alert_messageMsg input[type="button"] {
            margin-top: 25px !important;
            text-transform: uppercase;
            margin-right: -1px;
            width: 49px;
            margin-left: 17px;
            padding: 2px 2px 2px 2px;
            color: white !important;
        }


            .alert_messageMsg input[type="button"]:hover {
                margin-top: 25px !important;
                text-transform: uppercase;
                margin-right: -1px;
                width: 49px;
                margin-left: 17px;
                padding: 2px 2px 2px 2px;
                color: white !important;
                background-color: #2c4c8f !important;
            }




    .btUsuarioBlock {
        background: transparent url('../img/icones/UsuarioBlock.svg') no-repeat center center !important;
        background-position: 10px 5px;
        height: 31px !important;
        position: relative;
        color: grey !important;
        font-size: 7pt !important;
        width: 24px !important;
        margin-top: -14px !important;
        position: relative !important;
        display: block !important;
        padding: 3px 17px !important;
        background-size: 74% !important;
        margin-left: 532px !important;
        /*   border: 1px solid #bfe3f2 !important;*/
        border-radius: 4px;
    }


    .btUsuarioBlockOff {
        background: transparent url('../img/icones/UsuarioBlockOff.svg') no-repeat center center !important;
        background-position: 10px 5px;
        height: 31px !important;
        position: relative;
        color: grey !important;
        font-size: 7pt !important;
        width: 24px !important;
        margin-top: -14px !important;
        position: relative !important;
        display: block !important;
        padding: 3px 17px !important;
        background-size: 74% !important;
        margin-left: 532px !important;
        /*    border: 1px solid #bfe3f2 !important;*/
        border-radius: 4px;
    }


    .btUsuarioUnBlock {
        background: transparent url('../img/icones/UsuarioUnBlock.svg') no-repeat center center !important;
        background-position: 10px 5px;
        height: 31px !important;
        position: relative;
        color: grey !important;
        font-size: 7pt !important;
        width: 24px !important;
        margin-top: -14px !important;
        position: relative !important;
        display: block !important;
        padding: 3px 17px !important;
        background-size: 74% !important;
        margin-left: 532px !important;
        /* border: 1px solid #bfe3f2 !important;*/
        border-radius: 4px;
    }

    .btSenhaReset {
        background: transparent url('../img/icones/SenhaReset.svg') no-repeat center center !important;
        height: 31px !important;
        position: relative;
        color: grey !important;
        font-size: 7pt !important;
        width: 24px !important;
        margin-top: -31px !important;
        position: fixed !important;
        display: block !important;
        padding: 3px 17px !important;
        background-size: 74% !important;
        margin-left: 568px !important;
        /*    border: 1px solid #bfe3f2 !important;*/
        border-radius: 4px;
    }


    .btSenhaResetOff {
        background: transparent url('../img/icones/SenhaResetOff.svg') no-repeat center center !important;
        height: 31px !important;
        position: relative;
        color: grey !important;
        font-size: 7pt !important;
        width: 24px !important;
        margin-top: -31px !important;
        position: fixed !important;
        display: block !important;
        padding: 3px 17px !important;
        background-size: 74% !important;
        margin-left: 568px !important;
        /*border: 1px solid #bfe3f2 !important;*/
        border-radius: 4px;
    }


    .hidden {
        display: none !important;
        visibility: hidden !important;
        width: 0px;
    }


    .clearTxFiltro {
        background: transparent url('../img/icones/clearSearch1.svg') no-repeat center center !important;
        background-size: auto;
        height: 18px !important;
        position: relative;
        color: grey !important;
        font-size: 7pt !important;
        width: 57px !important;
        top: 15px;
        padding: 0 !important;
        right: -20px !important;
        background-size: 30% !important;
    }


    .btBloquearPermissao {
        background: url('../img/icones/GenericoDeleteOff.svg') center no-repeat !important;
        font-size: 3pt !important;
        height: 31px !important;
        width: 24px !important;
        padding: 0 !important;
        color: white !important;
        left: 787px !important;
        top: 52px !important;
        position: fixed !important;
        padding: 3px 17px !important;
        background-size: 74% !important;
    }


    .btBloquearPermissaoOff {
        background: url('../img/icones/GenericoDeleteOff.svg') center no-repeat !important;
        font-size: 3pt !important;
        height: 31px !important;
        width: 24px !important;
        padding: 0 !important;
        color: white !important;
        left: 787px !important;
        top: 52px !important;
        position: fixed !important;
        padding: 3px 17px !important;
        background-size: 74% !important;
    }

    .clearTxFiltroDetalhe {
        background: transparent url('../img/icones/clearSearch1.svg') no-repeat center center !important;
        background-size: auto;
        background-size: auto;
        height: 18px !important;
        position: relative;
        color: grey !important;
        font-size: 7pt !important;
        width: 57px !important;
        top: -34px;
        padding: 0 !important;
        left: 413px !important;
        background-size: 30% !important;
    }


    .divDetalheUsuario {
        margin-top: -654px !important;
        background-color: white !important;
        height: 487px !important;
        width: 1142px !important;
        float: left !important;
        margin-left: 15% !important;
        z-index: 20;
        position: relative;
        border: 1px solid gray;
        top: -270px !important;
    }


    .txDetalhe5 {
        top: -7px !important;
        position: relative;
        padding-top: -12px;
        display: block;
        left: 10px;
        background-color: #e8f1f5;
        color: black !important;
        border: 1px solid lightgray;
        left: 12px !important;
        border-radius: 5px;
    }

    .ddlTipoEndereco2 {
        position: relative;
        top: 28px;
        height: 32px;
        left: -9px;
    }



    .divBotaoPopup {
        position: relative;
        text-align: center;
        top: 97px !important;
    }

    .btOkEnderecoU, .btOkEnderecoU:hover {
        position: relative;
        margin-top: -18px;
        text-align: center;
        color: white !important;
        height: 35px !important;
        background-color: #2c4c8f !important;
    }


    .btOKDetalhe, .btOKDetalhe:hover {
        position: relative;
        margin-left: 40%;
        margin-top: 20%;
        color: white !important;
        background-color: #2c4c8f !important;
    }


    .newbandeiras {
        /*background-color: red !important;*/
        float: right;
        top: 10px;
        height: 20px;
        position: relative;
        top: 5px;
        right: 0px;
    }

    .divTabelasBandeiras {
        background-color: white !important;
        height: 180px;
        width: 52px;
        position: relative;
        top: 28px;
        float: right;
        right: 0px;
        padding-left: 15px;
        float: left;
        z-index: 40;
        border: 1px solid #dcdcdc;
        left: 48px;
    }


    .red {
        /*border: 1px solid red !important;*/
    }


    .-mt20 {
        margin-top: -20px;
    }

    .mt20 {
        margin-top: 20px;
    }


    .uitk-spacing-padding-blockend-four, .uitk-spacing-padding-small-blockend-four {
        /* padding-bottom: 1rem;*/
    }

    .uitk-flex {
        display: -webkit-flex;
        /* display: flex;*/
    }

    .uitk-error {
        background-color: #f44336;
        border-radius: 6px !important;
        border: 2px solid #f44336;
        color: white !important;
        border-radius: 6px !important;
        font-size: 0.875rem;
        padding-top: 0.7rem;
        width: 57%;
        text-align: center;
        margin-left: 12px !important;
        margin-top: 55px !important;
        float: left;
        z-index: 400;
        position: relative;
        width: 51% !important;
        padding-bottom: 0.7rem;
        float: left;
        left: -10px;
        margin-bottom: -44px;
        text-align: left;
        padding-left: 14px;
        padding-right: 14px;
        font-weight: bold;
    }


    .uitk-save {
        border: 2px solid #1f9353;
        color: #1f9353 !important;
        border-radius: 6px !important;
        font-size: 0.875rem;
        padding-top: 0.7rem;
        width: 57%;
        text-align: center;
        margin-left: 12px !important;
        margin-top: 55px !important;
        float: left;
        z-index: 400;
        position: relative;
        width: 51% !important;
        padding-bottom: 0.7rem;
        float: left;
        left: -10px;
        margin-bottom: -44px;
        text-align: left;
        padding-left: 14px;
        padding-right: 14px;
        font-weight: bold;
    }

    .uitk-error-summary-heading {
        white-space: pre-wrap;
        /* color: white !important;*/
        /*  word-wrap: break-word;*/
    }

    .closebtn1 {
        /*  margin-left: -105px;*/
        color: white;
        font-weight: bold;
        float: right;
        font-size: 22px;
        line-height: 10px;
        cursor: pointer;
        transition: 0.3s;
        z-index: 402;
        margin-top: 5px;
        /*left: 892px;*/
        float: right;
    }

        .closebtn1:hover {
            color: black;
            z-index: 402;
        }


.divEsDir {
    /* height: 93vh;
        width: 100%;
        top: 0px auto;
        position: relative;
        top: -81px;*/
    height: 94vh;
    width: 98%;
    position: relative;
    margin-top: -66px !important;
    overflow: auto;
   /* background-color: blue;*/
}


    .divDireita1 {
        /*background-color: #fff;
	float: left;
	left: 257px;
	position: absolute;
	width: 83%;
	height: 99%;
	top: 1px;*/
        background-color: #fff;
        float: left;
        left: 283px;
        width: 83%;
        height: 78%;
        top: 6px;
        position: fixed;
    }


.divInferiorDireita {
    /* background-color: white;
    position: relative;*/
    width: 100%;
    height: inherit;
   
}


    .bodyContent {
        overflow: hidden;
        background-color: chartreuse;
    }





.WebTabPainel iframe {
    width: 100vw !important;
    height: 99% !important;
}






table tbody tr hover {
    background-color: transparent;
}


table .l20 {
    width: 20px !important;
    min-width: 20px
}

table tr td input[type="button"] {
    display: inline-block;
    margin: 0 5px;
    width: 16px;
    height: 16px
}

table tr td img, table tr td a {
    display: inline-block;
    margin: 0;
    width: 16px;
    height: 16px
}

table tr td input[type="button"]:hover {
    background-color: unset !important;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50)
}

table tbody tr.dtpager, .dtpager table tbody tr:hover {
    background: #DDD;
}

.dtpager table {
    width: auto;
    border-left: 1px solid #CCC;
    margin: 5px auto !important;
}

    .dtpager table tbody td {
        width: 26px;
        border: 1px solid #CCC;
        border-left: none;
        padding: 0;
        border-collapse: collapse;
        line-height: 20px;
        border-radius: 4px;
    }

        .dtpager table tbody td a, .dtpager table tbody td span {
            font-size: 11px;
            display: block;
            width: 26px;
            height: 20px;
            padding: 5px;
            line-height: 20px;
            background: white;
        }

            .dtpager table tbody td a:hover {
                background: #99cc34;
                color: #333;
                text-decoration: none
            }

        .dtpager table tbody td span {
            background: #1c5ca1;
            color: #FFF;
            cursor: default;
        }

    .dtpager table tr {
        background: #FFF;
        margin-top: -20px !important;
        position: relative;
        margin-bottom: -20px;
        height: 15px;
    }

table thead th.sortable, table thead td.sortable, table tbody th.sortable {
    background-color: red !important;
    color: #FFF;
    cursor: default
}