:root {
    --secondary-color: #2C6DF5;
    --third-color: #ffe946;
    --logo-rodape: url('../../Images/Sindirepa/logo4.png');
    --label-parceiro: "Parceiro";
    --label-parceiro-select: "Selecione  um parceiro";
}

.logo-rodape{
    content: var(--logo-rodape);
}

.btn-padrao {
    background-color: var(--secondary-color);
    border: 1px solid var(--secondary-color);
    color: var(--third-color);
}
    .btn-padrao:hover,
    .btn-padrao:active,
    .btn-padrao:hover {
        background-color: var(--secondary-color);
        border: 1px solid var(--secondary-color);
        color: var(--third-color);
    }

.color-secondary {
    color: var(--secondary-color);
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(0,51,160)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-toggler {
    border-color: white;
} 

/* tela de login */
.btn-crm-menu {
    display: none;
}

.body-login {
    background: url(../../Images/sindirepa/login.png) no-repeat center fixed;
    background-size: cover;
}

    .body-login #logo-login {
        content: url(../../Images/sindirepa/logo3.png);
    }

    .body-login form button {
        background-color: #ffe946;
        border: 1px solid #ffe946;
        color: #0033A0;
    }

    .body-login form button:hover,
    .body-login form button:active,
    .body-login form button:hover {
        background-color: #ffe946;
        border: 1px solid #ffe946;
        color: white;
    }

.label-parceiro:before {
    content: var(--label-parceiro);
}

#label-parceiro-select:before {
    content: var(--label-parceiro-select);
}

@media only screen and (min-width: 1000px) {
    .body-login .form {
        float: right;
        margin-right: 5%;
    }
}

#link-esqueci-senha {
    display: none;
}
/* footer global */
footer {
    background-color: #0033A0;
}

    footer, footer a {
        color: #ffffff;
    }

#img-brand-footer {
    content: url(../../Images/Sindirepa/logo.png);
}

h3 {
    border-bottom: 3px solid #0033A0;
    color: #1e1e1d;
}

.seguros .btn-1 {
    background-color: #ffe946;
    border: 1px solid #ffe946;
    color: #0033A0;
}

    .seguros .btn-1:hover {
        background-color: #0033A0;
        border: 1px solid #0033A0;
        color: #ffe946;
    }

/* menu global */
#img-brand-header {
    content: url(../../Images/sindirepa/logo2.png);
}

header {
    background-color: #ffffff;
}

    header nav {
        background-color: #ffffff;
    }

.nav-item > a {
    color: #0033A0;
}

    .nav-item > a:hover {
        background-color: #ffe946;
        color: #0033A0;
    }

.nav-item form .nav-link {
    color: #0033A0;
}

    .nav-item form .nav-link:hover {
        background-color: #ffe946;
        color: #0033A0;
    }

.nav-link-hover {
    background-color: #0033A0;
    color: #ffffff;
}

.nav-item > a.nav-link-hover {
    color: #0033A0;
}

.dropdown-menu a {
    color: #1e1e1d;
}

.dropdown-menu {
    background-color: #0033A0;
    color: #1e1e1d;
}

.dropdown-item:hover {
    background-color: white;
    color: #1e1e1d;
}

/* tela inicial */
.recomendados {
    background-color: #E6E8E9;
    color: #0033A0;
}

h3 {
    border-bottom: 3px solid #2C6DF5;
    color: #1e1e1d;
}

.seguros .btn-1 {
    background-color: #ffe946;
    border: 1px solid #ffe946;
    color: #0033A0;
}

    .seguros .btn-1:hover {
        background-color: #2C6DF5;
        border: 1px solid #2C6DF5;
        color: #ffe946;
    }

/* tela de contratação */
#hr-line-steps {
    position: relative;
    background-color: #2C6DF5;
    height: 2px;
    top: 46px;
    z-index: 1;
}

.step {
    position: relative;
    z-index: 2;
    top: -29px;
}

.steps .step > a {
    background-color: #2C6DF5;
    color: white !important;
}

.steps .step:not(.active) > a {
    background-color: #2cbef5;
}

#planos-seguro-tricard .protecao-desejada .box-plano:hover {
    border: #2C6DF5 solid 3px;
}

.plano .btn {
    background-color: #ffe946;
    border: 1px solid #ffe946;
    color: #0033A0 !important;
    text-transform: uppercase;
}

    .plano .btn:hover {
        background-color: #2C6DF5;
        border: 1px solid #2C6DF5;
        color: #ffe946 !important;
        text-transform: uppercase;
    }

.checked {
    color: #2C6DF5 !important;
}

#container-botoes-wizard button:not(.btn-prev) {
    background-color: #2C6DF5;
    border: 1px solid #2C6DF5;
    color: #ffe946 !important;
}

#container-botoes-wizard button:hover {
    background-color: #ffe946;
    border: 1px solid #ffe946;
    color: #0033A0 !important;
}

.cnpj_empresa button {
    background-color: #ffe946;
    border: 1px solid #ffe946;
    color: #0033A0 !important;
}

    .cnpj_empresa button:hover, .cnpj_empresa button:active {
        background-color: #2C6DF5 !important;
        border: 1px solid #2C6DF5 !important;
        color: #ffe946 !important;
    }

.btn-cep {
    background-color: #ffe946;
    border: 1px solid #ffe946;
    color: #0033A0 !important;
}

    .btn-cep:hover, .btn-cep:active {
        background-color: #ffe946 !important;
        border: 1px solid #ffe946 !important;
        color: #0033A0 !important;
    }

.formulario hr {
    border-top: 1px solid #0033A0;
}

#btn-exportar {
    background-color: #2C6DF5;
    border-color: #2C6DF5;
    color: #ffe946 !important;
}

#proposta-form #btn-exportar span {
    color: #ffe946 !important;
}

#proposta-form #btn-exportar:hover {
    background-color: #2C6DF5;
    border-color: #2C6DF5;
    color: #ffe946;
}

    #proposta-form #btn-exportar:hover span {
        color: #1e1e1d;
    }

#btn-acompanhamento {
    background-color: #ffe946;
    border: 1px solid #ffe946;
}

    #btn-acompanhamento:hover, #btn-acompanhamento:active, #btn-acompanhamento:focus {
        background-color: #2C6DF5 !important;
        border: 1px solid #2C6DF5 !important;
    }

.resumo .btn-primary {
    background-color: #ffe946;
    border-color: #ffe946;
    color: #0033A0 !important;
}

    .resumo .btn-primary:hover,
    .resumo .btn-primary:active {
        background-color: #2C6DF5 !important;
        border-color: #2C6DF5 !important;
        color: #ffe946 !important;
    }

.menu-crm {
    display: none;
}

.logo-gti-footer {
    display: none;
}