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

* {
    font-family: OpenSans;
}

.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;
}

/* tela de 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: #2b368b;
        border: 1px solid #2b368b;
    }

        .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: #2b368b;
        }

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

/* menu global */
.navbar-brand {
    color: #2b368b !important;
}

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

.menu-login {
    background: linear-gradient(180deg, #2b378a 24%, #098046 100%);
    color: white;
    padding: 8px;
}

    .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: white;
            }

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

    header nav {
        background-color: white;
    }

.nav-item a.btn {
    color: #2b368b;
    background-color: white;
}

.nav-item a:hover {
    background-color: white !important;
    color: #2b368b;
}

.nav-item form .nav-link {
    color: white;
    background-color: #2b368b;
}

    .nav-item form .nav-link:hover {
        background-color: #FFCB08;
        color: #2b368b;
    }

.nav-link-hover {
    background-color: #FFCB08;
    color: #2b368b;
}

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

.dropdown-menu a {
    color: #2b368b;
}

.dropdown-menu {
    background-color: #FFCB08;
    color: #2b368b;
}

.dropdown-item:hover {
    background-color: white;
    color: #2b368b;
}

.invisivel {
    display: none;
}

/* footer global */
footer {
    background: linear-gradient(to bottom, #2B378A, #098046);
}

    footer, footer a {
        color: white;
    }

        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: #2b368b;
            border: none;
            width: 50px;
            height: 24px;
            cursor: pointer;
        }

/* tela inicial */
.recomendados {
    background-color: #fde887;
    color: #2b368b;
}

    .recomendados * {
        color: #2b368b;
    }

.seguros h3 {
    border-bottom: 3px solid #2b368b;
    color: #2b368b;
}

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

    .seguros a:hover {
        background-color: #FFCB08;
        border: 1px solid #FFCB08;
        color: #2b368b;
    }

#buscar {
    background-color: #2b368b;
    border: 1px solid #2b368b;
    color: white;
}

    #buscar:hover {
        background-color: #FFCB08;
        border: 1px solid #FFCB08;
        color: #2b368b;
    }

#pagina-home #section-5 table {
    border-collapse: collapse;
    width: 100%;
    font-weight: bold;
}

#pagina-home #section-5 table, #section-5 table td, #section-5 table th {
    border: 1px solid #2b368b;
}

    #pagina-home #section-5 table td span:nth-child(1) {
        float: left;
        font-size: 22px;
    }

    #pagina-home #section-5 table td span:nth-child(2) {
        float: right;
        font-size: 25px;
    }

    #pagina-home #section-5 table td {
        padding: 15px;
    }

#pagina-home #section-5 .resposta {
    display: none;
    font-weight: normal;
    text-align: justify;
}

.padrao-img {
    object-fit: cover;
}

#proposta-form button {
    background-color: #00c785;
    border: none;
    border-radius: 19px;
    color: white;
    padding: 11px 40px;
    font-weight: bold;
    font-size: 20px;
}

/*#pagina-planos #section-1 button {
    background-color: #2b368b;
    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;
}

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

#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: #2b368b;
}*/
/*#proposta-form #btn-exportar:hover span, #proposta-form #btn-donwload-exportacao:hover span {
        color: #2b368b;
    }*/
.resumo .btn-primary {
    border-radius: 0 20px 0 20px !important;
    background-color: #2b368b;
    border-color: #2b368b;
    color: white !important;
}

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

/* tela de contratação */
.steps {
    display: none;
}

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

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

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

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

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

.checked {
    color: #deb608 !important;
}

.cnpj_empresa button {
    background-color: #2b368b;
    border: 1px solid #2b368b;
    color: white !important;
}

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

.btn-cep {
    background-color: #2b368b;
    border: 1px solid #2b368b;
    color: white !important;
}

    .btn-cep:hover, .btn-cep:active {
        background-color: #f8d12a !important;
        border: 1px solid #f8d12a !important;
        color: #2b368b !important;
    }

.formulario hr {
    background-color: #2b368b;
}

.error {
    display: block;
    color: #ff0000;
    font-size: 12px;
    margin-top: 5px;
    margin-left: 2px;
}

.btn-default {
    background: linear-gradient(180deg, #2b378a 24%, #098046 100%);
    border: none;
    border-radius: 19px;
    color: white;
    padding: 11px 40px;
    font-weight: bold;
    font-size: 20px;
    font-weight: 300;
    cursor: pointer;
}

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


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

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

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

#pagina-pagamento button {
    background-color: #00c785;
    border: none;
    border-radius: 30px;
    color: #1c3503;
    padding: 11px 40px;
    font-weight: bold;
    font-size: 20px;
}

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

.bg-primary {
    background-color: #2b368b !important;
}
/*
    Tela de Login
*/
#div-login {
    background-image: url("../../Images/Cliente/hubpet/HubPet1_1.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: 60px !important;
    }

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

#div-login h1 {
    font-weight: bold;
    font-size: 2.3em;
    color: #fff;
}

#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: #2b368b;
    color: #fff;
    font-weight: 100;
    text-transform: uppercase;
}

#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;
        }
}

#pagina-planos span {
    color: #2b368b !important;
}

#hr-plano {
    width: 5%;
    height: 1px;
    margin: auto;
    background-color: #2b368b;
    margin: 40px auto;
}

#img-plano-main {
    content: url("../../Images/Cliente/lockton/ELEMENTOS_LOCKTON_v2-10.png");
    width: 84%;
}

#img-icon1 {
    content: url("../../Images/Cliente/hubpet/ICO1.png");
    width: 80px;
    padding-top: 10px;
    display: inline;
}

#img-icon2 {
    content: url("../../Images/Cliente/hubpet/ICO2.png");
    width: 80px;
    padding-top: 10px;
    display: inline;
}

#img-icon3 {
    content: url("../../Images/Cliente/hubpet/ICO3.png");
    width: 80px;
    padding-top: 10px;
    display: inline;
}

#img-icon4 {
    content: url("../../Images/Cliente/hubpet/ICO4.png");
    width: 80px;
    padding-top: 10px;
    display: inline;
}

#img-icon5 {
    content: url("../../Images/Cliente/hubpet/ICO5.png");
    width: 80px;
    padding-top: 10px;
    display: inline;
}

#img-icon6 {
    content: url("../../Images/Cliente/hubpet/ICO6.png");
    width: 80px;
    padding-top: 10px;
    display: inline;
}

#img-icon7 {
    content: url("../../Images/Cliente/hubpet/ICO7.png");
    width: 80px;
    padding-top: 10px;
    display: inline;
}

#img-icon8 {
    content: url("../../Images/Cliente/lockton/ELEMENTOS_LOCKTON_v2-24.png");
    width: 80px;
    padding-top: 10px;
    display: inline;
}

#img-icon9 {
    content: url("../../Images/Cliente/lockton/ELEMENTOS_LOCKTON_v2-23.png");
    width: 80px;
    padding-top: 10px;
    display: inline;
}

#img-icon10 {
    content: url("../../Images/Cliente/lockton/ELEMENTOS_LOCKTON_v2-18.png");
    width: 80px;
    padding-top: 10px;
    display: inline;
}

#img-icon11 {
    content: url("../../Images/Cliente/lockton/ELEMENTOS_LOCKTON_v2-27.png");
    width: 80px;
    padding-top: 10px;
    display: inline;
}

/*
    Tela de Cadastro
*/
#PageCadastro > .row {
    margin-bottom: 20px;
}

#pagina-planos #section-1 #bntsalvar {
    background-color: #00c785;
    border: none;
    border-radius: 19px;
    color: #1c3503;
    padding: 11px 40px;
    font-weight: bold;
    font-size: 20px;
}

@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: #2b368b;
        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: #2b368b !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: #2b368b !important;
        opacity: .5 !important;
    }

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

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

    #PageCadastro .carousel-indicators button, #PageCadastro .navigation-buttons button {
        display: none;
    }
}

.tableQuestionario {
    border-bottom: 1px solid;
    margin-bottom: 20px;
    border-color: #2b368b;
}