@import url("../../content/assets/css/themes/default.min.css");

/* Variaveis */

:root {
    /*Colors*/
    --primary-color: #195087;
    --primary-color-hover: #17497B;
    --secondary-color: #1F6AB9;
    --secondary-color-hover: #185390;
    --danger-color: #AF0F20;
    --danger-color-hover: #90000F;
    --success-color: #009A84;
    --success-color-hover: #007867;
    --warning-color: #D98F01;
    --warning-color-hover: #C18104;
    --info-color: #8950FC;
    --info-color-hover: #6F41CC;
    --cancel-color: #CACCD1;
    --cancel-color-hover: #AEAFB2;
    --cancel-color-font: #3A3C4B;
    --primary-color-menu-hover: #009EF7;
    --outline-primary-color: #195087;
    --outline-primary-color-hover: #17497B;
    --outline-primary-background: #F1F1F1;
    --outline-danger-color: #ffffff;
    --outline-danger-color-font: #AF0F20;
    --outline-danger-color-hover: #F1F1F1;
    --outline-danger-color-hover-font: #90000F;
    --outline-success-color: #ffffff;
    --outline-success-color-font: #009A84;
    --outline-success-color-hover: #F1F1F1;
    --outline-success-color-hover-font: #007867;
    --outline-warning-color: #ffffff;
    --outline-warning-color-font: #D98F01;
    --outline-warning-color-hover: #F1F1F1;
    --outline-warning-color-hover-font: #C18104;
    --outline-info-color: #ffffff;
    --outline-info-color-font: #8950FC;
    --outline-info-color-hover: #F1F1F1;
    --outline-info-color-hover-font: #4813b2;
    --primary-light-color: #E1F0FF;
    --primary-light-color-hover: #3699FF;
    --light-primary-color: #E1F0FF;
    --light-primary-color-hover: #187DE4;
    --light-danger-color: #FFE2E5;
    --light-danger-color-hover: #F64E60;
    --light-success-color: #C9F7F5;
    --light-success-color-hover: #1BC5BD;
    --light-warning-color: #FFF4DE;
    --light-warning-color-hover: #FFA800;
    --light-info-color: #E3D6FC;
    --light-info-color-hover: #8950FC;
    --pagination-disable-color: #F1F1F1;
    --pagination-disable-color-font: #A1A5B7;
    --label-danger-color: #EED9DB;
    --label-danger-color-font: #90000F;
    --label-warning-color: #FFF4DE;
    --label-warning-color-font: #533705;
    --label-process-color: #DECCFF;
    --label-process-color-font: #29007B;
    --label-success-color: #C9F7F5;
    --label-success-color-font: #135350;
    --label-cancel-color: #CACCD1;
    --label-cancel-color-font: #3A3C4B;
    --white: #ffffff;
    --black: #000000;
    /*Topo/Menu*/
    --fundo-topo-logo: #1a1a27;
    --fundo-menu: #1e1e2d;
    --fundo-menu-categoria-selecionada: #1a1a27;
    --fundo-menu-mouse-hover: #1a1a27;
    --fundo-menu-item-selecionado: #009EF7;
    --font-menu: #C1C6D7;
    /*Files*/
    --logo: url(../../content/img/benner-saude.svg);
    --logo-minha-benner: url(../../content/img/icone_minhabenner.png);
    /*Fonts*/
    --font-weight-small: 400;
    --font-weight-medium: 500;
    --font-weight-large: 700;
    /*Layouts*/
    --border-radius: 0.42rem;
}


/* Estrutura Inicio */

.page-header.navbar .page-logo .logo {
    background-image: url(../../content/img/benner-saude.svg);
    background-image: var(--logo);
    background-position: 0;
    background-repeat: no-repeat;
    width: 200px !important;
    height: 46px;
    margin-top: 10px !important;
}

.page-header.navbar .page-logo .logo-default {
    background-image: url(../../content/img/benner-saude.svg);
    background-image: var(--logo);
    background-position: 0;
    background-repeat: no-repeat;
    width: 200px !important;
    height: 46px;
    margin-top: 7px !important;
}

.minha-benner-icon {
    background-image: url(../../content/img/icone_minhabenner.png);
    background-image: var(--logo-minha-benner);
    background-repeat: no-repeat;
}

#minhaBennerTopBar {
    display: inline-block;
    vertical-align: middle;
}
/* === Font Family Poppins ===*/

body:not(.ace_editor) {
    font-family: "Open Sans", "Helvetica", "sans-serif", "Poppins";
    font-size: 16px;
    color: #1f1f1f;
    background-color: transparent;
}

.page-footer {
    clear: both;
    width: 100%;
    position: fixed;
    margin: auto;
    bottom: 0;
    z-index: 9993;
}

.page-content-wrapper .page-content {
    padding-top: 10px !important;
    margin-bottom: 33px;
}

a {
    text-shadow: none;
}


/* Tipografia */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Open Sans", "Helvetica", "sans-serif", "Poppins";
    color: #1F1F1F;
}

h1 {
    font-size: 32px;
    font-weight: 500;
    font-weight: var(--font-weight-medium);
}

h2 {
    font-size: 28px;
    font-weight: 500;
    font-weight: var(--font-weight-medium);
}

h3 {
    font-size: 20px;
    font-weight: 500;
    font-weight: var(--font-weight-medium);
}

h4 {
    font-size: 21.6px;
    font-weight: 400;
    font-weight: var(--font-weight-small);
}

h5 {
    font-size: 20px;
    font-weight: 400;
    font-weight: var(--font-weight-small);
}

h6 {
    font-size: 18.8px;
    font-weight: 400;
    font-weight: var(--font-weight-small);
}

.portlet.light > .portlet-title > .caption > .caption-subject {
    font-size: 20px;
}

.form .form-actions {
    text-align: end !important;
    text-align: right !important;
}

.form-actions.top.nobg.no-border.commands-bar.fluid.list-commands-bar {
    text-align: end !important;
    text-align: right !important;
}


/* Estrutura Inicio */

.tools .form-actions.top.nobg.no-border.commands-bar.fluid.list-commands-bar {
    text-align: right !important;
    display: inline-block !important;
}

.top-actions {
    position: absolute;
    border-bottom: 0px !important;
}

.top-actions-bar {
    border-bottom: 1px solid #e7ecf1 !important;
}

.form-actions {
    padding: 5px 0 5px;
    margin-bottom: 5px;
}


/* Desktop */

@media (min-width: 992px) {
    .page-sidebar {
        width: 263px;
        float: left;
        position: relative;
        margin-right: -100%;
    }

    .page-header.navbar .page-logo {
        background: #1a1a27;
        background: var(--fundo-topo-logo);
        float: left;
        display: block;
        width: 259px;
        height: 65px;
        align-content: center;
        padding-left: 20px;
        padding-right: 10px;
    }

    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
    .page-sidebar .page-sidebar-menu {
        width: 259px !important;
    }

    .page-content-wrapper {
        float: left !important;
        width: 97.8% !important;
        background-color: #1e1e2d;
        background-color: var(--fundo-menu);
    }

    .page-container-bg-solid .page-content {
        position: relative;
        background: #F1F2F7 !important;
        left: 24px;
    }

    .page-sidebar-closed .page-sidebar,
    .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed {
        width: 69px !important;
    }

        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a {
            padding-left: 12px;
        }

    .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu,
    .page-sidebar-menu.page-sidebar-menu-houver-submenu > li:hover > .sub-menu {
        box-shadow: 5px 5px rgba(48, 48, 48, 0.2);
    }

        .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-toggler-wrapper,
        .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-search-wrapper,
        .page-sidebar-menu.page-sidebar-menu-houver-submenu > li:hover > .sub-menu.sidebar-toggler-wrapper,
        .page-sidebar-menu.page-sidebar-menu-houver-submenu > li:hover > .sub-menu.sidebar-search-wrapper {
            box-shadow: none;
        }

    .page-sidebar-menu.page-sidebar-menu-closed > li:hover {
        box-shadow: none;
    }

    .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-toggler-wrapper,
    .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-search-wrapper,
    .page-sidebar-menu.page-sidebar-menu-houver-submenu > li:hover > .sub-menu.sidebar-toggler-wrapper,
    .page-sidebar-menu.page-sidebar-menu-houver-submenu > li:hover > .sub-menu.sidebar-search-wrapper {
        box-shadow: none;
    }

    .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-toggler-wrapper,
    .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-search-wrapper {
        box-shadow: none;
    }

    .page-sidebar-menu.page-sidebar-menu-closed > li:hover, .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
        box-shadow: 5px 5px rgba(48, 48, 48, 0.2);
    }

    @media (min-width: 992px) {

        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.open > .sub-menu,
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > .sub-menu {
            display: none !important;
            background: #1e1e2c;
            left: 70px !important;
        }

        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .arrow,
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .badge,
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .title {
            display: none !important;
            background: transparent !important;
        }

        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > .title {
            padding-left: 35px;
        }
            .page-sidebar .page-sidebar-menu .sub-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a {
            color: #bdbdbd;
        }
        .page-sidebar .page-sidebar-menu .sub-menu > li > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i {
            color: #777;
        }
    }

    .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-toggler-wrapper,
    .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-search-wrapper {
        box-shadow: none;
    }

    .page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed > li.heading {
        padding: 0;
        margin-top: 15px;
        margin-bottom: 15px;
        border-top: 1px solid #484848 !important;
    }

    .page-sidebar-fixed:not(.page-footer-fixed) .page-content {
        border-bottom: 0;
    }

    .page-sidebar-fixed:not(.page-footer-fixed) .page-footer {
        background-color: #ffffff;
        background-color: var(--white);
    }

        .page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner {
            color: #333;
        }

    .page-container-bg-solid .page-bar {
        margin-bottom: 10px;
        margin-top: -5px !important;
    }

    @media (min-width: 992px) {
        .page-container-bg-solid #breadcrumbUpdatePanel .page-bar {
            margin-bottom: 10px;
        }
    }

    .page-content-wrapper .page-bar {
        background-color: #fff;
        position: relative;
        padding: 0 20px;
        margin: 0px !important;
    }

    .page-boxed {
        background-color: #353535 !important;
    }

        .page-boxed .page-container {
            background-color: #3d3d3d;
            border-left: 1px solid #484848;
            border-bottom: 1px solid #484848;
        }

        .page-boxed.page-sidebar-reversed .page-container {
            border-left: 0;
            border-right: 1px solid #484848;
        }

        .page-boxed.page-sidebar-fixed .page-container {
            border-left: 0;
            border-bottom: 0;
        }

        .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {
            border-left: 0;
            border-right: 0;
            border-bottom: 0;
        }

        .page-boxed.page-sidebar-fixed .page-sidebar {
            border-left: 1px solid #484848;
        }

        .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
            border-right: 1px solid #484848;
            border-left: 0;
        }

        .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer {
            background-color: #353535 !important;
        }

            .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer .page-footer-inner {
                color: #a3a3a3;
            }

    .page-sidebar-menu-hover-submenu li:hover a > .arrow,
    .page-sidebar-menu-houver-submenu li:hover a > .arrow {
        border-right: 8px solid #3a3a3a;
    }

    .page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow,
    .page-sidebar-reversed .page-sidebar-menu-houver-submenu li:hover a > .arrow {
        border-left: 8px solid #3a3a3a;
    }

    .page-sidebar-menu-hover-submenu li:hover > .sub-menu,
    .page-sidebar-menu-houver-submenu li:hover > .sub-menu {
        background: #3a3a3a !important;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
        box-shadow: 0 5px 15pxrgba(0, 0, 0, .5);
    }
    /* Formulário */
            .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo {
        padding: 0;
        width: 69px !important;
        position: relative;
    }

        .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo .logo-default {
            display: none;
        }
}

@media (max-width: 991px) {
    .page-sidebar {
        background-color: #2b2b2b;
    }

        .page-sidebar .page-sidebar-menu > li:hover > a,
        .page-sidebar .page-sidebar-menu > li.open > a {
            background: #333333;
        }

        .page-sidebar .page-sidebar-menu > li:last-child > a {
            border-bottom: 0 !important;
        }

        .page-sidebar .page-sidebar-menu > li .sub-menu {
            background-color: #2b2b2b !important;
        }

        .page-sidebar .page-sidebar-menu .sidebar-search input {
            background-color: #2b2b2b !important;
        }

        .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a,
        .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
            background: #333333;
        }

        .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
        .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
            background: #333333;
        }

            .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
            .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
                background: #333333;
            }

        .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
            background: #2b2b2b !important;
        }

            .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a,
            .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a,
            .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
                background: #333333 !important;
            }

        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
        .page-sidebar .page-sidebar-menu {
            z-index: 99999;
        }

    .page-header.navbar {
        background-color: #1a1a27 !important;
        background-color: var(--fundo-menu-categoria-selecionada) !important;
        right: 5px;
    }

    #searcher-modal .modal-content {
        -moz-border-radius: 10px !important;
        -webkit-border-radius: 10px !important;
        border-radius: 10px !important;
        top: 35px;
        left: 30px;
    }

    .tooltip {
        min-width: 200px;
    }
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: left !important;
        margin-bottom: 0;
        padding-top: 7px;
    }

    .widget .filter-actions {
        padding: 0 !important;
    }
}

@media (max-width: 768px) {
    .element {
        visibility: hidden;
    }

        .element i {
            /* Seleciona somente o ícone dentro do link */
            background-color: #5cb85c;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
            padding: 5px;
            visibility: visible;
        }

    #searcher-modal .modal-content {
        -moz-border-radius: 10px !important;
        -webkit-border-radius: 10px !important;
        border-radius: 10px !important;
        top: 55px;
        left: 2px;
    }

    .widget .filter-actions a {
        width: 49% !important;
    }

    .page-footer {
        height: 60px;
    }

        .page-footer .page-footer-inner .footer-1 {
            order: 2;
            width: 50%;
        }

        .page-footer .page-footer-inner .footer-3 {
            margin-left: auto;
            order: 3;
        }

    .page-footer-inner .info-company {
        font-weight: bold;
        font-size: 15px;
        overflow: hidden;
        white-space: nowrap;
        order: 1;
    }

        .page-footer-inner .info-company span {
            overflow: hidden;
            text-overflow: ellipsis;
        }
}

@media (max-width: 480px) {
    .page-header.navbar .top-menu {
        background-color: #3d3d3d;
    }

    .page-header-fixed-mobile .page-header.navbar .top-menu {
        background-color: #1f1f1f;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
        background-color: #1a1a27;
        background-color: var(--fundo-menu-categoria-selecionada);
    }

    .page-header-fixed-mobile .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
        background: none;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
        background-color: #393939;
    }

    #searcher-modal .modal-content {
        -moz-border-radius: 10px !important;
        -webkit-border-radius: 10px !important;
        border-radius: 10px !important;
        top: 94px;
        left: 10px;
    }

    .page-header.navbar .top-menu .navbar-nav {
        margin-right: 0;
        background-color: #1a1a27;
        background-color: var(--fundo-menu-categoria-selecionada);
    }
}


/* Scroll Menus - Inicio */


/* Firefox */

* {
    scrollbar-width: thin;
    scrollbar-color: #4A4B68;
}


    /* Chrome, Edge, and Safari */

    *::-webkit-scrollbar {
        width: 15px;
    }

    *::-webkit-scrollbar-track {
        background: transparent;
    }

    *::-webkit-scrollbar-thumb {
        background-color: #4A4B68;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        border: 3px solid transparent;
    }


/* Scroll Menus - Final */


/* Menu */

.bg-green {
    background-color: #1E1E2C !important;
}

    .bg-green:hover {
        background-color: #1a1a27 !important;
    }

.menu-do-desenvolvedor {
    color: #ffffff;
    color: var(--white);
}

.page-header.navbar .hor-menu .navbar-nav > li > a > i {
    color: darkorange;
}


/* === Usuário === */

.usuario {
    background-color: purple;
    color: paleturquoise;
    height: 30px;
    width: 30px;
}

    .usuario:hover {
        background-color: purple;
        color: paleturquoise;
    }


/* Botões */


/*Default*/

.btn.default:not(.btn-outline).active,
.btn.default:not(.btn-outline):active,
.btn.default:not(.btn-outline):hover,
.open > .btn.default:not(.btn-outline).dropdown-toggle {
    color: #3699FF;
    color: var(--primary-color);
    background-color: #aed7ff;
    border-color: #a4d1ff;
}

.btn.default:not(.btn-outline) {
    color: #3699FF;
    color: var(--primary-color);
    background-color: #E1F0FF;
    background-color: var(--primary-light-color);
    border-color: #E1F0FF;
    border-color: var(--primary-light-color);
}

.btn.btn-icon-only.btn-circle.btn-sm.usuario {
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
    margin-top: -1px !important;
}

.btn.grey-steel:not(.btn-outline) {
    color: darkorange;
    background-color: #e9edef;
    border-color: #e9edef;
}

    .btn.grey-steel:not(.btn-outline).active.focus,
    .btn.grey-steel:not(.btn-outline).active:focus,
    .btn.grey-steel:not(.btn-outline).active:hover,
    .btn.grey-steel:not(.btn-outline):active.focus,
    .btn.grey-steel:not(.btn-outline):active:focus,
    .btn.grey-steel:not(.btn-outline):active:hover,
    .open > .btn.grey-steel:not(.btn-outline).dropdown-toggle.focus,
    .open > .btn.grey-steel:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.grey-steel:not(.btn-outline).dropdown-toggle:hover {
        color: #3699FF;
        color: var(--primary-color) !important;
        background: #f5f5f5 !important;
        border-color: #f5f5f5;
    }

button.btn.btn-sm.grey-steel.dropdown-toggle.dropdown-houver {
    color: #3699FF;
    color: var(--primary-color) !important;
}

.bg-yellow-gold {
    background-color: #1E1E2C !important;
}


/* Green */

.btn.green,
.btn.green:not(.btn-outline).active,
.btn.green:not(.btn-outline):active,
.btn.green:not(.btn-outline),
.open > .btn.green:not(.btn-outline).dropdown-toggle {
    background-color: #1BC5BD;
    background-color: var(--success-color) !important;
    border-color: #1BC5BD;
    border-color: var(--success-color) !important;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
    font-size: 13px;
    color: #ffffff;
    color: var(--white);
    font-weight: 700;
    font-weight: var(--font-weight-large);
}

    .btn.green:hover,
    .btn.green:not(.btn-outline).active:hover,
    .btn.green:not(.btn-outline):active:hover,
    .btn.green:not(.btn-outline):hover,
    .open > .btn.green:not(.btn-outline).dropdown-toggle:hover {
        background-color: #0BB7AF;
        background-color: var(--success-color-hover) !important;
        border-color: #0BB7AF;
        border-color: var(--success-color-hover) !important;
    }


/* Blue / Primary */

.btn.blue {
    background-color: #3699FF;
    background-color: var(--secondary-color) !important;
    border-color: #3699FF;
    border-color: var(--secondary-color) !important;
    color: #ffffff;
    color: var(--white) !important;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
    font-size: 13px;
    font-weight: 700;
    font-weight: var(--font-weight-large);
}

    .btn.blue:hover {
        background-color: #085099;
        background-color: var(--secondary-color-hover) !important;
        border-color: #085099;
        border-color: var(--secondary-color-hover) !important;
        color: #ffffff;
        color: var(--white) !important;
    }

.btn.btn-primary,
.btn.btn-save,
.btn.btn-new {
    background-color: #195087;
    background-color: var(--primary-color) !important;
    border-color: #195087;
    border-color: var(--primary-color) !important;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
    font-size: 13px;
    color: #ffffff;
    color: var(--white) !important;
    font-weight: 700;
    font-weight: var(--font-weight-large);
}

    .btn.btn-primary:hover,
    .btn.btn-save:hover,
    .btn.btn-new:hover {
        background-color: #17497B;
        background-color: var(--primary-color-hover) !important;
        border-color: #17497B;
        border-color: var(--primary-color-hover) !important;
        color: #ffffff;
        color: var(--white) !important;
    }     

    
/* Light */

.btn.btn-light-primary {
    background-color: #E1F0FF;
    background-color: var(--light-primary-color) !important;
    border-color: #E1F0FF;
    border-color: var(--light-primary-color) !important;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
    font-size: 13px;
    color: #ffffff;
    color: var(--white) !important;
    font-weight: 700;
    font-weight: var(--font-weight-large);
}

    .btn.btn-light-primary:hover {
        background-color: #187DE4;
        background-color: var(--light-primary-color-hover) !important;
        border-color: #187DE4;
        border-color: var(--light-primary-color-hover) !important;
        color: #ffffff;
        color: var(--white) !important;
    }

.btn.btn-light-danger {
    background-color: #FFE2E5;
    background-color: var(--light-danger-color) !important;
    border-color: #FFE2E5;
    border-color: var(--light-danger-color) !important;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
    font-size: 13px;
    color: #F64E60;
    color: var(--light-danger-color-hover) !important;
    font-weight: 700;
    font-weight: var(--font-weight-large);
}

    .btn.btn-light-danger:hover {
        background-color: #F64E60;
        background-color: var(--light-danger-color-hover) !important;
        border-color: #F64E60;
        border-color: var(--light-danger-color-hover) !important;
        color: #ffffff;
        color: var(--white) !important;
    }

.btn.btn-light-success {
    background-color: #C9F7F5;
    background-color: var(--light-success-color) !important;
    border-color: #C9F7F5;
    border-color: var(--light-success-color) !important;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
    font-size: 13px;
    color: #1BC5BD;
    color: var(--light-success-color-hover) !important;
    font-weight: 700;
    font-weight: var(--font-weight-large);
}

    .btn.btn-light-success:hover {
        background-color: #1BC5BD;
        background-color: var(--light-success-color-hover) !important;
        border-color: #1BC5BD;
        border-color: var(--light-success-color-hover) !important;
        color: #ffffff;
        color: var(--white) !important;
    }

.btn.btn-light-warning {
    background-color: #FFF4DE;
    background-color: var(--light-warning-color) !important;
    border-color: #FFF4DE;
    border-color: var(--light-warning-color) !important;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
    font-size: 13px;
    color: #FFA800;
    color: var(--light-warning-color-hover) !important;
    font-weight: 700;
    font-weight: var(--font-weight-large);
}

    .btn.btn-light-warning:hover {
        background-color: #FFA800;
        background-color: var(--light-warning-color-hover) !important;
        border-color: #FFA800;
        border-color: var(--light-warning-color-hover) !important;
        color: #ffffff;
        color: var(--white) !important;
    }

.btn.btn-light-info {
    background-color: #E3D6FC;
    background-color: var(--light-info-color) !important;
    border-color: #E3D6FC;
    border-color: var(--light-info-color) !important;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
    font-size: 13px;
    color: #8950FC;
    color: var(--light-info-color-hover) !important;
    font-weight: 700;
    font-weight: var(--font-weight-large);
}

    .btn.btn-light-info:hover {
        background-color: #8950FC;
        background-color: var(--light-info-color-hover) !important;
        border-color: #8950FC;
        border-color: var(--light-info-color-hover) !important;
        color: #ffffff;
        color: var(--white) !important;
    }

.btn.grey-silver:not(.btn-outline):hover,
.open > .btn.grey-silver:not(.btn-outline).dropdown-toggle:hover {
    background-color: #1F5D9E;
    background-color: var(--primary-color-hover) !important;
    border-color: #1F5D9E;
    border-color: var(--primary-color-hover) !important;
    outline: 0 !important;
}

.btn.grey-silver:not(.btn-outline).active,
.open > .btn.grey-silver:not(.btn-outline).dropdown-toggle,
.btn.grey-silver:not(.btn-outline) {
    background-color: #2275CB;
    background-color: var(--primary-color) !important;
    border-color: #2275CB;
    border-color: var(--primary-col) !important;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
    font-size: 13px !important;
    color: #FFF;
    color: var(--white) !important;
    font-weight: 700 !important;
}


/*Cancel*/

.btn.btn-cancel,
.btn.btn-savenew {
    background-color: #CACCD1;
    background-color: var(--cancel-color) !important;
    border-color: #CACCD1;
    border-color: var(--cancel-color) !important;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
    font-size: 13px;
    color: #3A3C4B;
    color: var(--cancel-color-font) !important;
    font-weight: 700;
    font-weight: var(--font-weight-large);
}

    .btn.btn-cancel:hover,
    .btn.btn-savenew:hover {
        background-color: #AEAFB2;
        background-color: var(--cancel-color-hover) !important;
        border-color: #AEAFB2;
        border-color: var(--cancel-color-hover) !important;
    }


/* Outline */

.btn.btn-outline-primary {
    background-color: #FFFFFF;
    background-color: var(--white) !important;
    border-color: #195087;
    border-color: var(--outline-primary-color) !important;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
    font-size: 13px;
    color: #195087;
    color: var(--outline-primary-color) !important;
    font-weight: 700;
    font-weight: var(--font-weight-large);
}

    .btn.btn-outline-primary:hover {
        background-color: #F1F1F1;
        background-color: var(--outline-primary-background) !important;
        color: #17497B;
        color: var(--outline-primary-color-hover) !important;
        border-color: #17497B;
        border-color: var(--outline-primary-color-hover) !important;
    }

.btn.btn-outline-danger {
    background-color: transparent;
    background-color: var(--outline-danger-color) !important;
    border-color: #AF0F20;
    border-color: var(--outline-danger-color-font) !important;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
    font-size: 13px;
    color: #AF0F20;
    color: var(--outline-danger-color-font) !important;
    font-weight: 700;
    font-weight: var(--font-weight-large);
}

    .btn.btn-outline-danger:hover {
        background-color: #F1F1F1;
        background-color: var(--outline-danger-color-hover) !important;
        color: #90000F;
        color: var(--outline-danger-color-hover-font) !important;
        border-color: #90000F;
        border-color: var(--outline-danger-color-hover-font) !important;
    }

.btn.btn-outline-success {
    background-color: #ffffff;
    background-color: var(--outline-success-color) !important;
    border-color: #009A84;
    border-color: var(--outline-success-color-font) !important;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
    font-size: 13px;
    color: #009A84;
    color: var(--outline-success-color-font) !important;
    font-weight: 700;
    font-weight: var(--font-weight-large);
}

    .btn.btn-outline-success:hover {
        background-color: #F1F1F1;
        background-color: var(--outline-success-color-hover) !important;
        color: #007867;
        color: var(--outline-success-color-hover-font) !important;
        border-color: #007867;
        border-color: var(--outline-success-color-hover-font) !important;
    }

.btn.btn-outline-warning {
    background-color: transparent;
    background-color: var(--outline-warning-color) !important;
    border-color: #D98F01;
    border-color: var(--outline-warning-color-font) !important;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
    font-size: 13px;
    color: #D98F01;
    color: var(--outline-warning-color-font) !important;
    font-weight: 700;
    font-weight: var(--font-weight-large);
}

    .btn.btn-outline-warning:hover {
        background-color: #F1F1F1;
        background-color: var(--outline-warning-color-hover) !important;
        color: #C18104;
        color: var(--outline-warning-color-hover-font) !important;
        border-color: #C18104;
        border-color: var(--outline-warning-color-hover-font) !important;
    }

.btn.btn-outline-info {
    background-color: #FFFFFF;
    background-color: var(--outline-info-color) !important;
    border-color: #8950FC;
    border-color: var(--outline-info-color-font) !important;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
    font-size: 13px;
    color: #8950FC;
    color: var(--outline-info-color-font) !important;
    font-weight: 700;
    font-weight: var(--font-weight-large);
}

    .btn.btn-outline-info:hover {
        background-color: #f1f1f1;
        background-color: var(--outline-info-color-hover) !important;
        color: #4813b2;
        color: var(--outline-info-color-hover-font) !important;
        border-color: #4813b2;
        border-color: var(--outline-info-color-hover-font) !important;
    }


/* Secondary */

.btn.btn-secondary,
.btn.btn-edit,
.btn.save-new {
    background-color: #1F6AB9;
    background-color: var(--secondary-color) !important;
    border-color: #1F6AB9;
    border-color: var(--secondary-color) !important;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
    font-size: 13px;
    color: #FFF;
    color: var(--white) !important;
    font-weight: 700;
    font-weight: var(--font-weight-large);
}

    .btn.btn-secondary:hover,
    .btn.btn-edit:hover,
    .btn.save-new:hover {
        background-color: #185390;
        background-color: var(--secondary-color-hover) !important;
        border-color: #185390;
        border-color: var(--secondary-color-hover) !important;
        color: #ffffff;
        color: var(--white) !important;
    }


/* Warning */

.btn.btn-warning {
    background-color: #D98F01;
    background-color: var(--warning-color) !important;
    border-color: #D98F01;
    border-color: var(--warning-color) !important;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
    font-size: 13px;
    color: #ffffff;
    color: var(--white) !important;
    font-weight: 700;
    font-weight: var(--font-weight-large);
}

    .btn.btn-warning:hover {
        background-color: #C18104;
        background-color: var(--warning-color-hover) !important;
        border-color: #C18104;
        border-color: var(--warning-color-hover) !important;
    }


/* Success */

.btn.btn-success,
.btn.btn-finish {
    background-color: #009A84;
    background-color: var(--success-color) !important;
    border-color: #009A84;
    border-color: var(--success-color) !important;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
    font-size: 13px;
    color: #ffffff;
    color: var(--white) !important;
    font-weight: 700;
    font-weight: var(--font-weight-large);
}

    .btn.btn-success:hover,
    .btn.btn-finish:hover {
        background-color: #007867;
        background-color: var(--success-color-hover) !important;
        border-color: #007867;
        border-color: var(--success-color-hover) !important;
    }


/* Info */

.btn.btn-info {
    background-color: #8950FC;
    background-color: var(--info-color) !important;
    border-color: #8950FC;
    border-color: var(--info-color) !important;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
    font-size: 13px;
    color: #ffffff;
    color: var(--white) !important;
    font-weight: 700;
    font-weight: var(--font-weight-large);
}

    .btn.btn-info:hover {
        background-color: #6F41CC;
        background-color: var(--info-color-hover) !important;
        border-color: #6F41CC;
        border-color: var(--info-color-hover) !important;
    }


/* Danger / Red */

.btn.btn-danger,
.btn.btn-del,
.btn.red:not(.btn-outline).active,
.btn.red:not(.btn-outline):active,
.btn.red:not(.btn-outline),
.open > .btn.red:not(.btn-outline).dropdown-toggle {
    background-color: #AF0F20;
    background-color: var(--danger-color) !important;
    border-color: #AF0F20;
    border-color: var(--danger-color) !important;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
    font-size: 13px;
    color: #ffffff;
    color: var(--white) !important;
    font-weight: 700;
    font-weight: var(--font-weight-large);
}

    .btn.btn-danger:hover,
    .btn.btn-del:hover,
    .btn.red:not(.btn-outline).active:hover,
    .btn.red:not(.btn-outline):hover,
    .open > .btn.red:not(.btn-outline).dropdown-toggle:hover {
        background-color: #90000F;
        background-color: var(--danger-color-hover) !important;
        border-color: #90000F;
        border-color: var(--danger-color-hover) !important;
    }

.heading {
    background: #1e1e2d;
    color: #ffffff;
    color: var(--white);
}


/* === Cor do fundo do menu do desenvolvedor ===*/

.button-container {
    background-position: center;
    align-items: center;
    justify-content: flex-end;
    margin: 5px;
}

button {
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -webkit-border-radius: var(--border-radius) !important;
    -moz-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
    font-size: 16px;
    font-weight: 500;
    font-weight: var(--font-weight-medium);
    margin: 5px;
}

.input-group-btn .btn {
    margin-left: -1px;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
}

.symbol.symbol-light-success .symbol-label {
    background-color: #C9F7F5;
    color: #1BC5BD;
    color: var(--success-color);
}

i.btn-action {
    padding-right: 0px !important;
}

.symbol .symbol-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 500;
    font-weight: var(--font-weight-medium);
    color: #1F1F1F;
    background-color: #F3F6F9;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
}

.btn.btn-clean:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-clean:focus:not(.btn-text),
.btn.btn-clean.focus:not(.btn-text) {
    color: #3699FF;
    color: var(--primary-color);
    background-color: #F3F6F9;
    border-color: transparent;
}

.btn.btn-icon.btn-lg,
.btn-group-lg > .btn.btn-icon {
    height: calc(1.5em + 1.65rem + 2px);
    width: calc(1.5em + 1.65rem + 2px);
}

.btn-group-xs {
    font-size: 14px;
}

/* Header */

.navbar-nav > li {
    float: none !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0px 0.25rem;
}

.page-header.navbar .top-menu {
    margin: 0;
    padding: 0;
    float: right;
}

.page-header.navbar .top-menu {
    margin: 0;
    padding: 0;
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

a.dashboard-stat .details {
    margin-right: 8px;
}

.wes-tile .wes-default-tile .details {
    margin-top: 0;
}

.dashboard-stat .details .desc {
    text-align: right;
    font-size: 15px !important;
    letter-spacing: 0;
    font-weight: 300;
}

.form-group h4.tab-form-section {
    margin-top: 0px !important;
}


/* === Pesquisa ===*/

#searcher > a:hover {
    color: #3699FF;
    color: var(--primary-color) !important;
    background: #F1F2F7 !important;
    border: none !important;
    padding: 10px !important;
    min-height: 25px;
    text-align: center !important;
    text-decoration: none !important;
    display: flex !important;
    margin-top: 5px !important;
    margin-bottom: 2px !important;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
    align-items: center !important;
    margin-top: 10px;
    padding-top: 10px;
    height: 40px !important;
}

#searcher > a > i {
    color: #3699FF;
    color: var(--primary-color);
    font-size: 17px;
}

#searcher:hover > a > i {
    color: #3699FF;
    color: var(--primary-color);
}

#searcher > a {
    margin: 0;
    padding: 19px 10px 10px !important;
    height: 50px;
}


/* === Chat ===*/

#chat-bot > a:hover,
#chat-bot > a:focus {
    color: #3699FF;
    color: var(--primary-color) !important;
    background: #F1F2F7 !important;
    border: none !important;
    padding: 10px !important;
    min-height: 25px;
    text-align: center !important;
    text-decoration: none !important;
    display: flex !important;
    margin-top: 5px !important;
    margin-bottom: 2px !important;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
    align-items: center !important;
    margin-top: 10px;
    padding-top: 10px;
    height: 40px !important;
}

#chat-bot > a > i {
    color: #3699FF;
    color: var(--primary-color) !important;
    font-size: 17px !important;
}

#chat-bot:hover > a > i {
    color: #3699FF;
    color: var(--primary-color) !important;
}


/* === Pesquisa ===*/


/* === Gráfico ===*/

#header_task_bar > a:hover {
    color: #3699FF;
    color: var(--primary-color) !important;
    background: #F1F2F7 !important;
    border: none !important;
    padding: 10px !important;
    min-height: 25px;
    text-align: center !important;
    text-decoration: none !important;
    margin-top: 5px !important;
    margin-bottom: 2px !important;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
    align-items: center !important;
    margin-top: 10px;
    padding-top: 10px;
}

#header_task_bar > a > i {
    color: #3699FF;
    color: var(--primary-color);
    font-size: 17px;
}

#header_task_bar:hover > a > i {
    color: #3699FF;
    color: var(--primary-color);
}


/* === Fábrica ===*/

#header_inbox_bar > a:hover {
    color: #3699FF;
    color: var(--primary-color) !important;
    background: #F1F2F7 !important;
    border: none !important;
    padding: 10px !important;
    min-height: 25px;
    text-align: center !important;
    text-decoration: none !important;
    display: flex !important;
    margin-top: 5px !important;
    margin-bottom: 2px !important;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
    align-items: center !important;
    margin-top: 10px;
    padding-top: 10px;
    height: 40px !important;
}

#header_inbox_bar > a > i {
    color: #3699FF;
    color: var(--primary-color);
    font-size: 17px;
}

#header_inbox_bar:hover > a > i {
    color: #3699FF;
    color: var(--primary-color);
}


/* === Envelope ===*/

#header_envelope > a:hover {
    color: #3699FF;
    color: var(--primary-color) !important;
    background: #F1F2F7 !important;
    border: none !important;
    padding: 10px !important;
    min-height: 25px;
    text-align: center !important;
    text-decoration: none !important;
    display: flex !important;
    margin-top: 5px !important;
    margin-bottom: 2px !important;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
    align-items: center !important;
    margin-top: 10px;
    padding-top: 10px;
    height: 40px !important;
}

#header_envelope > a > i {
    color: #3699FF;
    color: var(--primary-color);
    font-size: 17px;
}

#header_envelope:hover > a > i {
    color: #3699FF;
    color: var(--primary-color);
}


/* === Help F1 ===*/

#helpDocumentation > a:hover {
    color: #3699FF;
    color: var(--primary-color) !important;
    background: #F1F2F7 !important;
    border: none !important;
    padding: 10px !important;
    min-height: 25px;
    text-align: center !important;
    text-decoration: none !important;
    display: flex !important;
    margin-top: 5px !important;
    margin-bottom: 2px !important;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
    align-items: center !important;
    margin-top: 10px;
    padding-top: 10px;
    height: 40px !important;
}

#helpDocumentation > a > i {
    color: #3699FF;
    color: var(--primary-color);
    font-size: 17px;
}

#helpDocumentation:hover > a > i {
    color: #3699FF;
    color: var(--primary-color);
}


/* === Lista ===*/

#header_list > a:hover {
    color: #3699FF;
    color: var(--primary-color) !important;
    background: #F1F2F7 !important;
    border: none !important;
    padding: 10px !important;
    min-height: 25px;
    text-align: center !important;
    text-decoration: none !important;
    display: flex !important;
    margin-top: 5px !important;
    margin-bottom: 2px !important;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
    align-items: center !important;
    margin-top: 10px;
    padding-top: 10px;
    height: 40px !important;
}

#header_list > a > i {
    color: #3699FF;
    color: var(--primary-color);
    font-size: 17px;
}

#header_list:hover > a > i {
    color: #3699FF;
    color: var(--primary-color);
}


/* === Envelope ===*/

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover > a > i,
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > a > i {
    background-color: #3699FF;
    background-color: var(--primary-color) !important;
}

.page-header.navbar .top-menu .navbar-nav > li > .dropdown-menu > li > a:hover,
.page-header.navbar .top-menu .navbar-nav > li > .dropdown-menu > li > a > i:hover {
    color: #3699FF;
    color: var(--primary-color) !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover,
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
    background-color: #F5F5F9 !important;
    color: #3699FF;
    color: var(--primary-color) !important;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
    height: 45px !important;
    padding-top: 10px !important;
}


/* Houve dos icones do header */

.page-header.navbar .hor-menu .navbar-nav > li.open > a,
.page-header.navbar .hor-menu .navbar-nav > li.open > a > i,
.page-header.navbar .hor-menu .navbar-nav > li:hover > a,
.page-header.navbar .hor-menu .navbar-nav > li:hover > a > i,
.page-header.navbar .hor-menu .navbar-nav > li > a:hover,
.page-header.navbar .hor-menu .navbar-nav > li > a:hover > i {
    color: #3699FF;
    color: var(--primary-color) !important;
    background: #F1F2F7 !important;
    border: none !important;
    text-align: center !important;
    text-decoration: none !important;
    margin-bottom: 2px !important;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
    align-items: center !important;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a > i {
    color: #787878;
    padding-left: 5px;
}

.page-header.navbar .hor-menu .navbar-nav > li.active .selected,
.page-header.navbar .hor-menu .navbar-nav > li.current .selected {
    border-top: 6px solid #000000;
    border-top: 6px solid var(--black);
}


/* === Cor de fundo do menu lateral no hover no mouse ===*/

.page-sidebar .page-sidebar-menu .sub-menu > li.active > a,
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a {
    background: blue;
}


/* === Cor de fundo do menu lateral no hover no mouse ===*/


/* === Cor da fonte do menu lateral ===*/

.page-sidebar .page-sidebar-menu .sub-menu > li > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a {
    color: #ffffff;
    color: var(--white);
}

.page-sidebar .page-sidebar-menu > li:hover {
    background: #1e1e2d;
}

.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
    background: #1a1a27;
}

.page-header.navbar {
    background-color: #ffffff;
    background-color: var(--white);
}

    .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content {
        background-color: #ffffff;
        background: var(--white) !important;
        font-family: Open Sans, sans-serif;
        padding: 15px;
        margin: 0;
    }

        .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3,
        .page-header.navbar .hor-menu .navbar-nav > li > a {
            color: #6c7293 !important;
            font-size: 13px;
            font-weight: 500;
            font-weight: var(--font-weight-medium);
            padding: 14px !important;
        }

        .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a {
            color: #6c7293 !important;
        }

            .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a:hover,
            .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a:hover > i {
                color: #3699FF;
                color: var(--primary-color) !important;
            }

.navbar-nav > li > a {
    line-height: 20px;
}

.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a:hover,
.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a:hover > i {
    text-decoration: none;
    color: #3699FF;
    color: var(--primary-color) !important;
    background: #f5f5f5 !important;
}

.page-sidebar .page-sidebar-menu > li.open > a,
.page-sidebar .page-sidebar-menu > li:hover > a,
li.open > a.nav-link.nav-toggle.bg-yellow-gold.bg-font-yellow-gold,
li:hover > a.nav-link.nav-toggle.bg-yellow-gold.bg-font-yellow-gold,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a {
    background: #1a1a27 !important;
    color: #ffffff;
    color: var(--white) !important;
}

.page-sidebar .page-sidebar-menu > li,
.page-sidebar .page-sidebar-menu > li,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li {
    background: #1e1e2d !important;
    color: #ffffff;
    color: var(--white) !important;
}

.nav-link {
    min-height: 44px !important;
}

.input-group-sm > .input-group-btn > select.btn,
.input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
select.input-sm {
    min-height: 34px;
    line-height: 30px;
}

.page-sidebar .page-sidebar-menu > li.open > a > i,
.page-sidebar .page-sidebar-menu > li:hover > a > i,
li.open > a.nav-link.nav-toggle.bg-yellow-gold.bg-font-yellow-gold > i,
li:hover > a.nav-link.nav-toggle.bg-yellow-gold.bg-font-yellow-gold > i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i {
    color: #3699FF;
    color: var(--primary-color) !important;
}

.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before,
.page-sidebar .page-sidebar-menu > li.active.open > a > i,
.page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu > li.active > a > .arrow:before,
.page-sidebar .page-sidebar-menu > li.active > a > i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i {
    color: #ffffff;
    color: var(--white) !important;
}

.page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu > li.open > a > .arrow:before,
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before,
li.open > a.nav-link.nav-toggle.bg-yellow-gold.bg-font-yellow-gold > .arrow.open:before,
li.open > a.nav-link.nav-toggle.bg-yellow-gold.bg-font-yellow-gold > .arrow:before,
li:hover > a.nav-link.nav-toggle.bg-yellow-gold.bg-font-yellow-gold > .arrow.open:before,
li:hover > a.nav-link.nav-toggle.bg-yellow-gold.bg-font-yellow-gold > .arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before {
    color: #ffffff;
    color: var(--white) !important;
}

.page-footer {
    background: #1e1e2d !important;
}

.page-header.navbar .menu-toggler.sidebar-toggler {
    float: left;
    margin: 22.5px 0px 20px;
    align-items: center;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i,
.page-sidebar .page-sidebar-menu > li > a > i {
    font-size: 16px;
    margin-right: 15px;
    text-shadow: none;
    text-align: end;
    width: 26px;
    color: #c1c6d7;
    color: var(--font-menu) !important;
    padding-left: 12px;
}
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i.no-icon,
    .page-sidebar .page-sidebar-menu > li > a > i.no-icon {
        margin: 0 !important;
    }

.page-sidebar .page-sidebar-menu .sub-menu > li > a > i:hover,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i:hover {
    color: #ffffff;
    color: var(--white);
    margin-right: 5px;
}

.page-sidebar .page-sidebar-menu .sub-menu > li > a > i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i {
    color: #4A4B68;
    margin-right: 5px;
}

    .page-sidebar .page-sidebar-menu .sub-menu > li > a > i.no-icon,
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i.no-icon {
        margin-right: 0px !important;
    }

.page-sidebar .page-sidebar-menu .sub-menu > li.active > a,
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a {
    background: #1a1a27 !important;
    color: #ffffff;
    color: var(--white) !important;
}

    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i:hover {
        background: blue !important;
    }

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
.page-sidebar .page-sidebar-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #1E1E2C !important;
    width: 100%;
    height: 100%;
}

.page-sidebar.collapse {
    display: block;
    max-height: none !important;
    background: #1E1E2C !important;
}

.page-sidebar .page-sidebar-menu .sub-menu > li > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a {
    color: #a2a3b7 !important;
}

    .page-sidebar .page-sidebar-menu .sub-menu > li > a:hover,
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a:hover {
        color: #3699FF;
        color: var(--primary-color) !important;
    }

.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i,
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i,
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i {
    color: #3699FF;
    color: var(--primary-color) !important;
}

.menu-do-desenvolvedor {
    background-color: None;
}

.page-header.navbar .hor-menu .navbar-nav > li > a > i,
.page-header.navbar .hor-menu .navbar-nav > li > a > i:hover {
    color: darkorange;
}

.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
    box-shadow: -2px 3px 2px 3px rgb(57 57 57 / 20%) !important;
}

.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu {
    box-shadow: 5px 5px rgba(57, 57, 57, .2);
}

.nav.navbar-nav > li.active .selected {
    display: none !important;
}

.page-header.navbar .hor-menu .navbar-nav > li.active > a,
.page-header.navbar .hor-menu .navbar-nav > li.current > a {
    color: #3699FF;
    color: var(--primary-color) !important;
    background: #F1F2F7 !important;
    border: none !important;
    text-align: center !important;
    text-decoration: none !important;
    display: flex !important;
    margin-bottom: 2px !important;
    cursor: pointer !important;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
    align-items: center !important;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a {
    color: #3699FF;
    color: var(--primary-color) !important;
    background: #F5F5F9 !important;
}

    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a > i.open:before,
    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a > i:before {
        color: #3699FF;
        color: var(--primary-color) !important;
    }

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover {
    color: #3699FF;
    color: var(--primary-color) !important;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
    color: #a2a3b7 !important;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
    color: #3699FF;
    color: var(--primary-color) !important;
    background: #f5f5f5 !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname:hover,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username:hover,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i:hover {
    color: #3699FF;
    color: var(--primary-color);
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
    color: #3699FF;
    color: var(--primary-color);
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
    color: #3699FF;
    color: var(--primary-color) !important;
}

.dropdown-menu.hold-on-click.break-lines.dropdown-menu-left.already-positioned {
    top: 5px !important;
}

.dropdown > ul.dropdown-menu,
.mega-menu-dropdown > ul.dropdown-menu {
    top: 50px !important;
}

.btn-group.command-action.custom-action.open > .dropdown-menu.break-lines {
    left: -100px !important;
}

.dropdown-submenu.already-positioned > ul.dropdown-menu.hold-on-click.break-lines {
    top: 5px !important;
}

.btn-group.command-action.custom-action.open > ul.dropdown-menu.break-lines {
    top: 40px !important;
}

.btn-group > ul.dropdown-menu.pull-right {
    top: 15px !important;
}

.btn-group.command-action.nested-menu.more-menu-item > ul.dropdown-menu.hold-on-click.pull-right {
    top: 35px !important;
    z-index: 999999 !important;
}

.btn-circle {
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
    overflow: hidden;
}


/* Header */

.page-header.navbar {
    width: 100%;
    margin: 0;
    border: 0;
    padding: 0;
    box-shadow: none;
    height: auto;
    min-height: 65px;
    filter: none;
    background-image: none;
}


    /*Header*/

    .page-header.navbar .hor-menu .navbar-nav {
        min-height: 65px;
        list-style: none !important;
        margin: 0 !important;
        padding: 5px !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }


/* Menu */


/* Tabela */

.page-content > .row {
    padding-top: 5px !important;
    padding-right: 5px !important;
    margin-left: -15px;
    margin-right: -15px;
}


/*
.row>.form-group,
.row .form-group {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
*/


.page-content > .row {
    padding-top: 5px !important;
    padding-right: 5px !important;
    /*margin-left: 0px !important;*/
    margin-right: -15px !important;
}


.row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}


.form .form-section:first-child {
    margin-top: 10px !important;
}

.form .form-body.legend-top-caption {
    padding-top: 5px !important;
    padding-bottom: 0;
}

.legend-filter {
    display: flow-root !important;
}

.widget {
    margin-top: 20px;
}

.widget-body .row h3 {
    color: #3699FF;
    color: var(--primary-color);
}

.list-unstyled li a {
    color: #767f88 !important;
}

    .list-unstyled li a:hover {
        text-decoration: none;
        color: #3699FF;
        color: var(--primary-color) !important;
    }

.font-green-sharp {
    color: #3699FF;
    color: var(--primary-color) !important;
}

.widget.minimized .portlet.light,
.widget.minimized .portlet {
    height: 60px;
}


/*borda do conteúdo*/

.page-container-bg-solid .page-content {
    background: #F1F2F7 !important;
}

.alert .alert-primary {
    background-color: #CCECFD !important;
    border-color: #B3E2FD !important;
    color: #187DE4;
    color: var(--primary-color-hover) !important;
}

    .alert.alert-primary > .close:focus,
    .close:hover {
        color: #187DE4;
        color: var(--primary-color-hover);
        text-decoration: none;
        cursor: pointer;
        opacity: .5;
        filter: alpha(opacity=50);
    }

.alert .alert-success {
    background-color: #DCF5E7 !important;
    border-color: #CBF0DC !important;
    color: #1BC5BD;
    color: var(--success-color) !important;
}

    .alert.alert-success > .close:focus,
    .close:hover {
        color: #1BC5BD;
        color: var(--success-color);
        text-decoration: none;
        cursor: pointer;
        opacity: .5;
        filter: alpha(opacity=50);
    }

.alert .alert-warning {
    background-color: #FFF4cf !important;
    border-color: #FFF4cf !important;
    color: #FFA800;
    color: var(--warning-color) !important;
}

    .alert.alert-warning > .close:focus,
    .close:hover {
        color: #FFA800;
        color: var(--warning-color);
        text-decoration: none;
        cursor: pointer;
        opacity: .5;
        filter: alpha(opacity=50);
    }

.alert .alert-danger {
    background-color: #FCD9E2 !important;
    border-color: #FBC6D3 !important;
    color: #F64E60;
    color: var(--danger-color) !important;
}

    .alert.alert-danger > button.close,
    .alert.alert-danger > .close:focus,
    .close:hover {
        color: #F64E60;
        color: var(--danger-color);
        text-decoration: none;
        cursor: pointer;
        opacity: .5;
        filter: alpha(opacity=50);
    }

.page-sidebar .page-sidebar-menu > li > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
    border-top: 1px solid #1e1e2d;
    color: #C1C6D7;
    color: var(--font-menu);
}

.bg-font-yellow-gold {
    color: #C1C6D7;
    color: var(--font-menu) !important;
}

i.fa-duotone.fa-plus.bg-green.bg-font-green {
    background: transparent !important;
}


/* Fundo Modal */

.page-container-bg-solid.page-full-width .page-content {
    background-color: #ffffff;
    background-color: var(--white) !important;
}


/* Formulário */

.page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .menu-toggler.sidebar-toggler {
    margin-right: 13px;
    position: absolute;
    display: flow-root;
    top: -5%;
    left: 35%;
}

.open > .btn.blue:not(.btn-outline).dropdown-toggle {
    color: #ffffff;
    color: var(--white);
    background-color: #037fff;
    border-color: #007af8;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: none;
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #ffffff;
    color: var(--white);
    text-align: center;
    background-color: #000000;
    background-color: var(--black);
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px
}

.help-tooltip {
    margin-left: 5px;
    color: #5c9bd1
}

.error-tooltip-arrow {
    border-bottom-color: #3d3d3d !important;
    border-top-color: #3d3d3d !important
}

.tooltip.error-tooltip.fade.bottom.in > .error-tooltip-inner.tooltip-inner {
    -webkit-box-shadow: 1px 1px 1px 1px #F64E60;
    -webkit-box-shadow: 1px 1px 1px 1px var(--danger-color) !important;
    -moz-box-shadow: 1px 1px 1px 1px #F64E60;
    -moz-box-shadow: 1px 1px 1px 1px var(--danger-color) !important;
    box-shadow: 1px 1px 1px 1px #F64E60;
    box-shadow: 1px 1px 1px 1px var(--danger-color) !important;
    background-color: #F64E60;
    background-color: var(--danger-color) !important;
    color: #ffffff;
    color: var(--white);
}

.tooltip.fade.top.in > .error-tooltip-inner.tooltip-inner {
    color: #ffffff;
    color: var(--white) !important;
    background-color: #187DE4;
    background-color: var(--primary-color-hover) !important;
    border-color: #187DE4;
    border-color: var(--primary-color-hover) !important;
    -webkit-box-shadow: 1px 1px 1px 1px transparent !important;
    -moz-box-shadow: 1px 1px 1px 1px transparent !important;
    box-shadow: 1px 1px 1px 1px transparent !important;
}


/*Verificar MediaQuery*/

.page-sidebar .page-sidebar-menu > li.active.open > a,
.page-sidebar .page-sidebar-menu > li.active > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a {
    background: #009EF7;
    background: var(--primary-color-menu-hover) !important;
}

    .page-sidebar .page-sidebar-menu > li.active.open > a:hover,
    .page-sidebar .page-sidebar-menu > li.active > a:hover,
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover {
        background: #009EF7;
        background: var(--primary-color-menu-hover) !important;
        color: #ffffff;
        color: var(--white) !important;
    }

.input-group .input-icon.right > .form-control {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -ms-border-radius: 0 4px 4px 0;
    -o-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    position: absolute !important;
}

.input-icon.right {
    left: auto;
    right: 0;
}


/* Chatbot */

.page-quick-sidebar-wrapper {
    top: 60px !important;
    box-shadow: 0px 2px 1px 3px #EBEDF2 !important;
    z-index: 5000;
    background: #ffffff;
    background: var(--white) !important;
}

    .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li.active > a,
    .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li > a {
        border: 0;
        border-bottom: 3px solid #f3565d;
        background: none;
        color: #1F1F1F !important;
        text-decoration: none;
    }

/* Paginação */

.paginate_button:hover {
    border: 1px solid transparent !important;
    background: none !important;
    background-color: none !important;
}

.paginate_button:active {
    box-shadow: none !important;
}

.pagination > li > a,
.pagination > li > span,
.pagination > li > span:focus,
.pagination > li > span:focus,
.pagination > li > span:hover {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #3699FF;
    color: var(--primary-color) !important;
    border: 1px solid #E1F0FF;
    border: 1px solid var(--primary-light-color) !important;
    background-color: var(--primary-light-color) !important;
    margin-left: -1px;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
    margin-left: 2px !important;
    margin-right: 2px !important;
}

    .pagination > li > a:focus,
    .pagination > li > a:hover {
        background-color: #aed7ff !important;
    }

.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
    z-index: 2;
    text-decoration: none;
    color: #A1A5B7;
    color: var(--pagination-disable-color-font) !important;
    background-color: #F1F1F1;
    background-color: var(--pagination-disable-color) !important;
    border: 1px solid #F1F1F1;
    border: 1px solid var(--pagination-disable-color) !important;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
    margin-left: 2px !important;
    margin-right: 2px !important;
}

/* Paginação */

.form-control {
    display: block;
    width: 100%;
    padding: 0.65rem 1rem;
    font-size: 13px;
    font-weight: 500;
    font-weight: var(--font-weight-medium);
    line-height: 1.5;
    color: #1F1F1F;
    background-color: #ffffff;
    background-color: var(--white);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-color: #07335E;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

    .form-control:active,
    .form-control.active,
    .form-control:focus,
    .form-control.focus,
    .open > .form-control.dropdown-toggle,
    .form-control.arrow.open:before,
    .form-control.arrow:before {
        -webkit-box-shadow: none !important;
        box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25) !important;
        color: #464E5F !important;
        background-color: #ffffff;
        background-color: var(--white) !important;
        border-color: #69B3FF !important;
        outline: 0 !important;
    }

    .form-control:disabled,
    .form-control[readonly] {
        background-color: #E7ECF1;
        color: #1F1F1F !important;
        opacity: 1;
    }

.select2-container--bootstrap
.select2-selection {
    border-color: #07335E;
}

.select2-container--focus {
    border-color: #69B3FF !important;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25) !important;
}

.input-group .select2-bootstrap-append .select2-container--bootstrap .select2-selection:hover {
    color: #337ab7 !important;
    background-color: #ffffff;
    background-color: var(--white) !important;
    border-color: #69b3ff !important;
    outline: 0 !important;
}

.mt-radio > span:after {
    left: 4px;
    top: 4px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #3699FF;
    background: var(--primary-color);
}

.mt-radio > input:disabled ~ span:after {
    background: #3699FF;
    background: var(--primary-color);
}

.mt-radio-inline > .mt-radio {
    margin-bottom: 3px;
}

.mt-checkbox-inline .mt-checkbox,
.mt-checkbox-inline .mt-radio,
.mt-radio-inline .mt-checkbox,
.mt-radio-inline .mt-radio {
    display: inline-block;
    margin-right: 15px;
}

.mt-checkbox.mt-checkbox-disabled,
.mt-checkbox.mt-radio-disabled,
.mt-radio.mt-checkbox-disabled,
.mt-radio.mt-radio-disabled {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.mt-checkbox > input:disabled ~ span, .mt-radio > input:disabled ~ span {
    background: #EBEDF3 !important;
}

.mt-checkbox > input:checked ~ span {
    background: #FFF !important;
}

.mt-checkbox,
.mt-radio {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 14px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}


/* Label */

.form-group label {
    font-size: 13px;
    font-weight: 500;
    font-weight: var(--font-weight-medium);
    color: #1F1F1F;
}

.page-loading * {
    -webkit-transition: none !important;
    transition: none !important;
}

label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

span.has-error span.select2-container--bootstrap span.select2-selection {
    border: 1px solid #e02222;
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

    select option:hover {
        box-shadow: 0 0 150px #9b59b6 inset
    }

    select option:hover,
    select option:focus,
    select option:active,
    select option:focus,
    select option:checked,
    select option:before {
        background-color: #3699FF;
        background-color: var(--primary-color);
        color: #ffffff;
        color: var(--white);
    }

.checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    text-align: left;
    cursor: pointer;
    font-size: 13px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin: 0;
}

    .checkbox:hover > input:not([disabled]) ~ span,
    .checkbox > input:focus ~ span {
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .checkbox > input:checked ~ span {
        background-color: #3699FF;
        background-color: var(--primary-color);
    }

    .checkbox > input:checked ~ span {
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        background-color: none;
    }

.checkbox-inline .checkbox span {
    margin-right: 0.75rem;
}

.radio-list .radio {
    margin-bottom: 1rem;
}

.radio.radio-disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.radio {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    position: relative !important;
    text-align: left !important;
    cursor: pointer !important;
    font-size: 13px !important;
    -webkit-transition: all 0.3s ease !important;
    transition: all 0.3s ease !important;
    margin: 0 !important;
}

    .radio > span {
        height: 18px;
        width: 18px;
    }

    .radio > span {
        border-radius: 50%;
        background-color: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

.radio-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #ffffff;
    background-color: var(--white);
    -webkit-background-clip: border-box;
    background-clip: border-box;
    border: 1px solid #EBEDF3;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
}

.switch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
}

.datepicker {
    padding: 10px;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
}

.datepicker-dropdown {
    top: 0;
    left: 0;
    padding: 4px;
}

.datepicker {
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px;
    direction: ltr;
}

.input-group-btn {
    font-size: 0;
    white-space: nowrap;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
}


/* Table */

.table-scrollable > .table {
    width: 100% !important;
    margin: 0 !important;
    margin-bottom: 0;
    background-color: #ffffff;
    background-color: var(--white);
    border-collapse: collapse;
}

.table-responsive.table-scrollable {
    min-height: 80px;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

table {
    border-collapse: collapse;
}

table {
    background-color: transparent;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}

tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

.table > caption + thead > tr:first-child > td,
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > td,
.table > thead:first-child > tr:first-child > th {
    border-top: 0;
}

.table-scrollable > .table > tbody > tr > th,
.table-scrollable > .table > tfoot > tr > td,
.table-scrollable > .table > tfoot > tr > th,
.table-scrollable > .table > thead > tr > th {
    white-space: nowrap;
}

.table > thead > tr > th {
    border-bottom: 0;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    vertical-align: middle;
}

.table thead tr th {
    font-size: 14px;
    font-weight: 700;
    font-weight: var(--font-weight-large);
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 1px solid #EBEDF3;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-bottom: 1px solid #EBEDF3;
}

.table td,
.table th {
    font-size: 14px;
}

.normal-white-space {
    white-space: normal !important;
}

.text-left {
    text-align: left;
}

.portlet > .portlet-title > .caption {
    font-size: 24px !important;
    font-weight: 700;
    color: #1e1e2d;
}

caption,
th,
th.text-left,
.table th a:not(i) {
    text-align: left;
    color: #a2a3b7 !important;
}

th.text-right > a > div.table-header {
    text-align: right;
}

th.text-center > a > div.table-header {
    text-align: center;
}

.table a:not(i) {
    color: #1F1F1F;
}

.table a.command-action i {
    color: var(--white) !important;
}

.table a.command-action.btn-outline-primary i {
    color: var(--outline-primary-color) !important;
}

.table a.command-action.btn-outline-primary:hover {
    background-color: #F1F1F1;
    background-color: var(--outline-primary-background) !important;
    color: #17497B;
    color: var(--outline-primary-color-hover) !important;
    border-color: #17497B;
    border-color: var(--outline-primary-color-hover) !important;
}

.table a.command-action.btn-outline-success i {
    color: var(--outline-success-color-font) !important;
}

.table a.command-action.btn-outline-sucess:hover {
    background-color: #F1F1F1;
    background-color: var(--outline-success-color-hover) !important;
    color: #007867;
    color: var(--outline-success-color-hover-font) !important;
    border-color: #007867;
    border-color: var(--outline-success-color-hover-font) !important;
}

.table a.command-action.btn-outline-info i {
    color: var(--outline-info-color-font) !important;
}

.table a.command-action.btn-outline-warning i {
    color: var(--outline-warning-color-font) !important;
}

.table a.command-action.btn-outline-danger i {
    color: var(--outline-danger-color-font) !important;
}

.table span a i {
    color: #333 !important;
}

    .table span a i:hover {
        color: #337ab7 !important;
    }

td,
th {
    vertical-align: middle !important;
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

th {
    display: table-cell;
    vertical-align: inherit;
    font-weight: bold;
    text-align: -internal-center;
}

.text-left {
    text-align: left;
}

.normal-white-space {
    white-space: normal !important;
}

.column-action {
    width: 50px;
    white-space: nowrap;
    position: -webkit-sticky !important;
    position: sticky !important;
    right: 0px !important;
    background-color: #ffffff;
    background-color: var(--white);
    top: 0px
}

.column-extra-options {
    white-space: nowrap;
    position: -webkit-sticky !important;
    position: sticky !important;
    right: 0px !important;
    background-color: #ffffff;
    background-color: var(--white);
    top: 0px
}

.table-scrollable > .table > thead > tr > th.column-action {
    right: 19px !important;
    background-color: #ffffff;
    background-color: var(--white);
}

.table.table-hover.simple-grid tr th.column-extra-options,
tr th.column-extra-options {
    padding-right: 1px;
    padding-left: 1px;
    width: 20px;
    right: 0px;
    z-index: 7575;
    background-color: #ffffff;
    background-color: var(--white);
}

.extra-options-button {
    padding: 0 0.375px 0 0;
    margin-right: 0 !important;
}

.label.label-light-success {
    color: #1BC5BD !important;
    color: var(--success-color);
    background-color: #C9F7F5;
}

.label.label-light-info {
    color: #8950FC !important;
    color: var(--info-color);
    background-color: #EEE5FF;
}

.label.label-light-danger {
    color: #F64E60 !important;
    color: var(--danger-color);
    background-color: #FFE2E5;
}

.label.label-light {
    color: #7E8299 !important;
    background-color: #F3F6F9;
}

.label.label-outline-light {
    background-color: transparent;
    color: #1F1F1F !important;
    border: 1px solid #F3F6F9;
}

    .label.label-outline-light.label-outline-2x {
        border: 2px solid #F3F6F9;
    }

.label.label-light-light {
    color: #F3F6F9 !important;
    background-color: #F3F6F9;
}

.label.label-dark {
    color: #ffffff !important;
    color: var(--white);
    background-color: #181C32;
}

.label.label-outline-dark {
    background-color: transparent;
    color: #181C32 !important;
    border: 1px solid #181C32;
}

    .label.label-outline-dark.label-outline-2x {
        border: 2px solid #181C32;
    }

.label.label-light-dark {
    color: #181C32 !important;
    background-color: #D1D3E0;
}

.label.label-white {
    color: #1F1F1F !important;
    background-color: #ffffff;
    background-color: var(--white);
}

.label.label-outline-white {
    background-color: transparent;
    color: #ffffff;
    color: var(--white) !important;
    border: 1px solid #ffffff;
    border: 1px solid var(--white);
}

    .label.label-outline-white.label-outline-2x {
        border: 2px solid #ffffff;
        border: 2px solid var(--white);
    }

.label.label-light-white {
    color: #ffffff;
    color: var(--white) !important;
    background-color: #ffffff;
    background-color: var(--white);
}

.label.label-inline {
    width: auto;
    padding: 0.15rem 0.75rem;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
}

.label.label-light-primary {
    color: #3699FF;
    color: var(--primary-color) !important;
    background-color: #E1F0FF;
    background-color: var(--primary-light-color) !important;
}

.label.label-danger {
    background-color: #EED9DB;
    background-color: var(--label-danger-color);
    color: #90000F;
    color: var(--label-danger-color-font) !important;
}

.label.label-warning {
    background-color: #FFF4DE;
    background-color: var(--label-warning-color);
    color: #533705;
    color: var(--label-warning-color-font) !important;
}

.label.label-process {
    background-color: #DECCFF;
    background-color: var(--label-process-color);
    color: #29007B;
    color: var(--label-process-color-font) !important;
}

.label.label-success {
    background-color: #C9F7F5;
    background-color: var(--label-success-color);
    color: #135350;
    color: var(--label-success-color-font) !important;
}

.label.label-cancel {
    background-color: #CACCD1;
    background-color: var(--label-cancel-color);
    color: #3A3C4B;
    color: var(--label-cancel-color-font) !important;
}

.daterangepicker td.start-date {
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
}

.daterangepicker td.end-date {
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
}

.btn-default {
    border-color: #07335E;
}

.btn-default.active,
.btn-default:active,
.btn-default:hover,
.open > .btn-default.dropdown-toggle {
    color: #337ab7 !important;
    background-color: #ffffff;
    background-color: var(--white) !important;
    border-color: #69b3ff !important;
    outline: 0 !important;
}

input[type=checkbox] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
}

input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

input[type=checkbox] {
    width: 20px;
    left: 20px;
    position: absolute;
    top: 0;
    height: 20px;
    background-color: #69b3ff !important;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius);
    color: #ffffff;
    color: var(--white);
}

.mt-checkbox:hover > input:not([disabled]):checked ~ span,
.mt-checkbox > input:checked ~ span {
    -webkit-transition: all .3s !important;
    -moz-transition: all .3s !important;
    -ms-transition: all .3s !important;
    -o-transition: all .3s !important;
    transition: all .3s !important;
    background: #EBEDF3 !important;
    color: #ffffff;
    color: var(--white) !important;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
}

.mt-checkbox.mt-checkbox-outline:hover > input:not([disabled]):checked ~ span,
.mt-checkbox.mt-checkbox-outline:hover > input:not([disabled]) ~ span,
.mt-checkbox.mt-checkbox-outline > input:checked ~ span,
.mt-checkbox.mt-checkbox-outline > input:focus ~ span,
.mt-checkbox.mt-checkbox-outline > span {
    border: 1px solid #07335E;
    background: none;
    -moz-border-radius: 0.42rem;
    -webkit-border-radius: 0.42rem;
    border-radius: 0.42rem;
    -moz-border-radius: var(--border-radius) !important;
    -webkit-border-radius: var(--border-radius) !important;
    border-radius: var(--border-radius) !important;
}

.mt-checkbox.mt-checkbox-outline > input:not([disabled]):checked ~ span {
    background: #3699FF !important;
    background: var(--secondary-color) !important;
}

.mt-checkbox-disabled > input:checked ~ span:after {
    border-color: #1F6AB9 !important;
}

.mt-radio.mt-radio-outline:hover > input:not([disabled]):checked ~ span,
.mt-radio.mt-radio-outline:hover > input:not([disabled]) ~ span,
.mt-radio.mt-radio-outline > input:checked ~ span,
.mt-radio.mt-radio-outline > input:focus ~ span,
.mt-radio.mt-radio-outline > span {
    border-color: #E1F0FF;
    background-color: #3699FF;
    margin-right: 0.75rem;
    height: 24px;
    width: 24px;
    border-width: 3px !important;
    border-style: solid !important;
    background-color: transparent !important;
}

.mt-checkbox > span:after {
    left: 6px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.portlet > .portlet-title > .tools > a.collapse {
    background-image: none !important;
    width: 14px;
    visibility: visible;
}

.portlet > .portlet-title > .tools > a.expand {
    background-image: none !important;
    width: 14px;
    visibility: visible;
}

.portlet > .portlet-title > .tools > div.collapse {
    visibility: hidden;
}

.portlet > .portlet-title > .tools > div.expand {
    visibility: visible;
}

.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    position: relative;
    min-height: 1px;
    padding-left: 0px !important;
}

    .col-md-12.col-sm-12.value {
        padding-right: 0px !important;
    }

.filter-search-form {
    margin-bottom: 0;
    padding: 12px 14px 12px 20px !important;
}

.tab-form-section > .tab-items > .mt-radio-inline {
    margin-top: 0;
    -webkit-padding-before: 0;
    margin-left: 160px !important;
}

.filter-form .form-group > .mt-radio-inline {
    margin-top: 4px;
    -webkit-padding-before: 0;
}

.portlet {
    margin-bottom: 0px;
}

.form-horizontal .form-group {
    margin-left: 0 !important;
}

.dropmenugrade {
    z-index: 999998 !important;
}

.btn-group > .dropdown-menu:before,
.dropdown-toggle > .dropdown-menu:before,
.dropdown > .dropdown-menu:before,
.dropdown-menu.extra-options-list:before {
    position: absolute;
    top: -8px;
    left: 109px;
    right: auto;
    display: inline-block !important;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #e0e0e0;
    border-left: 8px solid transparent;
    content: "";
}

.btn-group > .dropdown-menu:after,
.dropdown-toggle > .dropdown-menu:after,
.dropdown > .dropdown-menu:after,
.dropdown-menu.extra-options-list:after {
    position: absolute;
    top: -7px;
    left: 110px;
    right: auto;
    display: inline-block !important;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ffffff;
    border-bottom: 7px solid var(--white);
    border-left: 7px solid transparent;
    content: "";
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before,
.page-sidebar .page-sidebar-menu li > a > .arrow:before {
    float: right;
    width: 20px;
    top: 14px !important;
    text-align: center;
    display: inline;
    font-size: 1rem;
    font-family: FontAwesome;
    height: auto;
    content: "\F105";
    font-weight: 300;
    text-shadow: none;
    position: absolute;
    top: 4px;
    right: 14px;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: #3699FF;
    background-color: var(--primary-color);
    color: #ffffff;
    color: var(--white);
}

.label-title-help {
    width: 20px;
}

.dashboard-stat .details .number {
    padding-top: 15px;
    text-align: right;
    font-size: 30px;
    line-height: 36px;
    letter-spacing: -1px;
    margin-bottom: 0;
    font-weight: 500;
}

span.tilevalue {
    font-size: clamp(0.5em, 0.5em + 0.6vw, 1em);
}

.page-header.navbar .top-menu .nav.navbar-nav > li.dropdown.dropdown-user-wes > .dropdown-menu {
    width: -moz-fit-content;
    width: fit-content;
    max-width: inherit;
}

.glimpse {
    z-index: 989899 !important;
    position: relative !important;
}

.environment.navbar-fixed-bottom {
    z-index: 989900 !important;
}

.float-action-buttons {
    z-index: 989901 !important;
}

.modal-page .page-content-wrapper {
    background-color: white !important;
}

html, body, form {
    height: 100%;
}

.extra-options-list {
    z-index: 989899;
    right: auto !important;
}

    .extra-options-list:before {
        right: 12px !important;
        left: auto !important;
    }

    .extra-options-list:after {
        right: 13px !important;
        left: auto !important;
    }

.btn {
    font-weight: 700 !important;
}

/* Acessibilidade */

.mt-checkbox.mt-checkbox-outline > input:focus ~ span
{
    border: 2px solid #181C32 !important;
    background-color: #F3F4F6 !important;
}

.btn:focus-visible,
.btn :focus-visible,
.btn.btn-new:focus-visible,
.input-group-btn:focus-visible,
.btn.grey-silver:not(.btn-outline):focus-visible,
.btn.red:not(.btn-outline):focus-visible,
.table-header :focus-visible,
.table.table-hover.simple-grid tr th :focus-visible,
.table.table-hover.editable-grid tr th :focus-visible,
.table.table-hover.simple-grid tr td :focus-visible,
.table.table-hover.editable-grid tr td :focus-visible,
.navbar-nav > li :focus-visible,
.nav-tabs > li :focus-visible,
.nav-tabs > li :focus-visible,
.pagination li a:focus-visible,
.page-bar .page-breadcrumb > li > a:focus-visible,
.page-header.navbar .hor-menu .navbar-nav > li.active > a:focus-visible,
.dashboard-stat:focus-visible,
#chat-bot > a:focus-visible {
    border: 2px solid #181C32 !important;
}

.list-group > a:focus-visible {
    border: 1px solid #181C32 !important;
    margin-bottom: 1px;
}

.nav-item :focus-visible {
    border: 2px solid #E1F0FF !important;
}