@import url('https://fonts.googleapis.com/css2?family=Paytone+One&family=Secular+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300&display=swap');


.flex {
    display: flex;
}

.nav-button {
    border: 2px solid #001A7A;
    box-sizing: border-box;
    border-radius: 10px;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    line-height: 20px;
    text-align: center;
    color: #001A7A;
    padding: 8px 10px 9px 10px !important;
    display: block;
}

    .nav-button .number {
        position: absolute;
        top: -5px;
        right: -5px;
        background: #E47272;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        color: #fff;
        text-align: center;
    }

a.logo:hover,
a.logo:focus {
    background-color: transparent !important;
}

.menu {
    width: 35px;
    margin: 10px 10px 20px 0;
    cursor: pointer;
}

.navbar-min {
    text-align: center;
}

.bar {
    height: 3px;
    width: 100%;
    background-color: #001254;
    display: block;
    border-radius: 5px;
    transition: 0.3s ease;
}

#bar1 {
    transform: translateY(-4px);
}

#bar3 {
    transform: translateY(4px);
}

.itens-menu a {
    color: #e0e0e0 !important;
    text-decoration: none;
    font-size: 16px;
}

    .itens-menu a:hover {
        color: #fff;
    }

a.dash:hover {
    color: #1087b5 !important;
}

.clmenudash {
    display: block;
    color: #FFF;
}

.itens-menu {
    padding: 0;
    margin: 0 10px;
    transition: 0.3s ease;
    display: none;
}

    .itens-menu li {
        list-style: none;
        padding-bottom: 5px;
        font-weight: 400;
    }

        .itens-menu li ul {
            list-style: none;
            padding-bottom: 4px;
            margin-left: 15px;
            display: grid;
        }

#nvbMenu {
    height: 100%;
    overflow: hidden;
    border-radius: 4px;
}

.menu-bar {
    position: absolute;
    z-index: 10;
    width: auto;
    text-align: left;
    padding: 0px 20px 15px;
}

    .menu-bar .navbar-flex {
        margin-top: 10px;
    }

.change-bg {
    background: #001254;
    transition: 0.3s ease;
    border-radius: 4px;
}

.menu-bar.dash {
    position: inherit;
    box-shadow: 0px 0px 5px 5px #ebebeb;
    height: 100%;
    width: 100%;
    overflow-y: auto;
    margin-top: 20px;
}

    .menu-bar.dash .navbar-flex {
        margin-top: 20px;
    }

.change .bar {
    background-color: white;
}

.clmenudash .bar {
    background-color: #FFF;
}

.txtchange {
    color: white;
}

.change {
    display: block;
}

.div-buttons-filtro {
    display: flex;
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 20px;
    margin-bottom: 1rem;
    margin-left: auto;
}

.div-buttons-esquerda {
    display: flex;
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 20px;
    margin-bottom: 1rem;
    margin-right: auto;
}

.genyx-vermelho-button {
    display: inline-block;
    background: #E47272;
    border-radius: 4px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #FFFFFF !important;
    padding: 7px 25px !important;
    border: 1px solid transparent;
}

    .genyx-vermelho-button:hover {
        opacity: 0.8;
        cursor: pointer;
    }

.genyx-azul-claro-button {
    display: inline-block;
    background: #2BA1CF;
    border-radius: 4px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #FFFFFF !important;
    padding: 7px 14px;
    border: 1px solid transparent;
}

    .genyx-azul-claro-button:hover {
        opacity: 0.8;
        cursor: pointer;
    }

.genyx-azul-escuro-button {
    display: inline-block;
    background: #001254;
    border-radius: 4px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #FFFFFF !important;
    padding: 7px 25px;
    border: 1px solid transparent;
}


    .genyx-azul-escuro-button:hover {
        opacity: 0.8;
        cursor: pointer;
    }

    .genyx-azul-escuro-button.login {
        font-size: 14px;
        width: 150px;
    }

.genyx-azul-escuro-text-box {
    display: inline-block;
    border: 1px solid #001254;
    border-radius: 4px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #FFFFFF !important;
    padding: 7px 25px;
}

.genyx-white-button {
    display: inline-block;
    background: #fff;
    border-radius: 4px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #001254 !important;
    padding: 7px 30px !important;
    max-height: 38px;
}

.genyx-white-font-blue-button {
    display: inline-block;
    background: #fff;
    border-radius: 4px;
    border: solid 1px #c2c8df;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #334895 !important;
    padding: 7px 30px !important;
    max-height: 38px;
}

    .genyx-white-font-blue-button:hover {
        opacity: 0.8;
        cursor: pointer;
    }

.genyx-verde-escuro-button {
    display: inline-block;
    background: #07A707;
    border-radius: 4px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #FFFFFF !important;
    padding: 7px 25px !important;
    border: 1px solid transparent;
}

    .genyx-verde-escuro-button:hover {
        opacity: 0.8;
        cursor: pointer;
    }

.genyx-azul-escuro-text-box {
    display: inline-block;
    border: 3px solid #001254;
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #001254 !important;
    padding: 5px !important;
    width: 50px;
}

.genyx-border-azul-escuro-button {
    display: inline-block;
    border: 1px solid #001254;
    box-sizing: border-box;
    border-radius: 4px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #001254 !important;
    padding: 7px 25px !important;
}

    .genyx-border-azul-escuro-button:hover {
        opacity: 0.8;
        cursor: pointer;
    }

.genyx-border-white-button {
    display: inline-block;
    background: #fff;
    border-radius: 4px;
    border: 2px solid #737373;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #000 !important;
}

    .genyx-border-white-button:hover {
        opacity: 0.8;
        cursor: pointer;
    }

.genyx-azul-escuro-claro-button {
    display: inline-block;
    background: #334895;
    border-radius: 4px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #FFFFFF !important;
    padding: 7px 25px;
    border: 1px solid transparent;
}


    .genyx-azul-escuro-claro-button:hover {
        opacity: 0.8;
        cursor: pointer;
    }

.cabeçalho-table {
    background: linear-gradient(270.2deg, rgba(0, 115, 221, 0.65) 21.6%, rgba(255, 255, 255, 0) 85.88%), #001A7A;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 150%;
    color: #FFFFFF !important;
}

thead {
    background: linear-gradient(270.2deg, rgba(0, 115, 221, 0.65) 21.6%, rgba(255, 255, 255, 0) 85.88%), #001A7A;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 150%;
    color: #FFFFFF !important;
}

.tbody-table {
    background: linear-gradient(270.2deg, rgba(0, 115, 221, 0.65) 21.6%, rgba(255, 255, 255, 0) 85.88%), #001A7A;
    font-style: normal;
    font-size: 13px;
    line-height: 150%;
}

tbody {
    background: linear-gradient(270.2deg, rgba(0, 115, 221, 0.65) 21.6%, rgba(255, 255, 255, 0) 85.88%), #001A7A;
    font-style: normal;
    font-size: 14px;
    line-height: 150%;
}

.components-background {
    background: #EFF8FB;
    border-radius: 4px;
}

.genyx-success-button {
    display: inline-block;
    background: #07A707;
    border-radius: 4px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #FFFFFF !important;
    padding: 7px 25px;
    border: 1px solid transparent;
}

    .genyx-success-button:hover {
        opacity: 0.8;
        cursor: pointer;
    }

.genyx-verde-button {
    display: inline-block;
    background: #7FFF7F;
    border-radius: 4px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #001A7A !important;
    padding: 7px 25px;
    border: 1px solid transparent;
}

    .genyx-verde-button:hover {
        opacity: 0.8;
        cursor: pointer;
    }

.genyx-verde-fonte-branca-button {
    display: inline-block;
    background: #00B500;
    border-radius: 4px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #ffffff !important;
    padding: 7px 25px;
    border: 1px solid #009100;
}

    .genyx-verde-fonte-branca-button:hover {
        opacity: 0.8;
        cursor: pointer;
    }

.genyx-border-vermelho-button {
    display: inline-block;
    border: 1px solid #E47272;
    box-sizing: border-box;
    border-radius: 4px;
    background: white;
    color: #E47272;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    padding: 7px 14px !important;
}

    .genyx-border-vermelho-button:hover {
        color: black;
        opacity: 0.8;
        cursor: pointer;
    }

.genyx-border-label {
    border: 2px solid #737373;
    box-sizing: border-box;
    border-radius: 4px;
}

.form-control-radius {
    background-color: #ffffff !important;
    border: 2px solid #ececec;
    border-radius: 4px;
    box-shadow: 4px;
    color: #565656;
    height: 38px;
    max-width: 100%;
    padding: 7px 12px;
    transition: all 300ms linear 0s;
    width: 100%
}

.linear-blue {
    color: white;
    font-size: 22px;
    background: linear-gradient(270.2deg, rgb(0 221 221 / 68%) 21.6%, rgba(255, 255, 255, 0) 85.88%), #2BA1CF
}

.border-background {
    background: #f5f5f5;
    border-radius: 4px;
    padding: 15px 20px;
    box-shadow: 0px 0px 5px 5px #ebebeb;
}

    .border-background.box {
        border-radius: 0px !important;
        padding: 0px;
    }

    .border-background.white {
        background: #FFFFFF;
        color: #313131;
    }

    .border-background.min-shadow {
        box-shadow: 0px 0px 2px 2px #ebebeb !important;
    }

    .border-background.white.filter {
        padding: 5px 15px;
    }

    .border-background.white.ecommerce {
        box-shadow: 0px 0px 2px 2px #ebebeb;
    }

.options-dash {
    width: 100%;
    height: 100%;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
}

    .options-dash.projeto {
        font-family: Akhand Black;
        background-image: url('../plugins/images/novobk.svg');
        background-size: cover;
        background-position: center;
    }

    .options-dash.kits {
        font-family: Akhand Black;
        background-image: url('../plugins/images/ecommercebk.svg');
        background-size: cover;
        background-position: center;
    }

    .options-dash.materiais {
        font-family: Akhand Black;
        background-image: url('../plugins/images/materiaisbk.svg');
        background-size: cover;
        background-position: center;
    }

    .options-dash a {
        width: 100%;
        height: 100%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        font-size: 22px;
        padding: 15px 0px;
    }

        .options-dash a img {
            width: 30px;
            height: 40px;
            margin: 15px 15px 15px 0;
        }

        .options-dash a div {
            display: flex;
            flex-direction: column;
            text-align: left;
        }

            .options-dash a div span {
                line-height: 1;
            }

            .options-dash a div h4 {
                margin: 0;
                color: white;
                text-align: center;
            }

.panel-dash {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 15px;
    border-radius: 4px;
    background-color: #f5f5f5;
    box-shadow: 0px 0px 5px 5px #ebebeb;
}

    .panel-dash .titulo {
        font-size: 18px;
    }

        .panel-dash .titulo.enviadas {
            color: #45ADD5;
        }

        .panel-dash .titulo.perdidas {
            font-size: 18px;
            color: #E47272;
        }

        .panel-dash .titulo.concluidas {
            font-size: 18px;
            color: #1AB975;
        }

    .panel-dash.txtcenter {
        text-align: center;
    }

    .panel-dash span {
        font-size: 35px;
        font-weight: 400;
    }

    .panel-dash.tarefas span {
        font-size: 14px;
    }

    .panel-dash span.percent-dash {
        font-size: 14px;
        font-weight: 200;
    }

    .panel-dash a.view-all {
        color: #737373;
        margin-left: auto;
    }

    .panel-dash a.card:link {
        color: #313131;
        background: #f5f5f5;
    }

    .panel-dash a.card:hover {
        color: #1f1347;
    }

    .panel-dash.monitoramento {
        background: url(../plugins/images/mapa_brasil_desenho.png) no-repeat center center;
        background-size: 100% 100%;
        box-shadow: none;
        min-height: 200px;
    }

.radiobutton-border input {
    transform: scale(1.4);
    box-sizing: border-box;
    margin-top: 12px;
    margin-right: 7px;
}

.radiobutton-border.novoproj input[type='radio']:checked:after {
    background-color: #ffa500;
}

.textbox-center-radiobutton {
    vertical-align: middle;
}

.background-login {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: -1;
}

    .background-login img {
        width: 100%;
        height: 100%;
    }

.resumo-reverse {
    display: flex;
}

.resumo-pedido {
    position: sticky;
    position: -webkit-sticky;
    top: 40px;
}

.mensagem_alerta span {
    font-weight: 500;
    font-size: 40px;
}

.mensagem_alerta {
    background: #E47272;
}

#divFormularioRecadastramento .lbl-login {
    color: #737373 !important;
    margin: 0;
}

.jq-toast-wrap {
    z-index: 98 !important;
}

.control-label {
    margin-bottom: 0;
    color: #737373;
}

.container-login {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
}

.area-cadastro-login {
    background: #FFFFFF;
    box-shadow: 3px 2px 4px 3px rgba(0, 0, 0, 0.25);
    border-radius: 1rem;
    max-width: 1300px;
    top: 0;
    left: 0;
    align-items: center;
}

.header-login {
    line-height: 45px;
    text-align: center;
    color: #001A7A;
    font-size: 28px;
}

.header-formulario {
    /* H4 bold */
    line-height: 45px;
    text-align: center;
    color: #080808;
    padding: 35px;
    padding: 35px;
    font-size: 28px;
}

.lbl-cabecalho-login {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    color: #737373;
    margin: 50px 25px 5px 25px;
}

.group-login {
    padding: 10px 40px 0px 40px;
}

.lbl-login {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 150%;
    margin: 10px 0px 5px 0px;
    color: #737373;
    display: inline-block;
}

.lbl-Descricao-login {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 150%;
    margin: 10px 0px 5px 0px;
    color: #737373;
    margin-left: 10px
}

.ddl-login {
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    Width: 100%;
    height: 45px !important;
    font-size: 18px !important;
}

.txb-login {
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    Width: 100%;
    height: 45px;
    font-size: 18px;
}

.required {
    font-family: Barlow;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 150%;
    color: #E47272;
    margin-left: 5px;
}

.group-items-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.txb-large-login {
    max-width: 100%;
    box-sizing: border-box;
}

.footer-login {
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 16px;
    color: white;
    text-align: center;
    background: #00FF00;
    display: flex
}

.lbl-senha-valid-login {
    font-family: Barlow;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 150%;
    color: #59d313;
    margin-left: 5px;
}

.preloader {
    position: fixed;
    text-align: center;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    z-index: 9;
    background: rgba(0, 0, 0, 0.2);
}

.area-login {
    background: #FFFFFF;
    border-radius: 49px;
    padding: 30px 45px 30px 45px;
    box-shadow: 3px 2px 4px 3px rgb(0 0 0 / 25%);
}

.area-logo-genyx-descricao {
    margin: 20% 15% 5% 25%;
    padding: 40px;
    width: 600px;
    max-width: 600px;
    height: 500px;
}

.logo-genyx-login-part2 {
    position: relative;
    font-family: 'Secular One', sans-serif;
    font-size: 14px;
    line-height: 59px;
    color: #00FF00;
    max-height: 16px;
    width: 70px;
}

.lbl-link-login {
    margin: 10px 0px 5px 0px;
    color: #337ab7;
    display: block;
}

.background-logo-login {
    max-width: 100%;
    width: 250px;
}

.logo-genyx-login-descricao {
    margin-top: 40px;
    font-size: 50px;
    line-height: 59px;
    color: #FFF;
    font-family: 'Oswald', sans-serif;
}

.box-title {
    font-size: 14px;
    font-weight: 500;
    color: #737373;
}

.flex-col {
    display: flex;
    flex-direction: column;
}

.flex-row {
    display: flex;
}

    .flex-row.wrap {
        flex-wrap: wrap;
    }

.menu-projeto {
    display: flex;
}

.options-menu-projeto {
    width: 17%;
    background: #f5f5f5;
}

    .options-menu-projeto a {
        display: flex;
        background: transparent;
        width: 100%;
        height: 100%;
    }

    .options-menu-projeto label {
        font-size: 30px;
        margin: 4px 30px 4px 10px;
        font-weight: 500;
        color: #737373;
        margin-top: auto;
        margin-bottom: auto;
    }

    .options-menu-projeto div {
        margin-top: auto;
        margin-bottom: auto;
    }

    .options-menu-projeto span {
        font-size: 14px;
        font-weight: 500;
        color: #737373;
        margin-top: auto;
        margin-bottom: auto;
        text-overflow: clip;
    }

    .options-menu-projeto.active {
        background-image: linear-gradient(to right, #2BA1CF, #34E6FE);
    }

        .options-menu-projeto.active label {
            color: white;
        }

        .options-menu-projeto.active span {
            color: white;
        }

.seta-direita {
    width: 3%;
    background: #f5f5f5;
}

    .seta-direita.active {
        border-top: 46px solid transparent;
        border-bottom: 46px solid transparent;
        border-left: 32px solid #34E6FE;
    }

h6.control-text {
    color: #494848;
    font-size: 14px;
    margin-bottom: 0;
}

.options-estrutura {
    text-align: center;
    align-items: center;
}

    .options-estrutura button {
        width: 80%;
        height: 150px;
        border: 3px solid #C7C7C7;
        border-radius: 16px;
    }

    .options-estrutura label {
        font-size: 14px;
        font-weight: 400;
        color: #A6A6A6;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .options-estrutura input {
        transform: scale(1.4);
        margin-top: auto;
    }

    .options-estrutura .btnromana {
        background: url(../../Content/imagens/sustentacaoestrutura/TelhaRomanaAmericana.jpg) no-repeat center center;
        background-size: 100% 100%;
    }

    .options-estrutura .btnplana {
        background: url(../../Content/imagens/sustentacaoestrutura/LajePlana.jpg) no-repeat center center;
        background-size: 100% 100%;
    }

    .options-estrutura .btnfibrocimento {
        background: url(../../Content/imagens/sustentacaoestrutura/TelhaFibrocimento.jpg) no-repeat center center;
        background-size: 100% 100%;
    }

    .options-estrutura .btntrapezoidal {
        background: url(../../Content/imagens/sustentacaoestrutura/TrapezoidalArticulado.jpg) no-repeat center center;
        background-size: 100% 100%;
    }

    .options-estrutura .btnchapa {
        background: url(../../Content/imagens/sustentacaoestrutura/ChapaMetálica.jpg) no-repeat center center;
        background-size: 100% 100%;
    }

    .options-estrutura .btnsemestrutura {
        background: url(../../Content/imagens/sustentacaoestrutura/SemEstruturas.jpg) no-repeat center center;
        background-size: 100% 100%;
    }

    .options-estrutura .btnbaseconcretada {
        background: url(../../Content/imagens/sustentacaoestrutura/BaseConcretada.jpg) no-repeat center center;
        background-size: 100% 100%;
    }

    .options-estrutura .btnmonoapoio {
        background: url(../../Content/imagens/sustentacaoestrutura/MonoApoio.jpg) no-repeat center center;
        background-size: 100% 100%;
    }

    .options-estrutura .btnbiapoio {
        background: url(../../Content/imagens/sustentacaoestrutura/BiApoio.jpg) no-repeat center center;
        background-size: 100% 100%;
    }

    .options-estrutura .btncarport {
        background: url(../../Content/imagens/sustentacaoestrutura/Carport.jpg) no-repeat center center;
        background-size: 100% 100%;
    }

    .options-estrutura .btntracker {
        background: url(../../Content/imagens/sustentacaoestrutura/Tracker.jpg) no-repeat center center;
        background-size: 100% 100%;
    }

    .options-estrutura input[type='radio']:checked:after {
        background-color: #ffa500;
    }

.box-comparativo {
    flex: 1;
    padding: 10px;
}

.options-inversor {
    flex: 1;
    width: 100%;
    height: 100%;
    text-align: center;
    align-items: center;
    border-radius: 16px;
    box-shadow: 0px 0px 5px 5px #ebebeb;
    color: #737373;
    font-weight: 400;
    font-size: 14px;
}

    .options-inversor input[type=submit] {
        height: 80px;
        width: 100%;
        position: relative;
        display: block;
        background: transparent;
        color: #494848;
        font-size: 20px;
        font-weight: 400;
        border-radius: 16px;
    }

    .options-inversor.micro,
    .options-inversor input.microinversor {
        border: 4px solid #1AB975
    }

    .options-inversor.inver,
    .options-inversor input.inversor {
        border: 4px solid #2BA1CF
    }

    .options-inversor.otimi,
    .options-inversor input.hibrido {
        border: 4px solid #001A7A
    }

    .options-inversor input.microinversorkit {
        background: linear-gradient(270.2deg, rgb(150 252 88 / 68%), rgba(255, 255, 255, 0)), #1AB975
    }

    .options-inversor input.inversorstringkit {
        background: linear-gradient(270.2deg, rgb(0 221 221 / 68%), rgba(255, 255, 255, 0)), #2BA1CF
    }

    .options-inversor input.inversorhibridokit {
        background: linear-gradient(270.2deg, rgb(0 115 221 / 68%), rgba(255, 255, 255, 0)), #001A7A
    }

    .options-inversor input.inversoroffgridkit {
        background: linear-gradient(270.2deg, rgb(29 203 29 / 68%), rgba(255, 255, 255, 0)), #1DCB1D
    }

    .options-inversor input.microinversorkit,
    .options-inversor input.inversorstringkit,
    .options-inversor input.inversorhibridokit,
    .options-inversor input.inversoroffgridkit {
        border: 0;
        color: white;
        margin: auto;
        cursor: pointer;
    }

    .options-inversor div {
        float: left;
        background: #7FFF7F;
        padding: 8px;
        border-radius: 8px;
        margin-top: 10px;
        margin-left: 10px;
        margin-right: auto;
    }

    .options-inversor img {
        width: 50%;
        margin: 15px 0px;
    }

.box-comparativo > .options-inversor > .itens-kit-comp {
    flex: 1;
}

.text-line {
    border-top: 1px solid #E1DEDE;
    height: 1px;
    flex-grow: 1;
    margin-left: 10px;
}

.options-estrutura input[type='radio']:checked:after {
    background-color: #ffa500;
}

.bg-title-page {
    font-family: 'Oswald', sans-serif;
    font-size: 28px;
    line-height: 45px;
    text-align: center;
    border-bottom: 1px solid rgb(120, 130, 140, 0.13);
    margin: 35px -25px 55px -25px;
}

.checkbox-border input {
    transform: scale(1.3);
    box-sizing: border-box;
    margin-bottom: 10px;
    margin-right: 5px;
}

.textbox-center-checkbox {
    vertical-align: middle;
}

.tamanhocheck input {
    transform: scale(1.2);
}

.espaco-rb-nao {
    margin-left: 25px;
}

#produto-projeto div {
    margin: auto;
    font-size: 18px;
    color: #8F8F8F;
}

#produto-pedido div {
    margin: auto;
    font-size: 18px;
    color: #8F8F8F;
}


.qtd-itens div:last-child {
    font-size: 16px !important;
    text-align: center;
}

    .qtd-itens div:last-child a {
        color: #8F8F8F;
    }

.qtd-itens div:first-child {
    border: 1px solid #8F8F8F;
    border-radius: 6px;
    margin: auto;
    color: #8F8F8F;
    width: 100px;
    font-size: 16px !important;
    cursor: pointer;
}

    .qtd-itens div:first-child input {
        margin: auto;
        text-align: center;
        border: none;
        border-right: 1px solid #8F8F8F;
        border-left: 1px solid #8F8F8F;
        width: 50%;
        background: transparent;
        font-weight: inherit;
    }

    .qtd-itens div:first-child a {
        cursor: pointer;
        color: #8F8F8F;
        text-align: center;
        width: 25%;
    }

        .qtd-itens div:first-child a label {
            cursor: pointer;
            margin-bottom: 2px;
        }

#produto-projetocomercial div {
    margin: auto;
    font-size: 14px !important;
    color: #313131;
    text-align: center;
}

#produto-projetocomercial .itens-impostos input {
    margin: auto;
    text-align: center;
    border: none;
    background: transparent;
    font-weight: inherit;
}

.posicao-box-shadow-selected-menu {
    padding-top: 15px;
}

.img-width-height-logo-integrador {
    height: 120px !important;
}

.formapagamento {
    padding: 15px;
}

    .formapagamento.active {
        border: 2px solid #001A7A;
        border-radius: 16px;
    }

    .formapagamento .genyx-cartao {
        width: 150px;
        height: 100px;
        background: url(../imagens/pagamento/cartao.png) no-repeat center center;
        background-size: 100% 100%;
    }

    .formapagamento .genyx-boleto {
        width: 150px;
        height: 100px;
        background: url(../imagens/pagamento/boleto.png) no-repeat center center;
        background-size: 100% 100%;
    }

    .formapagamento .genyx-transferencia {
        width: 150px;
        height: 100px;
        background: url(../imagens/pagamento/transferencia.png) no-repeat center center;
        background-size: 100% 100%;
    }

    .formapagamento .genyx-financiamento {
        width: 150px;
        height: 100px;
        background: url(../imagens/pagamento/financiamento.png) no-repeat center center;
        background-size: 100% 100%;
    }

.img-width-height-img-sem-servico-comissionamento {
    width: 300px !important;
    height: 125px !important;
}

.espacamento-entre-botoes {
    margin-right: 15px;
}

.circle-image {
    display: inline-block;
    width: 50px;
    height: 50px;
}

    .circle-image img {
        display: inline-block;
        width: 200px;
        height: 200px;
    }

.circle-image-header {
    display: inline-block;
    margin-left: -10px;
    width: 90px;
    height: 90px;
    margin-top: 10px;
}

    .circle-image-header img {
        display: inline-block;
        margin-left: -10px;
        width: 90px;
        height: 90px;
        margin-top: 10px;
    }

.imagem-sobrescrita {
    z-index: 6;
    position: absolute;
    width: 480px;
    height: 300px;
    left: 15%;
    top: 63%;
}

.linha-andamento {
    position: absolute;
    top: 26px;
    width: 100%;
    height: 1px;
    background-color: #494848;
}

.top-arrow .arrow.open {
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.icon-full-radius {
    width: 40px;
    height: 40px;
    margin: 0px 45px;
    padding: 0;
    background: #1AB975;
    border-radius: 40px;
    border: 2px solid #19aa6b;
}

.item-center-icon {
    color: #fff;
    text-align: center;
    display: block;
    padding: 20% 20%;
}

.button-filtro-status-sac {
    width: 100%;
    border-radius: 4px;
    font-size: 20px;
    color: #FFFFFF;
    padding: 18px;
    text-align: center;
}

    .button-filtro-status-sac.em-aberto {
        background-color: #2BA1CF;
    }

    .button-filtro-status-sac.em-analise {
        background-color: #FFC22C;
    }

    .button-filtro-status-sac.pendente-cliente {
        background-color: #FF9A2C;
    }

    .button-filtro-status-sac.pendente-genyx {
        background-color: #14DAC2;
    }

    .button-filtro-status-sac.finalizado {
        background-color: #1AB975;
    }

    .button-filtro-status-sac.cancelado {
        background-color: #E47272;
    }

.dashboard-monitoramento {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
}

.monitoramento {
    position: absolute;
    z-index: 4;
    margin: 0;
    display: flex;
}

.monitoramento-maps {
    position: absolute;
    z-index: 4;
    background: #f5f5f5;
    border-radius: 2rem;
    margin: 0.5rem;
    padding: 1.5rem;
    max-width: 35rem;
    min-width: 25rem;
    height: 20rem;
    min-height: 20rem;
    left: 0;
}

    .monitoramento-maps.lista-usina {
        height: 100%;
        max-height: 40rem;
        top: 22.5rem;
        min-height: 41rem;
        max-width: 25.8rem;
    }

    .monitoramento-maps.grafico-status {
        padding-bottom: 0;
        left: 26rem;
    }

.estacao-monitoramento {
    background: #fff;
    border-radius: 1.5rem;
    padding: 1.5rem;
    box-shadow: 0px 0px 2px 2px #ebebeb;
    margin-top: 0.5rem;
}

.monitramento-card-detalhes {
    align-items: center;
    padding: 2rem;
    gap: 1rem;
    width: auto;
    min-width: 30rem;
    min-height: 12rem;
    background: #E5E5E5;
    border-radius: 2rem;
    position: relative;
}

.modal-header-termo-aceite {
    padding: 15px;
}

    .modal-header-termo-aceite .close {
        margin-top: -2px;
    }

.modal-footer-termo-aceite {
    padding: 15px;
    text-align: right;
    padding-top: 5px;
}

    .modal-footer-termo-aceite .btn + .btn {
        margin-bottom: 0;
        margin-left: 5px;
    }

    .modal-footer-termo-aceite .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-footer-termo-aceite .btn-block + .btn-block {
        margin-left: 0;
    }

.border-background-termo-aceite {
    background: #f5f5f5;
    border-radius: 16px;
    padding: 20px;
}

    .border-background-termo-aceite.area {
        padding: 22px !important;
    }

    .border-background-termo-aceite.box {
        border-radius: 0px !important;
        padding: 0px;
    }

    .border-background-termo-aceite.white {
        background: #FFFFFF;
    }

    .border-background-termo-aceite.min-shadow {
        box-shadow: 0px 0px 2px 2px #ebebeb !important;
    }

.modal-termo-aceite {
    position: absolute;
    top: 0%;
    right: 0;
    bottom: 0;
    font-family: Arial, Helvetica, sans-serif;
    background: rgba(0,0,0,0.8);
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    width: 100%;
}

.modal-termo-aceite-overlay {
    opacity: 1;
    pointer-events: auto;
}

.modal-termo-aceite > div {
    width: 800px;
    position: relative;
    padding: 15px 20px;
    z-index: 7;
}

.modal-termo-responsibilizacao-projeto {
    position: absolute;
    top: 0%;
    right: 0;
    bottom: 0;
    font-family: Arial, Helvetica, sans-serif;
    background: rgba(0,0,0,0.8);
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    width: 100%;
}

.modal-termo-responsibilizacao-projeto-overlay {
    opacity: 1;
    pointer-events: auto;
}

.modal-termo-responsibilizacao-projeto > div {
    width: 650px;
    position: relative;
    margin: 36% auto;
    padding: 15px 20px;
    z-index: 7;
}

.genyx-verde-button-funil {
    display: inline-block;
    background: #FFFFFF;
    border-radius: 4px;
    border-color: #D0D0D0;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    color: #2BA1CF !important;
    padding: 15px 25px !important;
}

    .genyx-verde-button-funil:hover {
        opacity: 0.8;
        cursor: pointer;
    }

.qtd-itens-resumido div:last-child {
    font-size: 16px !important;
    text-align: center;
}

    .qtd-itens-resumido div:last-child a {
        color: #8F8F8F;
    }

.qtd-itens-resumido div:first-child {
    border: 1px solid #8F8F8F;
    border-radius: 6px;
    margin: auto;
    padding: 2px;
    color: #8F8F8F;
    width: 100px;
    font-size: 16px !important;
}

    .qtd-itens-resumido div:first-child input {
        margin: auto;
        text-align: center;
        border: none;
        border-right: 1px solid #8F8F8F;
        border-left: 1px solid #8F8F8F;
        width: 50%;
        background: transparent;
    }

    .qtd-itens-resumido div:first-child a {
        text-align: center;
        width: 25%;
        color: #E5E5E5;
    }

        .qtd-itens-resumido div:first-child a label {
            color: #E5E5E5;
        }

.ge-Homologacao {
    padding: 2px 0;
    border: 2px solid #ff2626;
    border-radius: 4px;
    font-weight: 700;
    font-size: 14px;
    color: #ff2626;
    text-align: center;
}

.border-background-detalhes-integrador {
    background: #2BA1CF;
    color: white;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0px 0px 5px 5px #ebebeb;
}

.modal-visualizar-oportunidade {
    top: -2% !important;
}

.modal-dialog-visualizar-oportunidade {
    width: 80%;
    margin: 30px auto;
}

.modal-body-visualizar-oportunidade {
    position: relative;
    padding: 45px;
    overflow-y: scroll;
    height: 650px;
}

.logo-dashboard {
    background: url(../plugins/images/logo.jpeg) no-repeat center center;
    background-size: 100% 100%;
    box-shadow: none;
    min-width: 235px;
    min-height: 40px;
}

.funil-interno-scroll {
    text-align: center;
    width: 100%;
    overflow-y: scroll;
    height: 550px;
    background: #e0ebed;
    border-color: white;
    flex-wrap: wrap;
}

.box-me {
    flex: 1 0 25%;
    padding: 15px;
}

    .box-me .border-background {
        height: 100%;
    }

    .box-me > a > div > span {
        flex: 1;
    }

.per-mytooltip {
    display: inline;
    position: relative;
    z-index: 2;
}

    .per-mytooltip:hover .tooltip-item::after {
        pointer-events: auto;
    }

.per-tooltip-content {
    position: absolute;
    z-index: 6;
    width: 360px;
    left: 50%;
    margin: 0 0 16px -180px;
    bottom: 100%;
    text-align: left;
    font-size: 14px;
    line-height: 30px;
    box-shadow: -5px -5px 15px rgba(48, 54, 61, 0.2);
    background: #545454;
    opacity: 0;
    cursor: default;
    pointer-events: none;
    border: thin solid;
    border-radius: 0.5rem;
    width: 10rem;
    margin-left: -2rem;
}

    .per-tooltip-content.prevenda {
        position: absolute;
        z-index: 6;
        margin: 0px 0 12px -26px;
        bottom: 100%;
        text-align: left;
        font-size: 12px;
        box-shadow: -5px -5px 15px rgba(48, 54, 61, 0.2);
        background: #001562;
        opacity: 0;
        cursor: default;
        pointer-events: none;
        border-radius: 0.5rem;
        width: 8rem;
    }

.tooltip-effect-1 .per-tooltip-content {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale3d(0.7, 0.3, 1);
    transform: scale3d(0.7, 0.3, 1);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
}

.per-mytooltip:hover .per-tooltip-content {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
    transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
}

.tooltip.tooltip-effect-1:hover .per-tooltip-content {
    -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
    transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
}

.per-tooltip-content::after {
    content: '';
    top: 100%;
    left: 1rem;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: #2a3035;
    border-width: 10px;
    margin-left: -0.1rem;
}

.per-tooltip-text {
    font-size: 12px;
    line-height: 24px;
    display: block;
    padding: 8px;
    color: #fff;
}

.per-mytooltip:hover .per-tooltip-content {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
    transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
}

.tooltip.tooltip-effect-1:hover .per-tooltip-content {
    -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
    transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
}

.genyx-border-cinza-escuro-button {
    display: inline-block;
    border: 1px solid #C6C6C6;
    background: #C6C6C6;
    box-sizing: border-box;
    border-radius: 4px;
    color: white;
    font-size: 14px;
    padding: 7px 25px !important;
    max-height: 38px;
}

    .genyx-border-cinza-escuro-button:hover {
        opacity: 0.8;
        cursor: pointer;
    }

.btn-importar-imagem-banner {
    margin-left: 22%;
}

.arrow {
    float: right;
}

.w-30 {
    width: 30%;
}

.w-15 {
    width: 15%;
}

.w-10 {
    width: 10%;
}

.w-5 {
    width: 5%;
}

.h-20 {
    height: 20px;
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .w-sm-100 {
        width: 100% !important;
    }

    .w-sm-75 {
        width: 75% !important;
    }

    .w-sm-50 {
        width: 50% !important;
    }

    .w-sm-25 {
        width: 25% !important;
    }

    .h-sm-100 {
        height: 100% !important;
    }

    .h-sm-75 {
        height: 75% !important;
    }

    .h-sm-50 {
        height: 50% !important;
    }

    .h-sm-25 {
        height: 25% !important;
    }
}


/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .w-md-100 {
        width: 100% !important;
    }

    .w-md-75 {
        width: 75% !important;
    }

    .w-md-50 {
        width: 50% !important;
    }

    .w-md-25 {
        width: 25% !important;
    }

    .h-md-100 {
        height: 100% !important;
    }

    .h-md-75 {
        height: 75% !important;
    }

    .h-md-50 {
        height: 50% !important;
    }

    .h-md-25 {
        height: 25% !important;
    }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .w-lg-100 {
        width: 100% !important;
    }

    .w-lg-75 {
        width: 75% !important;
    }

    .w-lg-50 {
        width: 50% !important;
    }

    .w-lg-25 {
        width: 25% !important;
    }

    .h-lg-100 {
        height: 100% !important;
    }

    .h-lg-75 {
        height: 75% !important;
    }

    .h-lg-50 {
        height: 50% !important;
    }

    .h-lg-25 {
        height: 25% !important;
    }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .w-xl-100 {
        width: 100% !important;
    }

    .w-xl-75 {
        width: 75% !important;
    }

    .w-xl-50 {
        width: 50% !important;
    }

    .w-xl-25 {
        width: 25% !important;
    }

    .h-xl-100 {
        height: 100% !important;
    }

    .h-xl-75 {
        height: 75% !important;
    }

    .h-xl-50 {
        height: 50% !important;
    }

    .h-xl-25 {
        height: 25% !important;
    }
}

.main-logo {
    width: 100%;
    max-width: 200px;
}

.proposal-table-align {
    text-align: end;
}

.overflow-x-auto {
    overflow-x: auto;
}

    .overflow-x-auto::-webkit-scrollbar {
        display: none;
    }

.overflow-x-auto {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.overflow-hidden {
    overflow: hidden;
}

.menu-bar-frete-visualizacao {
    height: 30px;
    max-height: 100%;
    background: #8c8c8c;
}

.menu-bar-frete-edicao {
    height: 30px;
    max-height: 100%;
    background: linear-gradient(270.2deg, rgba(0, 115, 221, 0.65) 21.6%, rgba(255, 255, 255, 0) 85.88%), #001A7A;
    color: #FFFFFF !important;
}

.loading-image {
    height: 150px;
    width: 150px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.arrowpedido {
    font-size: 50px;
    float: none;
}

.display-status-pedido {
    position: relative;
    width: 25%;
}

.bullet-status-pedido {
    width: 40px;
    height: 40px;
    background: #C4C4C4;
    border-radius: 50%;
    margin: auto;
    z-index: 1;
}

.green-background {
    background: #7FFF7F;
}

.carrinho-identificacao {
    font-size: 40px;
    color: #E4E2E2;
}

.black-background {
    color: black;
}

.finalizacao-entrega {
    font-size: 18px;
    background: #e6f2ff;
    padding: 20px;
    border-radius: 20px;
}

.alerta-compra-finalizacao {
    padding: 15px;
    background: #E47272;
    color: white;
}

.emoticon-modal-avaliacao {
    margin: auto;
    font-size: 70px;
}

.thumb-modal-avaliacao {
    margin: auto;
    font-size: 50px;
}

.color-white {
    color: white;
}

.text-label-material-eletrico {
    font-size: 24px;
}

.tootip-align {
    text-align: center;
    width: 100px;
    margin-left: -50px;
}

.modais {
    z-index: 100000;
    position: fixed;
    display: none;
    overflow: hidden;
    outline: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}

.height-250 {
    max-height: 250px;
}

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

.img-material-eletrico {
    max-height: 150px;
    max-width: 150px;
    border-radius: 100px;
    padding: 20px;
    box-shadow: 0px 0px 5px 5px #ebebeb;
}

.bg-danger-light {
    background: #f0e4e4;
}

.imagem-kit {
    width: 240px;
    padding: 16px;
}

/*QRCode Pagamento*/
.pixQrcode {
    max-width: 150px;
    max-height: 150px;
}

.break-all {
    word-break: break-all;
}

/*Bandeira Pagamento*/
#divSelecionaBandeira {
    width: 80px;
}

/*TimeLine Pagamento*/
.steps {
    padding-bottom: 50px;
}

.step {
    display: flex;
    position: relative;
}

    .step::after {
        content: "";
        position: absolute;
        left: 15px;
        top: 32px;
        height: 0;
        width: 2px;
        background-color: #2BA1CF;
        height: 75%;
    }

    .step:last-child {
        height: 0;
    }

.info {
    margin: 8px 0 20px;
}

.text {
    font-size: 12px;
    padding-bottom: 0;
    margin: 0;
}

#steps .number {
    width: 32px;
    height: 32px;
    background-color: #2BA1CF;
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 15px;
    font-weight: 600;
    margin-right: 14px;
}

/*DASHED*/
.dashed {
    border-style: dashed;
    border-color: #55b4d9;
    padding: 2rem 1rem;
    text-align: center;
    border-radius: 4px;
}

.financiamento {
    color: #001254;
    font-weight: 500;
    font-size: 1.2rem;
}

.b-dashed {
    border-bottom: 1px dashed #001254;
    margin-top: 3rem;
    width: 100%;
}

@media (min-width: 916px) {
    .proposal-table-align {
        min-width: 200px;
    }

    .txt-central-itens-do-integrador {
        padding-left: 170px;
        padding-right: 170px;
    }
}

@media (min-width: 767px) {
    .border-background-box-itens-do-integrador {
        background: #E5E5E5;
        border-radius: 16px;
        padding: 17px;
        margin: 10px 0 20px;
    }

    .white-md {
        background-color: white;
    }
}

@media (max-width: 767px) {
    .background-login {
        background-color: #001A79;
    }

    .container-login {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    .group-login {
        padding: 0 30px !important;
    }

    .area-login {
        border-radius: 15px !important;
        padding: 0 !important;
        background: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    .lbl-login {
        color: #FFF !important;
    }

    .lbl-link-login {
        color: #14DAC2 !important;
    }

    .txb-login {
        height: 35px !important;
        font-size: 14px !important;
    }

    .header-login p {
        color: #FFF;
    }

    #dvCadastro .lbl-login {
        color: #737373 !important;
    }

    #dvCadastroConcluido p {
        color: #001A7A !important;
        font-size: 0.7em !important;
        line-height: 35px !important;
    }

    .lbl-cabecalho-login {
        margin: 1rem !important;
    }

    .g-recaptcha {
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
    }

    .border-background {
        background: none;
        border-radius: 0;
        padding: 0;
        box-shadow: none;
    }

        .border-background.white {
            padding: 15px 20px;
        }

    .options-estrutura button {
        width: 200px !important;
        max-width: 100% !important;
        height: 200px !important;
    }

    #produto-projeto img,
    #maisproduto-projeto img {
        width: 150px !important;
        max-width: 100% !important;
        margin: auto;
        display: block;
    }

    .options-menu-projeto {
        width: 100% !important;
    }

        .options-menu-projeto a {
            padding: 5px !important;
        }

    .seta-direita {
        background: none !important;
        display: none !important;
    }

    .resumo-reverse {
        flex-direction: column-reverse;
    }

    .resumo-pedido {
        position: unset;
        margin-bottom: 20px;
    }

    .background-login {
        background-color: #001A79;
    }

    .container-login {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    .group-login {
        padding: 0 30px !important;
    }

    .area-login {
        border-radius: 15px !important;
        padding: 0 !important;
        background: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    .lbl-login {
        color: #FFF !important;
    }

    .lbl-link-login {
        color: #14DAC2 !important;
    }

    .txb-login {
        height: 35px !important;
        font-size: 14px !important;
    }

    .header-login p {
        color: #FFF;
    }

    #dvCadastro .lbl-login {
        color: #737373 !important;
    }

    #dvCadastroConcluido p {
        color: #001A7A !important;
        font-size: 0.7em !important;
        line-height: 35px !important;
    }

    .lbl-cabecalho-login {
        margin: 1rem !important;
    }

    .g-recaptcha {
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
    }

    .border-background {
        background: none;
        border-radius: 0;
        padding: 0;
        box-shadow: none;
    }

        .border-background.white {
            padding: 15px 20px;
        }

    .options-estrutura button {
        width: 200px !important;
        max-width: 100% !important;
        height: 200px !important;
    }

    #produto-projeto img,
    #maisproduto-projeto img {
        width: 150px !important;
        max-width: 100% !important;
        margin: auto;
        display: block;
    }

    .options-menu-projeto {
        width: 100% !important;
    }

        .options-menu-projeto a {
            padding: 5px !important;
        }

    .seta-direita {
        background: none !important;
        display: none !important;
    }

    .resumo-reverse {
        flex-direction: column-reverse;
    }

    .resumo-pedido {
        position: unset;
        margin-bottom: 20px;
    }

    .background-login {
        background-color: #001A79;
    }

    .container-login {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    .group-login {
        padding: 0 30px !important;
    }

    .area-login {
        border-radius: 15px !important;
        padding: 0 !important;
        background: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    .lbl-login {
        color: #FFF !important;
    }

    .lbl-link-login {
        color: #14DAC2 !important;
    }

    .txb-login {
        height: 35px !important;
        font-size: 14px !important;
    }

    .header-login p {
        color: #FFF;
    }

    #dvCadastro .lbl-login {
        color: #737373 !important;
    }

    #dvCadastroConcluido p {
        color: #001A7A !important;
        font-size: 0.7em !important;
        line-height: 35px !important;
    }

    .lbl-cabecalho-login {
        margin: 1rem !important;
    }

    .g-recaptcha {
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
    }

    .border-background {
        background: none;
        border-radius: 0;
        padding: 0;
        box-shadow: none;
    }

        .border-background.white {
            padding: 15px 20px;
        }

    .options-estrutura button {
        width: 200px !important;
        max-width: 100% !important;
        height: 200px !important;
    }

    #produto-projeto img,
    #maisproduto-projeto img {
        width: 150px !important;
        max-width: 100% !important;
        margin: auto;
        display: block;
    }

    .options-menu-projeto {
        width: 100% !important;
    }

        .options-menu-projeto a {
            padding: 5px !important;
        }

    .seta-direita {
        background: none !important;
        display: none !important;
    }

    .resumo-reverse {
        flex-direction: column-reverse;
    }

    .resumo-pedido {
        position: unset;
        margin-bottom: 20px;
    }

    .screen-darken {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0,0,0,.5);
        pointer-events: none;
        z-index: 3;
        position: fixed;
    }

    .loading-image {
        height: 120px;
        width: 120px;
    }

    .arrowpedido {
        font-size: 30px;
    }

    .display-status-pedido {
        width: 100%;
    }

    .bullet-status-pedido {
        width: 30px;
        height: 30px;
    }

    .carrinho-identificacao {
        font-size: 35px;
    }

    .carrinho-identificacao-texto {
        font-size: 14px;
    }

    .menu-bar {
        padding: 15px;
        right: 0px;
        top: -100px;
        margin-top: 0px;
    }

    .emoticon-modal-avaliacao {
        font-size: 50px;
    }

    .thumb-modal-avaliacao {
        font-size: 40px;
    }

    .text-label-material-eletrico {
        font-size: 14px;
    }

    .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }

    .background-login {
        background-color: #001A79;
    }

    .container-login {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    .group-login {
        padding: 0 30px !important;
    }

    .area-login {
        border-radius: 15px !important;
        padding: 0 !important;
        background: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    .lbl-login {
        color: #FFF !important;
    }

    .lbl-link-login {
        color: #14DAC2 !important;
    }

    .txb-login {
        height: 35px !important;
        font-size: 14px !important;
    }

    .header-login p {
        color: #FFF;
    }

    #dvCadastro .lbl-login {
        color: #737373 !important;
    }

    #dvCadastroConcluido p {
        color: #001A7A !important;
        font-size: 0.7em !important;
        line-height: 35px !important;
    }

    .lbl-cabecalho-login {
        margin: 1rem !important;
    }

    .g-recaptcha {
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
    }

    .border-background {
        background: none;
        border-radius: 0;
        padding: 0;
        box-shadow: none;
    }

        .border-background.white {
            padding: 15px 20px;
        }

    .options-estrutura button {
        width: 200px !important;
        max-width: 100% !important;
        height: 200px !important;
    }

    #produto-projeto img,
    #maisproduto-projeto img {
        width: 150px !important;
        max-width: 100% !important;
        margin: auto;
        display: block;
    }

    .options-menu-projeto {
        width: 100% !important;
    }

        .options-menu-projeto a {
            padding: 5px !important;
        }

    .seta-direita {
        background: none !important;
        display: none !important;
    }

    .resumo-reverse {
        flex-direction: column-reverse;
    }

    .resumo-pedido {
        position: unset;
        margin-bottom: 20px;
    }

    .status-pedido-concluido,
    .status-pedido-nao-concluido,
    .status-projeto-concluido,
    .status-projeto-nao-concluido,
    .linha-andamento.first,
    .linha-andamento.last,
    .linha-andamento {
        display: none;
    }

    #divFormularioRecadastramento .ddl-login {
        height: calc(2.25rem + 2px) !important;
    }

    .status-ultimo-pedido-concluido,
    .status-ultimo-projeto-concluido,
    .status-projeto-cancelado {
        display: block;
    }

    .status-ultimo-pedido-concluido,
    .status-ultimo-projeto-concluido,
    .status-projeto-cancelado {
        width: 100%;
    }
}

@media (max-width: 370px) {
    .g-recaptcha {
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
    }
}

@media (max-width: 340px) {
    .menu-bar {
        top: -135px;
    }

    .main-logo {
        max-width: 200px;
    }
}

@media (max-width: 330px) {
    .g-recaptcha {
        transform-origin: 10% 10%;
        -webkit-transform-origin: 10% 10%;
    }
}

@media (max-width: 320px) {
    .thumb-modal-avaliacao {
        font-size: 30px;
    }

    .display-none-320 {
        display: none;
    }

    .loading-image {
        height: 100px;
        width: 100px;
    }

    .carrinho-identificacao {
        font-size: 30px;
    }

    .carrinho-identificacao-texto {
        font-size: 12px;
    }

    .emoticon-modal-avaliacao {
        font-size: 30px;
    }
}

@media (max-height: 733px) {
    .dashboard-monitoramento .min {
        min-height: 50rem;
    }
}

@media (max-height: 955px) {
    .dashboard-monitoramento .min {
        min-height: 70rem;
    }
}

.font-bold {
    font-weight: bold;
}

.white-background {
    background: #ffff;
}

.label-calendario-interacao {
    margin-top: 7px;
    margin-right: 7px;
}

.txb-calendario-interacao {
    z-index: 0;
    width: 55%;
}

.img-dash-crm-interno {
    width: auto;
    height: 70px;
}

.txt-dash-problemas-identificados-dias {
    text-align: left;
    font-size: 14px !important;
    margin-top: -15px;
}

.carencia-button {
    border: solid 1px #ced4da;
    box-sizing: border-box;
    border-radius: 10px;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #2e4392;
    display: block;
    background: #f8f9fa;
    padding: 8px 10px 9px 10px !important;
}

.carencia-selecionado-button {
    border: #2e4392;
    box-sizing: border-box;
    border-radius: 10px;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
    width: 120px;
    text-align: center;
    color: white;
    display: block;
    background: #2e4392;
    padding: 8px 10px 9px 10px !important;
}

.parcelamento-button {
    border: 2px solid #8F8F8F;
    box-sizing: border-box;
    border-radius: 10px;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    width: 200px;
    text-align: center;
    color: dimgray;
    padding: 8px 10px 9px 10px !important;
    display: block;
}

.selecionar-button {
    border: solid 1px #c2c8df;
    box-sizing: border-box;
    border-radius: 10px;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #00b500;
    display: block;
    background: #ffffff;
    padding: 8px 10px 9px 10px !important;
}

    .selecionar-button:hover {
        opacity: 0.8;
        cursor: pointer;
    }

.selecionado-button {
    border: solid 1px #009100;
    box-sizing: border-box;
    border-radius: 10px;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #fcfcfc;
    display: block;
    background: #00b500;
    padding: 8px 10px 9px 10px !important;
}

    .selecionado-button:hover {
        opacity: 0.8;
        cursor: pointer;
    }

.overlay-message {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.8);
    padding: 10px;
    border-radius: 8px;
    font-size: 16px;
    color: #000;
    text-align: center;
    z-index: 10;
}

#divBV {
    position: relative;
}

.condicoes-disponiveis-financiamento {
    background: #5eff5e;
    border: solid 1px #00ff00;
    border-radius: 4px;
}

.ecommerce-name {
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    color: #212529
}

.ecommerce-value {
    font-size: 22px;
    font-weight: 500;
    color: #07A707;
}

.ecommerce-value-no-discount {
    font-size: 14px;
    color: #ADB5BD;
    text-decoration: line-through;
    font-weight: 400;
}

.ecommerce-value-parcel {
    cursor: default;
    font-size: 14px;
    color: #6C757D;
    font-weight: 400;
}

    .ecommerce-value-parcel.view {
        font-size: 12px;
    }

.btn-limpar-filtro {
    margin-left: auto;
    color: #6C757D;
    border: 1px solid #6C757D;
    border-radius: 4px;
    padding: 2px 10px;
    font-size: 12px;
    line-height: 2;
    font-weight: 400;
}

.ecommerce-bar {
    padding: 5px;
}

    .ecommerce-bar.blue {
        background-color: #272B8E;
    }

    .ecommerce-bar.green {
        background-color: #07A707;
    }

    .ecommerce-bar.yellow {
        background-color: #FEC106;
    }

.ecommerce-bar-marcacao {
    width: 5px;
    position: absolute;
    z-index: 1;
    height: 30px;
    margin-top: -10px;
    background-color: #495057;
}

.ecommerce-bar-valor {
    position: absolute;
    z-index: 1;
    margin-top: -30px;
}

.ecommerce-title {
    color: #001A7A;
    font-size: 24px;
    font-weight: 500;
}

.ecommerce-subtitle {
    color: #001A7A;
    font-size: 16px;
    font-weight: 400;
}

.ecommerce-detail-big {
    font-size: 32px;
    color: #001A7A;
}

.ecommerce-detail-medium {
    font-size: 24px;
    color: #001A7A;
    font-weight: 500;
}

.ecommerce-detail-small {
    font-size: 14px;
    color: #001A7A;
    font-weight: 500;
}


.mdi.mdi-cart .number {
    position: absolute;
    top: 0px;
    margin-left: 25px;
    background: #45ADD5;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 18px;
}

.arrowtoggle {
    margin-left: auto;
    font-size: 40px;
    margin-top: auto;
    transform: rotate(90deg);
    color: #737373;
}

.btntoggle {
    width: 100%;
    border: none;
    background: transparent;
    cursor: pointer;
}

.menorpreco {
    border-radius: 6px;
    background: url(../imagens/melhorprecobg.png);
    color: white;
    background-size: cover;
    background-repeat: no-repeat;
}

.build-info {
    color: #FFFFFF;
}

.alerta-nao-usina {
    background-color: #f8d7da; /* Vermelho suave */
    color: #721c24; /* Texto vermelho */
    border: 1px solid #f5c6cb; /* Borda vermelha */
    padding: 15px;
    border-radius: 5px;
    margin-top: 10px;
    display: flex;
    align-items: center;
}

    .alerta-nao-usina p {
        margin: 0;
        font-weight: bold;
    }

    .alerta-nao-usina .col-md-8,
    .alerta-nao-usina .col-md-4 {
        display: flex;
        align-items: center;
    }

        .alerta-nao-usina .col-md-8 p {
            margin-bottom: 0;
        }

.alerta-nao-usina .col-md-4 {
    justify-content: flex-end; /* Alinha o botão à direita */
}

.card_valores_financiamento {
    color: #334895;
    background-color: #f8f9fa;
    border: solid 1px #ced4da;
    border-radius: 4px;
    padding: 16px;
}