:root {
    /*
    
    */
    --azul-claro: #00b5b8 !important;
    --azul-semparar: #00a2a5 !important;
    --azul-escuro: #017578 !important;
}


@font-face {
    font-family: 'Ubuntu';
    src: url('fonts/Ubuntu-Light.ttf') format('truetype');
}

.apresentar-caixa {
    display: inline-block !important;
}

.ocultar-caixa {
    display: none !important;
}

/* CAIXA */
body {
    background-image: unset;
    font-family: Ubuntu !important;
    background-color: #F9FBFB !important;
    color: #505050;
}

td {
    font-family: Ubuntu !important;
    color: #505050;
    font-size: 12px;
}

.Items td {
    font-weight: 300;
    color: #505050;
}

#CustomDataGrid1 td {
    font-family: Ubuntu !important;
    padding: 5px;
    font-weight: 300;
    color: red;
}

    #CustomDataGrid1 td span.Label {
        font-family: Ubuntu !important;
        font-weight: 300 !important;
        text-transform: uppercase !important;
        color: #505050 !important;
        font-size: 10px !important;
    }

#CustomDataGrid1 .HeaderText td {
    font-family: Ubuntu !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    background-color: #505050 !important;
    color: #ffffff !important;
    font-size: 11px !important;
}

#BotaoVoltar1_imbVoltar {
    /*display: none;*/
}

.azulEscuro {
    color: #505050;
}

legend, legend > font {
    color: #505050 !important;
}

.tdLinha01 {
    font-family: Ubuntu !important;
    width: 100% !important;
    border-color: transparent !important;
}

    .tdLinha01 td {
        padding: 5px;
        color: #505050;
        text-align: center;
        border-bottom: 1px solid #d7d8dc;
    }

    .Header td, .HeaderText td, .HeaderText a, .tdLinha01 tr:first-child, .tdLinha01 tr:first-child a {
        font-family: Ubuntu !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        background-color: #505050 !important;
        color: #ffffff !important;
        font-size: 11px !important;
    }

a.HeaderText {
    color: #505050 !important;
}

.tdLinha01 tr:first-child {
    text-align: center;
}



.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 12px;
}

    .breadcrumb > li {
        display: inline-block;
        color: #505050;
    }

.tr-titulo-acordo {
    display: none !important;
}

.tr-titulo-acordo-caixa {
    display: block !important;
    color: #505050;
    background-color: #F9FBFB;
}

header {
    background-color: #005CA9;
}

#Topo1_pnlBomDia, #ctrRelatorioGrafico_Topo1_pnlBomDia, #ctrRelatorioAbastecimento_Topo2_pnlBomDia {
    display: none;
}

#bd {
    background-color: #E6E6E6 !important;
}





.div-submenu tbody tbody tr:last-child {
    display: none;
}

#fs12 {
    text-transform: uppercase;
}

    #fs12 img {
        display: none;
    }

    #fs12 span.onde-estou {
        display: inline-block;
        font-weight: 700;
    }


footer {
    display: none !important;
}

#BotaoInicio1_ImageButton1 {
    display: none;
}


input[type=checkbox], input[type=radio] {
    margin: 4px !important;
}

.form-default .form-control, input[type=text], input[type=password], input[type=file], select, textarea {
    background: #F1F1F1;
    height: 40px;
    border-radius: 0;
    border: 0;
    box-shadow: none;
    font-size: 14px;
}

.form-filtrar h1 {
    color: #505050;
}

div.text h1 {
    color: #FFFFFF;
}

select:focus > option:checked {
    color: #FFFFFF;
    background: #505050 !important;
}

.panel.panel-default .panel-heading h1 {
    color: #1d2a47 !important;
}

label.center-block {
    color: #505050 !important;
}

.navbar-user .dropdown-menu {
    left: auto;
    right: -5px;
    min-width: 220px;
    top: 28px;
}

    .navbar-user .dropdown-menu ul li a:hover {
        background-color: #005CA9;
        color: #ffffff;
    }

.icones-color {
    width: 100%;
    height: 100%;
    color: #f0c63e;
}

.panel-default a {
    color: #1A1919;
}

.panel.panel-default {
    border: 0;
    border-radius: 4px;
    box-shadow: none;
    height: 220px;
}

.panel.panel-default {
    border: 0;
    border-bottom: none;
    border-radius: 0;
    box-shadow: none;
    height: 220px;
    background-color: #F9FBFB;
}

.table-dashboard td {
    font-size: 12px;
}

.table-dashboard tbody td {
    font-size: 14px;
}

.table-dashboard th {
    color: #505050 !important;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 100;
}

.td-fundo-claro {
    color: #505050 !important;
    background-color: #e6e6e6;
    font-size: 12px;
}

.td-fundo-formulario {
    background-color: #ffffff;
}

.table-dashboard .strong {
    background-color: #eaebef;
    font-weight: 700;
    color: #1A1919;
}

.table.table-listagem th {
    color: #FFFFFF !important;
    background-color: #505050 !important;
}

.table.table-listagem tbody tr td {
    color: #505050 !important;
}

    .table.table-listagem tbody tr td strong {
        color: #505050 !important;
    }


.table-listagem_supermin > thead > tr > th {
    text-align: center;
    background: #505050;
    font-size: 11px;
    color: #ffffff;
    text-transform: uppercase;
    padding: 5px;
    border: 0
}

    .table-listagem_supermin > thead > tr > th:first-child {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px
    }

    .table-listagem_supermin > thead > tr > th:last-child {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px
    }

.table-listagem_supermin > tbody > tr > td {
    text-align: center;
    vertical-align: middle;
    padding: 5px;
    border-bottom: 1px solid #d7d8dc;
    color: #505050;
    font-size: 11px;
}


.main-menu .submenu > a:before {
    border-left: #fff 5px solid;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
}


.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: red;
}

/*----------------------------------------------*/
.modal-backdrop {
    z-index: -1;
}

.ui-dialog {
    padding: 0px !important;
}

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: 0 0 0 0;
        background: none;
        overflow: hidden;
        zoom: 1;
        background-color: #fff;
        float: left;
    }

    .ui-dialog .ui-dialog-titlebar {
        display: none;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        display: none;
    }

.ui-widget-overlay.custom-overlay {
    background-color: black;
    background-image: none;
    opacity: 0.6;
    z-index: 1050;
}

.ui-widget-overlay {
    z-index: 1040;
}

.close-btn {
    color: #000;
    font-size: 20px;
    padding: 3px 5px 3px 5px;
    border: 2px solid;
    background-color: #fff;
    text-decoration: none;
}

    .close-btn:hover {
        text-decoration: none;
    }

/*----------------------------------------------*/


.navbar-brand {
    padding: 24px 48px;
}

.top-bar-nav {
    padding: 24px;
}


.main-menu {
    background-color: #005CA9;
    font-weight: 100;
    padding-top: 15px;
}

    .main-menu .navbar-nav > li.acesso-rapido > a {
        color: #7D0C12;
        padding: 7px 20px 7px 20px;
    }


    .main-menu .navbar-nav > li.acesso-rapido > a {
        background: #f79621;
        padding: 10px 20px 7px 20px;
        margin-right: 10px;
        color: #fff;
        border-radius: 0px;
    }

    .main-menu .navbar-nav > li > a, .main-menu .navbar-nav > .main-dropdown.open > a, .main-menu .navbar-nav > .main-dropdown.open > a:focus, .main-menu .navbar-nav > .main-dropdown.open > a:hover {
        font-size: 11px;
        font-family: Ubuntu;
        font-style: normal;
        font-weight: 500;
        font-size: 11px;
        line-height: 13px;
        display: flex;
        align-items: center;
        text-align: center;
    }


    .main-menu .navbar-nav > li > a {
        /*border-right: 1px solid #8FB5BC;
        border-radius: 0px;*/
    }


    .main-menu .navbar-nav > li:nth-last-child(2) {
        border-left: none;
    }


    .main-menu .navbar-nav > li.acesso-rapido > a {
        padding: 7px 20px 7px 20px;
    }

    .main-menu a {
        /*text-transform: uppercase;*/
    }

.linha-vertical {
    border-left: 1px solid #8FB5BC;
    height: 13px !important;
    vertical-align: middle;
    padding: 10px 0px 0px 0px;
    margin: 10px 0px;
}

.navbar.main-menu {
    padding: 0px;
}

#main-men
u > li {
    height: 46px;
}

.nav-options > li.active > a, .nav-options > li.active > a:focus, .nav-options > li.active > a:hover,
.nav-options > li > a:focus, .nav-options > li > a:hover {
    background: #005CA9;
    color: #fff
}

.main-dropdown .dropdown-menu {
    top: 40px;
    font-size: 11px;
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
}

.nav-pills > li + li {
    margin-left: 0px;
}

.nav-pills > li > a {
    border-radius: 4px;
    border: 1px solid;
}

.nav-pills li > a {
    background-color: #ffffff;
    color: #505050;
    border: 1px solid #505050;
    box-shadow: 0px 2px 1px 0px rgba(18,22,28, 0.16);
    font-weight: 700;
    margin-right: 2px;
}

    .nav-pills li > a:hover {
        background-color: #ffffff;
        color: #505050;
        border: 1px solid #505050;
        box-shadow: 0px 4px 2px 0px rgba(18,22,18, 0.16);
        font-weight: 700;
    }

.nav-pills > li.active > a, .nav-pills > li.active > a:focus {
    background-color: #D0E0E3;
    color: #ffffff;
    border: 1px solid #D0E0E3;
    box-shadow: unset;
    font-weight: 700;
}

    .nav-pills > li.active > a:hover {
        background-color: #D0E0E3;
        color: #ffffff;
        border: 1px solid #D0E0E3;
        font-weight: 700;
    }


.logo-menu-caixa-x {
    margin: -7px;
}

.dropdown-options .dropdown-menu > li > a {
    color: #505050;
    font-size: 13px;
    font-weight: 600;
    padding: 10px;
    border: 1px solid #505050;
    box-shadow: 0px 2px 1px 0px rgba(80, 80, 80, 0.16);
}

    .dropdown-options .dropdown-menu > li > a[disabled] {
        box-shadow: unset;
    }

    .dropdown-options .dropdown-menu > li > a:hover {
        box-shadow: 0px 4px 2px 0px rgba(80, 80, 80, 0.16);
    }

    .dropdown-options .dropdown-menu > li > a[disabled]:hover {
        background-color: #D0E0E3 !important;
        border: 1px solid #D0E0E3 !important;
        color: #ffffff !important;
        opacity: unset !important;
        box-shadow: unset;
    }



.main-dropdown .dropdown-menu > li > a:hover, .main-dropdown .dropdown-menu > li:hover > a {
    text-decoration: none;
    background: #2662A1 !important;
    color: #fff;
}

.dropdown-options .dropdown-menu > li > a:hover {
    color: #505050 !important;
}


.acesso-rapido-caminhoneiro i {
    color: #505050;
    padding-top: 0px;
}

.acesso-rapido-caminhoneiro {
    color: #4b8548;
    padding-top: 0px;
}

.btn-user {
    color: #ffffff;
    background: none;
    font-family: Ubuntu;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    padding-bottom: 0px;
}

    .btn-user small {
        color: #ffffff;
        font-family: Ubuntu;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 16px;
    }

a.btn-user:hover {
    color: #ffffff !important;
}

.navbar-user {
    background: unset;
    margin: 0px 20px;
}

    .navbar-user > a:before {
        position: absolute;
        right: 0px;
        top: 10px;
        content: '';
        display: block;
        width: 5px;
        height: 5px;
        border-top: #fff 5px solid;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
    }

.acesso-rapido a {
    height: 35px;
}

.btn {
    border-radius: 4px !important;
    border: 1px solid;
    box-shadow: 0px 2px 1px rgba(143, 85, 0, 0.16);
    font-weight: 700 !important;
    padding: 6px 12px !important;
    font-size: 11px !important;
    text-transform: uppercase;
    line-height: unset !important;
    width: unset;
    height: unset;
}

    .btn.btn-primary {
        color: #FFFFFF !important;
        background-color: #505050 !important;
        box-shadow: 0px 2px 1px 0px rgba(80, 80, 80, 0.16);
        border: 1px solid #505050 !important;
        width: unset;
        height: unset;
    }

        .btn.btn-primary:hover {
            color: #FFFFFF !important;
            background-color: #919B9C !important;
            box-shadow: 0px 4px 2px 0px rgba(80, 80, 80, 0.16);
            border: 1px solid #919B9C !important;
        }

        .btn.btn-primary.btn-primary-negativo {
            color: #505050 !important;
            background-color: #FFFFFF !important;
            border: 1px solid #505050 !important;
            box-shadow: 0px 2px 1px 0px rgba(18, 22, 28, 0.16);
        }

            .btn.btn-primary.btn-primary-negativo:hover {
                box-shadow: 0px 4px 2px 0px rgba(18, 22, 28, 0.16);
                text-decoration: none !important;
            }

            .btn.btn-primary.btn-primary-negativo.disabled:hover {
                box-shadow: unset;
                text-decoration: none !important;
            }

.btn-primary.btn-primary-negativo.disabled {
    background-color: #D0E0E3 !important;
    border: 1px solid #D0E0E3 !important;
    color: #ffffff !important;
    opacity: unset !important;
    pointer-events: all;
    box-shadow: unset;
}

.btn.btn-default {
    color: #2C4E53 !important;
    background-color: transparent !important;
    border: 1px solid #2C4E53;
}

.btn.disabled, .btn[disabled], fieldset[disabled], a.btn.disabled, a.btn.disabled:hover, .btn[disabled]:hover {
    background-color: #D0E0E3 !important;
    border: 1px solid #D0E0E3 !important;
    color: #ffffff !important;
    opacity: unset !important;
    pointer-events: all;
    box-shadow: unset;
}

.btn.btn-primary.btn-submit {
    color: #FFFFFF !important;
    background-color: #505050 !important;
    border-color: #505050 !important;
    box-shadow: 0px 2px 1px 0px rgba(80, 80, 80, 0.16);
}

    .btn.btn-primary.btn-submit:hover {
        color: #FFFFFF !important;
        background-color: #919B9C !important;
        box-shadow: 0px 4px 2px 0px rgba(80, 80, 80, 0.16);
    }

.btn.btn-success.btn-submi {
    color: #FFFFFF !important;
    background-color: #505050 !important;
    border-color: #505050 !important;
}

.btn.btn-primary2.btn-submi {
    color: #FFFFFF !important;
    background-color: #0093b8 !important;
    border-color: #0093b8 !important;
}

.btn i.fa {
    margin: 0px 5px 0px 0px;
}

    .btn i.fa::before {
    }

label.center-block.alert-danger.text-center {
    background-color: #e94273 !important;
    border-color: #e94273 !important;
    color: #FFFFFF !important;
}

a.btn.default.btn-xs:hover {
    color: #505050 !important;
    background-color: #ffffff !important;
    border: 1px solid #505050;
}

a.btn-senha:hover {
    color: #FFFFFF !important;
    background-color: #005CA9 !important;
}

a.btn-configuracao:hover {
    color: #FFFFFF !important;
    background-color: #005CA9 !important;
}

a.btn-sair:hover {
    color: #FFFFFF !important;
    background-color: #005CA9 !important;
}

.dropdown-column ul a {
    color: #505050;
}

.dropdown-column i.fa {
    color: #505050;
    width: 100%;
    text-align: center;
    font-size: 50px;
}

.main-dropdown.open > .dropdown-menu {
    background-color: #2662A1;
}

    .main-dropdown.open > .dropdown-menu .dropdown-menu {
        background-color: #2662A1;
        padding-left: 10px;
    }

.main-dropdown > .dropdown-menu li + li {
    border-top: 1px solid #8FB5BC;
}


.supercombo-pesquisar {
    font-size: 15px !important;
    height: 35px !important;
}

.supercombo-limpar {
    font-size: 15px !important;
    height: 35px !important;
}

label {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    color: #505050;
}
/*----------------------------------------------*/
.acesso-rapido-caminhoneiro i {
    color: #505050;
    padding-top: 0px;
}

.acesso-rapido-caminhoneiro {
    color: #505050;
    padding-top: 0px;
}

.breadcrumb strong {
    color: #505050;
    font-weight: 700;
    margin-right: 10px;
}

.page-title {
    color: #505050 !important;
}

#linkFecharArquivei {
    color: #000;
    font-size: 20px;
    padding: 0px 5px 3px 5px;
    border: 2px solid;
    background-color: #fff;
    text-decoration: none;
}

#contaBanco::before {
    color: #ffffff !important;
}

.color-box {
    width: auto;
    background-color: #eee !important;
    height: 100%;
    border-radius: 5px 5px 5px 5px;
    padding: 15px 15px 15px 15px;
    margin-bottom: 25px;
    margin-left: 10px;
    margin-right: 10px;
}

.txt-promo {
    float: left;
    position: relative;
    width: 100%;
    color: #E94273;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 2px;
}

.valor-promo {
    float: left;
    position: relative;
    width: 100%;
    color: #E94273 !important;
    font-size: 20px;
    font-weight: 900;
    letter-spacing: -1px;
    margin-top: 5px;
}
/*----------------------------------------------*/
.cartoes-semparar {
    background-image: url(../images/ico-cartoes.png);
    background-color: #00a2a5;
}

.motoristas-semparar {
    background-image: url(../images/ico-motoristas.png);
    background-color: #0093b8;
}

.configuracoes-semparar {
    background-image: url(../images/ico-config.png);
    background-color: var(--azul-semparar);
}

.postos-semparar {
    background-image: url(../images/ico-postos.png);
    background-color: #505050;
}

.contas-semparar h1:before {
    content: url(../images/ico-conta-semparar.png);
    position: relative;
    top: 7px;
    margin-right: 10px;
    background-color: #505050;
    color: #ffffff
}

.postos-semparar p {
    font-size: 30px;
}

.panel {
    background-color: unset;
    border-color: #AFCACF !important;
}


.panel-options-semparar {
    background: #505050 no-repeat 15px 15px;
    border-radius: 0;
    padding: 10px 0;
}

    .panel-options-semparar .panel-heading h1 {
        text-align: center;
        font-weight: 300;
        font-size: 14px;
        color: #FFFFFF;
        text-transform: uppercase;
    }

.valores-semparar {
    text-align: center;
}

    .valores-semparar strong {
        color: #FFFFFF;
        font-weight: 700;
        font-size: 17px;
    }

    .valores-semparar h2 {
        font-size: 12px;
        color: #FFFFFF;
        text-transform: uppercase;
        font-weight: 700
    }

    .valores-semparar a {
        color: #FFFFFF;
    }
/****** PERSONALIZAÇÃO CARTÃO CAMINHONEIRO **/
.btn-group-toggle label {
    margin: 5px 0;
}

.btn-primary-caminhoneiro:hover {
    background-color: var(--azul-claro);
    color: #FFFFFF;
    border-color: var(--azul-claro);
}

.btn-primary-caminhoneiro:not(:disabled):not(.disabled).active, .btn-primary-caminhoneiro:not(:disabled):not(.disabled):active, .show > .btn-primary-caminhoneiro.dropdown-toggle {
    color: #FFFFFF;
    background-color: var(--azul-escuro);
    border-color: var(--azul-escuro);
}

.modal-header {
    border: none !important;
    padding-bottom: 0 !important;
}

.modal-body {
    border: none !important;
    padding-top: 0.5em !important;
    padding-bottom: 0 !important;
}

.modal-footer {
    border: none !important;
    padding: 1.0em !important;
    text-align: left !important;
}

.mensagem:after {
    content: ".";
}

.btn-decisao {
    background-color: #004784 !important;
    border: none !important;
    padding: 5px 15px !important;
    border-radius: 5px !important;
    color: #FFF !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
}

.modal-title > strong {
    font-size: 1.25em !important;
    text-transform: uppercase !important;
    text-align: center !important;
}

#conteudo {
    background-color: rgb(255,255,255) !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    width: 100% !important;
    height: 100% !important;
}

.modal-dialog {
    position: relative !important;
    display: table !important;
    overflow-y: auto !important;
    overflow-x: auto !important;
}

.btn-secondary-caminhoneiro {
    background-color: #505050;
    border-color: #505050;
    color: #fff !important;
}

    .btn-secondary-caminhoneiro:hover {
        color: #fff;
        background-color: #0093b8;
        border-color: #0093b8;
    }

    .btn-secondary-caminhoneiro:not(:disabled):not(.disabled).active, .btn-secondary-caminhoneiro:not(:disabled):not(.disabled):active, .show > .btn-secondary-caminhoneiro.dropdown-toggle {
        background-color: #505050;
        border-color: #505050;
    }

#btn-confirmacao {
    color: #fff !important;
}

.dashboard-modoOperacao {
    display: none;
}
/*.row > h7 {
    padding-left: 0px;
    margin-left: 0px;
}

.titulo-confirmacao {
    margin-left: 0.5em;
}*/


.logo-ctf {
    width: 100px;
    margin-top: 15px;
}

.main-dropdown .dropdown-menu > li > a {
    background-color: #1967b3;
    color: #fff;
}

.dropdown-menu aaaaa {
    border-bottom: 1px solid #fff !important;
}

.postos p {
    font-size: 25px;
}

.dashboard-summary {
    border-radius: 0px;
    font-size: 25px;
}

    .dashboard-summary h2, .dashboard-summary h1 {
        font-weight: 100;
    }

.postos {
    background-image: none;
    background-color: #1967b3;
}

.cartoes {
    background-image: none;
    background-color: #1d2a47;
}

.motoristas {
    background-image: none;
    background-color: #4c556c;
}

.fora-padrao {
    background-image: none;
    background-color: #a5abb5;
}

.dashboard-totals h2 {
    color: #8F9090;
    font-weight: 100;
}

.valores strong {
    color: #8F9090;
}

.nav-options > li > a {
    color: #1d2a47;
}

    .nav-options > li > a:hover {
        color: #1d2a47;
        background-color: #fff;
        text-decoration: underline;
    }

.abastecimentos {
    background-image: none;
}

.panel-options {
    background-color: #eaebef;
    border-radius: 4px;
    background-image: none;
}

.valores h2 {
    font-weight: 100;
}

#footer {
    background-color: #005CA9;
    color: #ffffff;
}

li.dropdown.main-dropdown a:hover {
    background-color: #1967b3 !important;
    border-radius: 0px;
}

.main-dropdown .dropdown-menu > li > a:hover {
    background-color: #1967b3 !important;
}

hr {
    border-top: 1px solid #eaebef;
    margin: 15px 0;
}

.table-dashboard tbody td, .table-dashboard tbody th {
    border-top: 1px solid #eaebef !important;
}

#main-menu > .btn-sair {
    display: none;
}

.navbar {
    border: none;
}

.rodape-caixa {
    padding: 20px 0px;
}

    .rodape-caixa a {
        font-family: Ubuntu;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 14px;
        letter-spacing: 0px;
        text-align: left;
        color: #ffffff;
        text-decoration: none;
        text-transform: uppercase;
        padding: 10px 16px;
    }

        .rodape-caixa a:hover {
            text-decoration: none;
        }

.show-mobile {
    display: none;
}

@media screen and (min-width: 768px) {
    #main-menu > li {
        height: 40px;
    }
}

@media screen and (max-width: 767px) {
    .navbar-toggle {
        position: absolute;
        right: 0;
    }

    .navbar-header a > svg, .navbar-header a > img {
        max-width: 239px;
    }

    .navbar-brand {
        padding: 24px 16px;
        height: 80px;
    }

    .navbar-nav {
        margin: 0px -16px;
    }

    #main-menu > li {
        height: unset;
    }


    .main-menu {
        background-color: transparent;
        font-weight: 100;
        padding: 0px;
    }

        .main-menu > .container {
            background-color: #005CA9;
        }

        .main-menu .navbar-nav > li > a {
            border: none;
        }

    .linha-vertical {
        display: none !important;
    }

    li.submenu.open {
        background-color: #365a8e;
    }

        li.submenu.open:active {
            background-color: #365a8e;
        }
}

@media screen and (max-width: 991px) {
    .dropdown.open > .dropdown-menu {
        display: block !important;
    }

    #main-menu > li {
        height: unset;
    }

    #main-menu > .btn-sair {
        display: block;
    }

        #main-menu > .btn-sair i {
            font-size: 20px;
            padding-right: 5px;
        }


    .main-menu .submenu > a:before {
        border-top: #fff 5px solid;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
    }


    .no-mobile {
        display: none;
    }

    .show-mobile {
        display: block;
        position: absolute;
        right: 50px;
    }

    .btn-user-mobile {
        color: #ffffff;
    }

    .show-mobile .dropdown-menu {
        left: unset;
        right: 0px;
        min-width: 200px;
        max-width: 250px;
        font-size: 10px;
        border: 1px solid #005CA9;
        border-radius: 3px;
    }

        .show-mobile .dropdown-menu li i {
            font-size: 15px;
            padding-right: 5px;
        }

        .show-mobile .dropdown-menu > li > a {
            padding: 3px 10px;
        }

    .btn-user-mobile:active {
        color: #ffffff;
    }

    .btn-user-mobile:hover {
        color: #ffffff;
    }

    .btn-user-mobile i {
        font-size: 20px;
        padding-right: 5px;
    }

    .top-bar-nav {
        padding: 15px;
    }

    .rodape-caixa {
        padding: 10px 0px;
    }

        .rodape-caixa div:first-child {
            padding: 0px 0px 10px 0px;
        }

        .rodape-caixa a {
            font-family: Ubuntu;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: 14px;
            letter-spacing: 0px;
            text-align: left;
        }
}