/* INÍCIO BARRA INCIAL COM BOTÕES DE ACESSO RÁPIDO */
        
        [header-options]{
            width: 100%;
            height: 90%;
            box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
            flex-direction: row;
            align-items: center;
            flex-wrap: wrap;
            justify-content: space-around;
            padding: 2% 10%;
            border: none;
            border-radius: 15px;
            //background-color: #3c8dbcb8;
            background-color: #fff;
        }
        [header-options] > [fast-buttons] > .btn{
            border: none;
            width: 65px;
            height: 65px;
            border-radius: 65px;
            margin-bottom: 10px;
            box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
        }
        
        /* DIV QUE ENGLOBA OS BOTÕES */
        [fast-buttons]{
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-around;
        }
        
        /* INÍCIO DA CONFIGURAÇÃO DOS BOTÕES */
        
        .btn.btn-default.fast-button-1{
            background-color: rgb(147 203 249 / 60%);
        }
        
        .btn.btn-default.fast-button-2{
            background-color: rgb(255 137 42 / 60%);
        }
        
        .btn.btn-default.fast-button-3{
            background-color: rgb(105 170 70 / 60%);
        }
        
        .btn.btn-default.fast-button-4{
            background-color: rgb(187 187 187 / 60%);
        }
        
        .btn.btn-default.fast-button-5{
            background-color: rgb(233 30 99 / 60%);
        }
        
        .btn.btn-default.fast-button-6{
            background-color: rgb(32 178 170 / 60%) ;
        }
        
        .btn.btn-default.fast-button-7{
            background-color: rgb(255 69 0 / 60%);
        }
        
        .btn.btn-default.fast-button-8{
            background-color: lightsteelblue;
        }
        
        [fast-buttons] > .fast-button-1:hover{
            background-color: #fff;
            transform: scale(1.07, 1.07);
            transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
        }
        
        [fast-buttons] > .fast-button-1:hover i{
            color: #93cbf9;
        }
        
        [fast-buttons] > .fast-button-2:hover{
            background-color: #fff;
            transform: scale(1.07, 1.07);
            transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
        }
        
        [fast-buttons] > .fast-button-2:hover i{
            color: #ff892a;
        }
        
        [fast-buttons] > .fast-button-3:hover{
            background-color: #fff;
            transform: scale(1.07, 1.07);
            transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
        }
        
        [fast-buttons] > .fast-button-3:hover i{
            color: #69aa46;
        }
        
        [fast-buttons] > .fast-button-4:hover{
            background-color: #fff;
            transform: scale(1.07, 1.07);
            transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
        }
        
        [fast-buttons] > .fast-button-4:hover i{
            color: #bbb;
        }
        
        [fast-buttons] > .fast-button-5:hover{
            background-color: #fff;
            transform: scale(1.07, 1.07);
            transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
        }
        
        [fast-buttons] > .fast-button-5:hover i{
            color: #e91e63;
        }
        
        [fast-buttons] > .fast-button-6:hover{
            background-color: #fff;
            transform: scale(1.07, 1.07);
            transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
        }
        
        [fast-buttons] > .fast-button-6:hover i{
            color: lightseagreen;
        }
        
        [fast-buttons] > .fast-button-7:hover{
            background-color: #fff;
            transform: scale(1.07, 1.07);
            transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
        }
        
        [fast-buttons] > .fast-button-7:hover i{
            color: orangered;
        }
        
        [fast-buttons] > .fast-button-8:hover{
            background-color: #fff;
            transform: scale(1.07, 1.07);
            transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
        }
        
        [fast-buttons] > .fast-button-8:hover i{
            color: lightsteelblue;
        }
        
        /* CARDS DE INFORMAÇÕES INICIAIS DASHBOARD */
        
        .dashboard-info-card-primary, .dashboard-info-card-primary:hover
        {
            background-color: #fff;
            color: var(--primary-color);
        }
        
        .dashboard-info-card-primary .icon > i
        {
            color: var(--primary-bg-color);
        }
        
        .dashboard-info-link
        {
            opacity: 0.85;
        }
        
        .dashboard-info-link:hover
        {
            opacity: 1;
        }
        
        .dashboard-info-card-primary .dashboard-info-link
        {
            background-color: var(--primary-bg-color) !important;
            color: var(--primary-color) !important;
        }
        
        .dashboard-info-card-danger, .dashboard-info-card-danger:hover
        {
            background-color: #fff;
            color: var(--danger-color);
        }
        
        .dashboard-info-card-danger .icon > i
        {
            color: var(--danger-bg-color);
        }
        
        .dashboard-info-card-danger .dashboard-info-link
        {
            background-color: var(--danger-bg-color) !important;
            color: var(--danger-color) !important;
        }
        
        .dashboard-info-card-success, .dashboard-info-card-success:hover
        {
            background-color: #fff;
            color: var(--success-color);
        }
        
        .dashboard-info-card-success .icon > i
        {
            color: var(--success-bg-color);
        }
        
        .dashboard-info-card-success .dashboard-info-link
        {
            background-color: var(--success-bg-color) !important;
            color: var(--success-color) !important;
        }
        
        .dashboard-info-card-warning, .dashboard-info-card-warning:hover
        {
            background-color: #fff;
            color: var(--warning-color);
        }
        
        .dashboard-info-card-warning .icon > i
        {
            color: var(--warning-bg-color);
        }
        
        .dashboard-info-card-warning .dashboard-info-link
        {
            background-color: var(--warning-bg-color) !important;
            color: var(--warning-color) !important;
        }
        
        .fa-stack.fa-1x > .fa-stack-2x.green, .fa-stack > .fa-stack-2x.green
        {
            color: var(--success-bg-color);
        }
        
        .fa-stack.fa-1x > .fa-stack-2x.green ~ .fa-stack-1x, .fa-stack > .fa-stack-2x.green ~ .fa-stack-1x
        {
            color: var(--success-color);
        }
        
        .fa-stack.fa-1x > .fa-stack-2x.light-blue, .fa-stack > .fa-stack-2x.light-blue
        {
            color: var(--info-bg-color);
        }
        
        .fa-stack.fa-1x > .fa-stack-2x.light-blue ~ .fa-stack-1x, .fa-stack > .fa-stack-2x.light-blue ~ .fa-stack-1x
        {
            color: var(--info-color);
        }
        
        .fa-stack.fa-1x > .fa-stack-2x.blue, .fa-stack > .fa-stack-2x.blue
        {
            color: var(--primary-bg-color);
        }
        
        .fa-stack.fa-1x > .fa-stack-2x.blue ~ .fa-stack-1x, .fa-stack > .fa-stack-2x.blue ~ .fa-stack-1x
        {
            color: var(--primary-color);
        }
        
        .fa-stack.fa-1x > .fa-stack-2x.orange, .fa-stack > .fa-stack-2x.orange
        {
            color: var(--warning-bg-color);
        }
        
        .fa-stack.fa-1x > .fa-stack-2x.orange ~ .fa-stack-1x, .fa-stack > .fa-stack-2x.orange ~ .fa-stack-1x
        {
            color: var(--warning-color);
        }
        
        .fa-stack.fa-1x > .fa-stack-2x.red, .fa-stack > .fa-stack-2x.red
        {
            color: var(--danger-bg-color);
        }
        
        .fa-stack.fa-1x > .fa-stack-2x.red ~ .fa-stack-1x, .fa-stack > .fa-stack-2x.red ~ .fa-stack-1x
        {
            color: var(--danger-color);
        }
        
        .fa-stack.fa-1x > .fa-stack-2x.purple, .fa-stack.fa-1x > .fa-stack-2x.purple, .fa-stack > .fa-stack-2x.purple, .fa-stack > .fa-stack-2x.purple
        {
            color: var(--purple-bg-color);
        }
        
        .fa-stack.fa-1x > .fa-stack-2x.purple ~ .fa-stack-1x, .fa-stack.fa-1x > .fa-stack-2x.purple ~ .fa-stack-1x, .fa-stack > .fa-stack-2x.purple ~ .fa-stack-1x, .fa-stack > .fa-stack-2x.purple ~ .fa-stack-1x
        {
            color: var(--purple-color);
        }
        
        .fa-stack.fa-1x > .fa-stack-2x.light-grey, .fa-stack.fa-1x > .fa-stack-2x.gray, .fa-stack > .fa-stack-2x.light-grey, .fa-stack > .fa-stack-2x.gray
        {
            color: var(--default-bg-color);
        }
        
        .fa-stack.fa-1x > .fa-stack-2x.light-grey ~ .fa-stack-1x, .fa-stack.fa-1x > .fa-stack-2x.gray ~ .fa-stack-1x, .fa-stack > .fa-stack-2x.light-grey ~ .fa-stack-1x, .fa-stack > .fa-stack-2x.gray ~ .fa-stack-1x
        {
            color: var(--default-color);
        }
        
        .fa-stack.fa-1x > .fa-stack-2x.pink, .fa-stack > .fa-stack-2x.pink
        {
            color: var(--pink-bg-color);
        }
        
        .fa-stack.fa-1x > .fa-stack-2x.pink ~ .fa-stack-1x, .fa-stack > .fa-stack-2x.pink ~ .fa-stack-1x
        {
            color: var(--pink-color);
        }
        
        .indicadores-action-button, .btn.btn-primary:not(.indicadores-action-button)
        {

            background-color: dodgerblue !important;

            border-color: dodgerblue !important;

        }

        .btn.indicadores-action-button:hover, .btn.indicadores-action-button:active, .btn.btn-primary:not(.indicadores-action-button):hover, .btn.btn-primary:not(.indicadores-action-button):active
        {

            background-color: rgb(47, 209, 168) !important;

            border-color: rgb(47, 209, 168) !important;

            box-shadow: 0px 10px 30px rgb(0 35 71 / 20%);

        }
        
        .secondary-action-button
        {

            background-color: #fff !important;

            border-color: #1e90ff !important;

        }

        .btn.secondary-action-button:hover, .btn.secondary-action-button:active
        {

            //background-color: rgb(47, 209, 168) !important;

            //border-color: rgb(47, 209, 168) !important;

            box-shadow: 0px 10px 30px rgb(0 35 71 / 20%);
        }
        
        #header-options-dropdown ul > li
        {
            color: #3c8dbc;
        }
        
        #header-options-dropdown > button
        {
            font-size: 1rem;
        }
        
        /* LABEL DOS BOTÕES */
        
        .fast-label {
            display: block;
            color: #999;
            font-family: 'Nunito Sans', sans-serif;
            font-weight: 500;
        }
        
        /* DROPDOWN DE MAIS OPÇÕES (SOMENTE MOBILE) */
        
        [fast-buttons] > .dropdown-menu > .dropdown-item, .pill > .dropdown-menu > .dropdown-item
        {
            padding: .85rem 1.5rem;
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }

        [fast-buttons] > .dropdown-menu > .dropdown-item:active, .pill > .dropdown-menu > .dropdown-item:active
        {
            background-color: #f8f9fa;
        }
        
        [fast-buttons] > .dropdown-menu > .dropdown-item > span[list-item], .pill > .dropdown-menu > .dropdown-item > span[list-item]
        {
            margin-left: 15px;
            font-size: 15px;
            //font-family: 'Nunito Sans', sans-serif;
            font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,Helvetica,sans-serif;
            color: #999;
        }
        
        [fast-buttons] > .dropdown-menu > .dropdown-item > i, .pill > .dropdown-menu > .dropdown-item > i
        {
            font-size: 2.7em;
        }
        
        @media (max-width: 768px)
        {
            [hide], .pill .label:not(.keep-showing) {
                display: none !important;
            }
            [header-options], .wrap {
                padding: 5% 2% !important;
            }

            .logo-lg-mobile
            {
                display: block !important;
            }

            .logo-lg
            {
                display: none !important;
            }
        }
        
        @media (min-width: 769px)
        {
            [more-options] {
                display: none !important;
            }

            .logo-lg-mobile
            {
                display: none !important;
            }

            .logo-lg
            {
                display: block !important;
            }
        }
        
        body, body .sidebar, .box-title:not(i), body label
        {
            font-family: Nunito,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        }
        
        /* FINAL BARRA INCIAL COM BOTÕES DE ACESSO RÁPIDO */
        
        /* BORDA CURVA E REMOÇÃO DAS BORDAS E DO BACKGROUND DOS PAINEIS/CARDS */
        
        .row > .box, .row > .box > .box-header, .row > .box .box-footer
        {
            border-radius: 16px;
            border-top: none;
            border-bottom: none;
        }
        
        /* BORDA CURVA E REMOÇÃO DAS BORDAS E DO BACKGROUND DOS PAINEIS/CARDS DE BUSCA NAS LISTAGENS */
        
        div#adianti_div_content div.col-md-12 > .box-list
        {
            border-radius: 16px;
            border-bottom: none;
            border-top: none;
        }
        
        div#adianti_div_content div.col-md-12 > .box-list > .box-header
        {
            border-radius: 16px 16px 0px 0px;
        }
        
        /* BORDA RETA E REMOÇÃO DAS BORDAS E DO BACKGROUND DOS PAINEIS/CARDS DE BUSCA NAS LISTAGENS EM JANELAS MODAIS */
        
        div[widget=TWindow]  .box-list > .box-header, div[widget=TWindow]  .box
        {
            border-radius: 0px;
            border-bottom: none;
            border-top: none;
        }
        
        /* BORDA CURVA E REMOÇÃO DAS BORDAS E DO BACKGROUND DOS FOOTERS DOS PAINEIS/CARDS */
        
        .form-horizontal > .panel-footer
        {
            border-radius: 0px 0px 16px 16px;
            background-color: #fff;
            border-top: none;
        }
        
        .panel-default>.panel-heading
        {
            background-color: #fff;
            border-radius: 8px;
            border-bottom: none;
            border-top: none;
        }
        
        .panel-default
        {
            border-radius: 8px;
        }
        
        /* SOMBRA NOS ITENS DOS CARDVIEWS */
        
        .card > .card-body > .card-wrapper > .panel-default, .card > .card-body > .card-wrapper > .card-item
        {
            box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
        }
        
        /* APROXIMAÇÃO DOS ITENS DOS CARDVIEWS */
        
        .card-item:hover
        {
            transform: scale(1.02, 1.02);
            transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
        }
        
        .panel-default>.panel-heading.card-item-title
        {
            border-bottom: 1px solid silver;
            border-radius: 0;
        }
        
        .panel-default>.panel-heading.card-item-title > div
        {
            font-family: 'Nunito Sans', sans-serif;
        }
        
        .card-item span
        {
            border-radius: 10px !important;
        }
        
        /* HEADER */
        .skin-black-light .main-header
        {
            background-color: #fff;
        }
        
        .main-header .logo
        {
            height: 60px;
        }
        
        .skin-black-light .main-header>.navbar
        {
            height: 4.375rem;
            box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;
        }
        
        .content
        {
            margin-top: 15px;
        }
        
        /* MENU LATERAL */
        
        .skin-black-light .sidebar-menu>li>a
        {
            color: rgb(94 129 174);
            //color: #478fca;
            //opacity: 0.9;
        }
        
        .skin-black-light .sidebar-menu>li:hover>a, .skin-black-light .sidebar-menu>li.active>a
        {
            //background-color: #478fca;
            //background: linear-gradient(145deg,#6aa3ff 0%, #2e71ff 100%);
            background: rgb(232,240,254);
            //color: #fff !important;
            color: rgb(26,115,232);
            border-radius: 0px 50px 50px 0px;
            //opacity: 0.9;
            //transition: 0.3s;
        }
        
        .skin-black-light .main-header>.navbar .nav>li>a
        {
            //color: #478fca;
            //opacity: 0.9;
            color: #d1d3e2;
        }
        
        .skin-black-light .treeview-menu>li>a
        {
            color: #478fca;
            //opacity: 0.9;
        }
        
        .skin-black-light .treeview-menu>li.active>a, .skin-black-light .treeview-menu>li>a:hover
        {
            color: #0972c7;
            opacity: 1;
        }
        
        /* CONFIGURAÇÃO DO ACESSO AO PAINEL DO USUÁRIO */
        
        .skin-black-light .user-panel>.info, .skin-black-light .user-panel>.info>a
        {
            color: #999;
        }
        
        /* FINAL DA CONFIGURAÇÃO DO ACESSO AO PAINEL DO USUÁRIO */
        
        .skin-black-light .main-header>.navbar>.sidebar-toggle
        {
            color: #478fca;
            opacity: 0.9;
        }
        
        .skin-black-light .main-header>.navbar .sidebar-toggle:hover
        {
            color: #0972c7;
            opacity: 1;
        }
        
        @media (max-width: 767px)
        {
            .skin-black-light .main-header>.logo
            {
                background: linear-gradient(145deg,#6aa3ff 0%, #2e71ff 100%);
                color: #fff;
                border-bottom: 0 solid transparent;
                border-right: none;
                height: 50px;
            }
            
        }
        
        .skin-black-light .main-header>.navbar .navbar-custom-menu .navbar-nav>li:nth-child(1)>a, .skin-black-light .main-header>.navbar .navbar-right>li:nth-child(1)>a, .skin-black-light .main-header>.navbar .navbar-custom-menu .navbar-nav>li:nth-child(2)>a, .skin-black-light .main-header>.navbar .navbar-right>li:nth-child(2)>a, .skin-black-light .main-header>.navbar .navbar-custom-menu .navbar-nav>li:nth-child(3)>a, .skin-black-light .main-header>.navbar .navbar-right>li:nth-child(3)>a
        {
            border-left: none;
        }
        
        .skin-black-light .main-header>.navbar .nav>li>a .hidden-xs
        {
            color: #858796;
        }
        
        .skin-black-light .main-header>.navbar .nav>li>a:hover, .skin-black-light .main-header>.navbar .nav>li>a:active, .skin-black-light .main-header>.navbar .nav>li>a:focus, .skin-black-light .main-header>.navbar .nav .open>a, .skin-black-light .main-header>.navbar .nav .open>a:hover, .skin-black-light .main-header>.navbar .nav .open>a:focus, .skin-black-light .main-header>.navbar .nav>.active>a
        {
            //color: #0972c7;
            color: #b7b9cc;
        }
        
        .skin-black-light .main-header li.user-header
        {
            background-color: #fff;
        }
        
        .skin-black-light .main-header li.user-header > p, .skin-black-light .main-header li.user-header > a
        {
            //color: #999 !important;
            color: #858796 !important;
        }
        
        /* FINAL LATERAL */
        
        /* 4 CARDS INICIAIS ABAIXO DOS BOTÕES DE ACESSO RÁPIDO */
        .small-box
        {
            box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
            border-radius: 15px 15px 15px 15px;
        }
        
        .small-box-footer
        {
            border-radius: 0px 0px 15px 15px;
        }
        
        /* FINAL DOS 4 CARDS INICIAIS ABAIXO DOS BOTÕES DE ACESSO RÁPIDO */
        
        
        /* CONTEÚDO DOS PAINÉIS DE FORMULÁRIOS */
        div > .card > .card-header
        {
            background-color: #fff !important;
            border-bottom: none;
            border-radius: 16px;
        }
        
        div > .card > .card-footer
        {
            background-color: #fff;
            border-top: none;
            border-radius: 16px;
        }
        
        div.col-md-12 > .card, .card[widget]
        {
            border-radius: 16px;
        }
        
        /* FINAL CONTEÚDO DOS PAINÉIS DE FORMULÁRIOS */
        
        /* CONFIGURAÇÃO DE BORDAS E BACKGROUND DO TEMPLATE DE MENSAGENS */
        
        div.left-mailbox > .card
        {
            border-radius: 8px;
        }
        
        div.right-mailbox
        {
            overflow: visible;
            border-radius: 8px;
            display: grid;
        }
        
        div.right-mailbox > .card, div.right-mailbox > .card > .card-footer
        {
            border-radius: 8px;
        }
        
        @media screen and (max-width: 500px)
        {
            .left-mailbox
            {
                margin-bottom: 10px;
            }
        }
        
        /* FINAL DA CONFIGURAÇÃO DE BORDAS E BACKGROUND DO TEMPLATE DE MENSAGENS */

        /* CAMPOS DE SELEÇÃO MÚLTIPLA E COMBOS */

        .select2-container--default .select2-results__option--highlighted[aria-selected]
        {
            background-color: dodgerblue !important;
        }

        .select2-container--default .select2-selection--multiple .select2-selection__choice
        {
            background-color: dodgerblue !important;
            border-color: dodgerblue !important;
        }

        .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option[aria-selected=true]:hover
        {
            color: #fff !important;
        }
        
        /* LABELS DENTRO DE LINHAS DAS DATAGRIDS */
        
        td > span.label
        {
            text-shadow:none; 
            font-size:12px; 
            font-weight:normal !important;
            border-radius: 0.25em !important;
            display: inline-block;
        }
        
        :root
        {
          --success-bg-color: #ccf6e4;
          --success-color: #00864e;
          --info-bg-color: #d4f2ff;
          --info-color: #1978a2;
          --warning-bg-color: #fde6d8;
          --warning-color: #9d5228;
          --danger-bg-color: #fad7dd;
          --danger-color: #932338;
          --default-bg-color: #e3e6ea;
          --default-color: #7d899b;
          --primary-bg-color: #d5e5fa;
          --primary-color: #1c4f93;
          --purple-bg-color: #E6E6FA;
          --purple-color: #8174CB;
          --pink-bg-color: #f4dcea;
          --pink-color: #c6699f;
        }
        
        td > span.label.label-success, span.label.label-success, span.label.label-success.pull-right, small.label.label-success
        {
            background-color: var(--success-bg-color) !important;
            color: var(--success-color) !important;
        }
        
        td > span.label.label-info, span.label.label-info, span.label.label-info.pull-right, small.label.label-info
        {
            background-color: var(--info-bg-color) !important;
            color: var(--info-color) !important;
        }
        
        td > span.label.label-warning, span.label.label-warning, span.label.label-warning.pull-right, small.label.label-warning
        {
            background-color: var(--warning-bg-color) !important;
            color: var(--warning-color) !important;
        }
        
        td > span.label.label-danger, span.label.label-danger, span.label.label-danger.pull-right, small.label.label-danger
        {
            background-color: var(--danger-bg-color) !important;
            color: var(--danger-color) !important;
        }
        
        td > span.label.label-default, span.label.label-default, span.label.label-default.pull-right, small.label.label-default
        {
            background-color: var(--default-bg-color) !important;
            color: var(--default-color) !important;
        }
        
        td > span.label.label-primary, span.label.label-primary, span.label.label-primary.pull-right, small.label.label-primary
        {
            background-color: var(--primary-bg-color) !important;
            color: var(--primary-color) !important;
        }
        
        td > span.label.label-secondary, span.label.label-secondary, span.label.label-secondary.pull-right, small.label.label-secondary
        {
            background-color: var(--secondary-bg-color) !important;
            color: var(--secondary-color) !important;
        }
        
        /* REMOÇÃO DO HEADER BACKGROUND DOS POPOVERS */
        
        .popover > .popover-header
        {
            background-color: #fff;
        }
        
        .popover
        {
            box-shadow: 0 0 0 1px rgb(64 87 109 / 7%), 0 2px 12px rgb(53 71 90 / 20%);
            border: none;
            border-radius: 4px;
        }
        
        /* CONFIGURAÇÃO DOS LABELS NO DASHBOARD DE EQUIPAMENTOS */
        
        .product-info > a > span.pull-right
        {
            font-weight: lighter;
            border-radius: 10px;
        }
        
        /* CONFIGURAÇÃO DO PRELOADER DE AGUARDO DE REQUISIÇÕES */
        
        .blockUI ~ .blockUI.blockOverlay
        {
            background-color: #ffffff !important;
        }
        
        .blockUI ~ .blockMsg.blockPage
        {
            opacity: 0.8 !important;
        }
        
        /* COR DA FONTE DOS TEXTOS DOS TÍTULOS DOS PAINÉIS */
        .header-info, .box-title:not(i), .panel-title.card-title > span:not(i), .panel-title.card-title:not(div)
        {
            color: #858796 !important;
            font-weight: 700 !important;
            font-family: Nunito,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
            font-size: 16px !important;
        }
        
        .right-panel
        {
            border-left: none;
        }
        
        .select2-container--default .select2-results__option--highlighted[aria-selected]
        {
            border-radius: 10px;
        }
        
        /* CONFIGURAÇÃO DOS DROPDOWNS DE MENSAGENS, NOTIFICAÇÕES E UNIDADES*/
        .navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a, .navbar-nav>.messages-menu>.dropdown-menu>li.footer>a, .navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a
        {
            color: #858796 !important;
        }
        
        .navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a:hover, .navbar-nav>.messages-menu>.dropdown-menu>li.footer>a:hover, .navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a:hover
        {
            background: #f4f4f4;
        }
        
        .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a h4, .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a p
        {
            font-family: Nunito,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        }
        
        
        #envelope_notifications li.header, #envelope_messages li.header, #unit_list li.header
        {
            //color: #999 !important;
            //color: #858796 !important;
            font-weight: 800;
            font-size: 10px;
            background-color: #478fca;
            opacity: 0.9;
            border: 1px solid #4e73df;
            padding-top: .75rem;
            padding-bottom: .75rem;
            color: #fff;
            padding-left: 1.5rem;
        }
        
        /* EFEITO DE BACKGROUND AO PASSAR O MOUSE NAS LISTAS DO CANTO SUPERIOR DIREITO */
        
        /*.navbar-nav>#unit_list>.dropdown-menu>li .menu>li>a:hover
        {
            background-color: #478fca;
            color: #fff !important;
            opacity: 0.9;
            transition: 0.3s;
        }
        
        .navbar-nav>#unit_list>.dropdown-menu>li .menu>li>a:hover
        {
            background-color: #478fca;
            opacity: 0.9;
            transition: 0.3s;
            border-radius: 8px;
        }
        
        /*.navbar-nav>#unit_list>.dropdown-menu>li .menu>li>a:hover .pull-left i, .navbar-nav>#unit_list>.dropdown-menu>li .menu>li>a:hover>h4, .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:hover>.pull-left i, .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:hover>h4, .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:hover>h4>small, .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:hover>p
        {
            color: #fff !important;
        }
        
        .navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a:hover, .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:hover
        {
            background-color: #478fca;
            opacity: 0.9;
            transition: 0.3s;
            border-radius: 8px;
            color: #fff !important;
        }
        
        .navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a:hover i, .navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a:hover span
        {
            color: #fff !important;
        }*/
        
        .navbar-custom-menu div#search-box > form#search_box >.select2-container--default .select2-selection--single
        {
            border-radius: 8px !important;
        }
        
        .navbar-custom-menu div#search-box > form#search_box
        {
            margin-right: 10px;
        }
        
        .btn-group .btn.btn-default.active
        {
                background: dodgerblue !important;
                border-color: dodgerblue !important;
                opacity: 1;
        }
        
        .header-actions > button.btn-outline-info, div[adianti_target_container=adianti_right_panel] button.btn-outline-info, .card.panel button.btn-outline-info
        {
            color: #478fca;
            opacity: 0.9;
        }
        
        .header-actions > button.btn-outline-info:hover, div[adianti_target_container=adianti_right_panel] button.btn-outline-info:hover, .card.panel button.btn-outline-info:hover
        {
            color: var(--primary-color);
            background-color: var(--primary-bg-color);
            border-color: var(--primary-bg-color);
        }
        
        .card
        {
            border-radius: 8px;
        }
        
        /* COR DAS LINHAS SELECIONADAS NAS DATAGRIDS */
        
        .table-hover tbody tr:hover
        {
            //color: #fff;
            background-color: #f0f0f0 !important;
        }
        
        /* COR DO BOTÃO + EM DATATABLE */
        
        table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before
        {
            background-color: #478fca;
        }
        
        .table>thead>tr>th.tdatagrid_col, .table>thead>tr>th.tdatagrid_action
        {
            border-bottom: 1px solid #e3e6f0 !important;
            font-weight: 500;
        }
        
        .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td
        {
           //border: 1px solid #e3e6f0 !important;
        }
        
        table.dataTable tbody th, table.dataTable tbody td
        {
            //border: 1px solid #e3e6f0;
        }
        
        table.dataTable > tbody > tr.child:hover
        {
            background: #b2cce2 !important;
        }
        
        .table-striped tbody tr:nth-of-type(odd)
        {
            background-color: #fff;
        }
        
        .ui-dialog .table tbody tr td, .table tbody tr th
        {
            border-bottom: 1px solid #e3e6f0 !important;
        }
        
        tr#info_detail > td
        {
            border: none !important;
        }
        
        .table
        {
            color: #4e4d4d;
            font-family: Nunito,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        }
        
        /* BOTÃO CRIAR DAS LISTAS */
        button.btn-create
        {
            background-color: var(--success-bg-color) !important;
            border-color: var(--success-bg-color) !important;
            opacity: 0.85 !important;
            border-radius: 5px !important;
            padding: 7px 12px !important;
            font-size: 14px !important;
            font-weight: 700 !important;
            color: var(--success-color) !important;
        }
        
        button.btn-create:hover, button.btn-create:active
        {
            background-color: var(--success-bg-color) !important;
            border-color: var(--success-bg-color) !important;
            color: var(--success-color) !important;
            opacity: 1 !important;
        }
        
        .widget-user
        {
            box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
        }
        
        .kanban-stage
        {
            background-color: #fff;
            border-top: none;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
            border: 1px solid rgba(0,0,0,.125);
        }
        
        .kanban-stage-actions > div > i
        {
            color: #478fca;
        }
        
        .main-footer 
        {
            border: none;
            padding: 1.5rem;
        }
        
        .progress-bar-default
        {
            background-image: linear-gradient(to right, #d2d2d2 0%, #848c8e 100%);
        }
        
        .progress-bar-info
        {
            background-image: linear-gradient(to right, #0acffe 0%, #495aff 100%);
        }
        
        .progress-bar-success
        {
            background-image: linear-gradient(to right, #96E6A1 0%, #D4FC79 100%);
        }

        .wrap{
            display:flex;
            flex-wrap:wrap;
            gap:48px;
            align-items:flex-start;
            justify-content:center;
            max-width:1200px;
            margin:0 auto;
            font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,Helvetica,sans-serif;
            padding: 1% 1%;
        }

        .pill{
            --glow-rgb: 106, 71, 255;
            /* padrão roxo */
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
            text-decoration: none;
            color: inherit;
            cursor: pointer;
            outline: 0;
        }
        
        /* A bola */
        .pill .dot {
            position: relative;
            width: var(--dot-size);
            height: var(--dot-size);
            border-radius: var(--radius);
            box-shadow: var(--base-shadow);
            display: grid;
            place-items: center;
            color: #fff;
            transition: transform .22s ease, box-shadow .22s ease;
            background: linear-gradient(145deg, #8d7dff 0%, #6a47ff 100%);
            /* padrão roxo */
        }
        
        /* brilho suave */
        .pill .dot::before {
            content: "";
            position: absolute;
            inset: 0;
            background: radial-gradient(120px 120px at 26px 18px, rgba(255, 255, 255, .28), transparent 60%);
            pointer-events: none;
        }
        
        /* ícone */
        .pill .dot i {
            font-size: var(--icon-size);
            line-height: 1;
        }
        
        /* rótulo — minimalista e elegante */
        .pill .label {
            font-size: 13.5px;
            font-weight: 600;
            color: #5b6472;
            letter-spacing: .2px;
            line-height: 1.2;
            text-align: center;
            max-width: 120px;
            text-wrap: balance;
            /* quebra melhor quando suportado */
            -webkit-font-smoothing: antialiased;
            text-shadow: 0 1px 0 rgba(255, 255, 255, .35);
        }
        
        /* hover/focus/active com glow colorido */
        .pill:hover .dot,
        .pill:focus-visible .dot {
            transform: translateY(-4px);
            box-shadow:
                0 14px 30px rgba(0, 0, 0, .16),
                0 24px 60px rgba(var(--glow-rgb), .45);
        }
        
        .pill:hover .label,
        .pill:focus-visible .label {
            color: rgba(var(--glow-rgb), .95);
        }
        
        .pill:active .dot {
            transform: translateY(-1px)
        }
        
        /* ===== Variações de cor ===== */
        .wrap .blue {
            --glow-rgb: 46, 113, 255;
        }
        
        .wrap .blue .dot {
            background: linear-gradient(145deg, #6aa3ff 0%, #2e71ff 100%);
        }
        
        .wrap .orange {
            --glow-rgb: 255, 157, 82;
        }
        
        .wrap .orange .dot {
            background: linear-gradient(145deg, #ffc16a 0%, #ff9d52 100%);
        }
        
        .wrap .mint {
            --glow-rgb: 126, 232, 166;
        }
        
        .wrap .mint .dot {
            background: linear-gradient(145deg, #bff4d2 0%, #7ee8a6 100%);
        }
        
        .wrap .purple {
            --glow-rgb: 106, 71, 255;
        }
        
        /* roxo dos cards */
        .wrap .purple .dot {
            background: linear-gradient(145deg, #8d7dff 0%, #6a47ff 100%);
        }
        
        .wrap .pink {
            --glow-rgb: 255, 79, 124;
        }
        
        .wrap .pink .dot {
            background: linear-gradient(145deg, #ff72b0 0%, #ff3f7c 100%);
        }
        
        .wrap .teal {
            --glow-rgb: 44, 195, 185;
        }
        
        .wrap .teal .dot {
            background: linear-gradient(145deg, #6ed8cf 0%, #2cc3b9 100%);
        }
        
        .wrap .salmon {
            --glow-rgb: 255, 122, 92;
        }
        
        .wrap .salmon .dot {
            background: linear-gradient(145deg, #ff9a7d 0%, #ff6e59 100%);
        }

        .wrap .gray {
            --glow-rgb: 170, 170, 170;
        }

        .wrap .gray .dot {
            background: linear-gradient(145deg, #d9d9de 0%, #bfbfc4 100%);
        }

        .dashboard-info {
            display: flex;
            gap: 20px;
            padding-bottom: 6px;
            max-width: 1400px;
            margin: 0 auto;
        }

        .dashboard-info-card {
            --glow-rgb: 106, 71, 255;
            /* default, será sobrescrito por .dark/.pink/.green/.blue */
            position: relative;
            width: var(--card-w);
            background: #fff;
            border: 1px solid var(--border);
            border-radius: var(--card-radius);
            box-shadow: var(--card-shadow);
            padding: 18px 18px 12px 88px;
            text-decoration: none;
            color: inherit;
            transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
        }

        /* “anel” de borda fina colorida */
        .dashboard-info-card::before {
            content: "";
            position: absolute;
            inset: -1px;
            border-radius: inherit;
            pointer-events: none;
            border: 2px solid rgba(var(--glow-rgb), 0);
            transition: border-color .22s ease;
        }

        .dashboard-info-card:hover,
        .dashboard-info-card:focus-visible {
            transform: translateY(-3px);
            box-shadow: var(--card-shadow-lg), 0 24px 60px rgba(var(--glow-rgb), .22);
            border-color: rgba(var(--glow-rgb), .35);
        }

        .dashboard-info-card:hover::before,
        .dashboard-info-card:focus-visible::before {
            border-color: rgba(var(--glow-rgb), .65);
        }

        /* badge do card */
        .dashboard-info-card .badge {
            position: absolute;
            top: -14px;
            left: 14px;
            width: 56px;
            height: 56px;
            border-radius: 14px;
            display: grid;
            place-items: center;
            color: #fff;
            box-shadow: 0 10px 20px rgba(0, 0, 0, .18);
            border: 1px solid rgba(255, 255, 255, .35);
            transition: transform .22s ease, box-shadow .22s ease;
        }

        .dashboard-info-card .badge i {
            font-size: 18px;
        }

        .dashboard-info-card:focus-visible .badge {
            transform: translateY(-2px);
            box-shadow: 0 16px 30px rgba(var(--glow-rgb), .35);
        }

        /* conteúdo do card */
        .dashboard-info-card .meta {
            display: flex;
            justify-content: flex-end;
            margin-bottom: 6px;
        }

        .dashboard-info-card .meta .label {
            font: 600 14px/1 'Inter', system-ui;
            color: #94a3b8;
        }

        .dashboard-info-card .value {
            font: 800 28px/1 'Inter', system-ui;
            color: #1f2937;
            margin-bottom: 12px;
        }

        .dashboard-info-card .hr {
            height: 1px;
            background: var(--border);
            margin: 8px 0 10px;
        }

        .dashboard-info-card .foot {
            font: 600 14px/1 'Inter', system-ui;
            color: #64748b;
        }

        .dashboard-info-card .foot .documents {
            color: #4b5563
        }

        .dashboard-info-card .foot .shared-documents {
            color: #ff72b0
        }

        .dashboard-info-card .foot .messages {
            color: #6ed8cf
        }

        .dashboard-info-card .foot .notifications {
            color: #6aa3ff
        }

        /* gradientes das badges + mapeamento do glow */
        .dashboard-info-card .badge.dark {
            background: linear-gradient(145deg, #4b5563 0%, #111827 100%);
        }

        .dashboard-info-card .badge.pink {
            background: linear-gradient(145deg, #ff72b0 0%, #ff3f7c 100%);
        }

        .dashboard-info-card .badge.green {
            background: linear-gradient(145deg, #6ed8cf 0%, #2cc3b9 100%);
        }

        .dashboard-info-card .badge.blue {
            background: linear-gradient(145deg, #6aa3ff 0%, #2e71ff 100%);
        }

        .dashboard-info-card.dark {
            --glow-rgb: 51, 65, 85;
        }

        /* slate-600 */
        .dashboard-info-card.pink {
            --glow-rgb: 255, 79, 124;
        }

        .dashboard-info-card.green {
            --glow-rgb: 44, 195, 185;
        }

        .dashboard-info-card.blue {
            --glow-rgb: 46, 113, 255;
        }

        .progress-bg-success
        {
            background-color: #6cea89;
        }

        @media (max-width: 450px)
        {
            #total_colaboradores_pendentes
            {
                display: none;
            }
        }

        .skin-black-light .main-sidebar
        {
            background-color: #fff !important;
        }

        .skin-black-light .sidebar-menu>li>.treeview-menu
        {
            background: #f9fafc;
        }

        .skin-black-light.sidebar-collapse .sidebar-menu>li.active>a
        {
            border-radius: 8px;
        }