body.contrast {
    --BgBody: #000000;
    --Logos-BgSaladoFuturo: rgba(229, 3, 3, 0.14) !important;
    --body-color: #18191a !important;
    --sidebar-color: #242526 !important;
    --primary-color: #3a3b3c !important;
    --primary-color-light: #3a3b3c !important;
    --toggle-color: #fff !important;
    --text-color: #ccc !important;
    --Ttulo: rgba(255, 255, 255, 0.87) !important;
    --icons-nav-active: #1565D8 !important;
    --icons-nav-bg-active: #E8F0FB !important;
    --icons-item-nav: #DEDEDE !important;
    --color-grey-500: #080808;
    --color-grey-600: #0e0e0e;
    /*CORES VERTICAIS*/
    --color-frequencia: #E36496;
    --color-avalicao: #006B7B;
    --color-registror-aulas: #F7B100;
    --color-fechamento: #EB5757;
    --color-turmas: #20C7A3;
    --color-blue-primario: #278AA4;
    --color-blue-escuro: #245075;
    --color-blue-secundario: #29BFCF;
    /*CARDS ALUNOS*/
    --color-white: #000000;
    --color-blue-112: #3194B2;
    --Text-Default: #606878;
    --color-gray-450: #3F4756;
    --color-gray-095: #E5E9F2;
    --Text-Title: #464647;
    --color-sombra-rgba: rgba(0, 0, 0, 0.20);
    --color-aluno-ativo: #25AF6B;
    --color-aluno-inativo: #E53239;
    --color-aluno-transferencia: #868B89;
    --color-verde-presenca: #20C7A3;
    --color-vermelho-falta: #E53239;
    --color-cinza-desabilitado: #BDBDBD;
    --bb-table-sticky-background-color: #06546d !important;
}
/***************************************************ICONES*/
.contrast {

    & .icon-offline {
        background-image: url(/assests/icones/icon-offline-darkmode.svg) !important;
    }
    & .icon-online {
        background-image: url(/assests/icones/icon-online-darkmode.svg) !important;
    }
    & .icon-satelete-1hr {
        background-image: url(/assests/icones/icon-satelete-1hr-darkmode.svg) !important;
    }
    & icon-endereco {
        background-image: url(/assests/icones/icon-localizacao-darkmode.svg)!important;
    }
    & .icon-telefone {
        background-image: url(/assests/icones/icon-fone-darkmode.svg)!important;
    }
    & .icon-unidade-azul {
        background-image: url(/assests/icones/icon-unidade-busca-azul-darkmoder.svg)!important;
    }
}
/***************************************************END ICONES*/
/*MODAL*/
.contrast {
    & .modal{
        background-color: rgba(38, 38, 38, 65%)!important;
    }
    & .modal-content {
        background-color: #262626!important;
        & .modal-body{
            & .btnPerfil{
                button{
                    &:hover{
                        opacity:0.8;
                    }
                }
            }
        }
    }
}

/*END MODAL*/

.contrast section, .contrast main, .contrast ol {
    background-color: transparent !important;
}
.contrast .govsp-topo {
    background-color:#000000!important;
}
/*TELA LOGIN*/
.contrast {
    & .div-logo{
        background-color: transparent !important;
        & .logo{
            background-image: url(./assests/logo-prisma-darkmode.png)!important;
            background-color:transparent!important;
        }
    }
    & .box-login{
        background-color:#262626!important;
       & .form-login {
            background-color:transparent!important;
            & .form-group{
                & label{
                    color: #D3D7DF!important;
                 }
                & input{
                    color:#FFFFFF!important;
                    border-radius: 0.1875rem;
                    border: 0.8px solid #535D6E!important;
                    background: #314050!important;
                }

            }
        }
    }
}

.contrast .div-esqueci-senha {
    & a{
        color: #8CB1D9!important;
    }
}
.contrast .btn_acessar {
    
    background: linear-gradient(85deg, #132B3E -0.06%, #0D3F44 99.94%) !important;
    color: #C2CED6 !important;
    &:hover {
       color: #FFF;
       background: linear-gradient(200deg,  #132B3E -0.06%, #0D3F44 99.94%)!important;
    }
}
.contrast .field-validation-error {
    color: #FBB2B2!important;
}
.contrast .invalid {
    outline: #FBB2B2 solid 1px !important;
}


.contrast .conteudo {
    background-color: transparent !important;
}

.contrast div {
    background-color: transparent !important;
}

.contrast {
    & .bg-login{
        background-image: url(./assests/bg-body-darkmode.jpg) !important;
        background-color: transparent !important;
        background-size: cover !important;
        background-position: center center !important;
    }
}

/*.contrast .box-login {
    background: var(--BgConteudo, #303030) !important;
}*/

/*.contrast .div-logo {
    background-color: transparent !important;
}*/

.contrast .aviso-login {
    background-color: transparent !important;
}

.contrast .form-login {
    background-color: transparent !important;
}

.contrast .form-login form .input .form-control {
    border: var(--Professor-condicional-CountAulaRealizadas, 0.714px) solid var(--CorBorda, rgba(255, 255, 255, 0.50)) !important;
    background: var(--Label-bg, #464647) !important;
}

.contrast .form-login form .form-control {
    border: var(--Professor-condicional-CountAulaRealizadas, 0.714px) solid var(--CorBorda, rgba(255, 255, 255, 0.50)) !important;
    background: var(--Label-bg, #464647) !important;
}

.contrast .form-login form .form-group {
    background-color: transparent !important;
}

.contrast .div-esqueci-senha {
    background-color: transparent !important;
}

.contrast .div-primeiro-acesso {
    background-color: transparent !important;
}

.contrast .div-suporte {
    background-color: transparent !important;
}
/* FINAL TELA LOGIN*/


/* HEADER */

.contrast header {
    background-color: transparent!important;
     & .conteudoHeader{
        background-color: transparent!important;
    }
}
.contrast{
    & .logo-prisma {
        & .emblema-prisma{
            background-color:#FFFFFF!important;
        }
        h1{
            color: #73DDFF!important;
            background: rgba(0, 0, 0, 0.35)!important;
            b{
                color: #73DDFF!important;
             }
        }
    }
    &  .acoesHeader {
        background-color: transparent!important;
        & .navegacao{
            background-color: transparent!important;
            & nav{
                    background-color: transparent!important;
                 }
        }
        & .perfil{
            background-color: transparent!important;
            p{
                color: #89A6B2;
                em{
                    color: #006F92;
                }
             }
            span{
                background: linear-gradient(0deg, #142e34 0%, #2d5159a3 100%)!important;
                box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);

                color: #006F92;
            }
            & .dropdown__Perfil{
                button{
                    background-color: transparent!important;
                }
            }
        }
    }
}

.contrast {
    & .dropdown-menu-start{
        background: linear-gradient(183deg, #1f4b53 1.14%, #1a283b 75.41%) !important;
        border: 0;
        li{
              background-color:transparent!important;
          }
         &  .dropdown-item:hover {
            color: var(--bs-dropdown-link-hover-color);
            background-color: #1f4b53!important;
        }
    }
    & .dropdown-menu-start {
        & .dropdown__prefil_item {
            &.btn_sair {
                color:#FBB2B2!important;
            }
        }
    }
}


/* ICONES DE NAVEGAÇÃO header */
.contrast{
    .navegacao{
        & nav{
            & .nav-itens{
                &:hover{
                    transform: scale(1.1);
                    &.icon-dashboard{
                           background-image:url('./assests/icones/icon-dashboard-line.svg')!important;
                    }
                    &.icon-ocorrencia{
                           background-image:url('./assests/icones/icon-adicionar-ocorrencia.svg');
                    }
                    &.icon-central-ocorrencia {
                        background-image: url('./assests/icones/icon-central-ocorrencia.svg');
                    }
                    &.icon-alertas-prioritarios {
                        background-image: url('./assests/icones/icon-nav-alert.svg');
                    }
                    &.icon-buscar-unidade {
                        background-image: url('./assests/icones/icon-nav-escola.svg');
                    }
                    &.icon-status-plataformas {
                        background-image: url('./assests/icones/icon-nav-platforms.svg');
                    }
                    &.icon-notificacoes{
                           background-image:url('./assests/icones/icon-notificacoes.svg');
                    }
                    &.icon-configuracoes{
                           background-image:url('./assests/icones/icon-configuracoes.svg');
                    }
                }
                &.active{
                    transform: scale(1.1);
                    &.icon-dashboard{
                           background-image:url('./assests/icones/icon-dashboard-line.svg');
                    }
                    &.icon-ocorrencia{
                           background-image:url('./assests/icones/icon-adicionar-ocorrencia.svg');
                    }
                    &.icon-central-ocorrencia {
                        background-image: url('./assests/icones/icon-central-ocorrencia.svg');
                    }
                    &.icon-alertas-prioritarios {
                        background-image: url('./assests/icones/icon-nav-alert-darkmode.svg')!important;
                    }
                    &.icon-buscar-unidade {
                        background-image: url('./assests/icones/icon-nav-escola.svg');
                    }
                    &.icon-status-plataformas {
                        background-image: url('./assests/icones/icon-nav-platforms.svg');
                    }
                    &.icon-notificacoes{
                           background-image:url('./assests/icones/icon-notificacoes.svg');
                    }
                    &.icon-configuracoes{
                           background-image:url('./assests/icones/icon-configuracoes.svg');
                    }
                }
                &.icon-dashboard{
                        background-image:url('./assests/icones/icon-dashboard-line-off.svg');
                }
                &.icon-ocorrencia{
                    background-image:url('./assests/icones/icon-adicionar-ocorrencia-off.svg');
                }
                &.icon-central-ocorrencia {
                    background-image: url('./assests/icones/icon-nav-alert-off.svg');
                }
                &.icon-alertas-prioritarios {
                    background-image: url('./assests/icones/icon-nav-alert-off.svg');
                }
                &.icon-buscar-unidade {
                    background-image: url('./assests/icones/icon-nav-escola-off.svg');
                }
                &.icon-status-plataformas {
                    background-image: url('./assests/icones/icon-nav-platforms-off.svg');
                }
                &.icon-notificacoes{
                        background-image:url('./assests/icones/icon-notificacoes-off.svg');
                }
                &.icon-configuracoes{
                        background-image:url('./assests/icones/icon-configuracoes-off.svg');
                }
                &.nova-notificacoes {
                }
            }
        }
    }
}

/*NAVEGACAO SIDE BAR*/
.contrast {
    & .navagacao-sidebar {
        background-color: rgba(0, 0, 0, 80%)!important;
        &.ativo{

        }
        & .navgacao-header{

            & .boas-vindas{
                & .btn-close-navegacao{
                    background-color: #464647!important;
                }
                .foto{
                    margin-bottom:10px;
                    span{
                            background: #464647!important;
                    }

                }
                & .info-usuario{
                    p{
                        color: #C6DBEE !important;
                        b{
                            color: #C6DBEE !important;
                        }
                         em{
                            color: #C6DBEE !important;
                         }
                    }
                }

            }
        }
        nav {
            background-color:transparent!important;
            &::-webkit-scrollbar-track {
                background: transparent;
            }
            &::-webkit-scrollbar {
                width: 6px;
                background: transparent;
            }
            &::-webkit-scrollbar-thumb {
                background: var(--light-mode-scroll, #CDCDCD);
                border-radius: 4px;
                border: 3px solid var(--light-mode-scroll, #CDCDCD);
            }
          a{
                background-color: #464647!important;
                color: #006F92;
              &:hover{
                font-weight:600;
                background-color: var(--color-white);
                box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.10);
              }
              &.active{
                font-weight:600;
                background-color: var(--color-white);
                box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.05);
              }
            }
        }
        & .navgacao-footer{
            display: flex;
            flex-direction: column;
            align-items: center;
            align-self: center;
            width:100%;
            border-top: 0.5px solid #89A6B2;
            p{
                padding-top:10px;
                color: #89A6B2;
                text-align: center;
                font-family: Rawline;
                font-size: 0.6875rem;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
             }
        }
    }
}
/* FINAL ICONES DE NAVEGAÇÃO header */

/* FINAL HEADER*/


.contrast .breadcrumb-page {
    background-color: transparent !important;
    & .breadcrumb {
        background-color: transparent !important;
        & .breadcrumb-item {
            background-color: transparent !important;
        }
    }
}

.contrast .tooltip-inner{
    background-color:rgba(0,0,0,85%)!important;
}

.contrast .titulo-page-top {
    color: #C6DBEE !important;
    b{
        color: #C6DBEE !important;
     }
}

.contrast .titulo-pagina {
    color: #C6DBEE!important;
    b{
        color: #C6DBEE!important;
     }
     span{
         color: #C6DBEE!important;
     }
}
.contrast .header-vertical {
    & .btn-acoes{
        i{
            color: #C6DBEE!important;
       }
    }
}

/* TELA HOME*/
.contrast {
    background: linear-gradient(-40deg, #17243B 18%, #1C2C3A 48%, #1E3D49 59%, #204D55 100%) !important;
}

 /*FINAL TELA HOME*/
.contrast .bg-1-hora-offline {
    background-color: #0F0F11!important;
}
.contrast .bg-body-1-hora-offline {
    background: linear-gradient(105deg, #232323 94%, #181818 100%)!important;
    & .listagem-grid{
       & .listagem-row{
            p{
                color: #573A3A;
                a{
                    color: #573A3A;
                }
            }
        }
    }
}
.contrast .icon-page-permissoes-perfil {
    background-image: url(/assests/icones/icon-page-permissoes-perfil-dark.svg);
}
.contrast .bg-17-min-offline {
    background-color: #680808 !important;
    /*background-color: #604000 !important;*/
}
.contrast .bg-body-17-min-offline {
    /*background: linear-gradient(105deg, #473A21 4.94%, #332304 100%) !important;*/
    background: linear-gradient(105deg, #340404 94%, #2C1818 100%) !important;
    & .listagem-grid{
       & .listagem-row{
            p{
                color: #573A3A;
                a{
                    color: #573A3A;
                }
            }
        }
    }
}
.contrast .bg-15-min-offline {
    background-color: #524B00!important;
}
.contrast .bg-body-15-min-offline {
    background: linear-gradient(105deg, #3D3922 4.94%, #423D08 100%) !important;
    & .listagem-grid{
       & .listagem-row{
            p{
                color: #573A3A;
                a{
                    color: #573A3A;
                }
            }
        }
    }
}
.contrast {
    & .box-alertas {
        border-bottom: 0.5px solid #1d3340 !important;
        & .body-alertas{
        &::-webkit-scrollbar {
            width: 5px;
            margin-left:2px;
        }
        &::-webkit-scrollbar-track {
            background-color: transparent;
        }
        &::-webkit-scrollbar-thumb {
            background-color: #C6DBEE!important;
            border-radius: 20px;
            border: 31px solid #C6DBEE!important;
        }
        }
    }
}
.contrast {
    & .box-plataformas {
        background: radial-gradient(228.51% 135.09% at 0% 0%, rgba(34, 62, 66, 0.75) 0%, rgba(22, 76, 106, 0.75) 100%)!important;
        & .header-plataformas{
            border-bottom: 0.5px dotted rgb(27, 42, 58)!important;
            a{
                color: #BAC8D6!important;
             }
            p{
                 b{
                    color: #94E5FF!important;
                  }
             }
        }
    }
    & .bg-success{
        background-color: #1BC454!important;
    }
    & .bg-warning{
        background-color: #FF9559!important;
    }
    & .bg-danger{
        background-color: #FDC8C8!important;
    }
    & .paragrafo-online {
        color: #B5F2E4 !important;
    b{
            color: #B5F2E4!important;
        }
    }
    & .paragrafo-intermitente {
        color: #FFA675!important;
        b{
            color: #FFA675!important;
        }
    }
    & .paragrafo-offline {
        color: #FBB2B2!important;
        b{
            color: #FBB2B2!important;
        }
    }
}

.contrast {
    & .custom-select {
        select {
            border: 0.8px solid #C1C9D8;
            background-color: #314050!important;
            color: var(--color-blue-gray-100);
        }
        span {
            background: #C1C9D8;
            i{
                color:#314050!important;
            }
        }
    }
}
.contrast {
    & .box-legenda {

        border: 1px solid #89A6B2!important;
        p{
            color:#89A6B2!important;
         }
         & .conteudo-legenda{
            border-top: 0.5px solid #C1C9D8;
             p{
                color:#89A6B2!important;
              }
         }
    }
}

.contrast {
     & .box-status {
        background: radial-gradient(228.51% 135.09% at 0% 0%, rgba(34, 62, 66, 0.75) 0%, rgba(22, 76, 106, 0.75) 100%) !important;
        & .header-status{
            border-bottom: 0.5px solid #BAC8D6;
            p{
                color: #89A6B2!important;
                 b{
                    color: #89A6B2!important;
                  }
             }
        } 
        & .body-status{
            & .conteudo-status{
                &.online{
                    p{
                        b{
                            color:#4CC16D!important;
                        }
                    }
                    & .footer-status{
                        color:#4CC16D!important;
                    }
                }
                &.offline{
                    p{
                        b{
                            color: #FBB2B2!important;
                        }
                    }
                    & .footer-status{
                        color: #FBB2B2!important;
                    }
                }
            }
            & .footer-status{
                    color:#4CC16D;
            }
            p{
                b{
                
                }
             }
        }
    }
}

.titulo-grafico-line {
    color: #89A6B2 !important;
}



/* Sidebar */
.contrast{
    & .breadcrumb-page {
        & .breadcrumb{
        & .breadcrumb-item{
                a{
                     color: #C6DBEE !important;
                }
            }
            & .active {
                 color: #C6DBEE !important;
            }

        }
    }
}


.contrast {
    & .page-interna{
        p{
             color: #C6DBEE !important;
             b{
                color: #C6DBEE !important;
            }
         }
        & .conteudo-busca-unidades {
            background: linear-gradient(85deg, #2C5D6D -0.06%, #09354E 99.94%)!important;
            & .input-group{
                input{
                    border: 0.8px solid #C1C9D8!important;
                    background: var(--Cores-azulAcinzentado25, #314050)!important;
                }
                     button{
                         background-color:transparent!important;
                     }
                & .autocomplete-list{
                    background: var(--Cores-azulAcinzentado25, #314050)!important;
                    border:none;
                    & .dropdown-item{
                        background-color:transparent!important;
                    }
                }
            }
        }
     }
}


.contrast {
    & .table-ocorrencia {
        border:none;
            thead{
            border:none;
            th{
                  border:none;
                  td{

                    }
              }
            & .bg-dark{
                background-color:#2b3133!important;
                border:none;
                & .d-flex{
                    button{

                    }
                    .dropdown-menu{
                        background-color:transparent!important;
                    }
                    .form-control{
                        background-color:transparent!important;
                    }
                }
            }
        }
        tbody{
            background-color:var(--color-white)!important;
            border:none;
            tr{
                border:none;
                &:nth-child(odd){
                  background: #1C2A32;
                  border:none;
                  color:#FFF!important;
                }
                &:nth-child(even){
                  background: #1C2A32;
                  border:none;
                }
                td{
                    border:none;
                    color:#FFF!important;
                }
              }
        }
    }
    .bg-header-ocorrencia {
        background: linear-gradient(85deg, #5792C3 -0.06%, #56989F 99.94%)!important;
        border:none;
        th{
            padding: 0.9375rem;

              span{
                    color: #1C2A32 !important;
                  }
            span i{
                 color: #1C2A32 !important;
            }
        }
    }
}
.contrast {
    & .titulo-vertical {
        color: #C6DBEE!important;
    }
}
.contrast {
    & .btn-voltar-outline{
        background-color: transparent !important;
        color: #C6DBEE!important;
        &:hover{
            background-color:rgba(255,255,255,0.4)!important;
            color: #C6DBEE!important;
        }
    }

    & .btn-adicionar-evento{
        background-color: transparent !important;
        color: var(--color-blue-primario)!important;
        border: 2px solid var(--color-blue-primario)!important;
        &:hover{
            border: 2px solid var(--color-blue-primario)!important;
            background-color: rgb(39, 138, 164, 20%)!important;
            color:var(--color-blue-primario)!important;
        }
        &[disabled]{
            background: linear-gradient(0deg, #D9DCDE 0%, #D9DCDE 100%), linear-gradient(85deg, #245075 -0.06%, #29BFCF 99.94%)!important;
            border: 2px solid #D9DCDE!important;
            color:var(--color-white)!important;
            & .icon-adicionar-ocorrencia-azul{
                background-image:url(./assests/icones/icon-adicionar-ocorrencia-white.svg)!important;
            }
        }
    }
}
.contrast {
    & .grupo_input{
        label{
            color: #C6DBEE !important;
        }
        input, textarea{
            border: 0.8px solid #C1C9D8!important;
            background: var(--Cores-azulAcinzentado25, #314050)!important;
        }
        button{
            background-color:transparent!important;
        }
        & .autocomplete-list{
            background: var(--Cores-azulAcinzentado25, #314050)!important;
            border:none;
            & .dropdown-item{
                background-color:transparent!important;
            }
        }
    }
}

.contrast {
    & nav[aria-label="Pagination links"]{
        background-color:transparent!important;
        ul{
              background-color:transparent!important;
             & .page-item{
                background-color:transparent!important;
                & .page-link{
                    
                    &:hover{
                        color:#000000!important;
                        background-color:yellow!important;
                    }
                }
            }
          }
    }
}

.contrast {
    & .btn-secundario {
        color: var(--color-blue-primario)!important;
        background-color:transparent!important;
        font-weight:bold;
        &:hover{
            background-color:rgba(255,255,255,0.4)!important;
            color:var(--color-blue-escuro)!important;
        }
        &:active{
            background-color:rgba(255,255,255,0.4)!important;
            color:var(--color-blue-escuro)!important;
        }
        &[disabled]{
            background: linear-gradient(0deg, #D9DCDE 0%, #D9DCDE 100%), linear-gradient(85deg, #245075 -0.06%, #29BFCF 99.94%);
            cursor:no-drop;
        }
    }
    & .btn-primeiro {
        font-weight:bold;
        color: var(--color-white)!important;
        background: linear-gradient(85deg, #245075 -0.06%, #29BFCF 99.94%)!important;
        i{
            color: var(--color-white)!important;
         }
        &:hover {
           color: var(--color-white)!important;
           background: linear-gradient(200deg, rgba(41,191,207,1) 21%, rgba(36,80,117,1) 100%)!important;
        }
        &:active{
            color: var(--color-white)!important;
            background: linear-gradient(200deg, rgba(41,191,207,1) 21%, rgba(36,80,117,1) 100%)!important;
        }
        &[disabled]{
            background: linear-gradient(0deg, #D9DCDE 0%, #D9DCDE 100%), linear-gradient(85deg, #245075 -0.06%, #29BFCF 99.94%)!important;
            cursor:no-drop!important;
    
            }
    }
}


/*PLATAFORMAS*/
.contrast {
    & .list-plataformas {
        .box-plataformas {
            background: radial-gradient(228.51% 135.09% at 0% 0%, rgba(34, 62, 66, 0.75) 10%, rgba(22, 76, 106, 0.75) 100%)!important;
            &.online{
                & .info-plataformas{
                    p{
                        b{
                            color:#20BD97!important;
                         }
                    }
                    & .logo-status{
                        p{
                        }
                        img{

                           }
                        .icon-status{
                            background-image: url(/assests/icones/icon-status-online.svg);
                        }
                    }
                }
            }
            &.intermitente{
                border: 1px solid #E7B397!important;
                background: radial-gradient(228.51% 135.09% at 0% 0%, rgba(34, 62, 66, 0.75) 10%, rgba(22, 76, 106, 0.75) 100%)!important;
                & .info-plataformas{
                    p{
                        b{
                            color:#DE560A!important;
                         }
                    }
                    & .logo-status{
                         p{
                            color:#DE560A!important;
                            }
                        img{

                           }
                       .icon-status{
                            background-image: url(/assests/icones/icon-status-intermitente.svg);
                        }
                    }
                }
            }
            &.offline{
                border: 1px solid #FF6565!important;
                background: radial-gradient(228.51% 135.04% at 0% 0%, rgba(250, 246, 246, 0.75) 0%, rgba(253, 241, 241, 0.75) 100%)!important;
                & .info-plataformas{
                    p{
                        b{
                            color:#CF1616!important;
                        }
                        &:after {
                            background-image: url(/assests/icones/icon-alarme.svg);
                        }
                    }
                    & .logo-status{
                        p{
                            color:#CF1616!important;
                            &:after {
                            }
                         }
                        img{

                           }
                       .icon-status{
                            background-image: url(/assests/icones/icon-status-offline.svg);
                        }
                    }
                }
            }
            & .info-plataformas{
                flex:1;
                p{
                        color:#89A6B2!important;
                    b{
                     }
                }
                & .logo-status{
                    img{

                       }
                       i{

                       }
                }
            }
            & .agrupamentos-plataformas{
                    & .agrupamento{
                        border-left: 0.2px solid #D9D9D9!important;
                        &:first-child{
                            border-left:0px!important;
                        }
                        p{
                            color:#89A6B2!important;
                            b{
                                color:#89A6B2!important;
                             }
                        }
                }
            }

        }
    }
}


/*MODAL PLATAFORMA*/

.contrast {
    & .modal-plataformas {
        /*MODAL ONLINE*/
        &.online{
            & .modal-dialog{

                & .modal-content{
                    & .modal-body {

                        & .form-group{
                            & .btn-modal-close{
                                background-color:#20BD97!important;
                                color:var(--color-white)!important;
                          }
                        }
                    }
                }
            }
            & .info-plataformas{
                p{
                    b{
                        color: #20BD97!important;
                     }
                }
                & .logo-status{
                    .icon-status{
                    }
                }
            }
        }
        /*MODAL INTERMITENTE*/
        &.intermitente{
            & .modal-dialog{

                & .modal-content{
                    border: 1px solid #E7B397!important;
                    
                    & .modal-header{
                        
                    }
                    & .modal-body {

                        & .form-group{
                            & .btn-modal-close{
                                background-color:#DE560A!important;
                                color:var(--color-white)!important;
                          }
                        }
                    }
                }
            }
        
            & .info-plataformas{
                p{
                    b{
                        color: #DE560A!important;
                     }
                }
                & .logo-status{
                    img{
                       }
                   .icon-status{
                    }
                }
            }
        }
        /*MODAL OFFLINE*/
        &.offline{
            & .modal-dialog{

                & .modal-content{
                    border: 1px solid #FF6565!important;
                    background: radial-gradient(228.51% 135.04% at 0% 0%, rgba(250, 246, 246) 0%, rgba(253, 241, 241) 100%)!important;
                    & .modal-header{
                        background: radial-gradient(228.51% 135.04% at 0% 0%, rgba(250, 246, 246) 0%, rgba(253, 241, 241) 100%)!important;
                    }
                    & .modal-body {

                        & .form-group{
                            & .btn-modal-close{
                                background-color:#CF1616!important;
                                color:var(--color-white)!important;
                          }
                        }
                    }
                }
            }
            & .info-plataformas{
                p{
                    &:nth-child(1){
                        position: relative;
                        b{
                            color: #CF1616!important;
                        }
                    }
                }
                & .logo-status{
                    p{
                        color: #CF1616!important;
                        }
                }
            }
        }
        & .modal-dialog{

        & .modal-content{
           
                & .modal-body {
                    & .info-plataformas{
                        flex:1;
                        p{
                                color: #89A6B2!important;
                        }
                    }
                    & .agrupamentos-plataformas{
                        & .agrupamento{
                            border-left: 0.2px solid #D9D9D9!important;
                            p{
                                color: #89A6B2!important;
                                b{
                                    color: #89A6B2!important;
                                 }
                            }
                        }
                    }
                }
            }
        }
    }
}

/*END MODAL PLATAFORMA*/



.contrast {
    & .bg-alertas-plataformas{
        background-color: #152F35!important;
    }
    & .bg-body-alertas-plataformas {
        background: linear-gradient(105deg, #193840 4.94%, #343F4B 100%)!important;
    }
    & .ultimos-eventos
{
        & .conteudo-alertas{

            & .box-alertas-plataformas{
                 
                & .header-alertas{
                    & .titulo-grid{
                        p{
                         }
                    }
                }
            }
        }
    }
}

.contrast{
    & .conteudo-sla-plataformas {
        p{
            &.titulo-sla{
            }
            &.uptime{
                color:#20BD97!important;
                span{
                    color:#20BD97!important;
                }
                i{
                    color:#20BD97!important;
                }
            }
            &.downtime {
                span{
                    color:#ff9090!important;
                }
                i{
                    color:#ff9090!important;
                }
            }
         }
    }
}
.contrast {
    & .div-logo {

        & .logo-govbr-footer {
/*            background-image: url(./assests/logo-sp-gov-br-dark.svg) !important;*/
            background-image: url(./assests/brasao-gov-estado-sp-vertical-dark.svg)!important;
            background-color: transparent !important;
        }
    }
}
.contrast {
    & .icon-info-white {
        background-image: url(/assests/icones/icon-info-darkmode.svg)!important;
        background-position: center center!important;
        background-size: contain!important;
        background-repeat: no-repeat!important;
    }
    & .icon-rack-rede-1hr{
        background-image: url(/assests/icones/icon-rack.svg)!important;
        background-position: center center!important;
        background-size: contain!important;
        background-repeat: no-repeat!important;
    }
    & .icon-modem-1hr{
        background-image: url(/assests/icones/icon-modem.svg)!important;
        background-position: center center!important;
        background-size: contain!important;
        background-repeat: no-repeat!important;
    }
    & .bg-firewall-offline {
        background-color:#06546d !important;
    }
    & .bg-body-firewall-offline {
        background: radial-gradient(228.51% 135.04% at 0% 0%, rgba(0, 65, 87, 0.38) 0%, rgba(18, 18, 18, 0.75) 100%)!important;
                   
    }
    & .bg-alerta-roteador {
        background-color:#06546d !important;
    }
    & .bg-body-alerta-roteador {
        background: radial-gradient(228.51% 135.04% at 0% 0%, rgba(0, 65, 87, 0.38) 0%, rgba(18, 18, 18, 0.75) 100%)!important;
    }

    & .bg-alerta-sdwanalinkdown {
        background-color:#06546d !important;
    }

    & .bg-body-alerta-sdwanalinkdown {
        background: radial-gradient(228.51% 135.04% at 0% 0%, rgba(0, 65, 87, 0.38) 0%, rgba(18, 18, 18, 0.75) 100%)!important;
    }
    & .bg-unidades-offline-reforma{
        background-color:#181818 !important;
    }
    & .bg-diretorias-ensino-offline{
        background-color:#06546d !important;
    }

}
.contrast {
    & .icon-firewall-1hr {
        background-image: url(/assests/icones/icon-firewall-legenda.svg)!important;
        background-position: center center!important;
        background-size: 15px 15px!important;
        background-repeat: no-repeat!important;
    }
    & .icon-unidade-legenda {
        filter: invert(0.1) brightness(100) sepia(3%) saturate(10000%) hue-rotate(176deg);
    }
    & .icon-reforma {
        background-image: url(/assests/icones/icon-unidade-manutencao-legenda.svg);
    }

    & .icon-falta-de-energia {
        background-image: url(/assests/icones/icon-unidade-falta-energia-legenda.svg);
    }
}

.contrast {
    .header-indicadores-tempo {
        & .indicadores-principais {
            & .item {
                background: rgba(6, 6, 6)!important;
                     &.amarelo{
                        background: rgb(219 198 0 / 90%) !important;
                        & .header_item {
                            color:#17253b !important;
                        }
                        & .body_itemo{
                            color:#17253b !important;
                        }
                        & .footer_item{
                            color:#17253b !important;
                        }
                    }
                    &.vermelho {
                        background: #FBB2B2 !important;
                        & .header_item {
                            color:#17253b !important;
                        }
                        & .body_itemo{
                            color:#17253b !important;
                        }
                        & .footer_item{
                            color:#17253b !important;
                        }
                    }
                }
            }
            & .indicador-total{
            & .item {
                background: rgba(6, 6, 6)!important;
                }
            }
        }

    .icon-unidade-off-azul{
        background-image: url(/assests/icones/icon-status-unidades-off-branco.svg)!important;
    }
    .icon-unidade-off-marrom{
        background-image: url(/assests/icones/icon-status-unidades-off-azul.svg)!important;
    }
    .icon-unidade-off-branco{
        background-image: url(/assests/icones/icon-status-unidades-off-azul.svg)!important;
    }
}