@font-face {
    font-family: 'Omnes semibold';
    src: url('../fonts/Omnes/OMNES-SE_3.ttf') format('opentype');
}

@font-face {
    font-family: 'Omnes';
    src: url('../fonts/Omnes/OMNES-RE_3.ttf') format('opentype');
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Bold.ttf') format('opentype');
}

@font-face {
    font-family: 'Roboto normal';
    src: url('../fonts/Roboto/Roboto-Regular.ttf') format('opentype');
}

.navbar-brand {
    padding: 0;
}

.nav > li > a {
    padding: 10px 10px;
}


/*Comeco header*/
#topoHeader {
    background: linear-gradient(90deg, #0075BC 0%, #00ADEF 100%);
    box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
    opacity: 0.95;
    margin-bottom: unset;
    border-radius: 0px !important;
    border: none;
}

    #topoHeader .container {
        padding: 10px 0;
    }

@media (min-width: 768px) {
    .navbar-header {
        max-width: 18%;
        float: left;
    }
}

.navbar-header img {
    max-width: 100%;
}

.navbar-collapse {
    float: left;
    max-width: 82%;
}

#atendi p {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: white;
    padding-top: 4px;
    margin: 0;
}

#atendi {
    padding-top: 5px;
    background: #95C11E;
    box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
}

#menuHeader {
    display: inline-block;
    margin: 0;
    padding: 0;
    float: right;
}

    #menuHeader .temas {
        margin-top: 10px;
        list-style: none;
        display: inline-block;
    }

    #menuHeader .titulo-menu-header {
        font-family: 'Roboto', sans-serif;
        font-weight: bold;
        font-style: normal;
        font-size: 13px;
        color: white;
    }

        #menuHeader .titulo-menu-header:hover {
            color: #C8D300;
        }

    #menuHeader ul {
        margin: 0px;
    }

.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}

.editheader {
    padding-bottom: 10px;
    margin-left: 0;
}

#topo {
    padding-bottom: 75px;
}

.icoClass span {
    background-image: url('/content/images/redes_sociais.png');
    display: inline-block;
    height: 25px;
    width: 25px;
    background-repeat: no-repeat;
}

.icoFace {
    background-position-x: -30px;
}

.icoInsta {
    background-position-x: -60px;
}

.icoConfig {
    background-position-x: -90px;
}

.dpIB {
    display: inline-block;
}

.icoClass {
    float: right;
    display: inline-block;
}

.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

#menuHeader i {
    border: solid;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    margin-bottom: 2px;
    margin-left: 4px;
}

.input-group input {
    border-radius: 6px !important;
}

    .input-group input::placeholder {
        color: #95C11E;
    }

.input-group-btn {
    position: absolute !important;
    border: none;
}

    .input-group-btn a {
        color: #95C11E;
        position: absolute !important;
        z-index: 30 !important;
    }

.editSearch input {
    padding-left: 35px;
    height: 25px;
}

.input-group-btn .btn {
    padding-top: 3px;
}

.submenu-header a {
    margin: 0px;
    display: block;
    margin: 10px;
    color: #0075BC !important;
    width: 185px;
}

.submenu-header li {
    text-align: -webkit-center;
    border-bottom: 2px solid;
    -webkit-border-image: url('/content/images/borda.png') 1 stretch; /* Safari 3.1-5 */
    -o-border-image: url('/content/images/borda.png') 1 stretch; /* Opera 11-12.1 */
    border-image: url('/content/images/borda.png') 1 stretch;
}

.dropdown-menu > li > a {
    padding: 0px !important;
    white-space: normal !important;
}

.open a {
    background-color: transparent !important;
    background-image: unset !important;
}

.header {
    position: sticky;
    top: 0px;
    z-index: 10;
}

.topo-header {
    display: block;
    /* Firefox */
    -moz-transition: all 2s ease;
    /* WebKit */
    -webkit-transition: all 2s ease;
    /* Opera */
    -o-transition: all 2s ease;
    /* Standard */
    transition: all 2s ease;
}

.topo-header-after {
    display: none;
}

.d-flex-around {
    display: flex;
    justify-content: space-between;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: unset !important;
}

.ativo {
    display: block !important;
    visibility: visible !important;
}

/*FIM HEADER*/
/* titulos das pagina */
.titulo h1 {
    font-family: Omnes semibold, sans-serif;
    font-size: 26px;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: #1D96B7;
    font-weight: 900;
}

.titulo h2 {
    font-family: Omnes semibold, sans-serif;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: #1D96B7;
    font-weight: 900;
}

.subtitulo h3 {
    font-family: Roboto normal, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 17px;
    letter-spacing: 0.02em;
    color: #333333;
}
/* conteudo padrão das páginas */
.conteudo p {
    font-family: Roboto normal, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 17px;
    text-align: justify;
    letter-spacing: 0.02em;
    color: #333333;
}

.borda-bottom {
    border-bottom: 2px solid;
    margin-bottom: 20px;
    -webkit-border-image: url('/content/images/borda.png') 1 stretch; /* Safari 3.1-5 */
    -o-border-image: url('/content/images/borda.png') 1 stretch; /* Opera 11-12.1 */
    border-image: url('/content/images/borda.png') 1 stretch;
}
/* parte acesso rapido */
#editLista a {
    display: flex;
}

#editLista {
    padding-left: 0px;
    margin-right: 20%;
}

    #editLista img {
        position: absolute;
        right: 20%;
    }

    #editLista p {
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 15px;
        line-height: 18px;
        letter-spacing: 0.02em;
        color: #706E6E;
    }

    #editLista li {
        list-style: none;
        border-bottom: 1px solid;
        padding: 10px 10px 10px 0;
        -webkit-border-image: url('/content/images/borda.png') 1 stretch; /* Safari 3.1-5 */
        -o-border-image: url('/content/images/borda.png') 1 stretch; /* Opera 11-12.1 */
        border-image: url('/content/images/borda.png') 1 stretch;
    }
/* final do acesso rapido */


/* caminho de acesso */
.breadcrumb > ul {
    margin-bottom: 10px;
    list-style: none;
    background-color: #fff;
    border-radius: 0px;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: ">";
    color: #95C11E;
    padding: 15px;
}

.breadcrumb-item a, .breadcrumb-item.active {
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 12px;
    color: #95C11E;
}

.breadcrumb {
    padding: 8px 10px;
    margin-bottom: 20px;
    margin-top: 15px;
    list-style: none;
    background-color: #FFFFFF !important;
    border-radius: 0px;
}

    .breadcrumb > .active {
        color: #95C11E !important;
    }
/* final do caminho */

/* arquivos para download */
.d_doc {
    background-color: #F5F5F5;
    display: inline-flex;
    border: none;
    width: 90%;
    margin-bottom: 5px;
}

.lista_doc_download {
    padding: 0;
}

.d_doc p, .panel .d_doc p {
    padding: 10px 0 10px 25px;
    margin: 0;
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: bolder;
    font-size: 16px;
    line-height: 19px;
    /* identical to box height */
    letter-spacing: 0.02em;
    width: 95%;
    color: #5A5A5A;
}

.b_azul {
    background-color: #00ADEF;
    height: auto;
    width: auto;
    height: 100%;
    padding: 10px;
    cursor: pointer;
}

    .b_azul img {
        width: auto;
        margin: 0 auto;
    }

.pd-Page {
    padding-right: 60px !important;
}

/* final arquivo download */
/* acordion  */

.accordion {
    background-color: #295f77;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.5s;
    margin: 1px;
}
/*
.panel{
	background-color: #ECECEC !important;
	margin-bottom: 0px !important;
	padding: 35px 20px !important;
}*/
.panel p {
    font-family: Roboto normal, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: #333333;
}

.panel h5 {
    font-family: Roboto normal, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.02em;
    color: #5A5A5A;
}

.pd-acordion {
    padding: 15px 0;
}
/*.acordion .active {
	background-color: #587084;
	background-repeat: no-repeat;
	background-position: right;
}*/
.acordion .accordion {
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 18px;
    line-height: 21px;
    color: #FFFFFF;
    background-image: url('/content/images/seta-baixo.png');
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: 97%;
}

.acordion .panel {
    padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
}

.mgn-padrao {
    padding: 20px 0;
}

.acordion .active {
    background-color: #587084;
    background-image: url('/content/images/seta-cima.png') !important;
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: 97%;
}

    .acordion .active:after {
        background-image: url('/content/images/seta-cima.png');
    }

.bg_verde {
    background: rgba(149, 193, 30, 0.44);
}

.tamanho-tabela {
    width: 35%;
}

a:hover {
    text-decoration: none !important;
}

button.btn_vm {
    border: none;
    background-color: #95C11E;
    border-radius: 3px;
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    width: 80%;
    margin: 100px 10% 00px;
    padding: 10px 0;
    text-transform: uppercase;
}

.box_none {
    display: none;
}

.box_active_table {
    display: table-row;
}

.box_active {
    display: block;
}

.btn_filtro {
    border: none;
    border-radius: 3px;
    background-color: #95C11E;
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-size: 12px;
    line-height: 140.5%;
    text-align: center;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 5px 15px;
}
/* Começo Footer */

footer {
    background-image: linear-gradient(to right, #00adef, #0075bc);
}

.divFooter1 {
    padding: 15px;
    text-align: center;
}

    .divFooter1 p {
        display: inline-block;
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        color: #FFFFFF;
    }

.divFooter2 {
    padding-top: 40px;
    text-align: center;
}

    .divFooter2 p {
        display: inline-block;
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 20px;
        color: #FFFFFF;
    }

.divFooter3 {
    padding-top: 40px;
    text-align: center;
    padding-bottom: 10px;
}

    .divFooter3 p {
        display: contents;
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        color: #FFFFFF;
    }

.divFooter4 {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    text-align: center;
    margin: 0 auto; 
    width: 100%;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
    .divFooter4 p {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 24px;
        color: #FFFFFF;
    }

.divFooterCNPJ {
    padding-top: 40px;
    padding-left: 15px;
}

    .divFooterCNPJ p {
        margin-left: 15px;
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 24px;
        color: #FFFFFF;
    }

.sectionLinks h4 {
    color: #1d96b7;
    font-weight: bold;
}

.sectionLinks a {
    color: #3b3939;
    display: block;
    line-height: 20px;
}

    .sectionLinks a:hover {
        color: #9B9898;
    }

.mgToFooter {
    margin-bottom: 25px;
}
/* Fim Footer */

.chat-app {
    position: fixed;
    width: 70px;
    height: 70px;
    bottom: 40px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 3px 4px 3px #999;
    right: 25px;
    z-index: 100;
}

.my-float {
    margin-top: 20px;
}

/*LGPD*/
.lgpd {
    bottom: 25px;
    left: 10px;
    right: 10px;
    padding: 20px;
    position: fixed;
    max-width: 1170px;
    background-color: white;
    border-radius: 10px;
    transition: width 0.7s;
    overflow: hidden;
    box-shadow: 0px 5px 18px -2px rgba(0,0,0,0.7);
    z-index: 1000;
    margin: 0 auto;
    display: flex;
}

    .lgpd p {
        margin-bottom: 0;
    }

    .lgpd #btnLGPD {
        background: #fff 0 0 no-repeat padding-box;
        border: 2px solid #00abe6;
        border-radius: 8px;
        text-align: center;
        font-size: 16px;
        padding: 10px 20px;
        letter-spacing: 0;
        margin-left: 15px;
        cursor: pointer;
        white-space: nowrap;
    }


/* -------------------------- ACESSO RÁPIDO -------------------------- */
.quick-action {
    bottom: 20px;
    right: 20px;
    position: fixed;
    width: 180px;
    height: 88px;
    background-color: #FA9801;
    border-radius: 88px;
    transition: width 0.7s;
    overflow: hidden;
    box-shadow: 0px 5px 18px -2px rgba(0,0,0,0.7);
    z-index: 999;
}

    .quick-action a {
        position: relative;
        width: 85px;
        height: 88px;
        border-radius: 88px;
        margin-right: 4px;
        float: left;
        background-color: rgba(103,113,110,0);
    }

        .quick-action a i {
            position: relative;
            color: #fff;
            top: 45px;
            left: 45px;
            font-size: 0px;
            /*transition: font 0s;*/
            font-size: xx-large;
            transition: 0.1s;
            top: 28px;
            left: 28px;
        }

    .quick-action .anchor {
        top: 0;
        right: 0;
        position: absolute;
        color: #FFF;
        transition: transform 0.2s;
        transition-delay: 0.2s;
        width: 180px;
        height: 88px;
    }


@media (max-width: 1200px) {
    /* Começo Header */

    #menuHeader .temas {
        margin: 25px 0px 0px 0px;
    }

    .editheader img {
        width: 200px;
    }

    #menuHeader .titulo-menu-header {
        font-size: 10px;
    }

    .divFooter2 p {
        letter-spacing: -0.03em;
    }
    /* Fim Header */

}

@media (min-width: 992px) {
    /* Começo Header */

    .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    }
    /* Fim Header */
}


@media (max-width: 992px) {
    /* Começo Header */

    .atendimento {
        position: relative;
        bottom: 30px;
        margin-bottom: 30px;
    }

    .submenu-header a {
        min-width: unset;
        margin: 5px;
    }

    #menuHeader.titulo-menu-header {
        font-size: 9px;
        padding-right: 0px;
        padding-left: 10px;
    }

    .editSearch input {
        height: unset;
    }

    .input-group-btn .btn {
        padding-top: 6px;
    }

    button.btn_vm {
        margin: 20px 10%;
    }

    /* Fim Header */

}

@media (min-width: 768px) and (max-width: 992px) {
    /* Começo Header */
    #menuHeader {
        float: unset;
    }

        #menuHeader .temas {
            display: block;
        }

    .icoClass {
        padding-top: 10px;
    }

    .editSearch {
        padding-top: 5px;
    }

    #menuHeader .titulo-menu-header {
        font-size: 9px;
        padding: 15px 5px;
    }

    .submenu-header a {
        font-size: 9px;
    }
    /* Fim Header */
}

@media (min-width: 426px) and (max-width: 767px) {

    /* Começo Header */
    #menuHeader .temas {
        display: block;
    }

    #menuHeader {
        float: unset;
        padding: unset;
        margin: 0 0 10px 0;
    }
    /* Fim Header */


}

@media (max-width: 767px) {
    /* Começo Header */

    #topoHeader {
        height: 65px;
        opacity: 1;
    }

    #atendi {
        padding-bottom: 5px;
    }

    .botao-header {
        margin-top: 15px !important;
    }

        .botao-header .icon-bar {
            background-color: white !important;
        }

    .submenu-header a {
        text-align: center;
        font-size: 12px;
    }

    #menuHeader {
        display: block;
        position: absolute;
        z-index: 999999 !important;
        width: 100%;
        padding: 15px;
        background-image: linear-gradient(to right, #00adef, #0075bc);
        margin: 0;
        margin-left: -15px;
        visibility: visible;
    }

        #menuHeader ul {
            background-color: white;
        }

        #menuHeader .temas {
            margin: unset;
        }

        #menuHeader .titulo-menu-header {
            font-size: 12px;
        }

        #menuHeader .temas {
            display: block;
            text-align: center;
        }

    .icoClass span {
        height: 15px;
        width: 15px;
        background-size: cover;
        vertical-align: middle;
    }

    .icoFace {
        background-position-x: -18px;
    }

    .icoInsta {
        background-position-x: -36px;
    }

    .icoConfig {
        background-position-x: -54px;
    }

    #atendi p {
        font-size: 10px;
    }

    .editheader img {
        width: 250px;
    }

    .navbar-collapse {
        margin-top: 6px !important;
    }

    .editSearch {
        display: none;
    }


    /*  Fim Header */

    /*Começo Footer*/
    .centerxs, .nopaddingxs {
        text-align: center;
    }

    .divFooter2 {
        padding-top: 0;
    }

    .divFooter3 {
        padding-top: 0px;
    }
    /*Fim footer*/

    .lgpd {
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
    }

        .lgpd p {
            margin-bottom: 10px;
        }
}

@media (max-width: 425px) {
    /*  Começo Header */

    .icoClass {
        position: absolute;
        right: 0;
        top: 0;
        padding-top: 5px;
    }

    .atendimento {
        text-align: center;
    }

    .icoFace {
        background-position-x: -18px;
    }

    .icoInsta {
        background-position-x: -36px;
    }

    .icoConfig {
        background-position-x: -54px;
    }

    .d_doc {
        width: 100%;
    }

        .d_doc p {
            font-size: 11px;
        }

    .pd-Page {
        padding-right: 10px !important;
    }

    /* Fim Header*/

    /* Começo Footer */
    .divFooter2 p {
        text-align: center;
    }

    .divFooter3 p {
        text-align: center;
    }
    /* Fim Footer */
}

@media(max-width: 375px) {
    /* Começo Header */
    .icoClass {
        position: absolute;
        right: 0;
        top: 0;
    }

    /* Fim Header */

}

@media(max-width: 320px) {
}
