/*.....................................................................
........................... FORMATAÇÃO GERAL ..........................
.....................................................................*/
:root {
    --nome-cliente: "Sindiprom";
    --nome-cliente-maiusculo: "SINDIPROM";
    --nome-cliente-minusculo: "sindiprom";
    --primary-color: #32903f;
    --secondary-color: #44c756;
    --extra-color: #eded00;
    --font-size: 16px;
    --font-color: black;
    --cor-texto-fundo-claro: black;
    --cor-texto-fundo-escuro: #FFFFFF;
}


@font-face {
    font-family: OpenSans;
    src: url(../../Fonts/OpenSans-Regular.ttf);
}

* {
    font-family: Calibri, OpenSans;
}

a {
    color: var(--primary-color);
}

#PageCadastro > .row {
    margin-bottom: 20px;
}

.bg-color-laranja-1 {
    background-color: var(--primary-color);
}

.bg-color-laranja-2 {
    background-color: var(--secondary-color);
}

.bg-color-amarelo1 {
    background-color: var(--extra-color);
}


/*===========================================
================ MENU LOGIN =================
===========================================*/
.menu-login {
    background-color: var(--primary-color);
    color: var(--cor-texto-fundo-escuro);
    padding: 5px;
    font-size: 16px;
}

    .menu-login ul {
        text-align: right;
        margin: 0;
        margin-right: 20px;
        padding: 0;
        list-style: none;
    }

        .menu-login ul li {
            display: inline-block;
        }

            .menu-login ul li a {
                color: var(--cor-texto-fundo-escuro);
                font-size: 16px;
            }


/*===========================================
============== MENU PRINCIPAL ===============
===========================================*/
.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='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

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

.navbar-brand {
    color: #231F59 !important;
}

#img-brand-header {
    content: url(../../Images/logo_moninf.png);
}

header {
    background-color: white;
    padding: 0px;
}

    header nav {
        background-color: white;
    }

.nav-item a.btn {
    color: var(--font-color);
    background-color: white;
    font-size: 20px;
    padding: 8px 30px;
}

.nav-item a:hover {
    background-color: white !important;
    color: var(--font-color);
}

.nav-item form .nav-link {
    color: white;
    background-color: #231F59;
}

    .nav-item form .nav-link:hover {
        background-color: #FFCB08;
        color: #231F59;
    }

.nav-link-hover {
    background-color: #FFCB08;
    color: #231F59;
}

.nav-item > a.nav-link-hover {
    color: white;
    background-color: #FFCB08;
}

.dropdown-menu a {
    color: #231F59;
}

.dropdown-menu {
    background-color: #FFCB08;
    color: #231F59;
}

.dropdown-item:hover {
    background-color: white;
    color: #231F59;
}

.invisivel {
    display: none;
}


/*===========================================
============== BOTÕES DEFAULT ===============
===========================================*/
.btn-default {
    background-color: #d9534f;
    border: none;
    border-radius: 19px;
    color: var(--cor-texto-fundo-escuro);
    padding: 11px 40px;
    /*font-weight: bold;*/
    font-size: 20px !important;
    font-weight: 300;
    cursor: pointer;
}

.btn-back {
    background-color: #cbcdcc;
    border: none;
    border-radius: 19px;
    color: var(--font-color);
    padding: 11px 40px;
    /*font-weight: bold;*/
    font-size: 20px;
    font-weight: 300;
    cursor: pointer;
}


/*===========================================
================ VALIDAÇÃO ==================
===========================================*/
.error {
    display: block;
    color: #ff0000 !important;
    font-size: 11px !important;
    margin-top: 5px;
    margin-left: 2px;
    justify-content: left !important;
}

    .error label {
        text-align: left !important;
    }


/*===========================================
================== RODAPÉ ===================
===========================================*/
footer {
    background-color: var(--primary-color);
    font-size: 20px;
}

    footer, footer a {
        color: var(--cor-texto-fundo-escuro);
    }

        footer hr {
            background-color: white;
        }

        footer #btn-scroll {
            text-align: right;
            display: none;
            position: fixed;
            bottom: 115px;
            right: 5px;
            z-index: 99;
            cursor: pointer;
        }

        footer input[type=submit] {
            background-color: #00aaeb;
            border: none;
            width: 50px;
            height: 24px;
            cursor: pointer;
        }

/*.....................................................................
............................. TELA - LOGIN ............................
.....................................................................*/
.btn-crm-menu {
    display: none;
}

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

    .body-login #logo-login {
        content: url('../../Images/logo-topfama.png');
        width: 250px;
        margin: 0 auto;
        padding-bottom: 25px;
    }

    .body-login form button[type=submit] {
        background-color: #231F59;
        border: 1px solid #231F59;
    }

        .body-login form button[type=submit]:hover,
        .body-login form button[type=submit]:active,
        .body-login form button[type=submit]:hover {
            background-color: #FFCB08;
            border: 1px solid #FFCB08;
            color: #231F59;
        }

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


#div-login {
    background-image: url("../../Images/Cliente/sindiprom/login.png");
    background-color: #000;
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 720px;
    padding: 100px 0;
    margin-bottom: 150px;
}

@media only screen and (min-device-width: 1200px) {
    #div-login {
        padding: 50px 60px !important;
    }

    .box-login > .row {
        margin: 0.5em !important;
    }
}

#div-login h1 {
    font-weight: bold;
    font-size: 2.3em;
    color: var(--primary-color);
}

#div-login a {
    font-style: italic;
    font-size: 0.8em;
    color: #5a6480;
}

#div-login input {
    background-color: #cdcdcd;
    color: #7e7e78;
}

#div-login .btn-primary {
    background-color: #717074;
    color: #fff;
    font-weight: 100;
    text-transform: uppercase;
}

#div-login table {
    margin-left: 90px;
}

#div-login table, #div-login tr, #div-login td {
    border: 0;
}

.box-login {
    background-color: #fff;
    border: 1px solid #e5eae5;
    border-radius: 15px;
    padding: 1.5em;
}

    .box-login > .row {
        margin: 0.9em 0;
    }

    .box-login i {
        color: #c5c5c5;
    }

    .box-login .input-group-text {
        background-color: #fff;
    }

@media (max-width: 480px) {
    #div-login {
        background-position: top;
        min-height: 920px;
    }

        #div-login h1 {
            font-size: 1.7em;
            text-align: center;
        }
}


/*.....................................................................
........................ TELA - ACOMPANHAMENTO ........................
.....................................................................*/
#buscar {
    background-color: #231F59;
    border: 1px solid #231F59;
    color: white;
}

    #buscar:hover {
        background-color: #FFCB08;
        border: 1px solid #FFCB08;
        color: #231F59;
    }

/*#pagina-planos #section-1 button {
    background-color: #00aaeb;
    border: none;
    border-radius: 19px;
    color: white;
    padding: 11px 40px;
    font-weight: bold;
    font-size: 20px;
    top: 213px;
}*/

#PageCadastro label {
    font-size: 0.7em;
}

/*acompanhamento*/
/*#btn-buscar {
    border-radius: 0 20px 0 20px !important;
}*/

.list-botoes-workflow .btn-acompanhamento {
    background-color: #cbcdcc !important;
    border: none !important;
    border-radius: 19px !important;
    color: #1c3503 !important;
    padding: 11px 18px !important;
    font-weight: bold !important;
    font-size: 18px !important;
    font-weight: 300 !important;
    cursor: pointer !important;
    min-width: -webkit-fill-available;
}

.list-botoes-workflow span, .list-botoes-workflow i {
    color: #1c3503 !important;
}

.list-botoes-workflow .btn-detalhe {
    min-width: unset !important;
}

/*.resumo .btn-primary {
    border-radius: 0 20px 0 20px !important;
    background-color: #231F59;
    border-color: #231F59;
    color: white !important;
}

    .resumo .btn-primary:hover,
    .resumo .btn-primary:active {
        background-color: #FFCB08 !important;
        border-color: #FFCB08 !important;
        color: #231F59 !important;
    }*/

/*#btn-exportar, #btn-donwload-exportacao {
    border-radius: 0 20px 0 20px !important;
    background-color: #231F59;
}

#proposta-form #btn-exportar span {
    border-radius: 0 20px 0 20px !important;
    color: white;
}

#proposta-form #btn-exportar:hover, #proposta-form #btn-donwload-exportacao:hover {
    background-color: #FFCB08;
    border-color: #FFCB08;
    color: #231F59;
}*/

/*#proposta-form #btn-exportar:hover span, #proposta-form #btn-donwload-exportacao:hover span {
        color: #231F59;
    }*/


/*.....................................................................
............................. TELA - HOME .............................
.....................................................................*/
/*===========================================
============== HOME - SEÇÃO 1 ===============
===========================================*/
/*-------------------------------------------
        SEÇÃO 1 - 1
-------------------------------------------*/
#pagina-home .home-img-principal {
    width: 135%;
}

/*-------------------------------------------
        SEÇÃO 1 - 2
-------------------------------------------*/
#home-secao-1-2 h1 {
    font-size: 46px;
    font-family: 'Classico URW';
    text-align: center;
    color: #32903f !important;
    font-weight: 500 !important;
}

#home-secao-1-2 .txt-color-destaque {
    color: var(--primary-color);
}

#home-secao-1-2 .traco-txt-principal hr {
    padding: 3px;
    margin-left: 48%;
    bottom: 125px;
    position: relative;
    background-color: var(--extra-color);
}

/*-------------------------------------------
        BOTÕES PRODUTOS
-------------------------------------------*/
#home-secao-1-2 .home-btn-produto {
    margin: 1% 5% 5% 5%;
    width: 150px;
    height: 150px;
    display: inline-block;
    border: none;
    border-radius: 20px;
    color: white !important;
    background-color: var(--primary-color) !important;
    text-align: center !important;
    padding-top: 10px;
}

    #home-secao-1-2 .home-btn-produto img {
        width: 84px;
        height: 88px;
        padding-top: 13px;
        padding-bottom: 4px;
    }

    #home-secao-1-2 .home-btn-produto span {
        width: auto;
        margin: 0 auto;
        display: block;
        color: var(--cor-texto-fundo-escuro) !important;
        font-family: Calibri, OpenSans;
        font-size: 16px;
    }


/*===========================================
============== HOME - SEÇÃO 2 ===============
===========================================*/
/*-------------------------------------------
        SEÇÃO 2 - 1 
-------------------------------------------*/
#home-secao-2-1 {
    padding-top: 5px !important;
    background-color: var(--extra-color);
    color: var(--primary-color);
    font-family: Calibri, OpenSans;
}

#home-secao-2 h1 {
    font-size: 48px !important;
    
}

/*-------------------------------------------
        SEÇÃO 2 - 2 
-------------------------------------------*/
#home-secao-2-2 {
    margin-top: 30px !important;
}

    #home-secao-2-2 h2 {
        color: var(--primary-color);
        font-size: 37px;
        font-weight: 500;
        text-align: center;
    }

    #home-secao-2-2 .txt-color-destaque {
        color: var(--extra-color);
    }

/*-------------------------------------------
        SEÇÃO 2 - 3 
-------------------------------------------*/
#home-secao-2-3 {
    display: inline-flex !important;
}

    #home-secao-2-3 .home-item-detalhe {
        color: #65666a;
        font-size: 30px;
        text-align: left;
        padding: 0px 1% 10px 2% !important;
    }

    #home-secao-2-3 .home-img-2 {
/*        width: 563px;
        height: 349px;*/
    }

/*-------------------------------------------
        SEÇÃO 2 - 4
-------------------------------------------*/
#home-secao-2-4 {
    margin-bottom: 60px !important;
    text-align: center;
}

.home-item-check {
    /*width: 70px;*/
    padding-right: 20px;
}

/*-------------------------------------------
        BOTÃO ORÇAMENTO RESIDENCIAL
-------------------------------------------*/
.botao-orcamento-btn {
    text-align: center;
    vertical-align: top;
    border-radius: 10px;
    width: 165px;
    height: 130px;
    border: none;
    color: white !important;
    background-color: var(--primary-color);
    padding: 15px 35px;
    font-size: 26px;
    cursor: pointer;
    box-shadow: 2px 3px 10px lightgrey;
}


/*===========================================
=========== HOME - SEÇÕES COMUNS ============
===========================================*/
.caixinha-titulo-secao h1 {
    padding: 5px 25px;
    display: inline-block;
    color: var(--font-color);
    font-size: x-large !important;
    background-color: var(--extra-color);
    box-shadow: 2px 3px 10px var(--primary-color);
}

.texto-principal-secao h2 {
    color: white;
    padding-top: 15px;
    font-size: 32px !important;
    text-align: right !important;
}

.traco-txt-principal hr {
    padding: 3px;
    background-color: var(--extra-color);
    margin-top: -5px;
    margin-left: -20%;
}

.texto-secundario-secao {
    color: var(--cor-texto-fundo-escuro);
    font-size: 24px;
    text-align: justify;
}

.py-5 {
    padding-bottom: 3rem !important;
}

.pt-5, .py-5 {
    padding-top: 3rem !important;
}


/*===========================================
============== HOME - SEÇÃO 3 ===============
===========================================*/
/*-------------------------------------------
        TEXTOS
-------------------------------------------*/
#home-secao-3-3 p {
    color: var(--cor-texto-fundo-escuro) !important;
    font-family: Classico URW Bold;
}

/*-------------------------------------------
        ALINHAMENTO
-------------------------------------------*/
#home-secao-3-1 {
    background-color: var(--primary-color);
    display: inline-flex !important;
}

/*-------------------------------------------
        CAIXINHAS
-------------------------------------------*/
#home-secao-3-3 {
    position: relative;
    bottom: 120px;
    text-align: center !important;
}

.caixinha-item-secao {
    font-size: 32px;
    color: var(--cor-texto-fundo-escuro) !important;
    height: 100% !important;
    background-color: var(--secondary-color) !important;
    box-shadow: 2px 3px 10px #24582b;
    font-family: Calibri, OpenSans;
}

.img-caixinha-item-secao {
    margin: 15px;
}


/*===========================================
============== HOME - SEÇÃO 4 ===============
===========================================*/
#section-4 {
    background-color: var(--primary-color);
}

    #section-4 .home-img-3 {
        width:inherit;
    }


/*===========================================
============== HOME - SEÇÃO 5 ===============
===========================================*/
/*#pagina-home #section-5 table {
    border-collapse: collapse;
    width: 100%;
    font-weight: bold;
}*/

/*...........................NÃO UTILIZADOS.............................*/

/*.recomendados {
    background-color: #fde887;
    color: #231F59;
}

    .recomendados * {
        color: #231F59;
    }

.seguros h3 {
    border-bottom: 3px solid #231F59;
    color: #231F59;
}

.seguros a {
    border-radius: 0 20px 0 20px !important;
    background-color: #231F59;
    border: 1px solid #231F59;
    color: white;
}

    .seguros a:hover {
        background-color: #FFCB08;
        border: 1px solid #FFCB08;
        color: #231F59;
    }*/


/*.....................................................................
....................... JORNADA DE CONTRATAÇÃO ........................
.....................................................................*/
.steps {
    display: none;
}

.step {
    position: relative;
    z-index: 2;
    text-align: center;
}

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

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


/*===========================================
======== CONTRATAÇÃO - QUESTIONÁRIO =========
===========================================*/
/*-------------------------------------------
            QUESTIONÁRIO - SEÇÃO 1 
-------------------------------------------*/
#questionario-section-1 img {
    width: inherit;
}


/*-------------------------------------------
            QUESTIONÁRIO - SEÇÃO 2 
-------------------------------------------*/
#pagina-questionario {
    text-align: center;
}

    #pagina-questionario h1 {
        color: var(--primary-color);
        font-size: 40px;
    }

    #pagina-questionario h2 {
        color: var(--primary-color);
        font-size: xx-large;
    }

    #pagina-questionario h3 {
        font-size: larger;
    }

    #pagina-questionario h4 {
        color: var(--primary-color);
        font-weight: 600;
        font-size: x-large;
    }

/*--------------- TÍTULO -------------------*/
#questionario-section-2 h1 {
    font-weight: 600;
}

#questionario-section-2 .txt-color-destaque {
    color: var(--font-color);
}

/*-------------- COBERTURAS ----------------*/
#questionario-box-coberturas {
    text-align: left !important;
    font-weight: 600 !important;
    display: inline-block !important;
}

.questionario-cobertura-item img {
}

.questionario-cobertura-item span {
    font-size: larger;
}

.questionario-cobertura-item {
    display: flex !important;
}

/*-------------- FORMULÁRIO ----------------*/
#questionario-box-form {
    border-radius: 15px;
    background-color: #fce0a2;
    display: inline-block !important;
}

    #questionario-box-form input[type=text], select {
        width: inherit !important;
    }

.questionario-form-box-subsecao {
    text-align: left !important;
}

    .questionario-form-box-subsecao span {
        font-size: medium;
        margin-bottom: 5px !important;
    }

.questionario-form-item {
    display: inline-grid;
}

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

    .form-item-radio label {
        padding: 1px 5px;
        display: inline-flex !important;
    }

    .form-item-radio input[type=radio] {
        margin: 5px;
        width: 15px !important;
        height: 14px !important;
    }

.questionario-form-item-multiplo {
    padding: 0px !important;
    display: inline-grid;
}


/*===========================================
=========== CONTRATAÇÃO - PLANOS ============
===========================================*/
#pagina-planos h1 {
    color: var(--primary-color);
    font-size: 55px;
    font-weight: 600;
}

#pagina-planos h2 {
    color: var(--primary-color);
    font-size: 35px;
    font-weight: 600;
    text-align: center !important;
}

#pagina-planos h3 {
    color: var(--font-color);
    font-size: 22px;
    font-weight: 600;
}

#pagina-planos span {
    color: var(--primary-color);
}

#pagina-planos .txt-color-destaque {
    color: black !important;
}

.btnAvancar {
    background-color: #d9534f;
    border: none;
    border-radius: 19px;
    color: var(--cor-texto-fundo-escuro);
    padding: 11px 40px;
    font-weight: bold;
    font-size: 20px;
}

#btnCalcularPlano {
    color: white;
    text-align: center;
    padding: 5% 20%;
    border: none;
    border-radius: 20px;
    background-color: #d9534f;
    cursor: pointer;
}

/*----------------------------------------
            TABELA DE PLANOS
/*----------------------------------------*/
table {
    width: 100%;
}

table, th, td {
    border: none;
    border-right: 1px #eaeaea solid;
    border-left: 1px #eaeaea solid;
    font-weight: bold;
}

thead, tfoot {
    background-color: var(--primary-color) !important;
    color: var(--cor-texto-fundo-escuro)
}

    thead th, tfoot td {
        padding: 5px 15px !important;
        text-align: center !important;
        font-size: large !important;
    }

tbody td.check {
    text-align: center;
}

td {
    padding: 0.6% 0.2%;
    margin: 0% 2%;
    /*white-space: nowrap;*/
    font-size: smaller;
    max-width: 97%;
    text-align: left;
    vertical-align: middle;
}

.check-plano {
    border: 2px solid white;
    border-radius: 15px;
    margin: auto;
    cursor: pointer;
    display: block;
    width: 15px;
    height: 15px;
}

#carouselExampleIndicators {
    padding-bottom: 50px;
}

.card-text {
    line-height: 2.0;
    white-space: pre-wrap;
}

.card-footer {
    background-color: #fff !important;
}


/*----------------------------------------
            COBERTURAS
/*----------------------------------------*/
#plano-box-coberturas {
    display: inline-flex;
}

.plano-cobertura-item {
    display: flex;
    margin-bottom: 20%;
    text-align: justify !important;
}

    .plano-cobertura-item img {
        margin: 3%;
    }

    .plano-cobertura-item span {
        font-size: large;
    }


/*----------------------------------------
            MOBILE
/*----------------------------------------*/
@media (min-width: 576px) {
    #carouselExampleIndicators {
        display: none;
    }

    .planos-monitor-grande {
        display: block;
    }

    .planos-monitor-pequeno {
        display: none;
    }
}

@media (max-width: 575px) {
    .img-fluid {
        width: auto;
    }

    .planos-monitor-pequeno {
        display: block;
    }

    .planos-monitor-grande {
        display: none;
    }

    #pagina-planos .carousel-indicators button {
        background-color: var(--primary-color);
        border: none;
        border-radius: 19px;
        color: white;
        padding: 11px 40px;
        font-weight: bold;
        font-size: 20px;
        top: 213px;
    }

    #pagina-planos .navigation-buttons button {
        background-color: transparent !important;
        color: var(--primary-color) !important;
        border: none;
        border-radius: 19px;
        font-weight: bold;
        font-size: 55px;
        z-index: 100;
    }

    #pagina-planos .carousel-control-prev, .carousel-control-next {
        opacity: .7 !important;
    }

    #pagina-planos .carousel-indicators .active {
        background-color: var(--primary-color) !important;
        opacity: .5 !important;
    }

    #pagina-planos .carousel-control-prev {
        left: -18px;
    }

    #pagina-planos .carousel-control-next {
        right: -18px;
    }

    #pagina-dados-cadastrais .carousel-indicators button, #pagina-dados-cadastrais .navigation-buttons button {
        display: none;
    }
}

/*-------------------------------------------*/
/*.plano .btn {
    background-color: #0052eb;
    border: 1px solid #0052eb;
    color: white !important;
    text-transform: uppercase;
}

    .plano .btn:hover,
    .plano .btn:active {
        background-color: #00aaeb !important;
        border: 1px solid #00aaeb !important;
        color: #0052eb !important;
        text-transform: uppercase;
    }*/

/*.checked {
    color: #deb608 !important;
}*/

/*.cnpj_empresa button {
    background-color: #231F59;
    border: 1px solid #231F59;
    color: white !important;
}

    .cnpj_empresa button:hover, .cnpj_empresa button:active {
        background-color: #f8d12a !important;
        border: 1px solid #f8d12a !important;
        color: #231F59 !important;
    }*/

/*.btn-cep {
    background-color: #231F59;
    border: 1px solid #231F59;
    color: white !important;
}

    .btn-cep:hover, .btn-cep:active {
        background-color: #f8d12a !important;
        border: 1px solid #f8d12a !important;
        color: #231F59 !important;
    }*/

/*.formulario hr {
    background-color: var(--font-color);
}*/


/*===========================================
====== CONTRATAÇÃO - DADOS CADASTRAIS =======
===========================================*/
#pagina-dados-cadastrais {
    text-align: left;
}

    #pagina-dados-cadastrais h1 {
        font-size: x-large;
    }

    #pagina-dados-cadastrais h2 {
        color: var(--primary-color);
        font-size: larger;
    }

    #pagina-dados-cadastrais h3 {
        font-size: larger;
    }

    #pagina-dados-cadastrais h5 {
        color: gray;
    }

    #pagina-dados-cadastrais span {
        font-size: 17.5px;
    }

    #pagina-dados-cadastrais label {
        font-size: medium;
    }

    #pagina-dados-cadastrais .txt-color-destaque {
        color: var(--secondary-color) !important;
    }

    #pagina-planos .lnk-condicoes-gerais,
    #pagina-dados-cadastrais .lnk-condicoes-gerais {
        float: left;
        color: var(--font-color);
        font-size: medium !important;
    }


/*===========================================
========== CONTRATAÇÃO - PAGAMENTO ==========
===========================================*/
#pagina-pagamento .check-pagamento {
    border: 2px solid grey;
    border-radius: 15px;
    margin: auto;
    cursor: pointer;
    display: block;
    width: 10px;
    height: 10px;
}

#pagina-pagamento label {
    font-size: 0.7em;
}

.bg-primary {
    background-color: #00aaeb !important;
}

#pagina-pagamento .check-pagamento {
    border: 2px solid grey;
    border-radius: 15px;
    margin: auto;
    cursor: pointer;
    display: block;
    width: 10px;
    height: 10px;
}

#pagina-pagamento .ocultar {
    display: none;
}

#pagina-pagamento .painel {
    display: none;
}

#pagina-pagamento button {
    background-color: #d9534f;
    border: none;
    border-radius: 30px;
    color: var(--cor-texto-fundo-escuro);
    padding: 11px 40px;
    font-weight: bold;
    font-size: 20px;
}


/*===========================================
=========== CONTRATAÇÃO - FIM ============
===========================================*/
#pagina-fim {
    width: 70%;
    margin: 4% 10% 5% 15%;
    border-radius: 20px;
    background-color: #DCDCDC;
}

    #pagina-fim h1 {
        font-size: x-large;
        text-align: center;
    }

    #pagina-fim h2 {
        font-size: larger;
        text-align: center;
    }

    #pagina-fim h3 {
        font-size: large;
        font-weight: 600;
    }

    #pagina-fim span {
        font-size: medium;
    }

    #pagina-fim .btn-default {
        color: white !important;
        overflow-wrap: break-word;
        box-shadow: 2px 3px 10px darkgrey;
    }
#btnBaixarCertificado {
    width: 40%;
    margin-top: 5%;
    margin-left: 28%;
    color: var(--cor-texto-fundo-escuro);
    font-size: 90%;
    text-align: center;
    padding: 15px;
    border: none;
    border-radius: 30px;
    background-color: #d9534f;
    cursor: pointer;
    display: block;
}


/*.....................................................................
........................... TELA - USUÁRIOS ...........................
.....................................................................*/
/*===========================================
============== USUÁRIOS - LISTA =============
===========================================*/
.cadastro-usuarios-default .usuario-icon {
    color: dimgray;
}

.cadastro-usuarios-default h1 {
    color: var(--font-color);
    text-align: left;
    font-size: xx-large;
}

.cadastro-usuarios-default h2 {
    text-align: left;
    font-size: x-large;
}

.cadastro-usuarios-default span {
    text-align: left;
    font-size: larger;
}