.iziToast-wrapper.iziToast-wrapper-topRight {
    margin: 65px;
    margin-right: 0px;
    width: 400px;
}

.nav_menu {
    position: fixed !important;
    top: 0 !important;
    z-index: 111 !important;
    padding-right: 5% !important;
}

.tab-pane.fade.active {
    opacity: 1;
}

.top_nav ul.navbar-right {
    display: table !important;
    width: auto;
}

.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #eeeeee;
    left: 50%;
    margin-left: -1.5px;
}

.timeline>li {
    margin-bottom: 20px;
    position: relative;
}

ul.timeline li {
    border-bottom: none;
}

.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li:after {
    clear: both;
}

.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li:after {
    clear: both;
}

.timeline>li>.timeline-panel {
    width: 46%;
    float: left;
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    padding: 20px;
    position: relative;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

.timeline>li>.timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #ccc;
    border-right: 0 solid #ccc;
    border-bottom: 15px solid transparent;
    content: " ";
}

.timeline>li>.timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent;
    content: " ";
}

.timeline>li>.timeline-badge {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -25px;
    background-color: #999999;
    z-index: 100;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}

.timeline>li.timeline-inverted>.timeline-panel {
    float: right;
}

.timeline>li.timeline-inverted>.timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}

.timeline>li.timeline-inverted>.timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body>p,
.timeline-body>ul {
    margin-bottom: 0;
}

.timeline-body>p+p {
    margin-top: 5px;
}

/* margem do topo dos inputs no login
.login_content {
    margin-top:30% !important;
} */

.right_col {
    margin-bottom: 48px;
}

.table.no-margin-top > tbody > tr > td {
    border-top: none !important;
}

.table.no-margin-top > thead > tr > th {
    display: flex;
    justify-content:space-between;
}

.nav-md .container.body .col-md-3.left_col {
    display: block !important;
}

 .loader-effect {
        position: relative;
        width: 96px;
        height: 96px;
        background: transparent;
        border-radius: 100%;
        border: 1px solid #dbdfe3;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        margin-top: 10px;
    }

    .loader-effect::before {
        content: "";
        position: absolute;
        inset: 12px;
        background: transparent;
        border: 0.5px dashed #d7dce2;
        border-radius: 100%;
        box-shadow: inset -2px -2px 12px #e1e3eb, inset 2px 2px 12px #e1e3eb;
    }

    .loader-effect::after {
        content: "";
        position: absolute;
        width: 32px;
        height: 32px;
        border-radius: 100%;
        border: 0.5px dashed #d7dce2;
        box-shadow: inset -2px -2px 12px #e1e3eb, inset 2px 2px 12px #e1e3eb;
    }

    .loader-effect span {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 50%;
        height: 100%;
        background: transparent;
        transform-origin: top left;
        animation: radar81 2s linear infinite;
        border-top: 1px dashed #6e8298;
    }

    .loader-effect span::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #86b1e6;
        transform-origin: top left;
        transform: rotate(-55deg);
        filter: blur(20px);
    }

    @keyframes radar81 {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }

:root{
    /*   Variaveis com definições do tema policia    */
    --policia-margin-top-inputs: 50px;
    --policia-bg-color: #747474;
    --policia-bg-color-border-right: #5a5a5a;
    --policia-bg-color-separador-login: #FFF;
    --policia-bg-color-alert-login: #1a2d83;
    --policia-bg-color-button-login: #1a2d83;
    --policia-bg-color-thead-table: var(--policia-bg-color);
    --policia-bg-color-button-primary: #747474;
    --policia-bg-color-button-dark: #1a2d83;
    --policia-bg-color-button-danger: #fe0103;
    --policia-bg-color-button-success: #1a2d83;
    --policia-bg-color-dropdown: #747474;
    --policia-color-letter: #fff;
    --policia-color-letter-hover: #fff;
    --policia-color-letter-login: #fff;
    --policia-color-letter-alert: #fff;
    --policia-color-letter-button: #fff;
    --policia-color-letter-thead-table: #fff;
    /*
    =====================================================
    */

    /*   Variaveis com definições do tema defesa_civil    */
    --defesa_civil-margin-top-inputs: 50px;
    --defesa_civil-bg-color:#f47524;
    --defesa_civil-bg-color-border-right: #f4f4f4;
    --defesa_civil-bg-color-separador-login: #fff;
    --defesa_civil-bg-color-alert-login: #201f52;
    --defesa_civil-bg-color-button-login: #201f52;
    --defesa_civil-bg-color-thead-table: var(--defesa_civil-bg-color);
    --defesa_civil-bg-color-button-primary: #f47524;
    --defesa_civil-bg-color-button-dark: #201f52;
    --defesa_civil-bg-color-button-danger: #fe0103;
    --defesa_civil-bg-color-button-success: #201f52;
    --defesa_civil-bg-color-dropdown: #0e038a;
    --defesa_civil-color-letter: #fff;
    --defesa_civil-color-letter-hover: #fff;
    --defesa_civil-color-letter-login: #fff;
    --defesa_civil-color-letter-alert: #fff;
    --defesa_civil-color-letter-button: #fff;
    --defesa_civil-color-letter-thead-table: #fff;
    /*
    =====================================================
    */

    /*   Variaveis com definições do tema saude    */
    --saude-margin-top-inputs: 50px;
    --saude-bg-color: #c53437;
    --saude-bg-color-border-right: #f04143;
    --saude-bg-color-separador-login: #fff;
    --saude-bg-color-alert-login: #e65d37;
    --saude-bg-color-button-login: #e65d37;
    --saude-bg-color-thead-table: var(--saude-bg-color);
    --saude-bg-color-button-primary: #090161;
    --saude-bg-color-button-dark: #e65d37;
    --saude-bg-color-button-danger: #fe0103;
    --saude-bg-color-button-success: #e65d37;
    --saude-bg-color-dropdown: #e65d37;
    --saude-color-letter: #fff;
    --saude-color-letter-hover: #fff;
    --saude-color-letter-login: #fff;
    --saude-color-letter-alert: #fff;
    --saude-color-letter-button: #fff;
    --saude-color-letter-thead-table: #fff;
    /*
    =====================================================
    */

    /*   Variaveis com definições do tema seguranca_privada    */
    --seguranca_privada-margin-top-inputs: 50px;
    --seguranca_privada-bg-color: #131313;
    --seguranca_privada-bg-color-border-right: #000;
    --seguranca_privada-bg-color-separador-login: #FFF;
    --seguranca_privada-bg-color-alert-login: #878586;
    --seguranca_privada-bg-color-button-login: #878586;
    --seguranca_privada-bg-color-thead-table: var(--seguranca_privada-bg-color);
    --seguranca_privada-bg-color-button-primary: #000;
    --seguranca_privada-bg-color-button-dark: #878586;
    --seguranca_privada-bg-color-button-danger: #fe0103;
    --seguranca_privada-bg-color-button-success: #878586;
    --seguranca_privada-bg-color-dropdown: #878586;
    --seguranca_privada-color-letter: #fff;
    --seguranca_privada-color-letter-hover: #000;
    --seguranca_privada-color-letter-login: #fff;
    --seguranca_privada-color-letter-alert: #fff;
    --seguranca_privada-color-letter-button: #fff;
    --seguranca_privada-color-letter-thead-table: #fff;
    /*
    =====================================================
    */

    /*   Variaveis com definições do tema portuaria    */
    --portuaria-margin-top-inputs: 50px;
    --portuaria-bg-color: #080059;
    --portuaria-bg-color-border-right: #0e0079;
    --portuaria-bg-color-separador-login: #FFF;
    --portuaria-bg-color-alert-login: #dbc349;
    --portuaria-bg-color-button-login: #dbc349;
    --portuaria-bg-color-thead-table: var(--portuaria-bg-color);
    --portuaria-bg-color-button-primary: #080059;
    --portuaria-bg-color-button-dark: #dbc349;
    --portuaria-bg-color-button-danger: #fe0103;
    --portuaria-bg-color-button-success: #dbc349;
    --portuaria-bg-color-dropdown: #080059;
    --portuaria-color-letter: #fff;
    --portuaria-color-letter-hover: #fff;
    --portuaria-color-letter-login: #fff;
    --portuaria-color-letter-alert: #fff;
    --portuaria-color-letter-button: #fff;
    --portuaria-color-letter-thead-table: #fff;
    /*
    =====================================================
    */

    /*   Variaveis com definições do tema aeronautica    */
    --aeronautica-margin-top-inputs: 50px;
    --aeronautica-bg-color: #012e65;
    --aeronautica-bg-color-border-right: #011f43;
    --aeronautica-bg-color-separador-login: #FFF;
    --aeronautica-bg-color-alert-login: #9fa09a;
    --aeronautica-bg-color-button-login: #9fa09a;
    --aeronautica-bg-color-thead-table: var(--aeronautica-bg-color);
    --aeronautica-bg-color-button-primary: #0e038a;
    --aeronautica-bg-color-button-dark: #9fa09a;
    --aeronautica-bg-color-button-danger: #fe0103;
    --aeronautica-bg-color-button-success: #9fa09a;
    --aeronautica-bg-color-dropdown: #0e038a;
    --aeronautica-color-letter: #fff;
    --aeronautica-color-letter-hover: #fff;
    --aeronautica-color-letter-login: #fff;
    --aeronautica-color-letter-alert: #fff;
    --aeronautica-color-letter-button: #fff;
    --aeronautica-color-letter-thead-table: #fff;
    /*
    =====================================================
    */
}
/*
===================================================================================================================================
Inicio do tema guarda_municipal
===================================================================================================================================
*/

/* Tema padrão */
.guarda_municipal .left_col {
    background: linear-gradient(90deg, rgb(36, 44, 66) 0%, rgb(36, 44, 66) 35%, rgb(36, 44, 66) 100%) !important;
    box-shadow: 0px -10px 5px 2px;
}

.guarda_municipal .nav_menu {
    background: linear-gradient(180deg, rgba(218,218,218,1) 0%, rgba(255,255,255,1) 35%, rgba(218,218,218,1) 100%) !important;
    box-shadow: 0px 3px 10px;
}

.guarda_municipal ul.side-menu>li img {
    filter: drop-shadow(1px 3px 3px RGB(0, 0, 0, 0.7)); drop-shadow(-1px -3px 3px RGB(0, 0, 0, 0.7));
    background: transparent;
}

.guarda_municipal ul.side-menu>li i {
    filter: drop-shadow(1px 3px 3px RGB(0, 0, 0, 0.7)); drop-shadow(-1px -3px 3px RGB(0, 0, 0, 0.7));
}

.guarda_municipal .nav.side-menu>li.active>a {
    background: transparent !important;
    box-shadow: 0px 0px 3px 1px !important;
}

.guarda_municipal ul.nav.child_menu {
    background: linear-gradient(90deg, rgba(36, 44, 66) 0%, rgba(36, 44, 66) 35%, rgba(36, 44, 66) 100%) !important;
}

.guarda_municipal ul.nav.child_menu li {
    box-shadow: 0px 1px 3px -2px;
}

.nav-sm .guarda_municipal ul.nav.child_menu a:hover {
    color: #ffffff;
    font-size: 11px;
}

.guarda_municipal .nav.child_menu li.active, .nav.child_menu li:hover {
    background-color: transparent !important;
}

.guarda_municipal .btn-dark,
.guarda_municipal .btn-primary,
.guarda_municipal .btn-info {
    background-color: rgb(42,63,84,1) !important;
    border-color: rgb(42,63,84,1);
}

body.guarda_municipal:not(.temas-login) {
    background: transparent !important;
}

/*
===================================================================================================================================
Fim do tema guarda_municipal
===================================================================================================================================
*/


/*
===================================================================================================================================
Inicio do tema policia
===================================================================================================================================
*/
/* fundo da pagina de login */
.policia.left_col, .policia.temas-login, .policia.left_col .nav_title {
    background-color: var(--policia-bg-color);
    color: var(--policia-color-letter-login);
}

body.policia {
    background-color: var(--policia-bg-color) !important;
}

/* cabeçalho das tabelas */
.policia.right_col thead th, .policia.right_col .newDadosColumn{
    background-color: var(--policia-bg-color-thead-table);
    color: var(--policia-color-letter-thead-table);
}

/* cor dos botões de edicao ou com a classe btn-info e btn-primary */
.policia.right_col .btn-info,
.policia.right_col .btn-primary,
.policia.right_col .btn-warning,
.policia.right_col .btn-default,
.policia.right_col .btn-info::after,
.policia.right_col .btn-warning::after,
.policia.right_col .btn-primary::after,
.policia.right_col .btn-default::after,
.policia.right_col .open > .dropdown-toggle.btn-primary:focus,
.policia.right_col .open > .dropdown-toggle.btn-primary:hover,
.policia.right_col .open > .dropdown-toggle.btn-info:focus,
.policia.right_col .open > .dropdown-toggle.btn-info:hover,
.policia.right_col .open > .dropdown-toggle.btn-default:focus,
.policia.right_col .open > .dropdown-toggle.btn-default:hover {
    background-color: var(--policia-bg-color-button-primary);
    border: none;
    color: var(--policia-color-letter)
}

/* cor dos botoes de salvar ou com a classe btn-success */
.policia.right_col .btn-success,
.policia.right_col .btn-success::after{
    background-color: var(--policia-bg-color-button-success);
    border: none;
    color: var(--policia-color-letter)
}

/* cor dos botoes de salvar ou com a classe btn-dark */
.policia.right_col .btn-dark,
.policia.right_col .btn-dark::after{
    background-color: var(--policia-bg-color-button-dark);
    border: none;
    color: var(--policia-color-letter)
}

/* cor dos botoes de excluir ou novo com a classe btn-danger */
.policia.right_col .btn-danger,
.policia.right_col .btn-danger::after{
    background-color: var(--policia-bg-color-button-danger);
    border: none;
    color: var(--policia-color-letter)
}

/* dropdown menu da pagina de despacho */
.policia.right_col .dropdown-menu{
    background-color: var(--policia-bg-color);
}

/* cor do fundo do dropdown dos li em despacho de ocorrencia */
.policia.right_col .dropdown-menu > li > a {
    background-color: var(--policia-bg-color);
    color: var(--policia-color-letter);
}

/* cor do fundo no hover do dropdown dos li em despacho de ocorrencia */
.policia.right_col .dropdown-menu > li > a:hover {
    background-color: var(--policia-bg-color-dropdown);
    color: var(--policia-color-letter-hover);
}

/* fundo ativo do side-menu  */
.policia.left_col li.active>a {
    background: var(--policia-bg-color) !important;
}

/* pontos do side-menu quando abre o hamburguer menu */
.policia.left_col ul.nav.child_menu li::before{
    background: var(--policia-color-letter);
}

/* linha vertical do side-menu quando abre o hamburguer menu */
.policia.left_col ul.nav.child_menu li::after{
    border-left: 1px solid var(--policia-color-letter);
}

/* seta de sub-menus e cor das letras */
.policia.left_col ul.child_menu>li>a, .policia.left_col ul.child_menu>li>a .fa-chevron-down{
    color: var(--policia-color-letter);
}

/* fundo do sub-menu do side-menu  */
.policia.left_col .child_menu, .policia.left_col .active{
    background: var(--policia-bg-color) !important;
    border-right:5px solid  var(--policia-bg-color-border-right) !important;
}

/* borda debaixo da opcao com sub-menus */
.policia .sep{
    border-bottom: none;
}

/* conteudo de input da pagina de login */
.policia.temas-login .login_content {
    margin-top: var(--policia-margin-top-inputs);
}

/*  conteudo da parte debaixo dos inputs na pagina de login*/
.policia.temas-login h1, .policia.temas-login .separator{
    color: var(--policia-bg-color-separador-login);
}

/* linha dos lados de cconet no login */
.policia.temas-login .login_content h1::after, .policia.temas-login .login_content h1::before{
    background-color: var(--policia-bg-color-separador-login) !important;
}


/* fundo dos alertas de erros do login*/
.policia.temas-login .alert{
    background-color: var(--policia-bg-color-alert-login);
    border-color: transparent;
    color: var(--policia-color-letter-alert);
}

/* fundo do botao de login */
.policia.temas-login .btn, .policia.temas-login .btn-success:hover{
    background-color: var(--policia-bg-color-button-login);
    color: var(--policia-color-letter-button);
    border:none;
}

.policia.left_col .side-menu li.active-sm{
    border-right: 5px solid var(--policia-bg-color-border-right) !important;
}
/*
===================================================================================================================================
Fim do tema policia
===================================================================================================================================
*/


/*
===================================================================================================================================
Inicio do tema defesa_civil
===================================================================================================================================
*/
/* fundo da pagina de login */
.defesa_civil.left_col, .defesa_civil.temas-login, .defesa_civil.left_col .nav_title {
    background-color: var(--defesa_civil-bg-color);
    color: var(--defesa_civil-color-letter-login);
}

body.defesa_civil {
    background-color: var(--defesa_civil-bg-color) !important;
}

/* cabeçalho das tabelas */
.defesa_civil.right_col thead th, .defesa_civil.right_col .newDadosColumn{
    background-color: var(--defesa_civil-bg-color-thead-table) ;
    color: var(--defesa_civil-color-letter-thead-table) ;
}

/* cor dos botões de edicao ou com a classe btn-info e btn-primary */
.defesa_civil.right_col .btn-info,
.defesa_civil.right_col .btn-primary,
.defesa_civil.right_col .btn-warning,
.defesa_civil.right_col .btn-default,
.defesa_civil.right_col .btn-info::after,
.defesa_civil.right_col .btn-warning::after,
.defesa_civil.right_col .btn-primary::after,
.defesa_civil.right_col .btn-default::after,
.defesa_civil.right_col .open > .dropdown-toggle.btn-primary:focus,
.defesa_civil.right_col .open > .dropdown-toggle.btn-primary:hover,
.defesa_civil.right_col .open > .dropdown-toggle.btn-info:focus,
.defesa_civil.right_col .open > .dropdown-toggle.btn-info:hover,
.defesa_civil.right_col .open > .dropdown-toggle.btn-default:focus,
.defesa_civil.right_col .open > .dropdown-toggle.btn-default:hover {
    background-color: var(--defesa_civil-bg-color-button-primary);
    border: none;
    color: var(--defesa_civil-color-letter);
}

/* cor dos botoes de salvar ou com a classe btn-success */
.defesa_civil.right_col .btn-success,
.defesa_civil.right_col .btn-success::after{
    background-color: var(--defesa_civil-bg-color-button-success);
    border: none;
    color: var(--defesa_civil-color-letter);
}

/* cor dos botoes de salvar ou com a classe btn-dark */
.defesa_civil.right_col .btn-dark,
.defesa_civil.right_col .btn-dark::after{
    background-color: var(--defesa_civil-bg-color-button-dark);
    border: none;
    color: var(--defesa_civil-color-letter);
}

/* cor dos botoes de excluir ou novo com a classe btn-danger */
.defesa_civil.right_col .btn-danger,
.defesa_civil.right_col .btn-danger::after{
    background-color: var(--defesa_civil-bg-color-button-danger);
    border: none;
    color: var(--defesa_civil-color-letter);
}

/* dropdown menu da pagina de despacho */
.defesa_civil.right_col .dropdown-menu{
    background-color: var(--defesa_civil-bg-color);
}

/* cor do fundo do dropdown dos li em despacho de ocorrencia */
.defesa_civil.right_col .dropdown-menu > li > a {
    background-color: var(--defesa_civil-bg-color);
    color: var(--defesa_civil-color-letter);
}

/* cor do fundo no hover do dropdown dos li em despacho de ocorrencia */
.defesa_civil.right_col .dropdown-menu > li > a:hover {
    background-color: var(--defesa_civil-bg-color-dropdown);
    color: var(--defesa_civil-color-letter-hover);
}

/* fundo ativo do side-menu  */
.defesa_civil.left_col li.active>a {
    background: var(--defesa_civil-bg-color) !important;
}

/* pontos do side-menu quando abre o hamburguer menu */
.defesa_civil.left_col ul.nav.child_menu li::before{
    background: var(--defesa_civil-color-letter);
}

/* linha vertical do side-menu quando abre o hamburguer menu */
.defesa_civil.left_col ul.nav.child_menu li::after{
    border-left: 1px solid var(--defesa_civil-color-letter);
}

/* seta de sub-menus e cor das letras */
.defesa_civil.left_col ul.child_menu>li>a, .defesa_civil.left_col ul.child_menu>li>a .fa-chevron-down{
    color: var(--defesa_civil-color-letter);
}

/* fundo do sub-menu do side-menu  */
.defesa_civil.left_col .child_menu, .defesa_civil.left_col .active{
    background: var(--defesa_civil-bg-color) !important;
    border-right:5px solid  var(--defesa_civil-bg-color-border-right) !important;
}

/* borda debaixo da opcao com sub-menus */
.defesa_civil .sep{
    border-bottom: none;
}

/* conteudo de input da pagina de login */
.defesa_civil.temas-login .login_content {
    margin-top: var(--defesa_civil-margin-top-inputs);
}

/*  conteudo da parte debaixo dos inputs na pagina de login*/
.defesa_civil.temas-login h1, .defesa_civil.temas-login .separator{
    color: var(--defesa_civil-bg-color-separador-login);
}

/* linha dos lados de cconet no login */
.defesa_civil.temas-login .login_content h1::after, .defesa_civil.temas-login .login_content h1::before{
    background-color: var(--defesa_civil-bg-color-separador-login) !important;
}


/* fundo dos alertas de erros do login*/
.defesa_civil.temas-login .alert{
    background-color: var(--defesa_civil-bg-color-alert-login);
    border-color: transparent;
    color: var(--defesa_civil-color-letter-alert);
}

/* fundo do botao de login */
.defesa_civil.temas-login .btn, .defesa_civil.temas-login .btn-success:hover{
    background-color: var(--defesa_civil-bg-color-button-login);
    color: var(--defesa_civil-color-letter-button);
    border:none;
}

.defesa_civil.left_col .side-menu li.active-sm{
    border-right: 5px solid var(--defesa_civil-bg-color-border-right) !important;
}
/*
===================================================================================================================================
Fim do tema defesa_civil
===================================================================================================================================
*/


/*
===================================================================================================================================
Inicio do tema saude
===================================================================================================================================
*/
/* fundo da pagina de login */
.saude.left_col, .saude.temas-login, .saude.left_col .nav_title {
    background-color: var(--saude-bg-color);
    color: var(--saude-color-letter-login);
}

body.saude {
    background-color: var(--saude-bg-color) !important;
}

/* cabeçalho das tabelas */
.saude.right_col thead th, .saude.right_col .newDadosColumn{
    background-color: var(--saude-bg-color-thead-table);
    color: var(--saude-color-letter-thead-table);
}

/* cor dos botões de edicao ou com a classe btn-info e btn-primary */
.saude.right_col .btn-info,
.saude.right_col .btn-primary,
.saude.right_col .btn-warning,
.saude.right_col .btn-default,
.saude.right_col .btn-info::after,
.saude.right_col .btn-warning::after,
.saude.right_col .btn-primary::after,
.saude.right_col .btn-default::after,
.saude.right_col .open > .dropdown-toggle.btn-primary:focus,
.saude.right_col .open > .dropdown-toggle.btn-primary:hover,
.saude.right_col .open > .dropdown-toggle.btn-info:focus,
.saude.right_col .open > .dropdown-toggle.btn-info:hover,
.saude.right_col .open > .dropdown-toggle.btn-default:focus,
.saude.right_col .open > .dropdown-toggle.btn-default:hover {
    background-color: var(--saude-bg-color-button-primary);
    border: none;
    color: var(--saude-color-letter)
}

/* cor dos botoes de salvar ou com a classe btn-success */
.saude.right_col .btn-success,
.saude.right_col .btn-success::after{
    background-color: var(--saude-bg-color-button-success);
    border: none;
    color: var(--saude-color-letter)
}

/* cor dos botoes de salvar ou com a classe btn-dark */
.saude.right_col .btn-dark,
.saude.right_col .btn-dark::after{
    background-color: var(--saude-bg-color-button-dark);
    border: none;
    color: var(--saude-color-letter)
}

/* cor dos botoes de excluir ou novo com a classe btn-danger */
.saude.right_col .btn-danger,
.saude.right_col .btn-danger::after{
    background-color: var(--saude-bg-color-button-danger);
    border: none;
    color: var(--saude-color-letter)
}

/* dropdown menu da pagina de despacho */
.saude.right_col .dropdown-menu{
    background-color: var(--saude-bg-color);
}

/* cor do fundo do dropdown dos li em despacho de ocorrencia */
.saude.right_col .dropdown-menu > li > a {
    background-color: var(--saude-bg-color);
    color: var(--saude-color-letter);
}

/* cor do fundo no hover do dropdown dos li em despacho de ocorrencia */
.saude.right_col .dropdown-menu > li > a:hover {
    background-color: var(--saude-bg-color-dropdown);
    color: var(--saude-color-letter-hover);
}

/* fundo ativo do side-menu  */
.saude.left_col li.active>a {
    background: var(--saude-bg-color) !important;
}

/* pontos do side-menu quando abre o hamburguer menu */
.saude.left_col ul.nav.child_menu li::before{
    background: var(--saude-color-letter);
}

/* linha vertical do side-menu quando abre o hamburguer menu */
.saude.left_col ul.nav.child_menu li::after{
    border-left: 1px solid var(--saude-color-letter);
}

/* seta de sub-menus e cor das letras */
.saude.left_col ul.child_menu>li>a, .saude.left_col ul.child_menu>li>a .fa-chevron-down{
    color: var(--saude-color-letter);
}

/* fundo do sub-menu do side-menu  */
.saude.left_col .child_menu, .saude.left_col .active{
    background: var(--saude-bg-color) !important;
    border-right:5px solid  var(--saude-bg-color-border-right) !important;
}

/* borda debaixo da opcao com sub-menus */
.saude .sep{
    border-bottom: none;
}

/* conteudo de input da pagina de login */
.saude.temas-login .login_content {
    margin-top: var(--saude-margin-top-inputs);
}

/*  conteudo da parte debaixo dos inputs na pagina de login*/
.saude.temas-login h1, .saude.temas-login .separator{
    color: var(--saude-bg-color-separador-login);
}

/* linha dos lados de cconet no login */
.saude.temas-login .login_content h1::after, .saude.temas-login .login_content h1::before{
    background-color: var(--saude-bg-color-separador-login) !important;
}


/* fundo dos alertas de erros do login*/
.saude.temas-login .alert{
    background-color: var(--saude-bg-color-alert-login);
    border-color: transparent;
    color: var(--saude-color-letter-alert);
}

/* fundo do botao de login */
.saude.temas-login .btn, .saude.temas-login .btn-success:hover{
    background-color: var(--saude-bg-color-button-login);
    color: var(--saude-color-letter-button);
    border:none;
}

.saude.left_col .side-menu li.active-sm{
    border-right: 5px solid var(--saude-bg-color-border-right) !important;
}
/*
===================================================================================================================================
Fim do tema saude
===================================================================================================================================
*/


/*
===================================================================================================================================
Inicio do tema seguranca_privada
===================================================================================================================================
*/
/* fundo da pagina de login */
.seguranca_privada.left_col, .seguranca_privada.temas-login, .seguranca_privada.left_col .nav_title {
    background-color: var(--seguranca_privada-bg-color);
    color: var(--seguranca_privada-color-letter-login);
}

body.seguranca_privada {
    background-color: var(--seguranca_privada-bg-color) !important;
}

/* cabeçalho das tabelas */
.seguranca_privada.right_col thead th, .seguranca_privada.right_col .newDadosColumn{
    background-color: var(--seguranca_privada-bg-color-thead-table);
    color: var(--seguranca_privada-color-letter-thead-table);
}

/* cor dos botões de edicao ou com a classe btn-info e btn-primary */
.seguranca_privada.right_col .btn-info,
.seguranca_privada.right_col .btn-primary,
.seguranca_privada.right_col .btn-warning,
.seguranca_privada.right_col .btn-default,
.seguranca_privada.right_col .btn-info::after,
.seguranca_privada.right_col .btn-warning::after,
.seguranca_privada.right_col .btn-primary::after,
.seguranca_privada.right_col .btn-default::after,
.seguranca_privada.right_col .open > .dropdown-toggle.btn-primary:focus,
.seguranca_privada.right_col .open > .dropdown-toggle.btn-primary:hover,
.seguranca_privada.right_col .open > .dropdown-toggle.btn-info:focus,
.seguranca_privada.right_col .open > .dropdown-toggle.btn-info:hover,
.seguranca_privada.right_col .open > .dropdown-toggle.btn-default:focus,
.seguranca_privada.right_col .open > .dropdown-toggle.btn-default:hover {
    background-color: var(--seguranca_privada-bg-color-button-primary);
    border: none;
    color: var(--seguranca_privada-color-letter)
}

/* cor dos botoes de salvar ou com a classe btn-success */
.seguranca_privada.right_col .btn-success,
.seguranca_privada.right_col .btn-success::after{
    background-color: var(--seguranca_privada-bg-color-button-success);
    border: none;
    color: var(--seguranca_privada-color-letter)
}

/* cor dos botoes de salvar ou com a classe btn-dark */
.seguranca_privada.right_col .btn-dark,
.seguranca_privada.right_col .btn-dark::after{
    background-color: var(--seguranca_privada-bg-color-button-dark);
    border: none;
    color: var(--seguranca_privada-color-letter)
}

/* cor dos botoes de excluir ou novo com a classe btn-danger */
.seguranca_privada.right_col .btn-danger,
.seguranca_privada.right_col .btn-danger::after{
    background-color: var(--seguranca_privada-bg-color-button-danger);
    border: none;
    color: var(--seguranca_privada-color-letter)
}

/* dropdown menu da pagina de despacho */
.seguranca_privada.right_col .dropdown-menu{
    background-color: var(--seguranca_privada-bg-color);
}

/* cor do fundo do dropdown dos li em despacho de ocorrencia */
.seguranca_privada.right_col .dropdown-menu > li > a {
    background-color: var(--seguranca_privada-bg-color);
    color: var(--seguranca_privada-color-letter);
}

/* cor do fundo no hover do dropdown dos li em despacho de ocorrencia */
.seguranca_privada.right_col .dropdown-menu > li > a:hover {
    background-color: var(--seguranca_privada-bg-color-dropdown);
    color: var(--seguranca_privada-color-letter-hover);
}

/* fundo ativo do side-menu  */
.seguranca_privada.left_col li.active>a {
    background: var(--seguranca_privada-bg-color) !important;
}

/* pontos do side-menu quando abre o hamburguer menu */
.seguranca_privada.left_col ul.nav.child_menu li::before{
    background: var(--seguranca_privada-color-letter);
}

/* linha vertical do side-menu quando abre o hamburguer menu */
.seguranca_privada.left_col ul.nav.child_menu li::after{
    border-left: 1px solid var(--seguranca_privada-color-letter);
}

/* seta de sub-menus e cor das letras */
.seguranca_privada.left_col ul.child_menu>li>a, .seguranca_privada.left_col ul.child_menu>li>a .fa-chevron-down{
    color: var(--seguranca_privada-color-letter);
}

/* fundo do sub-menu do side-menu  */
.seguranca_privada.left_col .child_menu, .seguranca_privada.left_col .active{
    background: var(--seguranca_privada-bg-color) !important;
    border-right:5px solid  var(--seguranca_privada-bg-color-border-right) !important;
}

/* borda debaixo da opcao com sub-menus */
.seguranca_privada .sep{
    border-bottom: none;
}

/* conteudo de input da pagina de login */
.seguranca_privada.temas-login .login_content {
    margin-top: var(--seguranca_privada-margin-top-inputs);
}

/*  conteudo da parte debaixo dos inputs na pagina de login*/
.seguranca_privada.temas-login h1, .seguranca_privada.temas-login .separator{
    color: var(--seguranca_privada-bg-color-separador-login);
}

/* linha dos lados de cconet no login */
.seguranca_privada.temas-login .login_content h1::after, .seguranca_privada.temas-login .login_content h1::before{
    background-color: var(--seguranca_privada-bg-color-separador-login) !important;
}


/* fundo dos alertas de erros do login*/
.seguranca_privada.temas-login .alert{
    background-color: var(--seguranca_privada-bg-color-alert-login);
    border-color: transparent;
    color: var(--seguranca_privada-color-letter-alert);
}

/* fundo do botao de login */
.seguranca_privada.temas-login .btn, .seguranca_privada.temas-login .btn-success:hover{
    background-color: var(--seguranca_privada-bg-color-button-login);
    color: var(--seguranca_privada-color-letter-button);
    border:none;
}

.seguranca_privada.left_col .side-menu li.active-sm{
    border-right: 5px solid var(--seguranca_privada-bg-color-border-right) !important;
}
/*
===================================================================================================================================
Fim do tema seguranca_privada
===================================================================================================================================
*/


/*
===================================================================================================================================
Inicio do tema portuaria
===================================================================================================================================
*/
/* fundo da pagina de login */
.portuaria.left_col, .portuaria.temas-login, .portuaria.left_col .nav_title {
    background-color: var(--portuaria-bg-color);
    color: var(--portuaria-color-letter-login);
}

body.portuaria {
    background-color: var(--portuaria-bg-color) !important;
}

/* cabeçalho das tabelas */
.portuaria.right_col thead th, .portuaria.right_col .newDadosColumn{
    background-color: var(--portuaria-bg-color-thead-table);
    color: var(--portuaria-color-letter-thead-table);
}

/* cor dos botões de edicao ou com a classe btn-info e btn-primary */
.portuaria.right_col .btn-info,
.portuaria.right_col .btn-primary,
.portuaria.right_col .btn-warning,
.portuaria.right_col .btn-default,
.portuaria.right_col .btn-info::after,
.portuaria.right_col .btn-warning::after,
.portuaria.right_col .btn-primary::after,
.portuaria.right_col .btn-default::after,
.portuaria.right_col .open > .dropdown-toggle.btn-primary:focus,
.portuaria.right_col .open > .dropdown-toggle.btn-primary:hover,
.portuaria.right_col .open > .dropdown-toggle.btn-info:focus,
.portuaria.right_col .open > .dropdown-toggle.btn-info:hover,
.portuaria.right_col .open > .dropdown-toggle.btn-default:focus,
.portuaria.right_col .open > .dropdown-toggle.btn-default:hover {
    background-color: var(--portuaria-bg-color-button-primary);
    border: none;
    color: var(--portuaria-color-letter)
}

/* cor dos botoes de salvar ou com a classe btn-success */
.portuaria.right_col .btn-success,
.portuaria.right_col .btn-success::after{
    background-color: var(--portuaria-bg-color-button-success);
    border: none;
    color: var(--portuaria-color-letter)
}

/* cor dos botoes de salvar ou com a classe btn-dark */
.portuaria.right_col .btn-dark,
.portuaria.right_col .btn-dark::after{
    background-color: var(--portuaria-bg-color-button-dark);
    border: none;
    color: var(--portuaria-color-letter)
}

/* cor dos botoes de excluir ou novo com a classe btn-danger */
.portuaria.right_col .btn-danger,
.portuaria.right_col .btn-danger::after{
    background-color: var(--portuaria-bg-color-button-danger);
    border: none;
    color: var(--portuaria-color-letter)
}

/* dropdown menu da pagina de despacho */
.portuaria.right_col .dropdown-menu{
    background-color: var(--portuaria-bg-color);
}

/* cor do fundo do dropdown dos li em despacho de ocorrencia */
.portuaria.right_col .dropdown-menu > li > a {
    background-color: var(--portuaria-bg-color);
    color: var(--portuaria-color-letter);
}

/* cor do fundo no hover do dropdown dos li em despacho de ocorrencia */
.portuaria.right_col .dropdown-menu > li > a:hover {
    background-color: var(--portuaria-bg-color-dropdown);
    color: var(--portuaria-color-letter-hover);
}


/* fundo ativo do side-menu  */
.portuaria.left_col li.active>a {
    background: var(--portuaria-bg-color) !important;
}

/* pontos do side-menu quando abre o hamburguer menu */
.portuaria.left_col ul.nav.child_menu li::before{
    background: var(--portuaria-color-letter);
}

/* linha vertical do side-menu quando abre o hamburguer menu */
.portuaria.left_col ul.nav.child_menu li::after{
    border-left: 1px solid var(--portuaria-color-letter);
}

/* seta de sub-menus e cor das letras */
.portuaria.left_col ul.child_menu>li>a, .portuaria.left_col ul.child_menu>li>a .fa-chevron-down{
    color: var(--portuaria-color-letter);
}

/* fundo do sub-menu do side-menu  */
.portuaria.left_col .child_menu, .portuaria.left_col .active{
    background: var(--portuaria-bg-color) !important;
    border-right:5px solid  var(--portuaria-bg-color-border-right) !important;
}

/* borda debaixo da opcao com sub-menus */
.portuaria .sep{
    border-bottom: none;
}

/* conteudo de input da pagina de login */
.portuaria.temas-login .login_content {
    margin-top: var(--portuaria-margin-top-inputs);
}

/*  conteudo da parte debaixo dos inputs na pagina de login*/
.portuaria.temas-login h1, .portuaria.temas-login .separator{
    color: var(--portuaria-bg-color-separador-login);
}

/* linha dos lados de cconet no login */
.portuaria.temas-login .login_content h1::after, .portuaria.temas-login .login_content h1::before{
    background-color: var(--portuaria-bg-color-separador-login) !important;
}


/* fundo dos alertas de erros do login*/
.portuaria.temas-login .alert{
    background-color: var(--portuaria-bg-color-alert-login);
    border-color: transparent;
    color: var(--portuaria-color-letter-alert);
}

/* fundo do botao de login */
.portuaria.temas-login .btn, .portuaria.temas-login .btn-success:hover{
    background-color: var(--portuaria-bg-color-button-login);
    color: var(--portuaria-color-letter-button);
    border:none;
}

.portuaria.left_col .side-menu li.active-sm{
    border-right: 5px solid var(--portuaria-bg-color-border-right) !important;
}
/*
===================================================================================================================================
Fim do tema portuaria
===================================================================================================================================
*/


/*
===================================================================================================================================
Inicio do tema aeronautica
===================================================================================================================================
*/
/* fundo da pagina de login */
.aeronautica.left_col, .aeronautica.temas-login, .aeronautica.left_col .nav_title {
    background-color: var(--aeronautica-bg-color);
    color: var(--aeronautica-color-letter-login);
}

body.aeronautica {
    background-color: var(--aeronautica-bg-color) !important;
}

/* cabeçalho das tabelas */
.aeronautica.right_col thead th, .aeronautica.right_col .newDadosColumn{
    background-color: var(--aeronautica-bg-color-thead-table);
    color: var(--aeronautica-color-letter-thead-table);
}

/* cor dos botões de edicao ou com a classe btn-info e btn-primary */
.aeronautica.right_col .btn-info,
.aeronautica.right_col .btn-primary,
.aeronautica.right_col .btn-warning,
.aeronautica.right_col .btn-default,
.aeronautica.right_col .btn-info::after,
.aeronautica.right_col .btn-warning::after,
.aeronautica.right_col .btn-primary::after,
.aeronautica.right_col .btn-default::after,
.aeronautica.right_col .open > .dropdown-toggle.btn-primary:focus,
.aeronautica.right_col .open > .dropdown-toggle.btn-primary:hover,
.aeronautica.right_col .open > .dropdown-toggle.btn-info:focus,
.aeronautica.right_col .open > .dropdown-toggle.btn-info:hover,
.aeronautica.right_col .open > .dropdown-toggle.btn-default:focus,
.aeronautica.right_col .open > .dropdown-toggle.btn-default:hover {
    background-color: var(--aeronautica-bg-color-button-primary);
    border: none;
    color: var(--aeronautica-color-letter)
}

/* cor dos botoes de salvar ou com a classe btn-success */
.aeronautica.right_col .btn-success,
.aeronautica.right_col .btn-success::after{
    background-color: var(--aeronautica-bg-color-button-success);
    border: none;
    color: var(--aeronautica-color-letter)
}

/* cor dos botoes de salvar ou com a classe btn-dark */
.aeronautica.right_col .btn-dark,
.aeronautica.right_col .btn-dark::after{
    background-color: var(--aeronautica-bg-color-button-dark);
    border: none;
    color: var(--aeronautica-color-letter)
}

/* cor dos botoes de excluir ou novo com a classe btn-danger */
.aeronautica.right_col .btn-danger,
.aeronautica.right_col .btn-danger::after{
    background-color: var(--aeronautica-bg-color-button-danger);
    border: none;
    color: var(--aeronautica-color-letter)
}

/* dropdown menu da pagina de despacho */
.aeronautica.right_col .dropdown-menu{
    background-color: var(--aeronautica-bg-color);
}

/* cor do fundo do dropdown dos li em despacho de ocorrencia */
.aeronautica.right_col .dropdown-menu > li > a {
    background-color: var(--aeronautica-bg-color);
    color: var(--aeronautica-color-letter);
}

/* cor do fundo no hover do dropdown dos li em despacho de ocorrencia */
.aeronautica.right_col .dropdown-menu > li > a:hover {
    background-color: var(--aeronautica-bg-color-dropdown);
    color: var(--aeronautica-color-letter-hover);
}

/* fundo ativo do side-menu  */
.aeronautica.left_col li.active>a {
    background: var(--aeronautica-bg-color) !important;
}

/* pontos do side-menu quando abre o hamburguer menu */
.aeronautica.left_col ul.nav.child_menu li::before{
    background: var(--aeronautica-color-letter);
}

/* linha vertical do side-menu quando abre o hamburguer menu */
.aeronautica.left_col ul.nav.child_menu li::after{
    border-left: 1px solid var(--aeronautica-color-letter);
}

/* seta de sub-menus e cor das letras */
.aeronautica.left_col ul.child_menu>li>a, .aeronautica.left_col ul.child_menu>li>a .fa-chevron-down{
    color: var(--aeronautica-color-letter);
}

/* fundo do sub-menu do side-menu  */
.aeronautica.left_col .child_menu, .aeronautica.left_col .active{
    background: var(--aeronautica-bg-color) !important;
    border-right:5px solid  var(--aeronautica-bg-color-border-right) !important;
}

/* borda debaixo da opcao com sub-menus */
.aeronautica .sep{
    border-bottom: none;
}

/* conteudo de input da pagina de login */
.aeronautica.temas-login .login_content {
    margin-top: var(--aeronautica-margin-top-inputs);
}

/*  conteudo da parte debaixo dos inputs na pagina de login*/
.aeronautica.temas-login h1, .aeronautica.temas-login .separator{
    color: var(--aeronautica-bg-color-separador-login);
}

/* linha dos lados de cconet no login */
.aeronautica.temas-login .login_content h1::after, .aeronautica.temas-login .login_content h1::before{
    background-color: var(--aeronautica-bg-color-separador-login) !important;
}


/* fundo dos alertas de erros do login*/
.aeronautica.temas-login .alert{
    background-color: var(--aeronautica-bg-color-alert-login);
    border-color: transparent;
    color: var(--aeronautica-color-letter-alert);
}

/* fundo do botao de login */
.aeronautica.temas-login .btn, .aeronautica.temas-login .btn-success:hover{
    background-color: var(--aeronautica-bg-color-button-login);
    color: var(--aeronautica-color-letter-button);
    border:none;
}

.aeronautica.left_col .side-menu li.active-sm{
    border-right: 5px solid var(--aeronautica-bg-color-border-right) !important;
}
/*
===================================================================================================================================
Fim do tema aeronautica
===================================================================================================================================
*/

/*
===================================================================================================================================
Inicio do tema dgt
===================================================================================================================================
*/

/* Tema padrão */
.dgt .left_col {
    background-color: #202a44;
    box-shadow: 0px -10px 5px 2px;
}

.dgt .nav_menu {
    color: #FFF !important;
    background-color: #87888C;
    box-shadow: 0px 3px 10px;
}
/* filter: drop-shadow(5px 5px 5px #222); */

.dgt .left_col .nav.child_menu {
    background: #242c42 !important;
}

.dgt .left_col .nav.child_menu li a {
    color: #f8f8f8;
}
.dgt .nav_menu #menu-search-nav-menu-autocomplete-list,
.dgt .nav_menu #menu-search-nav-menu {
    color:#363636 !important;
}
.dgt .nav_menu i {
    color:#FFF !important;
}
.dgt .nav_menu i.fa-sign-out-alt {
    color:#5A738E !important;
}
.dgt li a.user-profile {
    color: #FFF !important;
}
.dgt .top_nav .nav .open > a,
.dgt .top_nav .nav .open > a:focus,
.dgt .top_nav .nav .open > a:hover,
.dgt .top_nav .nav > li > a:focus,
.dgt .top_nav .nav > li > a:hover{
    background-color: #1698AA !important;
}

.dgt .nav_menu .alterar-senha-option,
.dgt .nav_menu .academy-option {
    display: none;
}

.dgt ul.side-menu>li img {
    filter: drop-shadow(1px 3px 3px RGB(0, 0, 0, 0.7)); drop-shadow(-1px -3px 3px RGB(0, 0, 0, 0.7));
    background: transparent;
}

.dgt ul.side-menu>li i {
    filter: drop-shadow(1px 3px 3px RGB(0, 0, 0, 0.7)); drop-shadow(-1px -3px 3px RGB(0, 0, 0, 0.7));
}

.dgt .nav.side-menu>li.active>a {
    background: transparent !important;
    box-shadow: 0px 0px 3px 1px !important;
}

.dgt ul.nav.child_menu {
    background: linear-gradient(90deg, rgba(42,63,84,1) 0%, rgba(75,109,143,1) 35%, rgba(42,63,84,1) 100%) !important;
}

.dgt ul.nav.child_menu li {
    box-shadow: 0px 1px 3px -2px;
}

.nav-sm .dgt ul.nav.child_menu a:hover {
    color: #ffffff;
    font-size: 11px;
}

.dgt .nav.child_menu li.active, .nav.child_menu li:hover {
    background-color: transparent !important;
}

.dgt .btn-dark,
.dgt .btn-primary,
.dgt .btn-info {
    background-color: rgb(42, 63, 84, 1) !important;
    border-color: rgb(42, 63, 84, 1);
}

body.dgt:not(.temas-login) {
    background: transparent !important;
}

.top_nav .dgt-logo-visionsafeway {
    margin-left: 1%;
    width: 158px;
    height: 50px;
}

/*
===================================================================================================================================
Fim do tema DGT
===================================================================================================================================
*/