/* Definições da estrutura geral do página */
html {
    height: 100%;
    min-height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.geral .bg {
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url('../img/fundo.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: fixed;
    opacity: 0.03;
    width: 100%;
    height: 100%;
}

.span_bordered {
    width: 12px;
    height: 12px;
    border: 3px solid #20556b;
    background-color: #20556b !important;
    color: white;
    border-radius: 5px 5px 5px 5px !important;
    font-weight: 700;
}
.nav.nav-tabs > .nav-item.nav-link{
    background: rgba(0, 0, 0, 0.03);
    color: #495057;
}
.nav.nav-tabs > .nav-item.nav-link.active{
    background: #20556b !important;
    color: white;
}

#img_main {
    background: rgb(229, 235, 241);
    background: linear-gradient(132deg, rgba(229, 235, 241, 1) 50%, rgba(255, 255, 255, 0.41780462184873945) 70%), url('../img/title_fundo.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 3px !important;
    width: 100%;
    -webkit-box-shadow: 8px 7px 7.2px -4px #ced4da;
    -moz-box-shadow: 8px 7px 7.2px -4px #ced4da;
    box-shadow: 8px 7px 7.2px -4px #ced4da;
    z-index: 1;
}

* {
    margin: 0;
    padding: 0;
}

#footer {
    background-color: #20556b !important;
    color: #ffffff;
    bottom: 0px;
    /*height: 3rem;*/
    width: 100%;
    margin-top: auto;
}

#footer_esic {
    background-color: #20556b !important;
    color: #ffffff;
    bottom: 0px;
    height: 57px;
    width: 100%;
    margin-top: auto;
}

.footer a {
    color: #ffffff;
}

input, select {
    border-radius: 2px !important;
}

a {
    text-decoration: none;
    font-family: "Antigoni Light", "Roboto", "Helvetica", "Arial", "sans-serif";
    color: #3d3d3d;
}

a:hover {
    text-decoration: none;
    font-family: "Antigoni Light", "Roboto", "Helvetica", "Arial", "sans-serif";
    color: black;
}

.form-control:focus {
    border-color: #cfd4da;
    box-shadow: 0 0 0 0.2rem rgba(230, 231, 232, 0.25);
}

.btn {
    border-radius: 2px !important;
}

.btn-outline-dark {
    color: #20556b !important;
    border-color: #20556b !important;
}

.btn-outline-dark:hover, #btn-search:hover, #btn-send:hover {
    color: white !important;
    background: #20556b !important;
    border-color: #20556b !important;
}

#btn-search, #btn-send {
    background: #20556b !important;
    color: white !important;
    border-color: #20556b !important;
}

.btn-default_portal {
    background: #20556b !important;
    color: white !important;
    border-color: #20556b !important;
}

#btn-search:hover {
    color: white !important;
    background: #1d4358 !important;
    border-color: #1d4358 !important;
}

nav {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.a-icon_acessibilidade {
    color: #20556b;
}

.a-icon_acessibilidade:hover {
    color: #1d4358;
}

.btn-default_portal:hover {
    color: white !important;
    background: #1d4358 !important;
    border-color: #1d4358 !important;
}

#btn-cadastro {
    background: #e2972f !important;
    color: white !important;
    border-color: #e2972f !important;
}

#btn-cadastro:hover {
    color: white !important;
    background: #fcc230 !important;
    border-color: #fcc230 !important;
}

#busca_ini {
    /*background: #f7f9f5 !important;*/
    /*color: #20556b !important;*/
    border-color: #1d4358 !important;
}

/*#busca_ini:hover {*/
/*    background: #eaece8 !important;*/
/*    color: #161616 !important;*/
/*    border-color: white !important;*/
/*}*/

.btn-dark {
    background: #1d4358 !important;
    color: white !important;
    border-color: #1d4358 !important;
}

.btn-dark:hover {
    background: #256b87 !important;
    color: white !important;
    border-color: #256b87 !important;
}

/* Fixando o menu no topo*/
.fixed-top-2 {
    margin-top: 0px;
    z-index: 9;
}

/* Definindo os efeitos */
@keyframes fadein {
    from {
        opacity: 0.75;
    }
    to {
        opacity: 1;
    }
    /* Padrão */
}

@-moz-keyframes fadein {
    from {
        opacity: 0.75;
    }
    to {
        opacity: 1;
    }
    /* Firefox */
}

@-webkit-keyframes fadein {
    from {
        opacity: 0.75;
    }
    to {
        opacity: 1;
    }
    /* Webkit */
}

@-ms-keyframes fadein {
    from {
        opacity: 0.75;
    }
    to {
        opacity: 1;
    }
    /* IE */
}

​
    /* Fim das definições gerais da PÁGINA */
header_download {
    font-family: "Antigoni Light", "Roboto", "Helvetica", "Arial", "sans-serif";
    background: #DDDDDD;
    font-size: 14px;
    font-weight: bold;
    border-radius: 3px;
}

a .card-download {
    min-height: 6rem !important;
    text-decoration: none;
    padding: 0.5rem;
    flex: none;
    color: #426a6a;
    font-family: "Antigoni Light", "Roboto", "Helvetica", "Arial", "sans-serif";
    max-height: 6rem !important;
}

a .card-download:hover {
    background: #DDDDDD;
    flex: none;
    padding: 0.5rem;
    border: #DDDDDD;
    min-height: 105px;
    text-decoration: none;
    color: #000000;
    font-family: "Antigoni Light", "Roboto", "Helvetica", "Arial", "sans-serif";
}

.card-download:hover .ico-download {
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    opacity: 1;
}

.ico-download {
    color: #e22317;
    opacity: 0.7;
}

.icons-start {
    color: #5db1c6;
}

.icons-start-direto {
    color: #20556b;
}

.ui-widget {
    font-size: 20px;
}

/* CARDS */
.min-height-200 {
    min-height: 155px;
}

.card-informativo {
    border-radius: 1px;
    background: rgba(226, 151, 47, 0.5);
}

.card-informativo a {
    color: black;
}

#nav-main-e-sic h4 {
    color: #e2972f !important;
    font-family: "Antigoni Light", "Roboto", "Helvetica", "Arial", "sans-serif";
    /*height: 57px !important;*/
}

#nav-secundario h6 {
    color: #e2972f !important;
    font-family: "Antigoni Light", "Roboto", "Helvetica", "Arial", "sans-serif";
}

#nav-inferior {
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: 0px 7px 7.2px -4px #ced4da;
    -moz-box-shadow: 0px 7px 7.2px -4px #ced4da;
    box-shadow: 0px 7px 7.2px -4px #ced4da;
    position: relative;
}

#nav-principal {
    background: #20556b !important;
    padding: .2rem 1rem;
    color: white;
    border-radius: 3px !important;
    -webkit-box-shadow: 8px 7px 7.2px -4px #ced4da;
    -moz-box-shadow: 8px 7px 7.2px -4px #ced4da;
    box-shadow: 8px 7px 7.2px -4px #ced4da;
}

#nav-principal a {
    color: white !important;
}

#nav-informacao {
    background: #e3972f !important;
    padding: .2rem 1rem;
    color: black;
    border-radius: .25rem !important;
    -webkit-box-shadow: 0px 7px 2px -4px #c1c7cd;
    -moz-box-shadow: 0px 7px 2px -4px #c1c7cd;
    box-shadow: 0px 7px 2px -4px #c1c7cd;
}

#nav-informacao .nav-link {
    color: black !important;
}

#nav-informacao .nav-link:hover {
    color: white !important;
}

#nav-informacao .navbar-toggler {
    color: black !important;
}

.form-inline {
    flex-flow: nowrap !important;
}

#portal-info .card {
    border: 1px solid #ced4da;;
    border-radius: 5px !important;
    color: white;
    background: #20556b;
    -webkit-box-shadow: 0px 7px 2px -4px #c1c7cd;
    -moz-box-shadow: 0px 7px 2px -4px #c1c7cd;
    box-shadow: 0px 7px 2px -4px #c1c7cd;
}

#formulario_esic .card {
    -webkit-box-shadow: 8px 7px 4px -4px #c1c7cd;
    -moz-box-shadow: 8px 7px 4px -4px #c1c7cd;
    box-shadow: 8px 7px 4px -4px #c1c7cd;
}

#portal-info .card:hover {
    background: #2f89a2;
}

#nav-main h4, h1 {
    color: #e2972f !important;
    font-family: "Antigoni Light", "Roboto", "Helvetica", "Arial", "sans-serif";
    margin-bottom: 0px !important;
}

.dropdown-item {
    padding: .1rem 1.5rem !important;
    border-radius: 3px !important;
    display: block;
}

.dropdown:hover .dropdown-menu {
    display: block;
    transform: translate3d(5px, 28px, 0px); /* distancia entre menu e btn */
    top: 7px;
}

.breadcrumb {
    padding: .3rem 0.5rem !important;
    margin-bottom: 0rem !important;
    padding-left: 1.5rem !important;
    background-color: #e9ecef38 !important;
    font-weight: bold;
    color: #000;
    font-family: "Arial", "sans-serif" !important;
    opacity: 1 !important;
}

.breadcrumb a {
    color: #000;
}

#title-main {
    background: transparent !important;
}

/* Fim das definições das NAVBARS */

/* Definições do sub-menu*/
.dropdown:hover, .nav-link:hover {
    color: #e2972f !important;
    background: rgba(226, 151, 47, 0.12) !important;
    border-radius: 0 !important;
}

.dropdown a:hover {
    color: #e2972f !important;
    background: rgba(226, 151, 47, 0.12) !important;
    border-radius: 3px !important;
}

#user-btn button {
    color: #20556b !important;
    border-radius: 2px !important;
    background: rgba(30, 82, 110, 0.16) !important;
    border-radius: 3px !important;
}

#user-btn .dropdown:hover {
    color: #20556b !important;
    border-radius: 2px !important;
    background: rgba(30, 82, 110, 0.16) !important;
    border-radius: 3px !important;
}

/* Fim das definições MENU*/

/* Definições do Panel*/
.panel-title h2, h3, h5 {
    font-family: "antigonilight", "Antigoni Light", "Roboto", "Helvetica", "Arial", "sans-serif";
    font-weight: bold;
}

/* Fim das definições PANEL*/

/* Definição dos Cards da tela inicial*/
.card-top {
    background: rgba(23, 62, 80, 0.04) !important;
    /*-webkit-box-shadow: 0px 7px 7.2px -4px #ced4da;*/
    /*-moz-box-shadow: 0px 7px 7.2px -4px #ced4da;*/
    /*box-shadow: 0px 7px 7.2px -4px #ced4da;*/
}

.card-topo-principal {
    background: #20556b !important;
    /*background: rgba(251, 174, 47, 0.16) !important;*/
    border-radius: 3px !important;
    -webkit-box-shadow: 8px 7px 4px -4px #c1c7cd;
    -moz-box-shadow: 8px 7px 4px -4px #c1c7cd;
    box-shadow: 8px 7px 4px -4px #c1c7cd;
}

.card-inicial .card {
    border-color: #20556b !important;
    border-width: 1px;
    background: rgba(255, 255, 255, 0.53) !important;
    border-radius: 4px !important;
    color: #20556b !important;
    height: 7rem !important;
    width: 15.5em !important;
    font-family: "Antigoni Light", "Roboto", "Helvetica", "Arial", "sans-serif";
    -webkit-box-shadow: 8px 7px 7.2px -4px #ced4da;
    -moz-box-shadow: 8px 7px 7.2px -4px #ced4da;
    box-shadow: 8px 7px 7.2px -4px #ced4da;
}

.card-inicial:hover .card {
    background: #20556b !important;
    border-radius: 4px !important;
    color: white !important;
    min-height: 8rem !important;
    min-width: 16rem !important;
    font-family: "Antigoni Light", "Roboto", "Helvetica", "Arial", "sans-serif";
    animation: fadein 0.5s; /* Padrão */
    -webkit-animation: fadein 0.2s; /* Webkit */
    -moz-animation: fadein 0.2s; /* Firefox */
    -ms-animation: fadein 0.2s; /* IE */
}

.card-inicial:hover i {
    color: white !important;
}

.card_lateral .card {
    border-radius: 1px !important;
    border: rgba(202, 193, 193, 0.15) !important;
    background: rgba(202, 193, 193, 0.15) !important;
    color: #000000;
    min-height: 112px !important;
    min-width: 160px !important;
    -webkit-box-shadow: 0 6px 4px -4px #ced4da;
    -moz-box-shadow: 0 6px 4px -4px #ced4da;
    box-shadow: 8px 7px 7.2px -4px #ced4da;
}

.card_lateral .card:hover {
    background: rgba(202, 193, 193, 0.44) !important;
}

/* Fim das definições - Card */

/* Card e-Sic */
.card-acesso {
    border-radius: .25rem !important;
    background: #fbfcfd !important;
    font-family: "Antigoni Light", "Roboto", "Helvetica", "Arial", "sans-serif";
    -webkit-box-shadow: 8px 7px 7.2px -4px #ced4da;
    -moz-box-shadow: 8px 7px 7.2px -4px #ced4da;
    box-shadow: 8px 7px 7.2px -4px #ced4da;
}

#esic-info .card {
    -webkit-box-shadow: 8px 7px 7.2px -4px #ced4da;
    -moz-box-shadow: 8px 7px 7.2px -4px #ced4da;
    box-shadow: 8px 7px 7.2px -4px #ced4da;
}

#fisico-info .card {
    -webkit-box-shadow: 8px 7px 7.2px -4px #ced4da;
    -moz-box-shadow: 8px 7px 7.2px -4px #ced4da;
    box-shadow: 8px 7px 7.2px -4px #ced4da;
}

.card-cadastro {
    border-radius: 1px !important;
    background: #f8f9fa !important;
    font-family: "Antigoni Light", "Roboto", "Helvetica", "Arial", "sans-serif";
    -webkit-box-shadow: 8px 7px 7.2px -4px #ced4da;
    -moz-box-shadow: 8px 7px 7.2px -4px #ced4da;
    box-shadow: 8px 7px 7.2px -4px #ced4da;
}

/* Fim das definições e-Sic */

/* Definições das subpages*/
.card-subpage {
    min-height: 11em !important;
    max-height: 11em !important;
    background: rgba(84, 110, 122, 0.07) !important;
    border-radius: 4px !important;
    -webkit-box-shadow: 8px 7px 7.2px -4px #ced4da;
    -moz-box-shadow: 8px 7px 7.2px -4px #ced4da;
    box-shadow: 8px 7px 7.2px -4px #ced4da;
}

.card-subpage .card-title {
    font-weight: bolder;
    color: #000;
    padding: 0px !important;
    font-size: 13pt !important;
}

.card-subpage:hover {
    min-height: 11em !important;
    max-height: 11em !important;
    background: rgba(93, 177, 198, 0.62) !important;
    border: #e2972f !important;
    border-radius: 4px !important;
}

.card-esic {
    min-height: 9em !important;
    max-height: 9em !important;
    background: #20556b !important;
    color: white;
    border-radius: 4px !important;
    -webkit-box-shadow: 8px 7px 7.2px -4px #ced4da;
    -moz-box-shadow: 8px 7px 7.2px -4px #ced4da;
    box-shadow: 8px 7px 7.2px -4px #ced4da;
}

.card-esic:hover {
    height: 10em !important;
    background: #3088a3 !important;
    border-radius: 4px !important;
}

.card-subpage:hover .card-body {
    background: rgba(84, 110, 122, 0.18) !important;
    color: white !important;
}

/* Fim das definições - subpages*/

/* Função que adiciona o ZOOM na imagem ao passar o mouse */
.zoom {
    overflow: hidden;
}

.zoom img {
    max-width: 100%;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.zoom:hover img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

/* Fim das definições do ZOOM */

/* Personalizações da GRID */
.jsgrid-table th {
    background: #cb962b !important;
    color: white;
    border-radius: 1px !important;
    /*border: white !important;*/
}

.jsgrid input {
    /*display: block;*/
    width: 100%;
    font-weight: 400;
    line-height: 1.5;
    color: #cb962b;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    height: calc(1.5em + .5rem + 2px);
    /*padding: .25rem .5rem;*/
    font-size: 10pt !important;
    border-radius: .2rem;
}

.jsgrid-grid-header, .jsgrid-grid-body, .jsgrid-header-row > .jsgrid-header-cell, .jsgrid-filter-row > .jsgrid-cell, .jsgrid-insert-row > .jsgrid-cell, .jsgrid-edit-row > .jsgrid-cell {
    border: transparent !important;
    border-radius: 1px !important;
    font-size: 13.5px;
    font-family: "Roboto", "Helvetica", "Arial", "sans-serif";
}

.jsgrid-table {
    font-size: 13.5px !important;
}

.jsgrid-load-panel {
    background: rgba(94, 100, 108, 0.87) !important;
    font-size: 10pt !important;
    color: #fff;
    border: 0px !important;
    margin-top: -32px !important;
    font-weight: bold !important;
}

.jsgrid-load-panel:before {
    border-top-color: rgb(255, 255, 255);
    border-top-style: solid;
    border-top-width: 3px;
    border-right-color: transparent;
    border-right-style: solid;
    border-right-width: 3px;
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-left-color: rgb(255, 255, 255);
    border-left-style: solid;
    border-left-width: 3px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
}

/*sombra personalizada*/
.shadow_person {
    -webkit-box-shadow: 2px 2px 6px #666;
    box-shadow: 5px 5px 20px #666;
    border-radius: 3px;

}

/*centralizar column*/
th.dt-center, td.dt-center {
    text-align: center !important;
}


.DTFC_LeftHeadWrapper, .DTFC_RightHeadWrapper {
    z-index: 1;
}

/* Fim das definições da GRID */

/* Personalizações da Div Gráficos*/
.graph {
    -webkit-box-shadow: 0 6px 4px -4px #ced4da;
    -moz-box-shadow: 0 6px 4px -4px #ced4da;
    box-shadow: 0 5px 7.2px -4px #ced4da;
}

/* Fim das personalizações*/

/* Instalação de novas fontes */
@font-face {
    font-family: "Antigoni Light";
    src: url("./fonts/antigonilight.ttf") format("truetype");
}

@font-face {
    font-family: "antigonilight";
    src: url("./fonts/antigonilight.ttf") format("truetype");
}

/* Fim das fontes instaladas */

/*deixar campos desabilitos com background branco*/
input[type="text"]:disabled {
    background-color: white !important;
}


/*sombra em todos inputs com form-control*/
.form-control {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

/*bold em todos label com col-form-label*/
.col-form-label {
    font-weight: 700 !important;
}

/* Background Tela Admin */
#content {
    width: 100%;
    height: 100% !important;
}

.adm {
    background: #FFF url('../img/background_login2.png') no-repeat bottom right;
}

#cad_user {
    height: 100%;
    position: fixed;
    width: 100%;
}

.cad_user:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #FFF url('../img/info_ico.png') no-repeat center right;
    width: 98%;
    height: 100%;
    opacity: 0.2;
    z-index: -1;
    -webkit-filter: blur(3px);
    filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
}

/* Tela de busca */
.a_search {
    text-decoration: #20556b;
    font-family: "Roboto", "Helvetica", "Arial", "sans-serif";
    color: #20556b;
    font-weight: bold;
}

.a_search:hover {
    text-decoration: #39a0c5;
    font-family: "Roboto", "Helvetica", "Arial", "sans-serif";
    color: #39a0c5;
    font-weight: bold;
}

.custom-file-label::after {
    content: 'Selecionar' !important;
    border-radius: 1px !important;
}

#jsGrid {
    -webkit-box-shadow: 0 6px 4px -4px #ced4da;
    -moz-box-shadow: 0 6px 4px -4px #ced4da;
    box-shadow: 0 5px 7.2px -4px #ced4da;
}

/* Personalização do Google Charts - Organograma */
.google-visualization-orgchart-node-small {
    border: 0 !important;
    color: white;
    border-radius: 2px !important;
    font-size: 10pt !important;
    width: 150px !important;
    height: 50px !important;
    background: #20556b !important;
    -webkit-box-shadow: 8px 7px 7.2px -4px #ced4da !important;
    -moz-box-shadow: 8px 7px 7.2px -4px #ced4da !important;
    box-shadow: 8px 7px 7.2px -4px #ced4da !important;
}

.google-visualization-orgchart-nodesel {
    border: 0 !important;
    background-color: #5cb1c6 !important;
}

/* Fim */

/* Personalização do Árvore do Mapa do Site */
#maplist ul ul a {
    background: transparent !important;
    padding-left: 5px !important;
    color: #000;
}

#maplist ul {
    list-style-type: none !important;
    font-size: 17px !important;
}

.file-list li:before {
    color: #a0a4a9 !important;
    font-size: 17px !important;
}

.file-list .folder-root:before {
    color: #ffa836 !important;
    height: 10px !important;
    widht: 10px !important;
    font-size: 17px !important;
}

/* Fim */

/* Personalização da Aba nas telas do Administrador */
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 40%, rgba(248, 249, 250, 1) 100%) !important;
}

/* Fim */

/* Personalização do Select2 */
.select2-container .select2-selection--single .select2-selection__rendered, .select2-selection--multiple {
    padding: 1px !important;
    border: 1px solid #ced4da !important;
    font-size: .875rem !important;
    height: calc(1.5em + .5rem + 2px) !important;
    padding-left: 8px !important;
    padding-right: 20px !important;
    padding-top: 3px !important;
    background: white !important;
    border-radius: 2px !important;
}

.select2-search--dropdown .select2-search__field, .select2-selection--multiple {
    padding: 1px !important;
    border: 1px solid #ced4da !important;
    font-size: .875rem !important;
    height: calc(1.5em + .5rem + 2px) !important;
    padding-left: 8px !important;
    padding-right: 20px !important;
    padding-top: 3px !important;
    border-radius: 2px !important;
}

.select2-results__option {
    padding: 1px;
    user-select: none;
    font-size: .875rem !important;
    -webkit-user-select: none;
    height: calc(1.5em + .5rem + 2px) !important;
    padding-left: 8px !important;
    padding-right: 20px !important;
    padding-top: 3px !important;
    border-radius: 2px !important;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    margin-top: 0px !important;
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 2px !important;
    margin: 1px !important;
}

/* Fim */

/* Personalizações da Aba */
.nav-tabs .nav-link {
    border-top-left-radius: 1px !important;
    border-top-right-radius: 1px !important;
}

/* Fim */

/* Button ADM */
.btn-admin-main {
    background: #bf752e !important;
    color: white !important;
    border-color: #bf752e !important;
}

.btn-admin-main:hover {
    color: white !important;
    background: #dfaa2a !important;
    border-color: #dfaa2a !important;
}

.sub-menu-parent {
    position: relative;
}

.sub-menu {
    visibility: hidden; /* hides sub-menu */
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    transform: translateY(-2em);
    z-index: -1;
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}

.sub-menu-parent:focus .sub-menu,
.sub-menu-parent:focus-within .sub-menu,
.sub-menu-parent:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.2s;
}

.sub-menu .dropdown-item {
    border-radius: 1px !important;
    background: #dfaa2a !important;
    min-width: 170px;
    color: white;
    display: block;
}

.sub-menu .dropdown-item:hover {
    border-radius: 1px !important;
    background: #cb962b !important;
}

#menu_admin .navbar {
    font-size: 12.5pt !important;
}

#menu_admin .navbar {
    border-radius: 5px !important;
}

#menu_admin li {
    padding-top: 2pt !important;
    padding-bottom: 2pt !important;
}