/* Minification failed. Returning unminified contents.
(7333,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(8078,47): run-time error CSS1031: Expected selector, found ','
(8083,56): run-time error CSS1031: Expected selector, found ','
(8087,57): run-time error CSS1031: Expected selector, found ','
 */
@font-face {
    font-family: Regular;
    src: url(../fonts/MyriadPro-Regular.WOFF);
    /*  src: url(/Content/fonts/HelveticaCd.woff);*/
}

@font-face {
    font-family: Light;
    src: url(../fonts/MyriadPro-Light.WOFF);
    /* src: url(/Content/fonts/HelveticaNeue.woff);*/
}

@font-face {
    font-family: Bold;
    src: url(../fonts/MyriadPro-SemiBold.WOFF);
    /* src: url(/Content/fonts/HelveticaCdMed.woff);*/
}

@font-face {
    font-family: glyphicon;
    src: url(../fonts/glyphicons-halflings-regular.woff);
    /* src: url(/Content/fonts/glyphicons-halflings-regular.woff);*/
}

iframe {
    left: 0%;
    border: none;
    min-width: 100%;
    position: absolute;
}

@media (min-width: 900px) {
    iframe {
        left: 10%;
        border: none;
        /*height: 100vh !important;*/
        min-width: 100%;
        position: absolute;
    }
}

#btnLogin {
    text-decoration: none;
    color: #fff !important;
    background-color: #09FE00 !important;
    /* box-shadow: 0px 1px 2px grey; */
    border-radius: 5px;
    position: relative;
    top: -2%;
    margin-top: 80px;
}

@media (max-width:1400px) {
    #btnLogin {
        position: relative !important;
        top: -3% !important;
        margin-top: 1% !important;
        font-size: 15px !important;
    }

    .Label-Login {
        font-size: 20px !important;
    }

    .Label-campos {
        font-size: 12px !important;
        top: 9% !important;
        left: 0% !important;
        font-size: 15px !important;
        margin-bottom: 2% !important;
    }

    .esqueci-a-senha {
        text-align: right !important;
        margin-top: -28% !important;
    }
}

#btnLogin {
    text-decoration: none;
    color: #fff !important;
    background-color: #09FE00 !important;
    /* box-shadow: 0px 1px 2px grey; */
    border-radius: 5px;
    position: relative;
    top: -2%;
    margin-top: 80px;
    transition-duration: 0.5s;
}



    #btnLogin:hover {
        background-color: #09FE00 !important;
        transition-duration: 0.5s;
    }

.sairTopo, .corretorTopo {
    cursor: pointer;
}

.soLogo {
    display: none;
}

.fontBold {
    font-family: Bold;
}

.h3MenorInternas {
    padding-left: 0px;
    font-size: 18px !important;
    padding-bottom: 10px;
}

.alinhaInfo {
    padding-top: 27px;
}

.btn.active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}

.antesBtn {
    margin-right: 10px;
}

.negrito {
    font-family: Bold !important;
}

.usuarioTopo h2 {
    font-size: 18px;
    margin-bottom: 0px !important;
    /*   float: left; */
}

.divTituloBusca {
    text-align: left !important;
}

.usuarioTopo hr {
    margin-top: 0px;
    margin-bottom: 10px;
    border: 0;
}

.linhaPontilhada hr {
    border-top: 0px !important;
    margin-top: 0px !important;
}

.h2Menor {
    font-family: Light;
    font-size: 27px !important;
}

.h2MenorInternas {
    padding-left: 14px;
    font-size: 22px !important;
    padding-bottom: 10px;
}

.iconeDash {
    font-size: 31px;
    padding-right: 10px;
    top: 4px;
}

.subMenuConteudo a {
    font-family: Bold;
    text-decoration: none;
    font-size: 12px;
}

.subMenuConteudo i {
    font-size: 20px;
}

.bordaPontilhadaDireita {
    padding: 7px 15px 7px 8px;
    margin-right: 14px;
}

label {
    font-weight: normal !important;
    /*font-family: Regular;*/
    font-size: 18px;
    text-transform: uppercase;
}

body {
    font-weight: normal !important;
    font-family: Light !important;
    font-size: 15px;
}

h2 {
    font-size: 28px;
    margin-bottom: 0px !important;
}

.modal-content {
    border-radius: 0px;
}

.banner {
    height: 235px;
    margin-bottom: 0px !important;
}

.textoNormal {
    font-family: Regular !important;
}

.textoMenor {
    font-size: 13px !important;
}

.pResumoCotacao {
    padding-top: 16px;
}

    .pResumoCotacao span {
        font-family: Bold;
    }

.inner-addon {
    position: relative;
}

    /* style icon */
    .inner-addon .glyphicon {
        position: absolute;
        padding: 10px;
        /*pointer-events: none;*/
        padding-top: 7px;
        cursor: pointer;
        color: #666 !important;
    }

.right-addon .glyphicon {
    right: 0px;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    background-image: none;
    border-radius: 7px;
    text-transform: none !important;
}

.formularioSemBorda label {
    font-family: Bold !important;
}

.formularioSemBorda {
    border: 0px !important;
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.42857143;
    background-image: none;
    border-radius: 0px !important;
}

.paddingRight {
    padding-right: 30px !important;
}

.espacamentoMenor {
    margin-bottom: 10px;
}

.marginCima {
    margin-top: 20px;
}

#detalhe-div {
    padding: 10px 10px 10px 10px;
    width: 800px;
    position: absolute;
    z-index: 25000;
    filter: alpha(opacity=100);
    opacity: 1.0;
    left: 50%;
    margin-left: -400px;
    top: 20%;
}


.div-background {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: black;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 20000;
}


#detalhe-div-load {
    width: 300px;
    height: 120px;
    z-index: 26000;
    border: 1px solid #aaa;
    border-radius: 4px;
    text-align: center;
    color: #202020;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -100px;
}

.botaoPrincipal {
    white-space: nowrap;
    margin-right: 5px;
    margin-left: 5px;
    padding: 8px 26px 8px 26px;
    border-radius: 0px;
    border: 0px solid;
    font-size: 16px;
    text-transform: none !important;
    text-align: center;
    cursor: pointer;
    -ms-word-break: keep-all;
    word-break: keep-all;
    white-space: nowrap !important;
    font-family: Light;
}

@media(max-width: 400px) {
    .botaoPrincipal {
        white-space: nowrap;
        margin-right: 5px;
        margin-left: 0px;
        padding: 8px 26px 8px 26px;
        border-radius: 0px;
        border: 0px solid;
        font-size: 16px;
        text-transform: none !important;
        text-align: center;
        cursor: pointer;
        -ms-word-break: keep-all;
        word-break: keep-all;
        white-space: nowrap !important;
        font-family: Light;
    }
}

@media(max-width: 400px) {
    .botaoPrincipal {
        white-space: nowrap;
        margin-right: 5px;
        margin-left: 0px;
        padding: 8px 26px 8px 26px;
        border-radius: 0px;
        border: 0px solid;
        font-size: 16px;
        text-transform: none !important;
        text-align: center;
        cursor: pointer;
        -ms-word-break: keep-all;
        word-break: keep-all;
        white-space: nowrap !important;
        font-family: Light;
    }
}

.botaoCadastro {
    white-space: nowrap;
    margin-right: 5px;
    margin-left: 5px;
    padding: 8px 26px 8px 26px;
    border-radius: 0px;
    border: 0px solid;
    font-size: 16px;
    text-transform: none !important;
    text-align: center;
    cursor: pointer;
    -ms-word-break: keep-all;
    word-break: keep-all;
    white-space: nowrap !important;
    font-family: Light;
    border-radius: 5px;
}


.botaoPaginador {
    /* font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    color: #000;
    height: 25px;
    width: 25px;
    font-size: 14px;
    cursor: pointer;
    padding: 0px 5px 0px 5px;
    background-color: #eee;
    border: solid 1px #ccc;*/
    /*font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 12px;
    background: #DDD;
    border: 1px solid #CCC;
    cursor: pointer;
    color: #333;*/
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    background: #0a5543;
    color: #fff;
    border-radius: 0;
    border-color: #4cae4c;
    border: 1px solid transparent;
    transition: all .4s;
}

    .botaoPaginador:hover {
        font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
        background: #74db9a;
        color: #fff;
        border-radius: 0;
        border-color: #4cae4c;
        border: 1px solid transparent;
        transition: all .4s;
    }

.campoPaginaAtual {
    width: 10px !important;
    margin-bottom: 0px !important;
}

.botaoPrimeiro {
}

.paginador {
    padding: 3px 3px 3px 0px;
    margin-top: 10px;
    text-align: left;
    height: 25px;
    color: #777;
}

.paginadorDireita {
    float: left;
    padding: 0 10px 0 0;
    height: 20px;
    background-color: transparent;
}

.paginadorMeio {
    float: left;
    padding: 0 10px 0 10px;
}

.paginadorEsquerda {
    float: left;
    padding: 0 0 0 0;
}

.botaoTopo {
    font-size: 14px !important;
    text-transform: uppercase !important;
}

input[type=file] {
    margin-top: 12px !important;
    width: 91%;
    display: inline;
    margin-left: -160px;
    cursor: pointer;
}

.atalhoMensagem .fa-fw {
    padding-right: 25px !important;
    font-size: 20px;
}

.uploadResult li {
    list-style-type: square;
}

.botaoPrincipal i {
    margin-right: 5px !important;
}

.botaoCinza {
    margin-right: 5px;
    margin-left: 5px;
    padding: 8px 26px 8px 26px;
    border-radius: 5px;
    border: 0px solid;
    font-size: 18px;
    text-transform: none !important;
    text-align: center;
    cursor: pointer;
    -ms-word-break: keep-all;
    word-break: keep-all;
    white-space: nowrap !important;
    font-family: Light;
}

.botaoVerde {
    margin-right: 5px;
    margin-left: 5px;
    padding: 8px 26px 8px 26px;
    border-radius: 5px;
    border: 0px solid;
    font-size: 18px;
    text-transform: none !important;
    text-align: center;
    cursor: pointer;
    -ms-word-break: keep-all;
    word-break: keep-all;
    white-space: nowrap !important;
    font-family: Light;
}

.botaoDesabilitado {
    margin-right: 5px;
    margin-left: 5px;
    padding: 8px 12px 8px 12px;
    border-radius: 25px;
    border: 0px solid;
    font-size: 15px;
    text-transform: none !important;
    text-align: center;
    cursor: pointer;
    font-family: Light;
}

.botaoSecundario {
    white-space: nowrap;
    margin-right: 5px;
    margin-left: 5px;
    padding: 8px 12px 8px 12px;
    border-radius: 0px;
    border: 0px solid;
    font-size: 15px;
    text-transform: none !important;
    text-align: center;
    cursor: pointer;
    font-family: Light;
}

.botaoBranco {
    margin-right: 5px;
    margin-left: 5px;
    padding: 5px 3px 5px 5px;
    border-radius: 25px;
    font-size: 13px;
    text-transform: none !important;
    text-align: center;
    width: 100%;
    font-family: Light;
    cursor: pointer;
}

    .botaoBranco i {
        font-size: 19px;
        top: 4px;
        margin-right: 5px;
    }

.botaoBrancoA {
    margin-right: 10px;
    margin-left: 10px;
    border-radius: 5px;
    font-size: 15px;
    text-transform: none !important;
    text-align: center;
    width: 100%;
    /* font-family: Bold; */
    padding: 8px 22px 4px 22px !important;
    white-space: nowrap !important;
    cursor: pointer;
}

    .botaoBrancoA i, .botaoBrancoA .fa-fw {
        font-size: 23px !important;
        top: 4px;
        margin-right: 5px;
        margin-bottom: 2px;
    }

@media(max-width:992px) {

    .menuMobile {
        width: 100% !important;
        /*transition-duration: 0.3s;*/
    }

    .acaoExpandir {
        display: none;
    }

    #iconeHome {
        display: none;
    }
}




.clicouConteudoInterno {
    cursor: pointer;
}

.alinhaMeio {
    margin-top: 22px !important;
}

.input-group .form-control {
    width: 100% !important;
}

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

.espacamento {
    margin-bottom: 20px;
}

.espacamentoMaior {
    margin-bottom: 40px;
}

.espacamentoMenor {
    margin-bottom: 10px;
}

.graficoSelect {
    display: none;
}

.botaoFormulario {
    padding-top: 10px;
}

.atalhoCotacao, .atalhoUpload, .atalhoMensagem {
    z-index: 7;
    /* padding-top: 1px; */
    position: fixed;
    top: 9.5%;
    /*  height: 80px; */
    display: none;
    padding-left: 21px;
    padding-right: 21px;
}

.buscaMenor {
    margin-left: 17px;
}

.radioBusca {
    position: relative;
    display: inline-block;
}

.detalhesSolicitacao {
    text-transform: uppercase;
}

.alinhaDireita {
    float: right !important;
}

.alinhaEsquerda {
    text-align: left !important;
}

/*Inicio--Edi��o de tela vitor*/

.alinhaCentroHome {
    text-align: center !important;
}


.alinhaCentro {
    text-align: center !important;
    margin-left: 246px;
}

.alinhaCentroSubUsuario {
    text-align: center !important;
    margin-left: -20% !important;
    left: 38% !important;
}

.alinhaCentroBotoes {
    text-align: center !important;
}

.alinhaCentroTrocaSenha {
    text-align: center !important;
    margin-left: -20% !important;
    left: 56% !important;
}
/*-------------------------Menu Landing Mobile ---------------------------------*/
@media(max-width:600px) {
    .div-username {
        position: absolute !important;
        left: 4% !important;
        width: 86% !important;
        height: 304px !important;
        object-fit: contain;
        /* border-radius: 13px; */
        background-color: #f8f8f8;
        padding-left: 2.1%;
        padding-right: 3.9%;
        padding-top: 5.5% !important;
        border-radius: 5px !important;
    }

    iframe {
        height: 100vh !important;
    }

    .esqueci-a-senha {
        text-align: right !important;
        margin-top: -65px !important;
    }


    .Login {
        width: 97% !important;
        height: 50% !important;
        z-index: 26000;
        position: fixed;
        left: 26% !important;
        top: 37% !important;
        margin-left: -22% !important;
        background-color: transparent;
        border-radius: 0px !important;
    }

    .RecuperarSenha {
        width: 97% !important;
        height: 40% !important;
        z-index: 26000;
        position: fixed;
        left: 26% !important;
        top: 20% !important;
        margin-left: -22% !important;
        background-color: transparent;
        border-radius: 0px !important;
    }

    .TrocarSenha {
        width: 97% !important;
        height: 40% !important;
        z-index: 26000;
        position: fixed;
        left: 26% !important;
        top: 20% !important;
        margin-left: -22% !important;
        background-color: transparent;
        border-radius: 0px !important;
    }

    .div-recuperar-senha {
        position: absolute !important;
        left: 0% !important;
        width: 94% !important;
        height: 100% !important;
        object-fit: contain;
        border-radius: 0% !important;
        box-shadow: -10px 2px 20px 0 rgba(0, 0, 0, 0.12);
        background-color: #f8f8f8;
        padding-left: 2.1%;
        padding-right: 3.9%;
        padding-top: 2.5% !important;
        border-radius: 0px !important;
    }

    .Todos-os-direitos-re {
        height: 19px;
        font-family: Light;
        font-size: 13px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;
        position: fixed;
        bottom: 32px;
        left: 15% !important;
        top: 89% !important;
        z-index: 99999999;
        right: 15% !important;
        margin-bottom: 10px !important;
    }

    .rodape-powered-by {
        position: fixed;
        bottom: 32px;
        left: 28% !important;
        right: 9% !important;
        color: #ffffff;
        z-index: 99999999;
        top: 94%;
    }

    .div-orange-ezze {
        width: 94% !important;
        height: 89% !important;
        /* position: absolute; */
        top: -58% !important;
        border-radius: 79px !important;
    }

    #img-background {
        border-radius: 60px !important;
    }

    .div-detalhe {
        width: 97% !important;
        height: 120px;
        z-index: 26000;
        position: fixed;
        left: 7% !important;
        top: 50% !important;
        background-color: transparent;
        margin-left: -22px !important;
    }

    .Bem-vindo-ao-portal {
        font-family: "Raleway", Sans-serif;
        font-size: 22.2px !important;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center !important;
        color: #ffffff;
    }

    .voltar {
        margin-top: 15%;
        text-align: center
    }

    #botaoSecundarioMobile1 {
        margin-left: 4px !important;
    }
}
/*@media(max-width:1050px){
    .div-username {
        position: absolute;
        left: 51% !important;
        width: 58% !important;
        height: 100%;
        object-fit: contain;
        border-radius: 13px;
        box-shadow: -10px 2px 20px 0 rgba(0, 0, 0, 0.12);
        background-color: #f8f8f8;
        padding-left: 4.1%;
        padding-right: 3.9%;
        padding-top: 5.5%;
    }
    .Login {
        width: 74%!important;
        height: 41%;
        z-index: 26000;
        position: fixed;
        left: 34%!important;
        top: 24%;
        margin-left: -25%!important;
        background-color: transparent;
    }

}*/

@media(min-width:601px) and (max-width:1000px) {


    .div-username {
        left: 63% !important;
        width: 65% !important;
        top: 2% !important;
        height: 61.4% !important;
        border-radius: 5px !important;
        box-shadow: -3px -1px 3px 0 rgba(0, 0, 0, 0.2) !important;
    }

    .esqueci-a-senha {
        text-align: right !important;
        margin-top: -13% !important;
        width: 2%;
        padding-left: 6%;
    }

    .Login {
        width: 55% !important;
        height: 460px !important;
        left: 36% !important;
        top: 43% !important;
        margin-left: -20% !important;
        margin-top: -20% !important;
    }

    .RecuperarSenha {
        width: 97% !important;
        height: 40% !important;
        left: 26% !important;
        top: 20% !important;
        margin-left: -22% !important;
        border-radius: 0px !important;
    }

    .TrocarSenha {
        width: 97% !important;
        height: 40% !important;
        left: 26% !important;
        top: 20% !important;
        margin-left: -22% !important;
        border-radius: 0px !important;
    }

    .div-recuperar-senha {
        left: 0% !important;
        width: 94% !important;
        height: 100% !important;
        border-radius: 0% !important;
    }

    .Todos-os-direitos-re {
        left: 36% !important;
        top: 87% !important;
    }

    .rodape-powered-by {
        left: 38% !important;
        margin-left: 2% !important;
        right: 9% !important;
        top: 91%;
    }

    .div-orange-ezze {
        width: 71% !important;
        height: 65% !important;
        top: 2% !important;
        border-radius: 0px !important;
    }

    .div-detalhe {
        width: 97% !important;
        height: 120px;
        left: 7% !important;
        top: 50% !important;
        margin-left: -22px !important;
    }

    .Bem-vindo-ao-portal {
        font-size: 26.2px !important;
    }

    .voltar {
        margin-top: 15%;
        text-align: center
    }

    #botaoSecundarioMobile1 {
        padding-left: 133px !important;
        padding-right: 182px !important;
        width: 214px !important;
        left: -45% !important;
        margin-left: -18px !important;
    }

    #botaoSecundarioMobile2 {
        box-shadow: 0px 1px 2px black !important;
        width: 303px !important;
    }

    .font-text-landing1 {
        font-size: 13px;
    }

    .font-text-landing2 {
        margin-left: 50%;
        font-size: 13px;
        margin-top: -29px;
        position: absolute;
    }

    button.botaoSecundario {
        width: 100%;
        margin-left: 0px;
        padding: 10px 12px 8px 12px;
        font-size: 15px;
        margin-top: 1px;
    }
}

@media (min-heigth: 600px) {
    .div-username {
        /* position: absolute !important; */
        /* left: 0% !important; */
        /* width: 94% !important; */
        height: 81% !important;
        /* object-fit: contain; */
        /* border-radius: 13px; */
        /* box-shadow: -10px 2px 20px 0 rgba(0, 0, 0, 0.12); */
        /* background-color: #f8f8f8; */
        /* padding-left: 2.1%; */
        /* padding-right: 3.9%; */
        /* padding-top: 2.5% !important; */
        /* border-radius: 0px !important; */
    }
}
/*-------------------------Menu Landing Mobile Fim ---------------------------------*/
@media(min-width: 750px) and (max-width: 800px) {
    .alinhaCentroSubUsuario {
        text-align: center !important;
        margin-left: 0px;
        margin-right: 0px;
    }

    .alinhaCentro {
        text-align: center !important;
        margin-left: 125px;
        margin-right: -57px;
    }

    .alinhaCentroTrocaSenha {
        text-align: center !important;
        margin-left: 0px;
        /*margin-right: 247px;*/
    }

    .alinhaCentroBotoes {
        text-align: center !important;
        margin-left: -21px;
        margin-right: -57px;
    }
}

@media(min-width: 951px) and (max-width: 1300px) {

    .alinhaCentro {
        text-align: center !important;
        margin-left: 125px;
        margin-right: -57px;
    }

    .alinhaCentroSubUsuario {
        text-align: center !important;
        margin-left: 190px;
        margin-right: -100px;
    }

    .alinhaCentroTrocaSenha {
        text-align: center !important;
        margin-left: 35%;
    }

    .alinhaCentroBotoes {
        text-align: center !important;
        margin-left: -83px;
        margin-right: -57px;
    }
}

@media(min-width:751) (max-width:950) {
    .alinhaCentroTrocaSenha {
        text-align: center !important;
        margin-left: 321px;
    }

    .alinhaCentroSubUsuario {
        text-align: center !important;
        margin-left: 68px;
    }
}


@media(max-width: 750px) {

    .alinhaCentro {
        text-align: center !important;
        margin-left: -6px;
        /*margin-right: 30px;*/
    }

    .alinhaCentroSubUsuario {
        text-align: center !important;
        margin-left: -172% !important;
        left: 86% !important;
    }


    .alinhaCentroTrocaSenha {
        text-align: center !important;
        margin-left: -87% !important;
        left: 86% !important;
    }

    .alinhaCentroBotoes {
        text-align: center !important;
        margin-left: -27px;
        margin-right: -57px;
    }
}

@media(min-width: 410px) {

    .alinhaCentroBotoes {
        text-align: center !important;
        margin-left: -41px;
        margin-right: -57px;
    }
}

@media(max-width: 500px) {

    .alinhaCentro {
        text-align: center !important;
        margin-right: 15px;
        margin-left: 0px;
        /*margin-left: 60px;*/
    }

    .alinhaCentroSubUsuario {
        text-align: center !important;
        margin-left: -2px;
        margin-right: 2px;
    }

    .alinhaCentroTrocaSenha {
        text-align: center !important;
        margin-left: -1px;
        margin-right: 3px;
    }

    .alinhaCentroBotoes {
        text-align: center !important;
        margin-left: -60px;
        margin-right: -57px;
    }
}
/*Fim--Edi��o de tela vitor*/

.container {
    width: 100%;
}

.main-container {
    padding-top: 0px;
    padding-bottom: 30px;
}

.topo {
    position: fixed;
    z-index: 7;
    width: 100%;
    height: 53px !important;
    /*box-shadow: 0px 2px 2px grey;*/
}

    .topo .glyphicon, .topo .fa-fw {
        font-size: 20px;
        padding-right: 10px;
    }

    .topo p {
        font-family: Light;
        display: inline-block;
        text-transform: uppercase;
    }

.pesquisarTopo, .corretorTopo {
    height: auto;
    text-align: center;
    padding-top: 9px;
    padding-bottom: 4px;
    margin-top: 7px;
    margin-bottom: 5px;
}

.sairTopo {
    text-align: center;
    padding-top: 14px;
}

@media (max-width: 700px) {

    .sairTopo {
        text-align: center;
        padding-top: 14px;
        margin-right: 0px;
    }
}

.conteudoMiolo {
    margin-left: 8.67%;
    padding: 10px 10px 0px 10px;
    margin-top: 14px;
}

.conteudoAdmin {
    padding: 0px 0px 0px 62px;
    width: 97% !important;
}


@media(max-width: 900px) {
    .conteudoAdmin {
        padding: 2px 6px 0px 15px;
        width: 100% !important;
    }
}

@media(max-width: 400px) {
    .conteudoAdmin {
        padding: 2px 6px 0px 52px;
        width: 100% !important;
    }
}

.modalAdmin {
    right: 20px !important;
    left: 20px !important;
}

.pendencias {
}
/*----------------------------------------------Estilo Home Inicio---------------------------------------------*/

.banner-home-layout-1 {
    width: 80%;
    height: 100%;
    background: #00828e;
}

.banner-home {
    padding-left: 2%;
    font-size: 30px;
    margin-left: 15px;
    border-bottom: solid #fabc30;
    width: 98%;
    color: #fabc30;
}





.container-Home {
    width: 97%;
    height: 62vh !important;
    margin-top: 9%;
    padding-left: 11%;
    padding-top: 1%;
}





.border-box {
    width: 2% !important;
    height: 100%;
    background-color: #00828e;
    transition-duration: 0.5s;
    color: white !important;
}

    .border-box:hover {
        width: 100% !important;
        transition-duration: 0.5s;
        color: white !important;
    }

.fundo-box {
    background-color: #00828e;
    width: 44%;
    height: 16%;
    margin-top: 46px;
    margin-bottom: 10px;
    left: 23%;
    box-shadow: 0px 1px 2px grey;
}

.home-box {
    width: 100% !important;
    height: 100% !important;
    width: 40%;
    height: 15%;
    margin-top: 30px;
    margin-bottom: 10px;
    left: 23%;
    background-color: white;
    box-shadow: 0px 1px 0px grey;
}


    .home-box:hover {
        margin-top: 25px;
        box-shadow: 0px 7px 11px grey;
    }

.title-home {
    text-align: center;
    margin-top: 1.7%;
    width: 31%;
    position: absolute;
}


.title-home-box {
    text-decoration: none !important;
    color: #00828e;
    font-size: 30px;
}

    .title-home-box:hover {
        text-decoration: none !important;
        color: white;
        font-size: 30px;
    }


.title-home :hover {
    text-decoration: none !important;
    transition-duration: 0.8s;
}

.sub-text {
    font-family: 'Open Sans', sans-serif;
    color: #878787;
    text-align: center;
    margin-top: 6.5%;
    width: 29%;
    position: absolute;
}

.sub-text-description {
    font-family: 'Open Sans', sans-serif;
    color: #878787;
    /* text-align: center; */
    margin-top: 6.5%;
    width: 81%;
    position: absolute;
    margin-left: 19%;
}





.img-home {
}



.description-container {
    width: 76%;
    height: 68%;
    float: left;
    margin-top: 49%;
    left: 16%;
}


.description-img-container {
    width: 66%;
    height: 68%;
    background-color: rgba(149, 149, 149, 0.2);
    float: left;
    margin-top: 49%;
    left: 15%;
    position: absolute;
    z-index: 2;
}

.description-box-inside {
    width: 94%;
    height: 12%;
    background-color: rgba(149, 149, 149, 0.0);
    float: left;
    margin-top: 13%;
    left: 3%;
    position: absolute;
    /* opacity: 1 !important; */
    z-index: 2;
    /* box-shadow: 0px 1px 2px grey; */
    border-bottom: solid 3px #00828e;
    cursor: default;
    transition-duration: 0.4s;
}


    .description-box-inside:hover {
        box-shadow: 0px 3px 5px grey;
    }

.description-container {
    width: 27%;
    height: 76%;
    /* background-color: white; */
    position: absolute;
    margin-top: -39%;
    float: left;
    left: 64%;
    padding-left: 4%;
    z-index: 2;
}

.img-description {
    width: 79%;
    height: 36%;
    position: absolute;
    left: 2%;
    margin-top: 14%;
    Z-INDEX: 1;
}

.box-icon {
    width: 40px;
    height: 37px;
    background: #057277;
    left: 1%;
    position: absolute;
    top: 13px;
    box-shadow: 2px 2px 8px grey;
    transition-duration: 0.2s;
}

.sub-text-box {
    text-align: center;
    color: white;
    margin-top: -5%;
    margin-left: 5px;
    font-size: 12px;
    transition-duration: 0.5s;
    top: 2%;
}

.description-box-inside-open {
    width: 94%;
    height: auto;
    background-color: #f8f8f8;
    float: left;
    margin-top: 13%;
    left: 3%;
    position: absolute;
    z-index: 5;
    box-shadow: -2px 24px 20px grey !important;
    border-bottom: solid 3px #057277;
    cursor: default;
    transform: scale(1.1);
    transition-duration: 0.4s;
    padding-bottom: 9%;
}

.box-icon-open {
    width: 98%;
    height: 37px;
    background: #00828e;
    left: 1%;
    position: absolute;
    top: 13px;
    transition-duration: 0.5s;
}

#ic-open {
    display: block;
    left: 5%;
    position: absolute;
    top: 31%;
    color: #d3d3d3;
    transition-duration: 0.5s;
    cursor: pointer;
}

#ic-close1, #ic-close2, #ic-close3, #ic-close4 {
    transition-duration: 0.5s
}

.sub-text-description-open {
    font-family: 'Open Sans', sans-serif;
    color: white;
    text-align: inherit;
    margin-top: 5.5%;
    width: 65%;
    position: absolute;
    transition-duration: 0.4s;
}

.drop-box-text {
    display: none;
    width: 81%;
    margin-left: 13%;
    margin-top: 23%;
    transition-duration: 0.4s;
}

.banner-news {
    width: 94%;
    height: 12%;
    background-color: rgba(149, 149, 149, 0.0);
    float: left;
    margin-top: 3%;
    left: 3%;
    position: absolute;
    /* opacity: 1 !important; */
    z-index: 2;
    box-shadow: 0px 1px 2px grey;
    /* border-bottom: solid 3px #00828e; */
    cursor: default;
    transition-duration: 0.4s;
    margin-bottom: 2%;
    background: #057277;
}

.news-title {
    text-align: center;
    font-size: 27px;
    color: white;
    margin-top: 4%;
    /* left: 13%; */
    /* margin-left: 38%; */
}

/*.news-box {
        width: 20%;
    height: 90%;
    background: #00828e;
    position: absolute;
    box-shadow: 0px 1px 1px grey;
    }

    .container-news-box {
    position: absolute;
    width: 60%;
    height: 24%;
     box-shadow: 1px 1px 1px grey; 
     z-index: 0; 
    top: 10%;


    background: #d3d3d3;
    left: 26%;
    position:absolute;
        
    }*/


@media(max-width: 1700px) {
    .description-img-container {
        width: 66%;
        height: 73%;
        float: left;
        margin-top: 46%;
        left: 15%;
    }



    .description-box-inside {
        width: 94%;
        height: 12%;
        margin-top: 13%;
        left: 3%;
    }

    .sub-text-description {
        margin-top: 6.5%;
        width: 81%;
        margin-left: 19%;
        font-size: 12px;
    }

    .drop-box-text {
        width: 81%;
        margin-left: 13%;
        margin-top: 23%;
        font-size: 12px;
    }

    .home-box:hover {
        margin-top: 25px;
        box-shadow: 0px 7px 11px grey;
    }

    .title-home {
        margin-top: 1.5%;
    }

    .box-icon {
        width: 37px;
        height: 36px;
        left: 1%;
        top: 2px;
    }

    .description-box-inside-open {
        width: 94%;
        height: auto;
        float: left;
        margin-top: 13%;
        left: 3%;
        box-shadow: -2px 24px 20px grey !important;
    }

    .box-icon-open {
        width: 98%;
        height: 37px;
        left: 1%;
        top: 13px;
    }

    #ic-open {
        display: block;
        left: 5%;
        top: 31%;
    }

    .sub-text-description-open {
        margin-top: 9.5%;
        width: 71%;
    }

    .drop-box-text {
        width: 81%;
        margin-left: 13%;
        margin-top: 23%;
    }

    .fundo-box {
        background-color: #00828e;
        width: 44%;
        height: 20%;
        margin-top: 44px;
        margin-bottom: 10px;
        left: 23%;
        box-shadow: 0px 1px 2px grey;
    }

    .container-Home {
        width: 97%;
        height: 54vh !important;
        margin-top: 8%;
        padding-left: 11%;
        padding-top: 0%;
    }
}





@media(max-width: 1300px) {
    .description-img-container {
        width: 90%;
        height: 79%;
        float: left;
        margin-top: 15%;
        left: 15%;
    }
}

/*----------------------------------------------Estilo Home mobile inicio--------------------------------------------*/

.iframe {
    height: 100vh !important;
}

@media(min-width:451px ) and (max-width: 1200px) {
    .conteudoMiolo {
        margin-left: 0%;
        width: 89% !important;
        margin-left: 0.67% !important;
    }

    .banner-home {
        padding-left: 19%;
        margin-left: -121px;
        width: 148%;
    }


    .container-Home {
        width: 97%;
        padding-left: 0%;
        padding-top: 1%;
    }


    .home-box {
        width: 100% !important;
        height: 100% !important;
        width: 40%;
        height: 15%;
    }

    .home-img-box {
    }




    .fundo-box {
        width: 61%;
        height: 6%;
    }



    .title-home-box {
        text-decoration: none !important;
        color: #00828e;
        font-size: 30px;
    }



    .description-img-container {
        width: 66%;
        height: 73%;
        float: left;
        margin-top: 45%;
        left: 15%;
    }

    .news-title {
        font-size: 25px;
        margin-top: 1%;
    }

    .img-description {
        width: 79%;
        height: 37%;
        left: 2%;
        margin-top: 9%;
    }

    .description-container {
        width: 40%;
        height: 39%;
        left: 60%;
        padding-left: 4%;
        margin-top: -57%;
    }

    .description-box-inside {
        width: 94%;
        height: 12%;
        margin-top: 13%;
        left: 3%;
    }

    .sub-text-description {
        margin-top: 6.5%;
        width: 81%;
        margin-left: 19%;
        font-size: 12px;
    }

    .drop-box-text {
        width: 81%;
        margin-left: 13%;
        margin-top: 23%;
        font-size: 12px;
    }

    .title-home {
        margin-top: 1.5%;
        text-align: center;
        margin-top: 1.7%;
        width: 44%;
        position: absolute;
    }

    .box-icon {
        width: 25px;
        height: 25px;
        left: 1%;
        top: 3px;
    }

    .description-box-inside-open {
        width: 94%;
        height: auto;
        float: left;
        margin-top: 13%;
        left: 3%;
        box-shadow: -2px 24px 20px grey !important;
    }

    .box-icon-open {
        width: 98%;
        height: 26px;
        left: 1%;
        top: 13px;
    }

    #ic-open {
        display: block;
        left: 5%;
        top: 31%;
    }

    .sub-text-description-open {
        margin-top: 9.5%;
        width: 71%;
    }

    .drop-box-text {
        width: 81%;
        margin-left: 13%;
        margin-top: 23%;
    }

    #ic-close1, #ic-close2, #ic-close3, #ic-close4 {
        left: 25% !important;
        top: 23% !important;
    }
}


@media(max-height: 451px ) {

    .conteudoMiolo {
        margin-left: 0%;
        width: 89% !important;
        margin-left: 0.67% !important;
    }

    .banner-home {
        padding-left: 12%;
        margin-left: -16px;
        width: 127%;
        margin-top: -7%;
    }


    .container-Home {
        width: 97%;
        height: 53vh !important;
        margin-top: 15%;
        padding-left: 5%;
        padding-top: 1%;
    }


    .home-box {
        width: 100% !important;
        height: 100% !important;
        width: 40%;
        height: 15%;
    }

    .home-img-box {
    }

    .border-box {
        height: 100%;
        transition-duration: 0.7s;
    }

        .border-box:hover {
            width: 100% !important;
            transition-duration: 0.7s;
            color: white !important;
        }

    .fundo-box {
        width: 62%;
        height: 26%;
    }



    .title-home-box {
        text-decoration: none !important;
        color: #00828e;
        font-size: 25px;
        margin-left: -7%;
    }



    .description-img-container {
        width: 66%;
        height: 73%;
        float: left;
        margin-top: 45%;
        left: 15%;
    }

    .news-title {
        font-size: 25px;
        margin-top: 1%;
    }

    .img-description {
        width: 79%;
        height: 37%;
        left: 2%;
        margin-top: 9%;
    }

    .description-container {
        width: 40%;
        height: 105%;
        left: 60%;
        padding-left: 4%;
        margin-top: -62%;
    }

    .description-box-inside {
        width: 94%;
        height: 12%;
        margin-top: 13%;
        left: 3%;
    }

    .sub-text-description {
        margin-top: 6.5%;
        width: 81%;
        margin-left: 19%;
        font-size: 12px;
    }

    .drop-box-text {
        width: 81%;
        margin-left: 13%;
        margin-top: 23%;
        font-size: 12px;
    }

    .title-home {
        margin-top: 1.5%;
        text-align: center;
        margin-top: 1.7%;
        width: 44%;
        position: absolute;
    }

    .box-icon {
        width: 25px;
        height: 25px;
        left: 1%;
        top: 3px;
    }

    .description-box-inside-open {
        width: 94%;
        height: auto;
        float: left;
        margin-top: 13%;
        left: 3%;
        box-shadow: -2px 24px 20px grey !important;
    }

    .box-icon-open {
        width: 98%;
        height: 26px;
        left: 1%;
        top: 13px;
    }

    #ic-open {
        display: block;
        left: 5%;
        top: 31%;
    }

    .sub-text-description-open {
        margin-top: 11.5%;
        width: 71%;
    }

    .drop-box-text {
        width: 81%;
        margin-left: 13%;
        margin-top: 30%;
    }

    #ic-close1, #ic-close2, #ic-close3, #ic-close4 {
        left: 25% !important;
        top: 23% !important;
    }

    .img-description {
        width: 79%;
        height: 37%;
        left: 2%;
        margin-top: 9%;
    }

    .sairTopo {
        text-align: center;
        padding-top: 14px;
        margin-right: 11%;
    }
}



@media(max-width: 450px) {
    .container-Home {
        width: 118% !important;
        height: 100vh !important;
        margin-top: 0%;
        padding-left: 4%;
        padding-top: 1%;
    }

    .banner-home {
        padding-left: 0%;
        font-size: 25px;
        margin-left: 15px;
        border-bottom: solid #fabc30;
        width: 111%;
        color: #fabc30;
        text-align: center;
        margin-top: 0% !important;
    }

    .fundo-box {
        width: 98%;
        height: 11%;
        margin-top: 30px;
        margin-bottom: 10px;
        left: 23%;
    }

    .home-box {
        width: 100% !important;
        height: 100% !important;
        width: 40%;
        height: 15%;
        margin-top: 30px;
        margin-bottom: 10px;
        left: 23%;
    }


    .border-box {
        width: 2% !important;
        height: 100%;
    }

    .title-home {
        margin-top: 6%;
        width: 96%;
        font-size: -7px;
    }

    .title-home-box {
        font-size: 25px;
    }

    .description-container {
        width: 103%;
        height: 76%;
        margin-top: -4%;
        left: -13%;
        padding-left: 4%;
    }

    .description-img-container {
        width: 90%;
        height: 100%;
        margin-top: 51%;
        left: 16.5%;
        margin-bottom: 32%;
    }

    .description-box-inside {
        width: 94%;
        height: 10%;
        margin-top: 13%;
        left: 3%;
    }

    .description-box-inside-open {
        width: 94%;
        height: auto;
        float: left;
        margin-top: 13%;
        left: 3%;
        margin-bottom: 15%;
    }

    .banner-news {
        width: 94%;
        height: 10%;
        float: left;
        margin-top: 3%;
        left: 3%;
        margin-bottom: 2%;
    }

    .news-title {
        font-size: 25px;
        margin-top: 4%;
    }

    .box-icon {
        left: 1%;
        top: 3px;
    }

    .box-icon-open {
        width: 100%;
        height: 36px;
        left: 1%;
        top: 6px;
    }


    .sub-text-description {
        margin-top: 4.5%;
        width: 81%;
        margin-left: 19%;
        font-size: 12px;
    }

    .sub-text-description-open {
        margin-top: 4.5%;
        width: 81%;
        margin-left: 10%;
        font-size: 15px;
    }

    .drop-box-text {
        width: 89%;
        margin-left: 6%;
        margin-top: 23%;
        /* z-index: auto; */
    }

    .img-description {
        width: 79%;
        height: 36%;
        left: 18%;
        margin-top: 14%;
    }
}

@media(max-width: 320px) {
    .title-home-box {
        font-size: 26px;
    }

    .news-title {
        font-size: 23px;
        margin-top: 3%;
    }

    .description-box-inside {
        width: 94%;
        height: 15%;
        margin-top: 13%;
        left: 3%;
    }

    .sub-text-description-open {
        margin-top: 4.5%;
        width: 81%;
        margin-left: 13%;
        font-size: 14px;
    }

    .description-container {
        width: 103%;
        height: 76%;
        margin-top: -4%;
        left: -13%;
        padding-left: 4%;
        /* padding-bottom: 10%; */
        margin-bottom: 16%;
    }
}

/*----------------------------------------------Estilo Home mobile Fim---------------------------------------------*/


/*----------------------------------------------Estilo Home Fim---------------------------------------------*/

.subMenu h5 {
    font-size: 16px;
    text-transform: uppercase;
}

.linhaUsuario hr {
    margin-top: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    border-top: 0px !important;
}

.logo img {
    height: 44px;
    padding-top: 5px;
}

@media(max-widtdh: 500px) {
    .logo img {
        height: 35px;
        padding-top: 3px;
    }
}



.selectVersao {
    width: 6%;
    margin-left: 10px;
}

.moduloResumo {
    margin-top: 29px;
}

.moduloResumoProposta {
    width: 32%;
}

.atalhoCotacao h2, .atalhoUpload h2, .atalhoMensagem h2 {
    font-size: 16px;
    margin-bottom: 0px !important;
    font-family: Bold;
}

.atalhoCotacao h4, .atalhoUpload h4, .atalhoMensagem h4 {
    font-size: 14px;
    margin-bottom: 0px !important;
}

.atalhoCotacao h1, .atalhoUpload h1, .atalhoMensagem h1 {
    font-size: 24px;
    margin-bottom: 0px !important;
}

.tituloModulo {
    margin-left: 0px;
    min-height: 57px;
    cursor: pointer;
}

.botaoReply span {
    padding-right: 10px;
}

.conteudoModulo {
    margin-top: -1px;
    padding-top: 15px;
    margin-left: 0px;
}

.tituloModulo h4 {
    margin-top: 18px !important;
}

.tituloModulo span {
    margin-left: 7px;
}

.sobeTitulo {
    margin-top: -1px;
}

.atalhoCotacao h3, .atalhoUpload h3, .atalhoMensagem h3 {
    font-family: Regular;
    font-weight: normal !important;
    margin-top: 7px;
    text-align: right !important;
}

.iconesAtalhoCotacao {
    padding-left: 0px !important;
    text-align: left;
    padding-top: 0px;
}

    .iconesAtalhoCotacao img {
        display: inline;
        padding-right: 4px;
        padding-left: 4px;
    }

.subTitulo h4 {
    font-size: 16px;
    font-family: Bold;
    cursor: pointer;
}

.atalhoCotacao .form-control, .atalhoUpload .form-control, .atalhoMensagem .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    background-image: none;
    border-radius: 0px !important;
    text-transform: none !important;
}

.subTitulo span {
    margin-right: 10px;
}

.atalhoCotacao .linhaPontilhada hr {
    margin-bottom: 0px !important;
    margin-top: 10px !important;
    border-top: 0px;
}

.conteudoSub {
    padding: 20px 40px 20px 40px;
}

.espacaEsquerda {
    margin-left: 15px;
}

.close {
    float: right;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
}

.iconesAtalhoCotacao i {
    display: inline;
    font-size: 27px;
    padding: 7px 20px 5px 18px;
    vertical-align: middle;
}

.logoImg {
    text-align: left !important;
}

.logoTopo {
    padding-top: 14px;
    padding-bottom: 10px !important;
    padding-left: 1.5%;
}

.espacamentoMaior {
    margin-bottom: 35px;
}

.diaVersao {
    font-size: 14px !important;
    font-family: Regular !important;
}

.usuarioTopo {
    margin-top: 0px;
    font-size: 14px !important;
    font-family: Regular !important;
    display: inline;
    text-align: right !important;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.infoNegocio {
    padding-top: 15px;
    padding-left: 31px;
}

.usuarioTopo h5 {
    display: inline;
    font-size: 14px;
    text-transform: none !important;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.hrMenu hr {
    margin-bottom: 0px !important;
    margin-top: 14px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    border-top: 0px !important;
}

.menu {
    text-align: left;
    font-size: 15px;
}

    .menu ul {
        padding: 7px;
        margin: 0px;
        list-style: none;
    }

        .menu ul li {
            text-align: center;
            display: inline;
        }

    .menu li {
        margin-right: 0.8% !important;
    }

.itemMenu {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    padding-right: 10px !important;
    cursor: pointer;
}

.imagemMenu {
    height: 32px;
    text-align: center !important;
}

.textoMenu {
    margin-top: 2px;
}

.menuNormal {
    background-color: transparent;
    padding: 0px;
}

.subMenuPrincipal {
    position: absolute;
    z-index: 100;
    margin-left: 16.5%;
    margin-top: 70px;
}

.subMenu {
    position: fixed;
    margin-left: -11px;
    padding-left: 0px;
    width: 83.33333333%;
    z-index: 6;
    bottom: 0 !important;
}

    .subMenu a {
        padding-right: 20px;
        padding-left: 20px;
        font-size: 16px;
        text-transform: uppercase;
    }

    .subMenu p {
        font-family: Light;
        display: inline;
    }

.rodape {
    min-height: 70px;
    margin-top: 30px;
}

.subPrincipal {
    width: auto;
    padding-right: 14px;
    padding-left: 0px;
    display: inline-flex;
}

    .subPrincipal li {
        text-decoration: none !important;
        list-style-type: none;
        line-height: 31px;
    }

    .subPrincipal ul {
        padding-left: 15px;
    }

.subGraficosMain {
    position: absolute;
    z-index: 100;
    margin-top: 109px;
}

.iconeHome {
    font-size: 30px !important;
    margin-right: 10px;
}

.clicaGrafico {
    cursor: pointer;
}

.producaoLi {
    cursor: pointer;
    padding-right: 15px;
}

.ajustaTituloProposta {
    padding-bottom: 31px;
}

.tituloGraficoProducao {
    padding-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px !important;
    margin-top: 1px;
}

.producaoLi p {
    display: inline;
    padding-right: 3px !important;
}

.instrucoesForm .fa, .instrucoesForm .fas {
    margin-right: 5px;
}

.marcaProducao {
    border-left: 10px solid;
    padding-right: 5px;
}

.espacaMaior {
    padding-bottom: 40px;
}

.subGrafico {
    width: auto;
    padding-right: 14px;
    padding-left: 0px;
    display: inline-flex;
}

    .subGrafico li {
        cursor: pointer;
        text-decoration: none !important;
        list-style-type: none;
        line-height: 31px;
    }

.radios {
    text-align: left !important;
}

.usuarioTopo .radio {
    display: inline-flex !important;
}

.usuarioTopo label {
    font-family: Regular !important;
}

.usuarioTopo .primeiroRadio {
    margin-right: 21px;
}

.usuarioTopo .form-control {
    display: block;
    width: 100%;
    height: 30px;
    padding: 6px 12px;
    font-size: 14px;
}

.primeiroRadio {
    margin-right: 20px;
}

.subGrafico ul {
    padding-left: 15px;
}

.internaEspaco {
    padding-right: 30px;
    padding-left: 30px;
}

.sub {
    min-height: 44px;
    padding-top: 4px;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.botaoPesquisar {
    height: 30px !important;
    font-size: 16px;
    display: inline;
    margin-left: -1px !important;
    border-radius: 0px;
    margin-top: 4px;
}

.inputPesquisar {
    width: 80% !important;
    display: inline;
}

.pesquisar {
    margin-right: 0px !important;
    padding-right: 0px !important;
}

.main-container hr {
    margin-bottom: 0px !important;
    border-top: 0px !important;
    margin-top: 0px !important;
}

.itensEncontrados {
    font-size: 13px;
}

.dashboardHome {
    margin-top: 0px;
}

    .dashboardHome p {
        margin-left: 32px;
        margin-top: 0px !important;
        padding-top: 0px !important;
    }

textarea.form-control {
    height: auto;
    overflow-x: hidden;
}

.dashboardHome h2 {
    padding-right: 9px;
    margin-left: 0px;
    margin-bottom: 0px !important;
}

.dashboardHome h3 {
    font-size: 26px;
}

.dashPequeno {
    margin-top: -9px;
    text-transform: none;
    font-size: 13px !important;
    line-height: 13px;
    font-family: Regular !important;
}

.buscaTopo {
}

.mesmaLinha {
    display: inline-block;
}

.itensDash {
    margin-left: 9.5%;
    width: 82%;
    padding-bottom: 0px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-right: 0px !important;
}

.imagemItem img {
    max-height: 20px !important;
}

.imagemItem {
    width: 30px;
    margin-right: 10px;
    margin-left: 0px;
}


.itensDash h3 {
    margin-top: 10px !important;
    font-size: 14px !important;
}

.selecionaP {
    font-size: 16px !important;
}

.selecionaRadio {
    margin-right: 8px;
}

.valorItem {
    margin-right: 10px;
    width: 40px;
}

    .valorItem h3 {
        font-family: Bold;
    }

.glyphicon-menu-hamburger, .glyphicon-remove {
    cursor: pointer;
    margin-top: 10px;
    font-size: 25px;
    display: none;
}

.botaoDetalhes {
    background-color: transparent !important;
    border: 0px !important;
    font-family: Bold;
    padding: 15px 25px 9px 0px;
    margin-left: 19px;
}

.topCorretores {
    font-size: 13px;
}

.espacaCorretores {
    padding-bottom: 5px;
}

.topCorretores {
    font-size: 13px;
}

.primeiroCorretorBarra {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 5px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.primeiroCorretorNome {
    margin-top: 14px;
}

.primeiroCorretorBarrax {
    float: left;
    /* width: 100%!important; */
    height: 20px !important;
    padding-top: 4px;
}

.CorretorBarra {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 5px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.CorretorBarrax {
    float: left;
    /* width: 100%!important; */
    height: 20px !important;
    padding-top: 4px;
}

.maisHome {
    font-size: 12px !important;
}

.botaoCorretor button {
    padding: 0px 9px 0px 0px;
    margin: -12px 0 0 0;
    background-color: transparent !important;
    border: 0px !important;
}

    .botaoCorretor button:hover {
        padding: 0px 9px 0px 0px;
        background-color: transparent !important;
        border: 0px !important;
    }

.corretoresDeate h4 {
    margin-left: 20px;
    font-size: 17px;
    margin-bottom: 0px;
}

.corretoresDeate span {
    font-family: Bold;
}

.imgGrafico {
    margin-top: 16px;
}

.selecionaDash {
    padding: 15px 0px 15px 27px;
}

.menuGraficosHome ul li {
    display: inline;
    font-family: Regular !important;
}

.menuGraficosHome {
    font-size: 16px;
    text-align: center;
    padding-top: 15px;
    margin-top: 10px;
    min-height: 48px;
}

.h2subClientes {
    font-size: 20px;
}

.menuGraficosLegenda {
    font-size: 16px;
    text-align: center;
    padding-top: 15px;
    margin-top: 10px;
    min-height: 48px;
    border-top: 0px !important;
}
/*aside bar menu*/

#dockSidebar.e-sidebar {
    background: #2d323e;
    overflow: hidden;
}

.e-sidebar.e-left.e-close.e-dock {
    transform: translateX(0%);
    transition: width .5s ease, visibility 500ms;
    visibility: visible;
}

ul {
    display: block;
    list-style-type: disc;
}


.e-icons {
    font-family: "e-icons";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    speak: none;
    text-transform: none;
}






.sideBar {
    width: 30%;
}

.homeImg {
    color: #fff;
    width: 50px;
    float: left;
}

.menuMobile {
    text-align: left !important;
    font-size: 14px !important;
    padding-top: 11px;
    padding-bottom: 29px;
    background-color: #162d30;
    position: fixed;
    z-index: 4;
    /*top: 0px !important;*/
    height: 100%;
    padding-left: 0px;
    padding-right: 0px;
}


    .menuMobile ul {
        list-style-type: none !important;
        display: inline-flex;
        width: 100%;
        text-align: center;
        padding-left: 23%;
        margin-bottom: 4px;
    }

    .menuMobile a {
        padding-left: 0px;
        font-family: Light;
        text-transform: uppercase;
    }

    .menuMobile img {
        padding-bottom: 5px;
        display: block;
        margin: auto;
    }

.labelCinza, .labelCinza label {
    padding-right: 15px;
    margin-bottom: 0px !important;
}

.panel-group {
    margin-bottom: 0px;
    text-transform: none !important!;
}

.panel-title {
    text-transform: none !important!;
    font-size: 12px !important;
    margin-top: 5px;
}

.panel {
    margin-bottom: 20px;
    border: 0px !important;
    border-radius: 0px;
}

.tituloEtapas {
    cursor: pointer;
}

    .tituloEtapas h2 {
        font-size: 18px;
        margin-bottom: 13px !important;
        margin-top: 0px;
    }

.dashboardHome .tituloEtapas h2 {
    margin-left: 0px !important;
    margin-right: 10px;
}

table {
    white-space: nowrap;
    border: 0px !important;
    text-transform: uppercase;
    font-size: 11px;
}

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border-right: 0px !important;
    border-left: 0px !important;
    border-top: 0px !important;
}

.list-group-item {
    padding: 13px 5px 10px 24px;
}

.nomeSistema {
    padding-top: 0px;
    padding-bottom: 1px;
}

    .nomeSistema h3 {
        text-transform: uppercase;
    }

    .nomeSistema h2 {
        font-size: 35px !important;
        display: inline;
        text-transform: none;
        font-family: Light;
    }

    .nomeSistema h1 {
        font-size: 30px !important;
        margin-bottom: 0px;
        display: inline;
        text-transform: none;
        font-family: Light;
        padding-left: 14px;
        text-transform: uppercase;
    }

    .nomeSistema img {
        margin-right: 10px;
        margin-bottom: 6px;
    }

.separaSistema {
    font-size: 26px;
}

.barraMostrar {
    padding-top: 0px !important;
    padding-bottom: 2px !important;
    margin-bottom: -15px !important;
    margin-left: 0px !important;
    margin-right: -12px !important;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-family: Bold;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    background-color: transparent;
    border: 0px !important;
    border-radius: 0px;
}

.subMenuConteudo {
    padding-top: 0px;
    margin-bottom: -7px !important;
}

.subMenu i {
    padding-right: 5px;
}

.alertaNotaAdicional {
    margin-top: 30px;
}

    .alertaNotaAdicional h3 {
        font-size: 18px;
        text-align: center;
        margin-top: 15px;
    }

    .alertaNotaAdicional i {
        margin-right: 6px;
        font-size: 28px !important;
    }

.opcoesTabela {
    padding-left: 0px !important;
    margin-left: 0px !important;
}

    .opcoesTabela ul li {
        display: inline;
        list-style: none;
    }

    .opcoesTabela input {
        margin-right: 2px;
    }

    .opcoesTabela label {
        margin-right: 25px;
        font-family: Regular;
        font-size: 12px;
    }

.tituloConteudoAcordeao h2 {
    cursor: pointer;
    padding-bottom: 10px;
    font-size: 16px !important;
    margin-top: 0px !important;
}

.conteudoAcordeao {
    padding-top: 35px;
}

.svg-inline--fa {
    vertical-align: -0.3em !important;
}

.rowServico {
    padding: 0px 10px 0px 15px;
}

.tab-pane {
    padding: 15px 29px 15px 29px;
}

.divSeparaHome {
    width: 2% !important;
}

.rowBusca {
    margin-top: -10px !important;
}

.glyphicon-alert {
    font-size: 40px;
    padding-bottom: 15px;
}

.textoAlert {
    text-transform: none;
    padding-bottom: 15px;
}

.alertaForm {
    margin-left: 12px;
    padding-top: 20px;
    margin-top: -5px;
    margin-bottom: 12px;
}

.svg-inline--fa.fa-fw {
    font-size: 20px;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    border-bottom: 0px !important;
    border-radius: 0px !important;
}

.nav-pills > li > a {
    border-radius: 0px;
}

.nav {
    padding-left: 0px;
    margin-bottom: -1px;
    list-style: none;
    font-size: 18px;
    font-family: Bold;
}

.botaoSoIcone {
    margin-right: 5px;
    margin-left: 5px;
    padding: 4px 7px 4px 7px;
    border-radius: 20px;
    font-size: 21px;
    text-transform: none !important;
    text-align: center;
    cursor: pointer;
    -ms-word-break: keep-all;
    word-break: keep-all;
    white-space: nowrap !important;
}

.botaoSoIconeVermelho {
    margin-right: 0px;
    margin-left: 0px;
    font-size: 28px;
    text-transform: none !important;
    text-align: center;
    cursor: pointer;
    -ms-word-break: keep-all;
    word-break: keep-all;
    white-space: nowrap !important;
}

.iconeOkLista {
    font-size: 28px;
    padding-right: 5px;
}

.espacaDireitaIcone {
    padding-right: 5px !important;
}

.botaoPrincipal:focus, .botaoPrincipal:hover {
    text-decoration: none !important;
}

.botaoCinza:focus, .botaoCinza:hover {
    text-decoration: none !important;
}

.botaoVerde:focus, .botaoVerde:hover {
    text-decoration: none !important;
}

.botaoSoIcone:focus, .botaoSoIcone:hover {
    text-decoration: none !important;
}

.botaoSoIconeVermelho:focus, .botaoSoIconeVermelho:hover {
    text-decoration: none !important;
}

.botaoDesabilitado:focus, .botaoDesabilitado:hover {
    text-decoration: none !important;
}

.listaAnexar p {
    margin-bottom: 16px !important;
}

.documentosLista {
    width: 90%;
}

.fakeSelect {
    margin-left: 2.5%;
    height: 34px;
    font-size: 16px !important;
    margin-top: 20px;
    margin-bottom: -1px;
    cursor: pointer;
}

.fakeSelectMenor {
    margin-left: 2.5%;
    height: 34px;
    font-size: 16px !important;
    margin-top: 20px;
    margin-bottom: 20px;
    cursor: pointer;
}

    .fakeSelect p, .fakeSelectMenor p {
        padding-top: 5px;
    }

    .fakeSelect span, .fakeSelectMenor span {
        margin-left: 8px;
        top: 2px;
        font-size: 12px;
    }

.fakeSelectDescricoes {
    margin-left: 2.5%;
    padding-top: 15px;
}

.tituloServicos {
    font-family: Bold;
    font-size: 16px;
}

.itenServico {
    padding-top: 10px;
}

    .itenServico ul {
        margin-left: -10px !important;
    }

.linhaConteudo hr {
    margin-top: 0px;
    margin-bottom: 0px;
}

.textoDescricao {
    line-height: 33px;
}

.espacaDescricao {
    min-width: 219px !important;
    margin-right: 15px;
    margin-left: 15px;
}

table a {
    font-weight: normal !important;
}

thead {
    font-family: Regular !important;
}

th {
    font-weight: normal !important;
    font-size: 18px;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    cursor: default;
    background-color: inherit !important;
    border-color: inherit !important;
}

.pagination > li > a, .pagination > li > span {
    font-family: Regular;
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: inherit !important;
    text-decoration: none;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.alertaHome h3 {
    font-family: Bold !important;
}

.alertaHome i {
    font-size: 23px !important;
}

.etapas {
    padding: 0px 0px 20px 0px;
    text-align: center;
}

.rowEtapas {
    margin-right: 0px;
    margin-left: 0px;
}

.espacaCima {
    padding-top: 20px !important;
}

.tituloPlanos {
    font-size: 26px !important;
}

.etapa i {
    font-size: 24px;
}

.pacotes {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.formDescricao {
    background-image: none;
    border-radius: 0px !important;
    font-size: 18px;
}

.pacotes h2 {
    font-size: 42px;
    margin-top: 0px;
    margin-bottom: 10px !important;
    letter-spacing: -1px;
}

    .pacotes h2 span {
        font-size: 18px;
        margin-left: 2px !important;
        text-transform: none;
        margin-right: -8px !important;
        letter-spacing: 0px;
    }

.servicosAssistencia p {
    margin-left: 5%;
}

.servicosAssistencia hr {
    margin-top: -10px;
    margin-bottom: 20px;
    width: 92%;
}

.servicosAssistencia i {
    margin-right: 10px;
}

.pacotes h3 {
    padding-top: 0px !important;
    margin-top: 0px !important;
    font-size: 15px;
    margin-bottom: 30px;
}

.pacotes h4 {
    text-align: center !important;
    font-size: 24px;
}

.pacotes h6 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.verCoberturas {
    cursor: pointer;
    font-size: 13px;
    margin-top: 15px;
}

.numeroEtapa {
    display: inline;
    font-size: 43px;
    padding-right: 0px;
    font-family: Light;
}

.textoLight {
    font-family: Light;
}

.textoEtapa {
    display: inline;
    font-size: 18px;
    padding-top: 12px;
    padding-left: 5px;
    font-family: Light;
}

.etapasDrop {
    display: none;
}

.img-responsive {
    display: inline;
}

.seta {
    margin-left: 0px;
    margin-right: 23px;
    display: inline-block;
    font-size: 22px;
    padding: 0px !important;
    margin-top: 9px !important;
}

.btn-primary {
    border-radius: 0px !important;
}

    .btn-primary:hover {
        border-radius: 0px !important;
    }

    .btn-primary.focus, .btn-primary:focus {
        border-radius: 0px !important;
    }

    .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
        border-radius: 0px !important;
    }

.buscaModal span {
    top: -3px !important;
}

.buscaModal {
    margin-top: 0px !important;
    height: 34px;
    margin-left: -2px !important;
}

.tituloTabela {
    font-family: Regular !important;
    font-size: 14px;
}

.dashboardHome table {
    border: 0px !important;
}

.dashboardHome .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 0px !important;
}

.dashboardHome table img {
    margin-left: 17px;
}

.linhaAtalhoCotacao {
    display: none;
}

.apareceAtalhoCotacao {
    margin: 0px !important;
    padding: 0px 0px 14px 2px;
    /* border-radius: 0px 0px 10px 0px; */
    display: none;
    text-align: center;
}

    .apareceAtalhoCotacao h3 {
        font-size: 18px;
        margin-right: 7px;
    }

.iconeAtalho {
    font-size: 26px !important;
    top: 5px;
}

.table-responsive {
    overflow-y: hidden;
}

.setaBusca {
    margin-left: 8px;
    font-size: 22px;
    display: none;
}

.coberturas p {
    margin-right: 15px;
    font-family: Bold;
    max-width: 57%;
    margin-bottom: 0px !important;
    line-height: 17px;
}

.coberturas span {
    font-size: 22px;
    float: right !important;
}

.coberturas hr {
    margin-top: 0px !important;
    width: 100% !important;
}

.franquias {
    text-transform: none;
    font-family: Regular !important;
    max-width: 100% !important;
    font-size: 12px;
    padding-bottom: 17px !important;
}

.setaClique {
    cursor: pointer;
}

.checkProdutos {
    display: inline !important;
}

    .checkProdutos img {
        margin-right: 15px;
    }

.tableClientes table img {
    margin-left: 5px !important;
}

.visualizarProdutos {
    text-align: left !important;
    padding-top: 15px;
    margin-top: 10px;
    min-height: 48px;
}

.tableClientes {
    padding-top: 11px !important;
}

.botaoPesquisar h3 {
    font-size: 14px;
}

th, td {
    vertical-align: middle !important;
}

.botaoResumo {
    text-align: center !important;
    border: 0px !important;
    font-size: 14px !important;
    margin-left: 15px;
    padding: 5px;
}

.espacaDireita {
    padding-right: 10px;
}

.h4MenorInternas {
    font-size: 18px;
}

.radioParametros i {
    margin-left: 10px;
    margin-right: 5px;
}

.coberturasPreco p {
    margin-right: 15px;
    margin-left: 5%;
    font-family: Regular;
    max-width: 100%;
    margin-bottom: 0px !important;
    line-height: 21px;
    font-size: 15px;
}

.coberturasPreco span {
    font-size: 27px;
    float: none !important;
    margin-left: 5%;
}

.coberturasPreco .franquias {
    font-size: 12px !important;
}

.checkCotadores {
    margin: 0px 11px 8px -16px !important;
}

.subMenuTexto {
    margin-bottom: 0px;
    font-size: 18px !important;
    padding: 9px 10px 2px 18px;
}

.etapasMobile {
    display: none;
}

    .etapasMobile h3 {
        font-family: Light;
        margin-top: 0px !important;
        padding-bottom: 10px;
        margin-bottom: 0px;
        font-size: 30px !important;
    }

    .etapasMobile i {
        font-size: 18px;
    }

.instrucoesForm p {
    font-size: 26px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.modal-lg {
    width: 90%;
}

.modal-title {
    text-transform: uppercase !important;
}

.modal-body {
    position: relative;
    padding: 35px;
    padding-top: 20px !important;
}

.modal-header {
    padding: 15px;
    padding-bottom: 12px !important;
    margin-bottom: 0px !important;
}

.subMenuModal {
    margin-bottom: 24px;
}

    .subMenuModal a {
        text-transform: uppercase;
        text-decoration: none;
    }

    .subMenuModal h5 {
        font-size: 16px;
    }

    .subMenuModal p {
        margin: 0 0 0px;
    }

.cobertura {
    width: 22%;
    padding: 0px !important;
}

.bordaDireitaCoberturas {
    margin-right: 20px;
}

.bordaEsquerdaCoberturas {
    margin-left: 15px;
}

.divBotaoCobertura {
    margin: 10px 0px 0px 0px;
    padding: 5px 0px 5px 0px;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
}

.nomeCobertura {
    padding: 9px 0px 0px 0px;
    font-size: 18px;
    text-align: center;
}

.coberturaSelecionada {
    border: 0px !important;
}

.font14, .font14 a {
    font-size: 14px !important;
}

.font16, .font16 a {
    font-size: 16px !important;
}

.font18, .font18 a {
    font-size: 18px !important;
}

.font20, .font20 a {
    font-size: 20px !important;
}

.font24, .font24 a {
    font-size: 24px !important;
}

.subBotao {
    cursor: pointer;
}

.explicaTermos p {
    text-transform: uppercase !important;
    margin-top: -10px !important;
}

.ExplicaForm {
    min-height: 21px;
}

.botaoHome {
    cursor: pointer;
    height: 33px;
    font-size: 16px;
    padding: 6px 51px !important;
}

    .botaoHome:focus, .botaoHome:hover {
        text-decoration: none !important;
    }

.botaoTabela {
    font-size: 26px !important;
    padding: 0px 5px 0px 5px;
    cursor: pointer;
}

.arquivoCarregado {
    padding-left: 33px;
}

.listatodosAnexos p {
    margin-bottom: 6px !important;
}

.opcoesAnexados {
    font-size: 23px;
    cursor: pointer;
}

.caixaIndividual {
    padding: 0px 20px 0px 24px;
}

.caixa {
    height: 257px;
}

.conteudoCaixa::-webkit-scrollbar {
    margin-right: 5px;
    width: 5px;
}

.conteudoCaixa {
    height: 256px;
    overflow-y: scroll;
}

.iconeTituloCaixa {
    height: 74px;
    font-size: 30px;
    padding: 19px 0px 20px 0px;
}

.tituloCaixa {
    height: 74px;
}

.iconeAmpliar .fa-fw {
    float: right;
    margin-right: -12px;
    padding-top: 5px;
}

.titulo h3 {
    margin-top: 10px;
}

.iconeAmpliar {
    height: 16px;
}

.itensMensagem .fa-fw {
    cursor: pointer;
}

.aumentarCaixa {
    width: 100%;
    z-index: 5;
}

.mantemDentro {
    width: 33.3333%;
}

.modal p {
    font-size: 16px;
    text-transform: uppercase;
}

.modal h4 {
    font-size: 22px;
    margin-bottom: 20px;
}

.linhasTempo {
    margin-top: -37px;
}

.circulo {
    width: 20px;
    border-radius: 50%;
    position: absolute;
    height: 20px;
    text-align: center;
    margin-left: 6%;
}

.trackSolicitacao {
    padding-left: 6%;
    margin-bottom: 63px !important;
}

.itenTrack {
    width: 15%;
}

.dataTrack {
    font-size: 16px;
    font-family: Regular;
}

.textoTrack {
    text-transform: uppercase;
    font-size: 13px;
    padding-top: 25px;
}

.linha-do-tempo {
    width: 46.5%;
    margin-left: 6.5%;
}

.linha-do-tempo-dashed {
    margin-top: -5px;
    width: 30%;
    margin-left: 54.5%;
}

.botaoReplyDiv {
    cursor: pointer;
}

.gridParcela {
    font-size: 12px;
}

    .gridParcela tr td {
        padding: 5px !important;
    }

.margin-row-bottom-10 {
    margin-bottom: 10px;
}



.botoesPropostaDesab p {
    text-decoration: none !important;
    color: #aaa;
}

.botoesPropostaDesab:hover {
    text-decoration: none;
    cursor: not-allowed;
}

.botoesPropostaDesab i {
    color: #ffa246 !important;
}

@media(max-width:1309px) {
    .logoTopo {
        padding-left: 16px;
    }

    .itemMenu {
        margin-left: 0px;
        margin-right: 8px;
        padding-right: 6px !important;
    }

    .inputAtalho {
        width: 100% !important;
    }

    .imgGrafico {
        margin-left: 0%;
    }

    .dashboardHome p {
        font-size: 15px;
    }

    .valorItem {
        margin-right: 0px;
    }

    .imagemItem {
        margin-right: 0px;
    }

    .corretorTopo-new {
        height: auto;
        padding-top: 9px;
        padding-bottom: 4px;
        margin-top: 7px;
        margin-bottom: 0px;
        cursor: pointer;
    }

    .box-usuario {
        width: 14.15%;
        /* height: 132%; */
        background-color: #202020;
        position: absolute;
        left: 80.8%;
        padding-left: 1%;
        padding-bottom: 0;
        /* margin-left: 31px; */
        /* margin-right: 15px; */
        text-align: center;
    }

    .box-bulb {
        background-color: #202020;
        width: 5.02%;
        /* height: 90%; */
        z-index: 10;
        position: absolute;
        left: 75.7%;
        padding-right: 3%;
        padding-top: 0%;
        padding-left: 2%;
        cursor: pointer;
        /* margin-right: 8px; */
    }

    .icone-tema {
        text-align: center;
        padding-top: 13px;
        padding-bottom: 10px;
        cursor: pointer;
        font-size: 21px;
    }
}

@media(max-width:1223px) {
    .cobertura {
        width: 21%;
    }
}

@media(max-width:1160px) {
    .modal-lg {
        width: 100%;
    }

    .trackSolicitacao {
        padding-left: 0%;
    }
}



/*@media(max-width:1200px) {
    .panel-default > .panel-heading {
        padding-left: 19px !important;
    }
}*/

@media(max-width:1150px) {
    .logoTopo {
        padding-left: 6px;
    }

    .menu {
        font-size: 14px;
    }

    /*.panel-default > .panel-heading {
        padding-left: 0px !important;
    }*/

    .buscaTopo {
        margin-left: 0px !important;
    }

    .subMenu a {
        white-space: nowrap;
    }
}

@media(max-width:1150px) and (min-width:900px) {
    .Login {
        width: 64% !important;
        height: 33% !important;
        left: 43% !important;
        margin-left: -22% !important;
    }
}

@media(max-width:1024px) {
    h2 {
        font-size: 26px;
    }

    .numeroEtapa {
        font-size: 47px;
    }

    .textoEtapa {
        font-size: 16px;
    }

    .subMenu a {
        white-space: nowrap;
        line-height: 39px;
    }

    .caixasHome {
        width: 45.666667% !important;
    }
}

@media (max-width: 1003px) {
    .caixasHome {
        width: 95% !important;
    }

    .espacaAltura {
        margin-bottom: 20px !important;
    }
}

@media(max-width:991px) {
    .menu-new-topo {
        float: left;
        left: 74%;
        margin-left: -7%;
    }

    .box-sair {
        background-color: transparent !important;
        left: 86% !important;
        margin-left: -4px !important;
    }

    .corretorTopo-new {
        height: auto !important;
        padding-top: 9px !important;
        padding-bottom: 4px !important;
        margin-top: 7px !important;
        margin-bottom: 0px !important;
    }

    .box-usuario {
        width: 17%;
        /* height: 132%; */
        background-color: transparent !important;
        left: 14.9% !important;
        padding-left: 5% !important;
        padding-bottom: 0 !important;
        margin-left: 54% !important;
    }

    .box-bulb {
        background-color: transparent !important;
        width: 5% !important;
        left: 90.7% !important;
        margin-left: -38%;
    }

    .icone-tema {
        padding-top: 11px !important;
        padding-bottom: 10px !important;
    }


    .bordaDireita {
        border-right: 0 !important;
    }

    .etapasMobile {
        display: table;
        padding-bottom: 0px !important;
    }

    .imagemTopo {
        display: none;
    }

    .ajustaTituloProposta {
        padding-top: 0px;
    }

    .soLogo {
        display: block;
    }

        .soLogo img {
            height: 49px !important;
            padding-top: 13px;
        }

    .conteudoMiolo {
        margin-left: 0%;
        width: 98%;
        padding: 16px 5px 0px 15px;
    }

    .moduloResumoProposta {
        width: 100%;
    }

    .bordaInternaLeft {
        border-right: 0px !important;
    }

    .apareceAtalhoCotacao {
        display: inline;
        cursor: pointer;
    }

    .logoTopo {
        padding-top: 4px;
        padding-bottom: 0px !important;
    }

    .atalhoCotacao h3 {
        text-align: left !important;
    }


    .menu {
        display: none;
    }


    .menuMobile {
        position: fixed;
        display: none;
        /*   margin: 0px 0px 0px 0px!important;
	 padding: 0px 0px 0px 0px!important;*/
        float: right;
        top: 50px;
        z-index: 1000 !important;
        width: 100%;
        height: auto !important;
        -webkit-box-shadow: 0px 4px 3px -1px rgba(0,0,0,0.25);
        -moz-box-shadow: 0px 4px 3px -1px rgba(0,0,0,0.25);
        box-shadow: 0px 4px 3px -1px rgba(0,0,0,0.25);
        text-align: left !important;
        overflow-y: visible;
    }

    .cadastrar-cliente {
        position: absolute !important;
        left: 29% !important;
        width: 94% !important;
        height: 40% !important;
        object-fit: contain;
        border-radius: 0% !important;
        box-shadow: -10px 2px 20px 0 rgba(0, 0, 0, 0.12);
        background-color: #f8f8f8;
        padding-left: 2.1%;
        padding-right: 3.9%;
        padding-top: 2.5% !important;
        border-radius: 0px !important;
    }

    .menuMobile img {
        padding-left: 10px !important;
        margin-right: 10px !important;
        padding-bottom: 5px;
        display: inline-block;
        margin: 0;
    }

    .menuMobile ul {
        list-style-type: none !important;
        display: block;
        width: 100%;
        text-align: left;
        padding-left: 0%;
    }

    .menuMobile a {
        padding-left: 7px;
    }

    .menuNormal {
        background-color: transparent;
        padding: 0px;
        padding-bottom: 16px;
        font-size: 18px;
    }

    .atalhoCotacao {
        z-index: 7;
        /* padding-top: 1px; */
        position: fixed;
        top: 9.5%;
        /* height: 80px; */
        display: none;
        padding-left: 15px;
        padding-right: 15px;
    }

    .rowBusca {
        margin-top: 0px !important;
    }

    .buscaMenor {
        margin-left: 0px;
        margin-top: -1px;
    }

    .panel-collapse {
        margin: 0px -15px 0px -15px !important;
    }

    .topo .glyphicon, .topo .fa-fw {
        font-size: 20px;
    }

    .pesquisarTopo, .corretorTopo {
        height: auto;
        margin-top: 8px;
    }

    .topo {
        margin-bottom: 5px;
    }

        .topo p {
            display: none;
        }

    .usuarioTopo {
        float: right;
        margin-top: 0px;
    }

    .glyphicon-menu-hamburger, .glyphicon-remove {
        margin-right: 0px;
        display: inline;
        top: 5px;
        z-index: 500;
        float: right;
    }

    .panel-collapse .list-group-item {
        padding-left: 59px;
        font-size: 16px;
    }

    .logoTopo {
        padding-left: 48%;
        border-right: 0px !important;
    }

    .pesquisar {
        margin-top: -9px !important;
    }

    .distanciaDivs {
        margin-right: 10px !important;
    }

    .botaoPesquisar {
        margin-left: -14px !important;
    }

    .inputPesquisar {
        width: 69% !important;
    }

    .panel-heading {
        padding: 8px 34px;
    }

    .panel-title {
        font-size: 16px !important;
    }

    .atalhoCotacao, .atalhoMensagens, .atalhoUpload {
        width: 100%;
        padding-left: 21px;
        padding-right: 21px;
    }

    .iconesAtalhoCotacao img {
    }

    .tituloAtalho {
        display: none;
    }

    .iconesAtalhoCotacao img {
        display: inline;
        padding: 6px;
        margin-right: 17px;
        margin-left: 0px;
        margin-bottom: 21px;
        margin-top: 20px;
    }

    .iconesAtalhoCotacao i {
        display: inline;
        font-size: 27px;
        padding: 13px 18px 12px 18px;
        vertical-align: middle;
        margin-right: 17px;
    }

    .iconesAtalhoCotacao {
        padding-left: 3% !important;
        width: 100%;
    }

    .clientesCross {
        border-left: 0px !important;
    }

    .itensDash {
        margin-left: 0%;
    }

    .panel-title {
        font-size: 17px;
        margin-top: 0px;
    }

    .checkProdutos input[type=checkbox] {
        margin: 21px 10px 0;
    }

    .producaoLi {
        line-height: 35px;
    }

    .divTituloBusca {
        margin-bottom: 0px !important;
    }

    .usuarioTopo h2 {
        margin-bottom: -22px !important;
    }

    .caixasHome {
        width: 100% !important;
    }

    .itensDash {
        margin-left: 2.5% !important;
        width: 96%;
    }

    .textoEtapa {
        display: none;
    }

    .subMenuModal h5 {
        margin-top: 0px !important;
        padding-top: 13px;
        font-size: 16px;
        padding-bottom: 15px;
    }

    .alinhaCentroMobile {
        text-align: center !important;
    }

    .cobertura {
        width: 92%;
        margin-bottom: 25px;
    }

    .fixar {
        position: fixed;
        margin-left: -5px;
        padding-left: 0px;
        width: 103%;
        z-index: 6;
        height: 51px;
        bottom: 0 !important;
    }

    .subMenu {
        margin-left: -1px;
        width: 100%;
    }

        .subMenu a {
            padding-right: 14px;
            padding-left: 14px;
            font-size: 26px;
            white-space: nowrap;
            line-height: 51px;
        }

        .subMenu p {
            display: none;
        }

        .subMenu h5 {
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .subMenu span {
            display: none;
        }

    .botaoVerde, .botaoPrincipal, .botaoCinza, .botaoSecundario {
        display: inline-block;
        margin-top: 20px;
    }

    .botaoCadastro {
        display: inline-block;
        margin-top: 20px;
        margin-left: 54px;
        /*width: 21%;*/
    }

    .nomeSistema {
        padding-top: 30px;
        padding-left: 31px;
    }

    .tiraFixar {
        position: relative !important;
        z-index: 4;
    }

    .nomeSistema h1 {
        padding-left: 0px;
    }

    .track1 .textoTrack {
        padding-top: 10px;
    }

    .trackPassou .dataTrack {
        display: none;
    }

    .trackPassou .dataTrack, .trackPassou .textoTrack, .trackDesabilitado .dataTrack, .trackDesabilitado .textoTrack {
        display: none;
    }

    .trackPassou .circulo, .trackDesabilitado .circulo {
        top: 0px;
    }

    .trackSolicitacao {
        padding-left: 0%;
        margin-top: 20px;
        margin-bottom: 62px !important;
    }

    .modal-lg {
        width: 98%;
        margin-left: 7px;
    }
}

@media(max-width:931px) {
    .iconesAtalhoCotacao img {
    }
}

@media(max-width:867px) {
    .atalhoCotacao {
        height: 88px;
    }
}

@media(max-width:768px) {
    table {
        white-space: normal !important;
    }

    .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
        white-space: normal !important;
    }

    .dashboardHome h2 {
        margin-left: 0px;
    }

    .imagemItem {
        margin-left: 6px;
    }

    .linhaAtalhoCotacao {
        display: block;
    }

        .linhaAtalhoCotacao hr {
            border-top: 0px !important;
            border-bottom: 0px;
            margin-top: 5px;
            margin-bottom: 5px;
        }



    .logoTopo {
        padding-left: 16px;
    }

    .atalhoCotacao h3 {
        text-align: center !important;
        font-size: 16px;
        padding-top: 6px;
    }

    .menuMobile img {
        padding-left: 30px !important;
        padding-right: 9px !important;
        margin-top: 0px;
    }

    .imagemItem {
        margin-right: 8px;
    }

    .usuarioTopo .form-control {
        margin-bottom: 15px;
    }

    .panel-heading {
        padding: 10px 15px;
        /*margin-left: 8px;*/
    }

    .iconesAtalhoCotacao img {
    }

    .espacamentoMenor {
        margin-bottom: 14px;
    }

    .botaoDetalhes {
        margin-left: 2px;
        font-size: 18px;
        margin-bottom: 33px;
    }

    .usuarioTopo .radio {
        display: block !important;
    }

    .radios {
        margin-top: -13px !important;
    }
}


@media(max-width:669px) {
    .graficoSelect {
        display: inline;
        border: 0px !important;
    }
}

@media(max-width:640px) {
    .usuarioTopo .radio {
        display: inline-flex !important;
    }

    .sairTopo {
        margin-right: 21px;
    }

    .pesquisarTopo, .corretorTopo {
        padding-left: 30px;
    }

    .modal-lg {
        width: 97%;
    }
}

@media(max-width:600px) {

    .botoesProposta {
        text-align: center;
    }

        .botoesProposta a {
            display: inline-block;
            margin-bottom: 23px;
        }

    .divUsuario {
        position: absolute !important;
        top: -7px !important;
        text-align: left !important;
    }

    .usuarioTopo hr {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .h2Menor {
        font-size: 24px !important;
    }

    .h2subClientes {
        font-size: 18px;
    }

    .divTituloBusca {
        padding: 0px 0px 17px 17px;
        margin-bottom: -1px !important;
    }

    .usuarioTopo h2 {
        padding-top: 13px;
        margin-bottom: 0px !important;
    }

    .usuarioTopo {
        margin-top: 14px;
    }

    .divTituloBusca i {
        padding-top: 20px;
    }

    .pesquisarTopo {
    }
}

@media (max-width:541px) {

    .box-sair {
        width: 5% !important;
        background-color: transparent !important;
        left: 89% !important;
        padding-right: 2% !important;
        padding-top: 0% !important;
        padding-left: -5% !important;
        margin-left: -5% !important;
    }

    .box-usuario {
        width: 17%;
        /* height: 132%; */
        background-color: transparent !important;
        left: 41.9% !important;
        padding-left: 5% !important;
        padding-bottom: 0 !important;
        margin-left: 19% !important;
    }

    .box-bulb {
        background-color: transparent !important;
        width: 5% !important;
        left: 20.7% !important;
        padding-right: 12% !important;
        padding-top: 0% !important;
        padding-left: 10% !important;
        /* margin-right: 11px; */
        margin-left: 0% !important;
    }


    .menu-new-topo {
        float: left !important;
        left: 60% !important;
        margin-left: -7% !important;
    }

    .glyphicon-menu-hamburger, .glyphicon-remove {
    }

    .subMenu {
        margin-left: 4px;
    }

    .main-container {
        margin-left: -17% !important;
    }

    .caixasHome {
        width: 100% !important;
    }

    .conteudoMiolo {
        left: 12%;
        width: 82%;
        padding: 0px 5px 75px 5px;
    }

    .producaoLi {
        display: table !important;
        line-height: 45px;
    }

    .menuGraficosHome ul li {
        line-height: 35px;
    }

    .menuMobile {
        margin-left: 13.5%;
    }

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

        .menuMobile a {
        }

    .nomeSistema h1, .nomeSistema h2 {
        font-size: 30px !important;
    }

    .separaSistema {
        font-size: 24px;
    }

    .banner {
        display: none;
    }

    .topo .glyphicon, .topo .fa-fw {
        font-size: 20px;
    }

    .pesquisarTopo, .corretorTopo {
        height: auto;
        margin-top: 8px;
    }

    .topo {
        margin-bottom: 5px;
    }

    .rowBusca {
        margin-top: 6px !important;
    }

    .buscaMenor {
        margin-left: 0px;
        margin-top: -8px;
    }

    .nomeSistema {
        margin-left: -5px;
    }

    .linhasTempo {
        margin-top: -52px;
    }

    .trackPassou, .trackDesabilitado {
        width: 11% !important;
    }
}

@media(max-width:500px) {


    .subMenuConteudo a {
        line-height: 35px;
    }

    .inputPesquisar {
        width: 69% !important;
    }

    .usuarioTopo {
        /* margin-top: 0px; */
        margin-bottom: 9px;
        padding-top: 5px;
    }

    .pesquisar {
        margin-top: 0px !important;
    }

    .textoEtapa {
        font-size: 15px;
    }

    .seta {
        margin-right: 5px;
    }

    .tituloConteudoAcordeao h2 {
        font-size: 19px;
    }

    .pesquisarTopo {
    }

    .numeroEtapa {
        font-size: 30px;
    }

    .linhaSubMenu {
        display: none;
    }

    .logo img {
        height: 39px;
        padding-top: 7px;
    }

    .topo {
        margin-bottom: 5px;
    }

        .topo .glyphicon, .topo .fa-fw {
            font-size: 20px;
        }

    .menuMobile {
        margin-left: 12.8%;
    }
}

@media(max-width:476px) {

    .menuGraficosHome {
        text-align: left;
    }

        .menuGraficosHome ul {
            padding-left: 0px !important;
            margin-left: 0px !important;
        }

    .table-responsive {
        padding-top: 5px;
    }

    .menuMobile {
        margin-left: 12.5%;
    }

    .nomeSistema h1, .nomeSistema h2 {
        font-size: 30px !important;
        display: block;
    }

    .nomeSistema h1 {
        margin-top: 0px;
    }

    .nomeSistema h2 {
        margin-top: 5px;
    }
}

@media(max-width:460px) {
    .linhaBusca hr {
        margin-top: 0px;
        margin-bottom: 11px;
        border: 0;
    }


    .linhaBusca {
        display: none;
    }

    .setaBusca {
        display: inline;
        cursor: pointer;
    }

    .divInputBusca {
        width: 80%;
    }

    .rowBusca > .distanciaDivs, .rowBusca > .espacamentoMenor {
        display: none;
    }

    .atalhoCotacao {
        height: 50px;
    }

    .botaoHome {
        padding: 6px 32px !important;
        margin-bottom: 30px !important;
    }
}

@media(max-width:455px) {
    .iconesAtalhoCotacao {
        /*  padding-left: 11%!important; */
    }

    .h2Menor {
        font-size: 21px !important;
    }

    #botaoSecundarioMobile1 {
        padding-left: 35px !important;
        padding-right: 35px !important;
        width: 284px !important;
        box-shadow: 0px 0px 0px black !important;
    }

    #botaoSecundarioMobile2 {
        padding-left: 35px !important;
        padding-right: 35px !important;
        width: 284px !important;
        box-shadow: 0px 1px 2px black !important;
    }

    .video-container {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 101%;
        height: 100%;
        overflow: hidden;
    }
}

@media(max-width:414px) {
    .corretorTopo {
        display: none;
    }

    .conteudoMiolo {
        width: 85%;
    }
}

@media(max-width:411px) {
    .iconesAtalhoCotacao {
        padding-bottom: 18px;
        padding-left: 13% !important;
    }

    .corretorTopo {
        display: none;
    }

    .subMenu a {
        font-size: 22px;
    }

    .modal-lg {
        width: 98%;
        margin-left: 3px;
    }

    .iconeUpload {
        padding-left: 8px;
    }

    .sairTopo {
        margin-right: 8x;
        padding-left: -10px;
    }

    .menuTopo {
        padding-right: 58px;
    }

    .menu-new-topo {
        float: left;
        left: 70%;
    }

    .box-sair {
        width: 5% !important;
        background-color: transparent !important;
        left: 89% !important;
        padding-right: 2% !important;
        padding-top: 0% !important;
        padding-left: -5% !important;
        margin-left: -1px;
    }

    .corretorTopo-new {
        height: auto !important;
        padding-top: 9px !important;
        padding-bottom: 4px !important;
        margin-top: 7px !important;
        margin-bottom: 0px !important;
    }


    .box-bulb {
        background-color: transparent !important;
        width: 5% !important;
        left: 20.7% !important;
        padding-right: 12% !important;
        padding-top: 0% !important;
        padding-left: 10% !important;
        margin-right: 11px;
    }

    .icone-tema {
        padding-top: 11px !important;
        padding-bottom: 10px !important;
    }

    .conteudoMiolo {
        width: 85%;
    }

    .botaoSecundario, .botaoPrincipal {
        margin-top: 20px;
    }



    .botaoCadastro {
        margin-top: 20px;
        margin-left: 65px;
        width: 213px;
    }

    .atalhoUpload {
    }

        .atalhoCotacao h1, .atalhoUpload h1, .atalhoMensagem h1 {
            margin-top: 0px;
        }

    .itensMensagem .fa-fw {
        padding: 6px 10px 0px 0px;
    }

    .subMenu {
        margin-left: 3px;
    }
}

@media(max-width:391px) {
    .itensDash {
        width: 100%;
    }

    .produtoItem span {
        margin-left: 70px !important;
    }

    .menuMobile {
        margin-left: 11.5%;
    }

    .pesquisarTopo {
    }

    .lupa {
        display: none;
    }

    .topo p {
        /*	display:none;*/
    }

    .subMenu a {
        padding-right: 13px;
        padding-left: 13px;
        font-size: 20px;
    }

    .etapasMobile h3 {
        font-size: 28px !important;
        padding-bottom: 0px;
    }
}

@media(max-width:360px) {
    .iconesAtalhoCotacao {
        padding-left: 7% !important;
    }

    .sairTopo {
        text-align: center;
        padding-top: 14px;
        padding-right: 33px;
        padding-left: 0px;
    }

    .buscaMenor {
        margin-left: 0px;
        margin-top: -2px;
    }

    .iconesTopo {
        padding-left: 10%;
    }

    .corretorTopo {
        display: none;
    }

    .pesquisarTopo {
        margin-left: 18px;
        padding-left: 0px;
    }

    .iconeUpload {
        margin-left: 0px;
    }

    .lupa {
        margin-left: 0px;
    }

    .iconeMensagem {
        margin-left: 0px;
    }

    .botaoTopo, .botaoSecundario {
        margin-top: 20px;
    }

    .conteudoMiolo {
        left: 12%;
        width: 85%;
        padding: 0px 5px 23px 5px;
    }

    .modal-lg {
        width: 95%;
    }

    .subMenu {
        margin-left: 2px;
        display: none;
    }
}

@media(max-width: 320px) {
    .pesquisarTopo {
        margin-left: 18px;
        padding-left: 0px;
    }

    .iconesTopo {
        padding-left: 15%;
    }

    .sairTopo {
        padding-right: 15px;
    }

    .atalhoUpload {
        margin-left: 10px;
    }

    .Todos-os-direitos-re {
        top: 90% !important;
    }

    .Login {
        height: 52% !important;
        top: 37% !important;
    }
}

.div-background {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: black;
    opacity: 0.8;
    filter: alpha(opacity=80);
    z-index: 20000;
}

.div-detalhe {
    width: 860px;
    height: 120px;
    z-index: 26000;
    position: fixed;
    left: 50%;
    top: 34%;
    margin-left: -430px;
    margin-top: -100px;
    background-color: transparent;
}

.TrocarSenha {
    width: 44%;
    height: 47%;
    z-index: 26000;
    position: fixed;
    left: 40%;
    top: 24%;
    margin-left: -22%;
    background-color: transparent;
}

.RequisitoSenha {
    width: 44%;
    height: 47%;
    z-index: 26000;
    position: fixed;
    left: 30%;
    top: 24%;
    margin-left: -22%;
    background-color: transparent;
}

.Requisito-Senha {
    margin-bottom: 40px;
}

.Requerimentos-Senha {
    font-weight: bold;
    font-size: 21px;
    color: black;
    padding-left: 0;
    margin-bottom: 0px;
}

.Requerimentos-OK-Check {
    color: lightgreen;
    margin-right: 1px;
    padding-left: 0;
    line-height: revert !important;
}

.Requerimentos-Erro-Check {
    color: red;
    margin-right: 1px;
    padding-left: 0;
    line-height: revert !important;
}

.fundo-opaco-branco {
    background-color: rgba(0,0,0,0.8);
    transition: background-color 0.5s ease-in;
}

.EZZE {
    font-family: Bold;
    font-size: 30px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 10px;
    text-align: center;
    color: #ffffff;
    position: relative;
    top: -82.7%;
    margin-left: 10px;
}

.div-orange-ezze {
    width: 52%;
    height: 95%;
    position: absolute;
    top: 3%;
}

.Portal-Ezze {
    font-family: Light;
    font-weight: bold;
    font-size: 13px;
    margin-top: 4.6%;
    color: #ffffff;
    position: relative;
    top: -73.1%;
}

.div-username {
    position: absolute;
    left: 25%;
    width: 48%;
    height: 100%;
    object-fit: contain;
    border-radius: 13px;
    box-shadow: -10px 2px 20px 0 rgba(0, 0, 0, 0.12);
    background-color: #f8f8f8;
    padding-left: 4.1%;
    padding-right: 3.9%;
    padding-top: 5.5%;
}

.div-recuperar {
    position: absolute;
    left: 30%;
    width: 120%;
    height: 94%;
    object-fit: contain;
    padding-right: 0 !important;
    padding-left: 4.1%;
    padding-right: 3.9%;
    padding-top: 5.5%;
    top: 3%;
    border-radius: 13px;
    background-color: #e8f0fe;
}


.Label-Login {
    font-family: Bold;
    font-size: 20px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #00828e;
}

.Label-campos {
    font-family: Light;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #a1a1a1 !important;
}

.Texto-campos {
    font-family: Light;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #666666;
    width: 100%;
    background-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 1px #666666;
}

button.botaoSecundario {
    width: 100%;
    margin-left: 0px;
    padding: 8px 12px 8px 12px;
    font-size: 15px;
}

    button.botaoSecundario:hover {
        text-decoration: underline;
    }






#detalhe-div-loading {
    width: 300px;
    height: 145px;
    z-index: 26000;
    border-radius: 5px;
    text-align: center;
    color: #202020;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -100px;
}

#detalhe-div-loading-login {
    width: 300px;
    height: 145px;
    z-index: 26000;
    border-radius: 5px;
    text-align: center;
    color: #202020;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -100px;
}

#detalhe-div-background-login {
    background-color: black !important;
}

.div-background {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: black;
    opacity: 1;
    filter: alpha(opacity=80);
    z-index: 20000;
    background-color: #303030;
}

.div-detalhe {
    width: 860px;
    height: 120px;
    z-index: 26000;
    position: fixed;
    left: 50%;
    top: 34%;
    margin-left: -430px;
    margin-top: -100px;
    background-color: transparent;
}

.Login {
    width: 44%;
    height: 47%;
    z-index: 26000;
    position: fixed;
    left: 50%;
    top: 24%;
    margin-left: -22%;
    background-color: transparent;
}

.RecuperarSenha {
    width: 44%;
    height: 39%;
    z-index: 26000;
    position: fixed;
    left: 50%;
    top: 24%;
    margin-left: -22%;
    background-color: transparent;
    text-align: center;
}

.Bem-vindo-ao-portal {
    font-family: Bold;
    font-size: 66.2px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

    .Bem-vindo-ao-portal .text-style-1 {
        color: #09FE00;
    }

.fundo-opaco-branco {
    background-color: rgba(0,0,0,0.8);
    transition: background-color 0.5s ease-in;
}

.EZZE {
    font-family: Bold;
    font-size: 30px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 10px;
    text-align: center;
    color: #ffffff;
    position: relative;
    top: -82.7%;
    margin-left: 10px;
}

.div-orange-ezze {
    width: 52%;
    height: 100%;
    position: absolute;
    top: 4%;
}

.Bem-vindo-login {
    font-family: "Raleway", Sans-serif;
    font-weight: bold;
    font-size: 25px;
    margin-top: 3.6%;
    color: #ffffff;
    position: relative;
    top: -62.1%;
}

.Portal-Ezze {
    font-family: "Raleway", Sans-serif;
    font-weight: bold;
    font-size: 13px;
    margin-top: 4.6%;
    color: #ffffff;
    position: relative;
    top: -63.1%;
}

/*.div-username {
        position: absolute;
        left: 48%;
        width: 48%;
        height: 100%;
        object-fit: contain;
        border-radius: 13px;
        box-shadow: -10px 2px 20px 0 rgba(0, 0, 0, 0.12);
        background-color: #f8f8f8;
        padding-left: 4.1%;
        padding-right: 3.9%;
        padding-top: 5.5%;
    }*/

.div-username {
    position: absolute;
    left: 48%;
    width: 45%;
    height: 94%;
    object-fit: contain;
    /* border-radius: 13px; */
    /* box-shadow: -3px 5px 8px 0 rgba(0, 0, 0, 0.4); */
    /* background-color: #f8f8f8; */
    padding-left: 4.1%;
    padding-right: 3.9%;
    padding-top: 5.5%;
    top: 3%;
    border-radius: 13px;
    /*box-shadow: -10px 2px 20px 0 rgba(0, 0, 0, 0.12);*/
    background-color: #e8f0fe;
}


.div-recuperar-senha, .div-cadastrar-usuario {
    position: absolute;
    left: 25%;
    width: 48%;
    height: 100%;
    object-fit: contain;
    border-radius: 5px;
    /*box-shadow: -10px 2px 20px 0 rgba(0, 0, 0, 0.12);*/
    background-color: #f8f8f8;
    padding-left: 4.1%;
    padding-right: 3.9%;
    padding-top: 5.5%;
    box-shadow: -3px 5px 8px 0 rgba(0, 0, 0, 0.4);
}

.Label-Login {
    font-family: sans-serif;
    font-size: 33px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #303030;
    font-weight: bold;
    /* margin-bottom: 0%; */
}

/*.Label-campos {
        font-family: Light;
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #a1a1a1 !important;
    }*/

.Label-campos {
    font-family: sans-serif;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    top: 9%;
    left: 0%;
    font-size: 16px;
    margin-bottom: 2%;
    color: #a1a1a1;
}

.Texto-campos {
    font-family: Light;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #666666;
    width: 100%;
    background-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 1px #666666;
}

button.botaoSecundario {
    width: 100%;
    margin-left: 0px;
    padding: 8px 12px 8px 12px;
    font-size: 15px;
    font-weight: bold;
    font-family: sans-serif;
}

    button.botaoSecundario:hover {
        text-decoration: underline;
    }

.cadastrar-cliente {
    width: 54%;
    height: 42%;
    z-index: 26000;
    position: fixed;
    left: 50%;
    top: 24%;
    margin-left: -27%;
    background-color: transparent;
}



/*------------------------------------------------------------------------------------------------------Home*/

.container-dashboard {
    width: 100%;
    height: 20%;
    /* padding: 0%; */
    margin-top: -8px;
    background-color: #ffffff;
    padding-top: 32px;
    padding-left: 1%;
    position: fixed;
    z-index: 2;
    transition-duration: 0.2s;
}


.box-dashboard {
    width: 21.5%;
    height: 80%;
    background-color: #404040;
    position: absolute;
    border-radius: 5px;
    padding-top: 1.5%;
    padding-left: 1.5%;
    cursor: pointer;
    padding-right: 0%;
}

.title-box-dashboard {
    /* font-family: OpenSans-Bold; */
    color: #FFF;
    font-size: 17px;
    font-weight: bold;
}

.icone-dashboard {
    color: #FFF;
    float: right;
    margin-right: 7%;
    font-size: 40px;
    margin-top: 3px;
}

.dashboard-content {
    width: 20%;
    height: 20%;
    font-size: 55.2px;
    letter-spacing: 0;
    color: #ffffff;
    margin-top: -3%;
    padding-top: 2%;
}

.dashboard-vermais {
    float: right;
    margin-top: 13%;
    margin-left: 77%;
    color: #7cc5c2;
    font-size: 12px;
    margin-right: -4%;
    width: 31%;
    /* position: relative; */
    left: 10%;
    margin-bottom: 4%;
    padding-bottom: 7%;
}



.arrow-vermais {
    width: 128px;
    font-size: 23px;
    margin-left: 11px;
    margin-top: -1%;
    padding-top: 0%;
    padding-bottom: -8%;
    position: absolute;
}

.container-produto {
    /*width: 45.4%;
    height: 48%;*/
    border-radius: 5px;
    background-color: #f7f7f7;
    border: solid 1px #dbdbdb;
    position: relative;
    margin-right: -5%;
    cursor: pointer;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-bottom: 3%;
}

.container-main-produto {
    background-color: white;
    /*width: 73.5%;*/
    /*height: 60vh;*/
    position: absolute;
    z-index: 1;
    margin-top: 10%;
    padding-left: 1%;
    padding-top: 2%;
    margin-left: 0%;
}

.img-produto {
    width: 100%;
    height: 30%;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.title-produto {
    color: #303030;
    font-weight: bold;
    font-size: 22px;
    padding-top: 3%;
    padding-left: 6%;
    cursor: pointer;
}

.sub-title-produto {
    color: #9a9a9a;
    padding-left: 6%;
    padding-right: 6%;
    padding-top: 2%;
    font-size: 17px;
    cursor: pointer;
    height: 60px;
}

.vermais-produto {
    float: left;
    margin-top: 5%;
    margin-left: 6%;
    color: #303030;
    font-size: 16px;
    width: 63%;
    margin-bottom: 3%;
    cursor: pointer;
}

.arrow-produto {
    margin-left: 1%;
    width: 128px;
    font-size: 25px;
    font-size: 24px;
    margin-top: -2px;
    padding-top: 0%;
    position: absolute;
}

.conteudo-produto {
    height: auto;
    margin-bottom: 10px;
}

.container-noticias {
    width: 21.5%;
    position: fixed;
    float: right;
    height: 68%;
    background-color: #404040;
    border-radius: 5px;
    margin-top: 12%;
    z-index: 10;
    margin-left: 73%;
    padding: 1%;
    transition-duration: 0.4s;
}

.banner-noticias {
    width: 100%;
    height: 10%;
    margin-top: 1%;
}

.Banner-title {
    font-size: 18px;
    color: #ffffff;
    padding-top: 0%;
    margin-top: 0%;
}

.title-noticias {
    font-size: 16px;
    color: #09FE00;
    cursor: context-menu;
    margin-top: 2px;
}

.box-noticias {
    width: 100%;
    height: 18%;
    margin-left: 1%;
    margin-left: 1%;
    padding-right: 2%;
    transition-duration: 0.5s;
}

.sub-title-noticias {
    color: #bbd6d9;
    padding-left: 0%;
    padding-right: 6%;
    padding-top: 2%;
    font-size: 14px;
    float: left;
    cursor: context-menu;
}

.link-home {
    text-decoration: none;
    color: #303030;
}

.vermais-noticias {
    float: left;
    margin-top: 4%;
    margin-left: 0%;
    color: #bbd6d9;
    font-size: 12px;
    width: 63%;
    position: relative;
    cursor: pointer;
}

.vermais-noticias-open {
    display: none;
    float: left;
    margin-top: 44%;
    margin-left: 0%;
    color: #bbd6d9;
    font-size: 12px;
    width: 63%;
    position: absolute;
    cursor: pointer;
    transition-duration: 0.5s;
}

.icone-noticias {
    color: #ffffff;
    float: left;
    margin-right: 7%;
    font-size: 29px;
    margin-top: -2px;
}

.bottom-noticias {
    width: 109%;
    margin-left: -5%;
    margin-top: 5px;
    position: relative;
    cursor: context-menu;
}

.arrow-noticias {
    margin-left: 5%;
    width: 128px;
    font-size: 25px;
    font-size: 19px;
    margin-top: -2px;
    padding-top: 0%;
    position: absolute;
}

#container-baixo1 {
}

#container-baixo2 {
}

.box-noticias-open {
    position: absolute;
    transform: scale(1.0);
    background-color: #404040;
    height: auto !important;
    border-radius: 5px;
    padding: 5%;
    width: 79%;
    left: -40%;
    z-index: 20;
    margin-top: -38%;
    top: 6%;
    box-shadow: 5px 21px 42px #1a1a1a;
    transition-duration: 0.1s;
}

.sub-title-noticias-open {
    display: none;
    color: #bbd6d9;
    padding-left: 0%;
    padding-right: 6%;
    padding-top: 2%;
    font-size: 13px;
    float: left;
}

.close-box-open {
    display: none;
    color: #bbd6d9;
    float: left;
    margin-right: 7%;
    font-size: 29px;
    margin-top: -8px;
    cursor: pointer;
}

.img-noticia-home {
    width: 100%;
    height: 100%;
    margin-left: 8px;
    margin-bottom: 7px;
}

/*-----------------------------------------------home mobile----------------------------------------------------inicio*/


/*------------------------------------------------V�rs�o para smartphones - inicio------------------------------*/
body {
}


@media(max-width:450px) {
    .container-dashboard {
        width: 97% !important;
        height: 76% !important;
        /* padding: 0%; */
        margin-top: -8px !important;
        padding-top: 32px !important;
        padding-left: 8% !important;
        position: relative !important;
    }


    #box1 {
        margin-left: 8% !important;
        width: 110% !important;
    }

    #box2 {
        margin-left: 8% !important;
        margin-top: 45.5% !important;
        width: 110% !important;
    }

    #box3 {
        margin-top: 91% !important;
        margin-left: 8% !important;
        width: 110% !important;
    }

    #box4 {
        margin-top: 137% !important;
        margin-left: 8% !important;
        width: 110% !important;
    }


    .box-dashboard {
        width: 44.5% !important;
        height: 127px !important;
        padding-top: 3.5% !important;
        padding-left: 7.5% !important;
        padding-right: 3% !important;
    }

    .title-box-dashboard {
        /* font-family: OpenSans-Bold; */
        font-size: 17px !important;
        font-weight: bold !important;
    }

    .icone-dashboard {
        margin-right: 3% !important;
        font-size: 40px !important;
        margin-top: 5px !important;
    }

    .dashboard-content {
        width: 20% !important;
        height: 20%;
        font-size: 41.2px !important;
        margin-top: -3% !important;
        padding-top: 2% !important;
    }

    .dashboard-vermais {
        margin-top: 54px !important;
        margin-left: 0% !important;
        font-size: 12px !important;
        margin-right: 0% !important;
        width: 37%;
        position: relative !important;
        left: 0% !important;
        margin-bottom: 4%;
        padding-bottom: 7%;
        float: left;
    }

    .arrow-vermais {
        width: 128px !important;
        font-size: 20px !important;
        margin-left: 11px !important;
        margin-top: -3px;
        padding-top: 0%;
        padding-bottom: -8%;
    }

    .container-produto {
        width: 92.4% !important;
        height: 235px !important;
        margin-right: -5% !important;
        position: relative !important;
        left: 23%;
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-bottom: 3%;
    }

    .container-main-produto {
        /*width: 97% !important;*/
        /*height: 60vh !important;*/
        margin-top: 150% !important;
        padding-left: 1% !important;
        padding-top: 2% !important;
        margin-left: 1% !important;
        position: absolute;
        left: -18% !important;
    }

    #container-baixo1 {
        margin-left: 0% !important;
        margin-top: 204% !important;
    }

    #container-baixo2 {
        margin-top: 135% !important;
        margin-left: 0% !important;
    }

    #box-produto1 {
        margin-top: -2% !important;
    }

    #box-produto2 {
        margin-top: 66% !important;
        margin-left: 0% !important;
    }

    .img-produto {
        width: 100% !important;
        height: 25% !important;
    }

    .title-produto {
        font-size: 21px;
        padding-top: 3%;
        padding-left: 6%;
    }

    .sub-title-produto {
        padding-left: 6%;
        padding-right: 6%;
        padding-top: 2%;
        font-size: 14px;
    }

    .vermais-produto {
        margin-top: 2%;
        margin-left: 6%;
        font-size: 12px;
        width: 63%;
        margin-bottom: 3%;
    }

    .arrow-produto {
        margin-left: 1%;
        width: 128px;
        font-size: 20px;
        font-size: 20px;
        margin-top: -2px;
        padding-top: 0%;
    }

    .conteudo-produto {
        height: auto;
    }

    .container-noticias {
        width: 90.5% !important;
        height: 650px !important;
        margin-top: 419% !important;
        margin-left: 23% !important;
        padding: 7% !important;
        position: absolute !important;
        margin-bottom: 20% !important;
        left: -18% !important;
        z-index: 0 !important;
    }

    .banner-noticias {
        width: 100%;
        height: 10%;
        margin-top: 1%;
    }

    .Banner-title {
        font-size: 18px;
        padding-top: 0%;
        margin-top: 0%;
    }

    .title-noticias {
        font-size: 16px;
    }

    .box-noticias {
        width: 100%;
        height: 18%;
        margin-left: 1%;
        margin-left: 1%;
        padding-right: 2%;
    }

    .sub-title-noticias {
        padding-left: 0%;
        padding-right: 6%;
        padding-top: 2%;
        font-size: 14px;
    }

    .vermais-noticias {
        margin-top: 1%;
        margin-left: 0%;
        font-size: 12px;
        width: 63%;
    }

    .vermais-noticias-open {
        float: left;
        margin-top: 44%;
        margin-left: 0%;
        font-size: 12px;
        width: 63%;
    }

    .icone-noticias {
        margin-right: 7%;
        font-size: 29px;
        margin-top: -2px;
    }

    .bottom-noticias {
        width: 109%;
        margin-left: -5%;
        margin-top: 0%;
    }

    .arrow-noticias {
        margin-left: 5%;
        width: 128px;
        font-size: 25px;
        font-size: 19px;
        margin-top: -2px;
        padding-top: 0% !important;
    }

    .box-noticias-open {
        height: auto !important;
        padding: 5% !important;
        width: 101% !important;
        left: -1% !important;
        margin-top: -27% !important;
        top: 24%;
        transform: none;
    }

    .sub-title-noticias-open {
        padding-left: 0% !important;
        padding-right: 6% !important;
        padding-top: 2% !important;
        font-size: 13px !important;
    }

    .close-box-open {
        margin-right: 7% !important;
        font-size: 20px !important;
        margin-top: -10px !important;
    }
}
/*------------------------------------------------V�rs�o para smartphones- Fim ------------------------------*/

/*------------------------------------------------V�rs�o para smartphones(horizontal) tablets (pequenos) Inicio------------------------------*/
@media (min-width:451px) and (max-width:900px) {
    .container-dashboard {
        width: 85% !important;
        margin-left: -4% !important;
        height: 20%;
        /* padding: 0%; */
        margin-top: -55px;
        padding-top: 32px;
        padding-left: 1%;
        position: relative;
        z-index: 2;
    }


    .box-dashboard {
        width: 35.5%;
        height: 136px;
        position: absolute;
        border-radius: 5px;
        padding-top: 2.5%;
        padding-left: 2.5%;
        padding-right: 0%;
    }

    .title-box-dashboard {
        font-size: 11px;
        text-align: left;
    }

    .icone-dashboard {
        color: #FFF;
        float: right;
        margin-right: 7%;
        font-size: 21px;
        margin-top: 1px;
        display: none;
    }

    .dashboard-content {
        width: 20%;
        height: 20%;
        font-size: 29.2px;
        letter-spacing: 0;
        color: #ffffff;
        margin-top: 3%;
        padding-top: 2%;
        padding-left: 1%;
    }

    .dashboard-vermais {
        float: left;
        margin-top: 32%;
        margin-left: -6%;
        color: #7cc5c2;
        font-size: 12px;
        margin-right: -4%;
        width: 31%;
        position: relative;
        left: 10%;
        margin-bottom: 4%;
        padding-bottom: 7%;
    }

    .arrow-vermais {
        width: 128px;
        font-size: 19px;
        margin-left: 11px;
        margin-top: -3%;
        padding-top: 0%;
        padding-bottom: -8%;
        position: absolute;
    }

    #box1 {
    }

    #box2 {
        margin-left: 37.5% !important;
    }

    #box3 {
        margin-left: 75% !important;
    }

    #box4 {
        margin-left: 112% !important;
    }

    .container-produto {
        width: 45.4%;
        height: 46%;
        border-radius: 5px;
        position: relative;
        margin-right: -5%;
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-bottom: 3%;
    }

    .container-main-produto {
        /*width: 98.5% !important;*/
        /*height: 432px;*/
        position: absolute;
        z-index: 1;
        margin-top: 151px;
        padding-left: 1%;
        padding-top: 2%;
        margin-left: -3% !important;
    }

    .img-produto {
        width: 100%;
        height: 31%;
    }

    .title-produto {
        font-size: 15px;
        padding-top: 3%;
        padding-left: 6%;
    }

    .sub-title-produto {
        padding-left: 6%;
        padding-right: 6%;
        padding-top: 2%;
        font-size: 14px;
    }

    .vermais-produto {
        float: left;
        margin-top: 5%;
        margin-left: 6%;
        font-size: 13px;
        width: 63%;
        margin-bottom: 3%;
    }

    .arrow-produto {
        margin-left: 1%;
        width: 128px;
        font-size: 25px;
        font-size: 21px;
        margin-top: -2px;
        padding-top: 0%;
        position: absolute;
    }


    .conteudo-produto {
        height: auto;
    }

    .container-noticias {
        width: 93.5% !important;
        margin-left: 85% !important;
        float: left;
        height: 494px;
        margin-top: 592px;
        z-index: 0;
        padding: 1%;
        position: absolute;
        margin-right: -24%;
        left: -82%;
        margin-bottom: 4%;
    }



    .banner-noticias {
        width: 100%;
        height: 10%;
        margin-top: 1%;
    }

    .Banner-title {
        font-size: 18px;
        padding-top: 0%;
        margin-top: 0%;
    }

    .title-noticias {
        font-size: 16px;
    }

    .box-noticias {
        width: 100%;
        height: 84px;
        margin-left: 1%;
        margin-left: 1%;
        padding-right: 2%;
    }

    .sub-title-noticias {
        padding-left: 0%;
        padding-right: 6%;
        padding-top: 2%;
        font-size: 14px;
        float: left;
    }

    .vermais-noticias {
        float: left;
        margin-top: 6%;
        margin-left: 0%;
        font-size: 11px;
        width: 63%;
        position: absolute;
    }

    .vermais-noticias-open {
        float: left;
        margin-top: 44%;
        margin-left: 0%;
        font-size: 12px;
        width: 63%;
        position: absolute;
    }

    .icone-noticias {
        float: left;
        margin-right: 6%;
        font-size: 29px;
        margin-top: -2px;
        margin-left: 2%;
    }

    .bottom-noticias {
        width: 109%;
        margin-left: -5%;
        margin-top: 0%;
        position: relative;
    }

    .arrow-noticias {
        margin-left: 5%;
        width: 128px;
        font-size: 25px;
        font-size: 19px;
        margin-top: -2px;
        padding-top: 0%;
        position: absolute;
    }

    .bottom-noticias {
        width: 100%;
        margin-left: 0%;
        margin-top: 0%;
        position: relative;
    }


    #container-baixo1 {
        margin-top: 213px !important;
    }

    #container-baixo2 {
        margin-top: 213px !important;
    }

    .box-noticias-open {
        position: absolute;
        transform: scale(1.1);
        height: auto !important;
        padding: 5%;
        width: 79%;
        left: 3%;
        margin-top: -11%;
        top: 32%;
        margin-bottom: 10px;
    }

    .sub-title-noticias-open {
        padding-left: 0%;
        padding-right: 6%;
        padding-top: 2%;
        font-size: 13px;
        float: left;
    }

    .close-box-open {
        display: none;
        float: left;
        margin-right: 7%;
        font-size: 29px;
        margin-top: -2px;
    }

    .box-usuario {
        padding-left: 1% !important;
    }
}
/*------------------------------------------------V�rs�o para smartphones(horizontal) tablets (pequenos) Fim------------------------------*/


/*------------------------------------------------V�rs�o para tablets (grandes) INICIO-----------------------------*/

@media only screen and (max-device-width: 1024px) and (min-device-height:600px)and (orientation : landscape) {
    .container-dashboard {
        width: 97% !important;
        margin-left: 3% !important;
    }

    .box-bulb {
        background-color: #202020;
        width: 50px !important;
        left: 71.7% !important;
    }

    .box-dashboard {
        padding-top: 1% !important;
        padding-left: 1.5% !important;
        padding-right: 0% !important;
    }

    .dashboard-vermais {
        position: absolute !important;
        float: left !important;
        margin-top: 27% !important;
        left: -70% !important;
        margin-bottom: 4% !important;
        padding-bottom: 7% !important;
        width: 38% !important;
        font-size: 12px !important;
    }

    .container-main-produto {
        /*width: 72.5% !important;*/
        /*height: 64vh !important;*/
        position: absolute !important;
        margin-top: 15% !important;
        padding-top: 0% !important;
        margin-left: 3% !important;
    }

    .container-produto {
        width: 44.4% !important;
        height: 43% !important;
        position: relative !important;
        margin-right: -5%;
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-bottom: 3%;
    }

    .dashboard-content {
        margin-top: -4% !important;
        padding-top: 2% !important;
        font-size: 60px !important;
    }

    .img-produto {
        width: 100% !important;
        height: 21% !important;
    }

    #container-baixo2 {
        margin-top: 32% !important;
        margin-left: 49% !important;
    }

    #container-baixo1 {
        margin-top: 32% !important;
    }

    .container-noticias {
        width: 20.5% !important;
        position: fixed !important;
        float: right !important;
        height: 68% !important;
        margin-top: 15% !important;
        margin-left: 74% !important;
        padding: 1% !important;
    }

    .box-noticias {
        width: 100%;
        height: 17%;
        margin-left: 1%;
        padding-right: 2%;
    }

    .vermais-noticias {
        margin-top: 0% !important;
        margin-left: 0% !important;
        font-size: 10px !important;
    }

    .corretorTopo-new {
        margin-left: -42% !important;
    }

    .box-noticias-open {
        position: absolute !important;
        transform: scale(1.1) !important;
        height: 42% !important;
    }

    .close-box-open {
        margin-top: -9% !important;
    }


    #ocultado {
        display: none !important;
    }
}

@media only screen and (min-width: 1024px) and (min-height: 800px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {

    .container-produto {
        width: 45.4% !important;
        height: 38% !important;
        position: relative !important;
        margin-right: -5%;
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-bottom: 3%;
    }

    .container-main-produto {
        /*width: 73.5% !important;*/
        /*height: 65vh !important;*/
        position: absolute !important;
        z-index: 1 !important;
        margin-top: 15% !important;
        padding-left: 1% !important;
        padding-top: 0% !important;
        margin-left: 0%;
    }

    .img-produto {
        width: 100% !important;
        height: 24% !important;
    }

    .container-noticias {
        width: 21.5% !important;
        position: fixed !important;
        float: right !important;
        height: 68% !important;
        margin-top: 15% !important;
        margin-left: 73% !important;
        padding: 1% !important;
    }

    #container-baixo1 {
        margin-top: 30% !important;
    }

    #container-baixo2 {
        margin-top: 30% !important;
    }

    .dashboard-content {
        font-size: 71.2px !important;
        margin-top: -4% !important;
        padding-top: 2% !important;
    }

    .dashboard-vermais {
        margin-top: 28% !important;
    }

    .box-noticias-open {
        position: absolute !important;
        transform: scale(1.1) !important;
        height: 42% !important;
    }

    .close-box-open {
        display: none;
        float: left;
        margin-right: 7% !important;
        font-size: 20px !important;
        margin-top: -7px !important;
    }

    #ocultado {
        display: none !important;
    }
}

@media only screen and (min-width: 1024px) and (min-height: 1050px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
    .container-dashboard {
        height: 13% !important;
        margin-top: -8px !important;
        width: 96.5% !important;
        margin-left: 4% !important;
    }

    .dashboard-vermais {
        float: left;
        margin-top: 30% !important;
        position: absolute;
        left: -69%;
        margin-bottom: 4%;
        padding-bottom: 7%;
    }

    .container-main-produto {
        /*width: 91.5% !important;*/
        /*height: 52vh !important;*/
        position: absolute !important;
        z-index: 1 !important;
        margin-top: 17% !important;
        padding-left: 1% !important;
        padding-top: 0% !important;
        margin-left: 4% !important;
    }

    .img-produto {
        width: 100% !important;
        height: 24% !important;
    }

    #box-produto2 {
        margin-left: 51% !important;
    }

    #container-baixo2 {
        margin-left: 51% !important;
    }

    .icone-noticias {
        margin-right: 3% !important;
        font-size: 29px !important;
        margin-top: -2px !important;
    }

    .Banner-title {
        padding-top: 0% !important;
        margin-top: 0% !important;
        padding-left: 0% !important;
    }

    .box-noticias {
        height: 17% !important;
        margin-left: 1%;
        padding-right: 2%;
    }

    .container-noticias {
        width: 90% !important;
        position: fixed !important;
        float: left !important;
        height: 37% !important;
        margin-top: 74% !important;
        margin-left: 5% !important;
        padding: 1% !important;
    }

    .vermais-noticias {
        margin-top: 0% !important;
        margin-left: 0% !important;
        font-size: 10px !important;
    }

    .corretorTopo-new {
        margin-left: -35% !important;
    }

    .dashboard-vermais {
        position: absolute !important;
        left: -67% !important;
    }

    .bottom-noticias {
        width: 100% !important;
        margin-left: 0% !important;
    }

    .container-produto {
        width: 47.4% !important;
        height: 38% !important;
        position: relative !important;
        margin-right: -5%;
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-bottom: 3%;
    }

    .box-bulb {
        width: 50px !important;
        left: 71.7% !important;
        padding-right: 3% !important;
        padding-top: 0% !important;
        padding-left: 2% !important;
        margin-right: 8px !important;
    }

    .box-noticias-open {
        position: absolute;
        transform: scale(1.1);
        height: auto !important;
        padding: 5%;
        width: 79% !important;
        left: 3%;
        margin-top: -52%;
        top: 20%;
    }

    .sub-title-noticias-open {
        padding-left: 0%;
        padding-right: 6%;
        padding-top: 2%;
        font-size: 13px;
        float: left;
    }

    .close-box-open {
        display: none;
        float: left;
        margin-right: 7%;
        font-size: 29px;
        margin-top: -2px;
    }

    #ocultado {
        display: none !important;
    }
}
/*------------------------------------------------V�rs�o para tablets (grandes) Fim-----------------------------*/

/*-----------------------------------------------home mobile----------------------------------------------------fim*/

/*-----------------------------------------------home NoteBooks----------------------------------------------------inicio*/

@media(min-width:900px) and (max-width:1400px) {
    .corretorTopo-new {
        height: auto;
        padding-top: 9px;
        padding-bottom: 4px;
        margin-top: 7px;
        margin-bottom: 0px;
        margin-left: -10%;
    }


    .container-noticias {
        width: 21.5%;
        position: fixed;
        float: right;
        height: 68%;
        margin-top: 10%;
        margin-left: 73%;
        padding: 1%;
    }

    .sub-title-noticias {
        padding-left: 0%;
        padding-right: 6%;
        padding-top: 2%;
        font-size: 12px;
        float: left;
    }

    .img-noticia-home {
        width: 100%;
        height: 100%;
        margin-left: 5px !important;
        margin-bottom: 7px;
    }

    .title-noticias {
        font-size: 14px;
    }

    .box-noticias {
        width: 100%;
        height: 17%;
        margin-left: 1%;
        margin-left: 1%;
        padding-right: 2%;
    }


    .vermais-produto {
        margin-top: 1%;
        font-size: 11px;
        width: 63%;
    }

    .container-main-produto {
        /*width: 73.5%;*/
        /*height: 64vh;*/
        position: absolute;
        z-index: 1;
        margin-top: 10%;
        padding-left: 1%;
        padding-top: 0%;
        margin-left: 0%;
    }

    .title-box-dashboard {
        font-size: 14px;
    }

    .dashboard-content {
        font-size: 34.2px;
        margin-top: -4%;
        padding-top: 2%;
    }

    .icone-dashboard {
        margin-right: 7%;
        font-size: 34px;
    }

    .arrow-vermais {
        width: 128px;
        font-size: 17px;
        margin-left: 11px;
        margin-top: -1%;
        padding-top: 0%;
        padding-bottom: -8%;
        position: absolute;
    }

    .dashboard-vermais {
        float: left;
        margin-top: 11%;
        position: relative;
        left: -76%;
        margin-bottom: 4%;
        padding-bottom: 7%;
    }

    .box-dashboard {
        padding-top: 1%;
        padding-left: 1.5%;
        padding-right: 0%;
    }

    .arrow-produto {
        margin-left: 1%;
        width: 128px;
        font-size: 20px;
        margin-top: -2px;
        padding-top: 0%;
        position: absolute;
    }

    .title-produto {
        font-size: 18px;
    }

    .sub-title-produto {
        font-size: 16px;
    }

    .vermais-produto {
        font-size: 12px;
        width: 63%;
        cursor: pointer;
    }

    .container-produto {
        width: 45.4%;
        height: 50%;
        position: relative;
        margin-right: -5%;
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-bottom: 3%;
    }

    .container-dashboard {
        width: 100%;
        height: 20%;
        margin-top: -8px;
        padding-top: 12px;
        padding-left: 1%;
    }

    .arrow-noticias {
        font-size: 16px;
        margin-top: -2px;
    }


    .vermais-noticias {
        margin-top: 0%;
        margin-left: 0%;
        font-size: 10px;
    }

    /*.box-noticias-open {
        position: absolute!important;
        transform: scale(1.1)!important;
        height: 33%!important;
        padding: 5%!important;
        width: 79%!important;
        left: 3%!important;
        margin-top: -11%!important;
    }

    .sub-title-noticias-open {
        padding-left: 0%!important;
        padding-right: 6%!important;
        padding-top: 2%!important;
        font-size: 13px!important;
        float: left!important;
    }

    .close-box-open {
        display: none;
        float: left;
        margin-right: 7% !important;
        font-size: 25px !important;
        margin-top: -36px !important;
    }*/

    .corretorTopo-new {
        font-size: 13px !important;
    }
}

/*-----------------------------------------------home NoteBooks----------------------------------------------------inicio*/
.video-container {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .video-container video {
        /* Make video to at least 100% wide and tall */
        min-width: 100%;
        min-height: 100%;
        /* Setting width & height to auto prevents the browser from stretching or squishing the video */
        width: auto;
        height: auto;
        /* Center the video */
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

.Todos-os-direitos-re {
    height: 19px;
    font-family: Light;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    position: fixed;
    bottom: 32px;
    left: 31px;
    z-index: 99999999;
}

.rodape-powered-by {
    position: fixed;
    bottom: 32px;
    right: 44px;
    color: #ffffff;
    z-index: 99999999;
}

.logo_escuro {
    height: 26px;
}

.powered-by {
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    vertical-align: bottom;
}


/*---------------------------------------------------landing fim-------------------------------------------------------*/

/*---------------------------------------------------Meun Inicio-------------------------------------------------------*/

.submenu {
    background-color: white;
    /*position: absolute;*/
    left: 100%;
    width: 100%;
    top: 11px;
}

.menu-principal-aberto {
    border-left: solid 3px #09FE00;
}

#IdPerfilPesquisa option {
    max-width: 50px !important;
}


.sub-menu-padding-0 {
    padding-bottom: 0px;
}

div[data-id-menu] {
    cursor: pointer;
    border-radius: 0px !important;
}

.submenu-3 {
    /*margin-left: -15px;
            margin-right: -15px;*/
    margin-top: 10px;
    margin-bottom: -10px;
}

.menu-fundo-claro {
    background-color: #ffffff !important;
}

.menu-filho {
    margin-left: -15px;
    margin-right: -15px;
}

.padding-0 {
    padding-left: 0px !important;
}

.padding-left-8 {
    padding-left: 8px !important;
}

.padding-left-16 {
    padding-left: 16px !important;
}

.EZZE {
    font-family: Bold;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 10px;
    text-align: center;
    color: #ffffff;
    position: relative;
    color: #ff7f00;
}

.acaoExpandir {
    transition-duration: 0.3s !important;
}

.menuRetratil:hover, .icone:hover {
    color: #09FE00 !important;
}

.menuRetratil {
    margin-left: -45%;
    position: relative;
    margin-top: 0px;
    min-width: 180px;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    /*transition-duration: 0.5s;*/
    /*border-top: 1px solid black;*/
}

.menuRecuado {
    width: 67px !important;
    transition-duration: 0.1s !important;
}

.submenuRecuado {
    width: 67px !important;
    transition-duration: 0.1s !important;
}

.conteudoMiolo {
    transition-duration: 0.1s !important;
}


.menuMobile {
    width: 16.667%;
    transition-duration: 0.1s;
    display: flex;
    flex-direction: column;
    height: 94vh;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0px !important;
}

.description {
    text-shadow: 1px 1px 2px rgba(71,80,23,0.3);
    transition-duration: 0.3s !important;
    color: white;
}



.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.menu-fundo-claro {
    background-color: #FCFCFC !important;
}

.menuMobile
/*.conteudoMiolo {
            width: 83.333%;
        }*/
.icone-branco {
    color: white;
    text-shadow: white 2px;
}

.icone-branco:hover {
    color: #dddddd;
}

.div-submenu-recuado {
    position: absolute;
    width: 200px;
    z-index: 99;
    left: 120%;
    /* top: 40px; */
    margin-top: -41px;
}

.box-usuario {
    width: 17%;
    /* height: 132%; */
    background-color: #202020;
    position: absolute;
    left: 77.9%;
    padding-left: 40px;
    */ padding-bottom: 0;
    margin-left: -1px;
}

.box-sair {
    background-color: #202020;
    width: 5%;
    /* height: 90%; */
    z-index: 10;
    position: absolute;
    left: 95%;
    padding-right: 4%;
    padding-top: 0%;
    padding-left: 2%;
    cursor: pointer;
    margin-left: -1px;
}

.corretorTopo-new {
    height: 46px;
    padding-top: 9px;
    padding-bottom: 4px;
    margin-top: 7px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 17px;
}

.sairTopo-new {
    text-align: center;
    padding-top: 13px;
    padding-bottom: 10px;
    cursor: pointer;
    font-size: 21px;
}

.box-bulb {
    background-color: #202020;
    width: 5%;
    /* height: 90%; */
    z-index: 10;
    position: absolute;
    left: 72.7%;
    padding-right: 3%;
    padding-top: 0%;
    padding-left: 2%;
    cursor: pointer;
    margin-right: 8px;
}

.icone-tema {
    text-align: center;
    padding-top: 13px;
    padding-bottom: 10px;
    cursor: pointer;
    font-size: 21px;
}

#dark {
    display: none;
    transition-duration: 0.7s;
}

#light {
    transition-duration: 0.7s;
}


.boxPadrao {
    position: relative;
    margin-top: 41px;
    border: solid 2px #c3c3c3;
    border-radius: 5px;
    background-color: #f7f7f7;
    transition-duration: 0.2s;
    padding: 20px 55px 20px 55px;
    object-fit: contain;
}

.textoBoxTopo {
    text-align: center;
    font-size: 29px;
    color: #1b767f !important;
    font-weight: bold;
    font-family: sans-serif;
}

.boxInputPadrao {
    left: -76%;
    position: relative;
    margin-left: 76%;
    width: 100%;
    background-color: transparent;
}

fieldset {
    color: #1b767f;
    border: solid 1px #1b767f;
    border-radius: 5px;
    padding-bottom: 10px;
    padding-left: 10px;
    height: 75px;
}

legend {
    display: block;
    width: auto !important;
    padding: 8px;
    margin-bottom: 0px;
    font-size: 15px;
    color: #1b767f;
    border: 0;
    border-bottom: none !important;
    font-weight: 600;
    text-align: initial;
}

.iconePesquisa {
    position: relative;
    float: right;
    margin-right: 16px;
    color: #1b767f;
    font-size: 20px;
    z-index: 5;
    cursor: pointer;
    margin-top: -38px;
}


input {
    border: none !important;
    background-color: transparent !important;
    padding-right: 5% !important;
    margin-bottom: 10px !important;
    margin-top: -2px;
}

select {
    border: none !important;
    background-color: transparent !important;
    width: 95% !important
}

option {
    background-color: #f7f7f7;
}

textarea:focus, input:focus, select:focus {
    box-shadow: none !important;
    border-color: none !important;
    outline: 0 !important;
    -webkit-box-shadow: none !important;
}

.subTextoBoxTopo {
    text-align: center;
    font-size: 18px;
    color: #9a9a9a;
    margin-top: 5px;
    margin-bottom: 30px;
}

.colorFont {
    color: #9a9a9a;
}

.espacaCima {
    padding-top: 20px !important;
}

.ExplicaForm {
    min-height: 21px;
}

.linhaNovo:hover {
    background-color: #928b8b61;
}

.linhaNovoMenu:hover {
    background-color: #928b8b61;
}

.tituloTabelaNovo {
    text-align: center;
    background-color: #f7f7f7;
    color: #1b767f;
    font-size: 13px;
    padding: 17px;
}

.semBottom {
    margin-bottom: 0px !important;
}

.linhaNovo {
    background-color: #c3c3c352;
    border-top: 4px solid #f7f7f7;
    margin-top: 4px;
    text-align: left;
}

.linhaNovoFilho {
    background-color: #c3c3c32b;
    border-top: 4px solid #f7f7f7;
    margin-top: 4px;
    text-align: left;
}

.linhaNovoFilho-2 {
    background-color: #c3c3c31a;
    border-top: 4px solid #f7f7f7;
    margin-top: 4px;
    text-align: left;
}

.linhaNovoMenu {
    background-color: #c3c3c352;
    border-top: 4px solid #f7f7f7;
    margin-top: 4px;
    text-align: center;
}

thead {
    color: #333 !important;
    background-color: TRANSPARENT;
    text-align: center;
    padding-left: 31px !important
    /* position: relative; */
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #c3c3c352;
}

.linhaTituloTabelaNovo {
    border-bottom: 4px solid #1b767f;
    margin-bottom: 46px;
}

.conteudoTabelaLinha {
    padding: 15px;
}

.conteudoTabelaLinhaMenu {
    padding-top: 5px;
}

.linhaTransparent {
    width: 100%;
    height: 2px
}

.botaoPadrao {
    margin-bottom: 30px !important;
    /* padding: 29px!important; */
    font-size: 16px !important;
    font-weight: bold !important;
    font-family: sans-serif !important;
    color: white !important;
    padding: 12px;
}

.marcos, .marcos2, .marcos3 {
    background-color: #1b767f;
    padding: 15px 10px 15px 10px;
    border-radius: 5px;
    border: 2px solid #00828e;
    color: white;
}

    .marcos-selected, .marcos:hover, .marcos2:hover {
        background-color: #21484e;
        color: #ffffff;
        transition-duration: 0.3s;
        border: 2px solid #21484e;
        font-weight: bold;
    }



.marcos4 {
    background-color: #1b767f !important;
    padding: 15px 10px 15px 10px;
    border-radius: 5px;
    color: white;
}

.marcos3 {
    background-color: #f7f7f7;
    padding: 15px 10px 15px 10px;
    border-radius: 5px;
    border: 1px solid #1b767f;
    color: #9a9a9a;
}

.boxBotaoVizualizar {
    border-radius: 5px;
    background-color: #1b767f;
    text-align: center;
    padding: 10px;
    color: #ffffff;
    font-weight: bold;
    cursor: pointer;
    font-family: sans-serif;
    font-size: 18px;
    margin-top: 8px;
}

.topoListagens {
    box-shadow: none;
    color: white !important;
    position: fixed !important;
    /* background-color: #1b767f; */
    background-color: #ffffff;
    width: 100%;
    margin-left: -37px;
    top: 0px;
    z-index: 10;
    padding-top: 5px;
    transition-duration: 0.2s;
}

.input__field--hoshi {
    border-bottom: 2px solid #1c616d !important;
}

.scrollContent {
    flex: 1;
    overflow-y: auto;
}

/* Estilo para a barra de rolagem */
::-webkit-scrollbar {
    width: 5px; /* Largura da barra de rolagem vertical */
    height: 5px; /* Altura da barra de rolagem horizontal */
}

/* Estilo para a parte que pode ser arrastada da barra de rolagem */
::-webkit-scrollbar-thumb {
    background-color: #B0B0B0; /* Cor da barra de rolagem */
    border-radius: 4px; /* Borda arredondada da barra de rolagem */
}

/* Estilo para o fundo da barra de rolagem */
::-webkit-scrollbar-track {
    background-color: #F0F0F0; /* Cor do fundo da barra de rolagem */
}

@media(max-width:600px) {
    .topoListagens {
        color: white !important;
        top: 0px !important;
        margin-top: 0px !important;
        left: 16px !important;
        height: 50px !important;
        margin-left: -17px !important;
        padding-top: 5px !important;
        transition-duration: 0.2s;
        height: 50px !important;
        padding-bottom: 0px !important;
    }




    .boxPadrao {
        padding: 20px 15px 20px 15px !important;
        margin-left: 0px;
        margin-top: 56px !important;
    }

    .subTextoBoxTopo {
        font-size: 14px !important;
        margin-bottom: 0px !important;
    }

    .conteudoMain {
        padding: 0px 14px 0px 12px !important;
        width: 100% !important;
    }

    .textoBoxTopo {
        font-size: 15px !important;
    }

    .topoListagens {
        padding-top: 5px !important;
    }

    .paginadorMeio {
        width: 100% !important;
    }
}


@media(min-width:500px) and (max-width:1000px) {
    .textoBoxTopo {
        text-align: center;
        font-size: 22px !important;
    }

    .main-container {
        padding-right: 20px !important;
        padding-left: 0px !important
    }

    .topoListagens {
        margin-left: -23px !important;
        margin-top: -17px !important;
        padding-top: 10px !important;
    }

    .conteudoMain {
        padding: 0px 0px 0px 0px !important;
        width: 100% !important;
    }

    legend {
        font-size: 11px !important;
    }

    .nomeSistema {
        padding-top: 6px !important;
    }

    .paginadorMeio {
        width: 100% !important;
    }
}

@media(min-width:900px) and (max-width:1400px) {
    .topoListagens {
        margin-top: -11px !important;
        padding-top: 10px !important
    }


    .topoListagens {
        padding-top: 5px !important;
    }

    .textoBoxTopo {
        font-size: 16px !important;
    }

    /*.paginadorMeio {
        width: 100% !important;
    }*/

    .nomeSistema {
        font-size: 16px !important;
    }

    .boxPadrao {
        margin-top: 55px !important;
    }
}

@media(min-width:1400px) and (max-width:2000px) {
    .topoListagens {
        padding-top: 0px !important;
    }

    .vermais-produto {
        margin-top: 0px !important;
    }

    .conteudoMiolo {
        margin-top: 0px !important;
    }

    .textoBoxTopo {
        font-size: 18px !important;
    }

    .boxPadrao {
        margin-top: 55px !important;
    }
}

/* Track */
.conteudoCaixa::-webkit-scrollbar-track {
    background: #f8f8f8 !important;
}

/* Handle */
.conteudoCaixa::-webkit-scrollbar-thumb {
    background: #fabc30 !important;
}

    /* Handle on hover */
    .conteudoCaixa::-webkit-scrollbar-thumb:hover {
        background: #555 !important;
    }

.iconeTopoCaixa {
    background-color: #FF7F00;
    color: #FFF;
}

.tituloTopoCaixa {
    background-color: #666;
    color: #FFF;
}

.ampliarTopoCaixa {
    background-color: #666;
    color: #FFF;
}

.usuarioTopo hr {
    border-top: 1px solid #eee;
}

.linhaPontilhada hr {
    border-bottom: 2px dotted #d2d2d2 !important;
}

.subMenuConteudo a {
    color: #555;
}

.bordaPontilhadaDireita {
    border-right: 1px dotted #666;
}

body {
    color: #666 !important;
    background-color: #fff;
}

.banner {
    background-color: #FFF !important;
    background-image: url("../imgs/capa-wealth.png");
}

.pResumoCotacao {
    color: #333;
}

.form-control {
    border: 1px solid #dedede;
    background-color: #fff;
    background-image: none;
    border-radius: 4px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    color: #666 !important;
}



.formularioSemBorda {
    background-color: transparent;
    background-image: none;
    border-radius: 0px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    color: #333 !important;
}

    .formularioSemBorda ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #333;
    }

    .formularioSemBorda ::-moz-placeholder { /* Firefox 19+ */
        color: #333;
    }

    .formularioSemBorda :-ms-input-placeholder { /* IE 10+ */
        color: #333;
    }

    .formularioSemBorda :-moz-placeholder { /* Firefox 18- */
        color: #333;
    }

.formDescricao {
    border: 0px solid #b9b9b9 !important;
    border-bottom: 1px solid #b9b9b9 !important;
    background-color: #fff;
}

.linhaAbaixo {
    border-bottom: 1px solid #ddd;
}

.botaoPrincipal {
    color: #fff;
    background-color: #1b767f
}

.botaoCadastro {
    color: #fff;
    background-color: #00828e ;
}



.botaoCinza {
    color: #fff;
    background-color: #adadad !important;
}

.botaoVerde {
    color: #fff;
    background-color: #00A378 !important;
}

.botaoDesabilitado {
    color: #fff;
    background-color: #bfbfbf !important;
}

.botaoSecundario {
    color: #000 !important;
    background-color: #09FE00;
    font-weight: bold !important;
    /*box-shadow: 0px 1px 2px grey;*/
}

#btnLogin {
    text-decoration: none;
    color: #000 !important;
    background-color: #09FE00 !important;
    /* box-shadow: 0px 1px 2px grey; */
    border-radius: 5px;
}



#botaoSecundarioMobile1 {
    /*box-shadow: 0px 1px 2px black !important;*/
    text-decoration: none;
}

#botaoSecundarioMobile2 {
    /*box-shadow: 0px 1px 2px black !important;*/
}

.botaoBranco {
    border: 1px solid #bbb;
    color: #333 !important;
    background-color: #fff !important;
}

    .botaoBranco i {
        color: #FF642B !important;
    }

.botaoBrancoA {
    border: 0px solid #bbb;
    color: #333 !important;
    background-color: #fff !important;
}

.bordaPontilhada {
    border-right: 5px dotted #f8f8f8;
    border-left: 15px solid #f8f8f8;
}

.atalhoCotacao, .atalhoUpload, .atalhoMensagem {
    border-top: 1px solid #E6E6E6;
}

.buscaMenor {
    background-color: #FFF;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.26);
    -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.26);
    box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.26);
    border: 1px solid #a0a0a0;
}

.main-container {
    background-color: #fff;
}

.topo {
    background-color: #303030;
    color: #fff !important;
    /*-webkit-box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.26);
    -moz-box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.26);
    box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.26);*/
}

    .topo .glyphicon, .topo .fa-fw {
        color: #fff !important;
    }

.pesquisarTopo, .corretorTopo {
    /*border-left: 1px solid #777;*/
}

.corretorTopo {
    /*border-right: 1px solid #777;*/
}

.iconeDash {
    color: #008fd5;
}

.linhaUsuario hr {
    border-bottom: 1px solid #CECECE;
}

.tituloModulo {
    border: 1px solid #CCCCCC;
    background-color: #F4F4F4;
}

.conteudoModulo {
    border: 1px solid #CCCCCC;
    background-color: #fff;
}

.linhaModulo {
    border-bottom: 2px dotted #E2E2E2;
}

.iconesAtalhoCotacao img {
    border-left: 1px solid #006598;
    background-color: #0078b5;
    border-right: 1px solid #0084c7;
}

.atalhoCotacao .form-control, .atalhoUpload .form-control, .atalhoMensagem .form-control {
    border: 0px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    display: block;
    background-color: #fff;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    color: #333 !important;
}


    .atalhoCotacao .form-control::placeholder,, .atalhoUpload .form-control::placeholder, .atalhoMensagem .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #333 !important;
        opacity: 1; /* Firefox */
    }

    .atalhoCotacao .form-control:-ms-input-placeholder,, .atalhoUpload .form-control:-ms-input-placeholder, .atalhoMensagem .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #333 !important;
    }

    .atalhoCotacao .form-control::-ms-input-placeholder,, .atalhoUpload .form-control::-ms-input-placeholder, .atalhoMensagem .form-control::-ms-input-placeholder { /* Microsoft Edge */
        color: #333 !important;
    }

.atalhoCotacao .linhaPontilhada hr {
    border-bottom: 2px dotted #ccc !important;
}

.conteudoSub {
    background-color: #F2F2F2;
}

.bordas {
    border: 1px solid #DDDDDD;
}

.close {
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 100;
}

label {
    /*color:#007dc0!important;*/
}

.labelCinza {
    color: #666 !important;
}

.iconesAtalhoCotacao i {
    border-left: 1px solid #006598;
    background-color: #0078b5;
    border-right: 1px solid #0084c7;
    color: #FFF !important;
}

.fundoCotacao {
    background-color: #fff;
}

.branco {
    color: #FFF !important;
}

.logoTopo {
    border-right: 0px solid #ccc;
}

.infoNegocio {
    background-color: #EEEEEE;
}

.usuarioTopo h5 {
    color: #666666 !important;
}

.menu {
    background-color: #FFF;
    color: #666666 !important;
}

.itemMenu {
    border-right: 1px solid #CCC !important;
}

.subMenuPrincipal a {
    color: #555 !important;
}

.subMenu {
    background-color: transparent!important;
    -webkit-box-shadow: -4px -2px 5px 0px rgba(0,0,0,0.26);
    -moz-box-shadow: -4px -2px 5px 0px rgba(0,0,0,0.26);
    box-shadow: 4px -2px 5px 0px rgba(0,0,0,0.26);
}

    .subMenu a {
        color: #333;
    }

    .subMenu span {
        color: #dadada;
        /*  color: #297b2a;
	   color: #004e75;*/
    }

    .subMenu i {
        color: #ff7f00;
    }

.subPrincipal {
    background: #fff;
    border-right: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}

    .subPrincipal li {
        border-bottom: 1px solid #f1f1f1;
    }

.botaoReplyDiv a, .botaoReplyDiv a:focus, .botaoReplyDiv a:active, .botaoReplyDiv a:hover {
    color: #333 !important;
}

.legendaRoxo {
    color: #a73444;
}

.legendaAzulEscuro {
    color: #00a378;
}

.legendaCinza {
    color: #333;
}

.botaoHidden input[type=file], .botaoHidden button input[type=file] {
    display: inline;
    margin-left: -162px;
    color: transparent !important;
    background-color: transparent !important;
}

.caixa {
    -webkit-box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.26);
    -moz-box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.26);
    box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.26);
    border-bottom: 1px solid #dedede;
    border-top: 5px solid #e4e4e4;
}

button {
    color: #FFF !important;
}

.subGrafico {
    background: #fff;
    border-right: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}

    .subGrafico li {
        border-bottom: 1px solid #f1f1f1;
    }

.usuarioTopo .form-control {
    border: 1px solid #cccccc;
}

.sub {
    background-color: #EBEBEB;
    border-top: 1px solid #CECECE;
    border-bottom: 1px solid #CECECE;
}

.botaoPesquisar {
    background-color: #0090D8 !important;
    border: 0px solid #cccccc;
}

.main-container hr {
    border-bottom: 1px solid #D4D4D4;
}

.etapa {
    background-color: #386f9a !important;
    color: #FFF;
}

.cinzaClaro {
    background-color: #abd0e4 !important;
    color: #FFF !important;
}

.instrucoesForm p {
    color: #333;
}

.h2Menor {
    color: #333;
}

.etapaAtual {
    background-color: #008FD5 !important;
    color: #FFF !important;
}

.destaquePrincipal {
    color: #1b767f !important;
}

.destaqueMenu {
    border-left: 5px solid #FF7F00 !important;
    color: #FF7F00 !important;
}

.fundoPrincipal {
    background-color: #FF7F00 !important;
    /*background-color: #0090d8!important;*/
}

.destaqueSecundario {
    color: #41B942 !important;
}

.fundoSecundario {
    background-color: #41B942 !important;
}

.destaqueTerciario {
    color: #00A378 !important;
}

.fundoTerciario {
    background-color: #00467D !important;
}

.tituloCaixa {
    background-color: #fff;
}

.iconeTituloCaixa {
    background-color: #fff;
    color: #75c2bd;
}

.fontBranca {
    color: #FFF !important;
}

.positivo {
    color: #00B200 !important;
}

.negativo {
    color: #FF0000 !important;
}

.corNormal {
    color: #555 !important;
}

/*------------------------------Home 2 Estilo Incio------------------------------------*/
.fundoCaixa {
    background-color: #00828e !important;
}
/*------------------------------Home 2 Estilo Fim------------------------------------*/


.fundoBranco {
    background-color: #FFF !important;
}

textarea.form-control {
    background-color: #fff;
}

.bordaGrossa {
    border-right: 16px solid #f8f8f8;
}

.bordaGrossaLeft {
    border-right: 5px solid #f0f0f0;
    border-left: 15px solid #f0f0f0;
}

.bordaInternaLeft {
    border-right: 2px dotted #e2e2e2;
}

.itensDash {
    border-bottom: 1px solid #DDDDDD;
}


.selecionaP {
    color: #666 !important;
}

.glyphicon-menu-hamburger, .glyphicon-remove {
    color: #FFF;
}

.botaoDetalhes {
    background-color: transparent !important;
    color: #333 !important;
}

.primeiroCorretorBarra {
    background-color: #008BD2 !important;
    color: #fff;
}

.CorretorBarra {
    background-color: #d0d0d0;
    color: #fff;
}

.botaoCorretor span {
    color: #FFF !important;
}

.botaoCorretor button {
    background-color: transparent !important;
    color: #FFF !important;
}

    .botaoCorretor button:hover {
        background-color: transparent !important;
        color: #FFF !important;
    }

.menuGraficosHome {
    background-color: #FFF;
    border-top: 1px solid #D4D4D4;
    border-bottom: 2px dotted #D4D4D4;
}

.menuGraficosLegenda {
    background-color: #FFF;
    border-top: 0px !important;
    border-bottom: 1px solid #D4D4D4;
}

.menuMobile {
    background-color: #404040;
    filter: drop-shadow(0px 0px 2px black);
    /* 	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.26);
	  	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.26);
	  	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.26);
	  		border-bottom: 5px solid #008FD5!important; */
}

.bordaDireita {
    border-right: 6px solid #f8f8f8;
}

.menuMobile a {
    color: #333;
}


@media(max-width:800px) {
    .menu-principal-aberto {
        border-left: solid 0px #00828e !important;
    }
}

.panel-default > .panel-heading {
    color: #002736 !important;
    background-color: #404040;
    border-bottom: 0px solid #e0e0e0 !important;
}

.panel {
    background-color: #404040;
    box-shadow: 0 1px 1px rgba(0,0,0,0) !important;
}

table {
    background-color: #fff !important;
}

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border-bottom: 1px solid #ddd;
}

.textoMenu {
    color: #555 !important;
}

.list-group-item a {
    color: #555 !important;
}

.nomeSistema, .separaSistema {
    color: #fabc30 !important;
}

.alertaNotaAdicional {
    background-color: #F8F8F8;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}

    .alertaNotaAdicional h3 {
        color: #333 !important;
    }

.tab-pane {
    background-color: #F8F8F8;
    border: 1px solid #DDDDDD;
}

.caixasHome {
    color: #5A6D73 !important;
}

.sombraBoxHome {
    -webkit-box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.25);
    -moz-box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.25);
    box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.25);
}

.alertaForm {
    background-color: #f8f8f8;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #FF642B !important;
    background-color: #F8F8F8;
    border: 1px solid #DDDDDD !important;
    border-bottom: 0px !important;
    border-radius: 0px !important;
}

.nav-pills > li > a {
    color: #333 !important;
}

.coberturaServico {
    background-color: #FFF;
}

.botaoSoIcone {
    /* border: 1px solid #005c8a;*/
    color: #ffffff;
    background-color: #41B942 !important;
    /*   background-color: #0090D8!important;*/
}

.botaoSoIconeVermelho {
    color: #B20000 !important;
}

.iconeOkLista {
    color: #41B942 !important;
}

.botaoPrincipal:focus, .botaoPrincipal:hover {
    color: #fff !important;
}

.botaoCinza:focus, .botaoCinza:hover {
    color: #fff !important;
}

.botaoVerde:focus, .botaoVerde:hover {
    color: #fff !important;
    text-decoration: none !important;
}

.botaoSoIcone:focus, .botaoSoIcone:hover {
    color: #fff !important;
}

.botaoSoIconeVermelho:focus, .botaoSoIconeVermelho:hover {
    color: #ff0707 !important;
}

.botaoDesabilitado:focus, .botaoDesabilitado:hover {
    color: #fff !important;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #f7f7f7 !important;
    opacity: 1;
}


.fakeSelect {
    border: 1px solid #CCCCCC;
}

.fakeSelectMenor {
    border: 1px solid #CCCCCC;
}

.fakeSelectDescricoes {
    border: 1px solid #ccc;
}

thead {
    color: #333 !important;
    background-color: TRANSPARENT;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    color: #fff;
    background-color: inherit !important;
    border-color: inherit !important;
}

.pagination > li > a, .pagination > li > span {
    color: inherit !important;
    background-color: #fff;
    border: 1px solid #ddd;
}

.fa {
    -moz-osx-font-smoothing: grayscale;
}

.alertaHome {
    color: #333 !important;
}

.pacotes {
    background-color: #f8f8f8;
}

.bordaPacotes {
    border-right: 5px solid #FFF;
    border-left: 5px solid #FFF;
}

.pacotes h2 span {
    color: #777;
}

.pacotes h3 {
    color: #333;
}

.pacotes h6 {
    color: #333;
}

.btn-primary {
    color: #fff;
    background-color: #eeeeee !important;
    border-color: #cccccc !important;
    border-radius: 0px !important;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #eeeeee !important;
        border-color: #cccccc !important;
        border-radius: 0px !important;
    }

    .btn-primary.focus, .btn-primary:focus {
        color: #fff;
        background-color: #eeeeee !important;
        border-color: #cccccc !important;
        border-radius: 0px !important;
    }

    .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #eeeeee !important;
        border-color: #cccccc !important;
        border-radius: 0px !important;
    }

.iniciaCom {
    background-color: #f3f3f3 !important;
    color: #666 !important;
    border: 1px solid #ddd !important;
}

.bordaBrancaEsquerda {
    border-left: 2px solid #FFF !important;
}

.buscaModal {
    margin-top: 0px !important;
    background-color: #f3f3f3 !important;
    color: #666 !important;
    border: 1px solid #ddd !important;
}

.dashboardHome .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    /* border-bottom: 1px solid #ddd; */
    border: 0px !important;
    border-bottom: 1px solid #adadad !important;
}

.dashboardHome .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: transparent;
}

.franquias {
    color: #888 !important;
}

.checkProdutos img {
    border: 1px solid #ccc !important;
}

.visualizarProdutos {
    border-top: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
}

.clientesCross {
    border-left: 30px solid #FFF !important;
}

.fundoImgCotacao {
    background-color: #01689c !important;
}

.botaoResumo {
    background-color: #008BD2 !important;
    color: #FFF !important;
}

.etapasMobile h3 {
    color: #0090d8;
}

.instrucoesForm {
    /*	color: #617696!important; */
}

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #666;
    opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #666;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #666;
}

.form-control select {
    color: #666 !important;
}

.modal-title {
    color: #FFF !important;
    text-transform: uppercase !important;
}

.modal-header {
    border-bottom: 0px solid #e5e5e5;
    background-color: #1b767f;
}

.subMenuModal {
    background-color: #f3f3f3 !important;
    /* border-bottom: 5px solid #0090d8; */
}

    .subMenuModal a {
        color: #617696;
    }

.cobertura {
    background-color: #F9F9F9;
    border: 1px solid #DDDDDD;
    /*	color: #0090D8;*/
}

.divBotaoCobertura {
    background-color: #d6d6d6;
}

    .divBotaoCobertura a {
        color: #333 !important;
    }

.coberturaSelecionada {
    box-shadow: 4px 4px 5px 0 rgba(0, 0, 0, 0.45);
    background-color: #848484;
    color: #fff !important;
    border: 0px !important;
}

.explicaTermos p {
    color: #333 !important;
}

.botaoHome {
    background-color: #0090d8 !important;
    color: #fff !important;
}

    .botaoHome:focus, .botaoHome:hover {
        color: #fff !important;
    }

.botaoSelecionado {
    background-color: #fabc30 !important;
}

.formDescricao::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #008FD5 !important;
    opacity: 1; /* Firefox */
}

.formDescricao:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #008FD5 !important;
}

.formDescricao::-ms-input-placeholder { /* Microsoft Edge */
    color: #008FD5 !important;
}

.circulo {
    border: 5px solid #fabc30;
    background-color: #FFF;
}

.trackDesabilitado .circulo {
    border: 5px solid #e2e2e2;
    background-color: #FFF;
}

.trackDesabilitado .textoTrack {
    color: #c1c1c1;
}

.trackCurrent .circulo {
    border: 5px solid #00828e;
    background-color: #FFF;
}

.trackCurrent .textoTrack {
    color: #00828e;
    font-family: Bold;
}

.dataTrack {
    color: #00828e;
}

.linha-do-tempo {
    border-bottom: 5px solid #fabc30;
}

.linha-do-tempo-dashed {
    border-bottom: 5px dotted #dcdcdc;
}

.menu-filho > .panel-heading {
    background-color: white;
}


@media(max-width:991px) {
    /*	.menuMobile {
			-webkit-box-shadow: 0px 4px 3px -1px rgba(0,0,0,0.25);
			-moz-box-shadow: 0px 4px 3px -1px rgba(0,0,0,0.25);
			box-shadow: 0px 4px 3px -1px rgba(0,0,0,0.25);
		}
		.menuMobile a {
			color: #FFF;


			}*/
    .menuNormal {
        background-color: transparent;
    }

    .atalhoCotacao {
        border-top: 1px solid #E6E6E6;
    }

    .iconesAtalhoCotacao img {
        border: 1px solid #005482;
    }

    .iconesAtalhoCotacao i {
        border: 1px solid #005482;
        background-color: #0078b5;
        color: #FFF !important;
    }

    .pesquisarTopo, .corretorTopo {
        border-left: 0px solid #e4e4e4;
        border-right: 0px solid #e4e4e4;
    }
    /*	.subMenu {
			background-color: #0090D8!important;
			}*/

    /*	.subMenu i {
				color: #FFF;
			}*/

}

@media(max-width:768px) {
    .table-responsive {
        border: 0px solid #ddd !important;
    }

    .bordaGrossaLeft {
        border-right: 0px solid #f8f8f8;
        border-left: 0px solid #f8f8f8;
    }

    .bordaGrossa {
        border-right: 0px solid #f8f8f8;
    }

    .linha-do-tempo {
        background-color: #ff7f00;
    }
}


@media(max-width:669px) {
    .graficoSelect {
        border: 0px !important;
        background-color: #fff !important;
    }
}

@media(max-width:600px) {
    .pesquisarTopo, .corretorTopo {
        border-left: 0px solid #CCCCCC;
        border-right: 0px solid #E6E6E6;
    }

    .divTituloBusca {
        background-color: #f8f8f8;
    }
}

@media(max-width:500px) {
    /*	
.menuMobile{
	background-color: #f8f8f8;
}
.menuMobile a {
	color: #617696;
	}*/

    /*.etapaAtual{
   background-color: #41b942!important;
}
.etapasMobile h3 {
    color: #41b942;
    }*/
}

@media(max-width:460px) {
    .linhaBusca hr {
        border-top: 1px solid #dcdcdc;
    }
}


.politica_cookie {
    z-index: 99999999 !important;
}

#politica_cookie {
    position: fixed;
    bottom: 4px;
    right: 0;
    left: 0;
    color: #000;
    max-height: 200px;
    display: block;
    max-width: 800px;
    margin: 0 auto;
    border: 1px solid #999;
    background-color: #fff;
}

@media screen and (max-width: 750px) {
    #politica_cookie {
        font-size: 13px;
        max-width: 500px;
    }
}

@media screen and (max-width: 562px) {
    #politica_cookie {
        font-size: 11px;
        max-width: 270px;
        max-height: 250px;
    }
}