.dashboard2024 .pageheader h2{
    font-family: Segoe UI;
    font-size: 20px;
    font-weight: 600;
    line-height: 26.6px;
    text-align: left;
    margin-left: 7px;
    margin-top: 3px;
}

.dashboard2024 .contentpanel .topo-dashboard{
    width: 100%;
    height: fit-content;
    display: inline-block;
}

.dashboard2024 .contentpanel .topo-dashboard h3{
    width: fit-content;
    float: left;
    font-family: Segoe UI;
    font-size: 24px;
    font-weight: 600;
    line-height: 31.92px;
    text-align: left;
    color: #0069D1;
    margin-top: 2px;
    cursor: default;
}

.dashboard2024 .contentpanel .topo-dashboard .form-group label{
    color: #4E4E4E;
    font-size: 16px;
    font-family: Segoe UI;
    font-weight: 600;
    margin-right: 5px;
    margin-left: 10px;
    user-select: none;
    cursor: default;
}

.dashboard2024 .contentpanel .topo-dashboard .form-group input,
.dashboard2024 .contentpanel .topo-dashboard .form-group select{
    background-color: white;
    border-radius: 4px;
    border: 1px solid #A8A8A8;
    padding: 8px 0px 8px 8px;
    color: #A8A8A8;
    width: 200px;
}

.dashboard2024 .contentpanel button{
    border-radius: 6px;
    opacity: 0px;
    padding: 5px 10px 5px 10px;
    font-size: 14px;
    margin-top: -4px;
    margin-left: 4px;
}

.dashboard2024 .contentpanel .div-cards{
    background-color: #fff;
    border-radius: 20px;
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 30px;
}

.dashboard2024 .contentpanel .div-cards .col-card{
    position: inherit !important;
}

.dashboard2024 .contentpanel .panel-default-kubo .panel-heading{
    background-color: #E6EFF1;
    border-radius: 8px;
}

.dashboard2024 .contentpanel .panel-default-kubo .stat-label{
    color: #00536B;
    font-family: Segoe UI;
    font-size: 16px;
    font-weight: 600;
    line-height: 21.28px;
    text-align: left;
    text-transform: capitalize;
}

.dashboard2024 .contentpanel .panel-default-kubo h1{
    color: #00536B;
    font-family: Segoe UI;
    font-size: 32px;
    font-weight: 600;
    line-height: 42.56px;
    text-align: left;
}

.dashboard2024 .contentpanel .panel-default-kubo small{
    color: #00536B;
}

.dashboard2024 .contentpanel .panel-default-kubo .panel-heading .stat{
    color: #fff;
    max-width: 100%;
    height: 100%;
    display: flex;
}

.dashboard2024 .contentpanel .panel-default-kubo .panel-heading .stat .row{
    display: flex;
    width: 100%;
    height: 85px;
}

.dashboard2024 .contentpanel .panel-default-kubo .panel-heading .stat .row .imagem{
    display: flex;
    justify-content: center;
    align-items: center;
    height: inherit;
}

.dashboard2024 .contentpanel .panel-default-kubo .panel-heading .stat .row .conteudo-centralizado{
    display: flex;
    flex-direction: column; /* Coloca o conteúdo em uma coluna */
    justify-content: center; /* Alinha verticalmente ao centro */
    height: 100%; /* Define a altura total do container */
    cursor: default;
}

.dashboard2024 .contentpanel .grafico-dashboard{
    padding: 10px;
}

.dashboard2024 .contentpanel .grafico-dashboard .row{
    padding: 20px;
    border-radius: 20px;
    background-color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 0;
    margin-right: 0;
}

.dashboard2024 .contentpanel .topo-dashboard .form-inline{
    float: right;
}

.dashboard2024 .contentpanel .topo-dashboard .form-inline .form-group{
    margin-bottom: 15px;
}

.login2024 .container-login {
    display: flex;          /* Use flexbox para organizar os filhos */
    justify-content: center;/* Centraliza o conteúdo horizontalmente */
    align-items: center;    /* Centraliza o conteúdo verticalmente */
    height: 100vh;
    box-sizing: border-box;
}

.login2024 .container-login .centralizar {
    display: flex;          /* Torna a div .centralizar também um container flexbox */
    flex-direction: column; /* Alinha itens em coluna */
    justify-content: center;/* Centraliza conteúdo da div na vertical */
    align-items: center;    /* Centraliza conteúdo da div na horizontal */
    height: 100%;
    padding: 18px;
    width: 100%;
    box-sizing: border-box; /* Garantir que padding e border façam parte da largura e altura */
    overflow: auto;
}

.login2024 #formulario{
    padding: 0;
    max-width: 412px;
    margin: 0 auto;
    border-radius: 16px;
    border: 0;
    width: 100%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.login2024 #formulario .topo-login{
    height: 80px;
    background-color: #0069D1;
    border-radius: 16px 16px 0 0;
}

.login2024 #formulario .topo-login .entrar-na-conta{
    font-family: Segoe UI;
    font-size: 24px;
    font-weight: 400;
    line-height: 31.92px;
    text-align: center;
    padding-top: 20px;
    cursor: default;
    user-select: none;
    color:white;
}

.login2024 #formulario .corpo{
    background-color: #fff;
    padding: 30px;
    border-radius: 0px 0px 16px 16px;
    padding-top: 20px;
}

.login2024 #formulario .corpo h4, .login2024 #formulario .corpo p{
    color: #4E4E4E;
    font-family: Segoe UI;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    cursor: default;
    user-select: none;
    margin-bottom: 5px;
    margin-top: 10px;
}

.login2024 #formulario .corpo strong{
    color: #B50000;
}

.login2024 #formulario .corpo input, .login2024 #formulario .corpo select{
    margin-top: 0;
    border-radius: 4px;
    border-color: #A8A8A8;
    padding: 8px;
    font-family: Segoe UI;
    font-size: 14px;
    font-weight: 400;
    line-height: 18.62px;
}

.login2024 #formulario .corpo select, .login2024 #formulario .corpo select option{
    cursor: pointer;
}

.login2024 #formulario .corpo .div-bloco-entrar{
    display: flow-root;
    height: fit-content;
}

.login2024 #formulario .corpo .div-bloco-entrar .esqueceu_sua_senha, .login2024 #formulario .corpo .div-bloco-entrar .link_criar_cadastro_aluno{
    font-family: Segoe UI;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #0044C5;
    text-decoration: underline;
    margin-top: 17px;
    display: block;
    float: left;
    user-select: none;
    margin-right: 5px;
}

.login2024 #formulario .corpo .login-microsoft-azure{
    background-color: #0c7cd5;
    color: #fff;
    border-radius: 8px;
    margin-top: 10px;
}

.login2024 #formulario .corpo .login-microsoft-azure img{
    height: 18px;
    margin-right: 5px;
    margin-top: -3px
}

.login2024 #formulario .corpo .div-bloco-entrar button{
    width: fit-content;
    background-color: #0069D1;
    float: right;
    border: none;
    border-radius: 8px;
    font-family: Segoe UI;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    margin-top: 13px;
    color: #fff;
}

.login2024 #formulario .corpo .div-bloco-entrar .logo{
    height: fit-content;
    display: list-item;
    text-align: center;
    max-height: 55px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.login2024 #formulario .corpo .logo img{
    margin: 10px auto;
    display: block;
    max-height: 50px;
    user-select: none;
}

.login2024 #formulario .corpo .termos{
    display: flex;                /* Usar Flexbox para alinhar os itens */
    justify-content: center;       /* Centralizar os links horizontalmente */
    align-items: center;
    margin-top: 10px;
}

.login2024 #formulario .corpo .termos a{
    font-family: Segoe UI;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    text-decoration: underline;
    color: #0044C5;
    margin: 0 2px 0 2px;
    user-select: none;
}

.login2024 #formulario .corpo .alert{
    display: block;
    padding: 0;
    background: none;
    border: none;
}

.login2024 #formulario .corpo .alert p{
    color: #B50000;
    text-align: center;
}

.login2024 #formulario .dropdown{
    display: flex;                /* Usar Flexbox para alinhar os itens */
    justify-content: center;       /* Centralizar os links horizontalmente */
    align-items: center;
    margin-top: 10px;
}

.login2024 #formulario .dropdown img {
    filter: invert(29%) sepia(12%) saturate(19%) hue-rotate(355deg) brightness(96%) contrast(91%);
    cursor: pointer;
}

.login2024 #formulario .dropdown-button-language-login {
    padding: 5px;
    background-color: transparent;
    color: #4E4E4E;
    border: none;
    cursor: pointer;
}

.login2024 #formulario .dropdown-button-language-login:active {
    outline: none;  /* Remove o contorno ao focar */
    box-shadow: none;  /* Remove o sombreamento ao clicar */
}

.login2024 #formulario .dropdown-content-language-login {
    display: none;
    position: absolute;
    background-color: transparent;
    min-width: 160px;
    z-index: 1;
    left: 96px;
    user-select: none;
    border-radius: 16px;
    padding-bottom: 20px;
}

.login2024 #formulario .dropdown-content-language-login ul {
    list-style-type: none;
    border-radius: 16px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    margin: 0;
    padding: 0;
}

.login2024 #formulario .dropdown-content-language-login li {
    padding: 5px 5px;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
    color: #4E4E4E;
    text-align: center;
    background-color: #f9f9f9;
}

.login2024 #formulario .dropdown-content-language-login li:first-child{
    border-radius: 16px 16px 0 0;
}

.login2024 #formulario .dropdown-content-language-login li:last-child{
    border-radius: 0 0 16px 16px;
}

.login2024 #formulario .dropdown-content-language-login li:hover {
    background-color: #f1f1f1;
}

.login2024 #formulario .caregador-formulario{
    text-align: center;
    width: 100%;
    display: none;
}

.login2024 #formulario .caregador-formulario .spinner {
    width: 25px;
    height: 25px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #a3a3a3;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    box-sizing: border-box; /* Garante consistência nas dimensões */
    margin: 12px auto;
}

.login2024 #formulario .logar-com-o-google{
    border-radius: 8px;
    background-color: #0c7cd5;
    margin-top: 10px;
    color: #fff;
}

.login2024 #formulario .logar-com-o-google img{
    height: 18px;
    margin-right: 5px;
    margin-top: -3px;
}

/* Estilos para o carregador */
#carregador2024 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #F3F6F9; /* Fundo semitransparente */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Garante que o carregador esteja no topo */
    box-sizing: border-box; /* Garante consistência nas dimensões */
    padding: 0; /* Remove qualquer padding */
    border: none; /* Remove borda se existir */
}

/* Spinner estilo */
#carregador2024 .spinner {
    width: 50px;
    height: 50px;
    border: 5px solid #f3f3f3;
    border-top: 5px solid #a3a3a3;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    box-sizing: border-box; /* Garante consistência nas dimensões */
}

.titulo_relatorio{
    font: normal normal 600 22px/24px Segoe UI;
    color: #393939;
    padding: 10px;
}

.p_descricao_relatorio{
    font: normal normal normal 13px/21px Segoe UI;
    letter-spacing: 0px;
    color: #393939;
    padding: 10px;
}

.tab_relatorios{
    list-style-type: none;
    margin: 0;
    width: 100%;
    cursor: pointer;
    padding: 10px;
    display: flex;
    margin-bottom: 20px;
}

.tab_relatorios li{
    float: left;
    font: normal normal 600 16px/24px Segoe UI;
    font-weight: 600;
    line-height: 40px;
    margin-right: 20px;
    font-weight: normal;
    color: #393939;
}

.tab_relatorios li.active, .tab_relatorios li:hover{
    color: #0069D1;
    border-bottom: 2px solid #0069D1;
}

.todos-os-relatorios ul {
    padding: 0;
}

.todos-os-relatorios ul li {
    border-radius: 16px;
    display: block;
    padding: 15px;
    background-color: white;
    padding-bottom: 32%;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 20px;
    cursor: pointer;
    box-shadow: 0px 4px 16px #DBEDFF;
}

.todos-os-relatorios ul li .imagem {
    width: 30%;
    float: left;
    display: block;
}

.todos-os-relatorios .capa_relatorio{
    background: #DBEDFF;
    box-shadow: 0px 5px 5px #0000001A;
    border-radius: 20px;
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    width: 100%;
    padding-bottom: 100%;
}

.todos-os-relatorios .conteudo {
    width: 70%;
    float: left;
    padding-left: 20px;
    padding-right: 0;
    height: 100px;
    background: white;
}

.todos-os-relatorios .conteudo a:hover{
    text-decoration: none;
}

.todos-os-relatorios .conteudo h2 {
    font: normal normal 600 20px/20px Segoe UI;
    color: #0069D1;
    margin: 0;
    cursor: pointer;
}

.todos-os-relatorios .conteudo p {
    font: normal normal normal 12px/13px Segoe UI;
    color: #393939;
    display: flex;
    align-items: center;
    height: 50px;
    cursor: pointer;
}

.todos-os-relatorios .conteudo .link_relatorio{
    font: normal normal 600 12px/12px Segoe UI;
    letter-spacing: 0px;
    color: #0069D1;
    display: block;
    text-decoration: underline;
    margin-top: 24px;
}

.todos-os-relatorios .conteudo .link_relatorio:hover{
    text-decoration: underline;
}

.sub_titulo_relatorio{
    font: normal normal 600 18px/24px Segoe UI;
    color: #393939;
    padding: 10px;
    margin-bottom: 10px;
    display: block;
}

.aviso_90_dias{
    background: #DBEDFF 0% 0% no-repeat padding-box;
    border-radius: 4px;
    opacity: 1;
    font: normal normal normal 12px/20px Segoe UI;
    letter-spacing: 0px;
    color: #393939;
    margin-left: 10px;
    padding: 5px;
    border-left: 5px solid #0069D1;
}

.barra-espacamento{
    width: 100%;
    height: 1px;
    opacity: 0.5;
    background-color: #DBEDFF;
    display: block;
    margin: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.btn-success-relatorio, .btn-success-relatorio:hover, .btn-success-relatorio:active, .btn-success-relatorio.active, .open .dropdown-toggle.btn-success-relatorio{
    background-color: #0069D1;
    border-color: #0069D1;
    border-radius: 4px;
}

.btn-default-relatorio, .btn-default-relatorio:hover, .btn-default-relatorio:active, .btn-default-relatorio.active, .open .dropdown-toggle.btn-default-relatorio{
    border-radius: 4px;
}

.dias-restantes-trial-solicitar, .dias-restantes-trial-solicitado{
    display: block;
    margin: 10px;
    background-color: #f0ad4e;
    margin: 0;
    margin-bottom: 0px;
    padding: 10px;
    margin-bottom: 20px;
    line-height: 10px;
}

.dias-restantes-trial-solicitar p, .dias-restantes-trial-solicitado p{
    margin: 20px;
    font-size: 20px;
    font-family: 'Segoe UI', Arial, sans-serif !important;
    font-weight: lighter;
    line-height: 18px;
    cursor: pointer;
    color: #ffffff;
}

.dias-restantes-trial-solicitado{
    display: none;
}

.ModalRecuperacaoDeDados .modal-header{
    background-color: #0069D1;
}

.ModalRecuperacaoDeDados .senha, .ModalRecuperacaoDeDados .usuario, .ModalRecuperacaoDeDados .botoes{
    margin: 5px auto;
    float: none;
}

.ModalRecuperacaoDeDados .senha{
    margin-bottom: 19px;
}

.ModalRecuperacaoDeDados .modal-title{
    text-align: center;
}

.ModalRecuperacaoDeDados .input-group{
    margin: 0 auto;
    margin-right: auto;
    margin-left: auto;
    margin-right: 0;
    margin-left: 0;
    width: 100%;
}

.ModalRecuperacaoDeDados .usuario p{
    text-align: left;
    margin-bottom: 25px;
}

.ModalRecuperacaoDeDados .senha label{
    margin-bottom: 25px;
}

.ModalRecuperacaoDeDados .usuario label, .ModalRecuperacaoDeDados .senha label{
    float: left;
}

.ModalRecuperacaoDeDados .btn-success:hover,.ModalRecuperacaoDeDados .btn-success:active,.ModalRecuperacaoDeDados .btn-success.active,.ModalRecuperacaoDeDados .open .dropdown-toggle.btn-success,.ModalRecuperacaoDeDados .btn-success{
    background-color: #0069D1;
}


.dashboard2024 .contentpanel .table-indicadores{
    font-family: Segoe UI;
    border-radius: 8px; 
    overflow: hidden;
    border-collapse: separate; 
    border-spacing: 0;
}

.dashboard2024 .contentpanel .table-indicadores thead{
    border-radius: 8px 8px 0 0; 
    overflow: hidden;
}

.dashboard2024 .contentpanel .table-indicadores tr th{
    background-color: #00536B;
    color: white;
    text-align: center;
}

.dashboard2024 .contentpanel .table-indicadores tr td{
    background-color: #E6EFF1;
    text-align: center;
}

.dashboard2024 .contentpanel .table-dashboard{
    font-family: Segoe UI;
    border-radius: 8px; 
    overflow: hidden;
    border-collapse: separate; 
    border-spacing: 0;
    text-align: center;
}

.dashboard2024 .contentpanel .table-dashboard thead{
    border-radius: 8px 8px 0 0; 
    overflow: hidden;
}

.dashboard2024 .contentpanel .table-dashboard tr th{
    background-color: #00536B;
    color: white;
    text-align: center;
}

.dashboard2024 .contentpanel .table-dashboard button{
    border-radius: 6px;
    opacity: 0px;
    padding: 5px 10px 5px 10px;
    font-size: 14px;
    margin-top: -4px;
    margin-left: 4px;
}

.dashboard2024 .contentpanel .div-cards button {
    border-radius: 6px;
    opacity: 0px;
    padding: 5px 10px 5px 10px;
    font-size: 14px;
}

.samlitens, .oauthitens{
    margin-top: 15px;
}

/* FLYOUT */
.link-flyout{
    margin-top: 3px;
}

.link-flyout a{
    text-decoration: underline;
    color: #0069D1;
    font-size: 13px;
}

.overlay_flyout {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 89;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    pointer-events: none;
}

.flyout {
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    width: 460px;
    max-width: 100%;
    background-color: #ffffff;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5);
    z-index: 90;
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.3s ease;
}

.overlay_flyout.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.flyout.active {
    transform: translateX(0);
}

.flyout-header {
    padding: 12px 20px;
    background-color: #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-shrink: 0;
}

.flyout-header h3 {
    margin: 0;
    color: #393939;
    font-weight: bold;
    font-size: 22px;
}

.flyout-subtitle {
    font-size: 14px;
    color: #888888;
    margin-top: 5px;
}

.flyout-content {
    padding: 0 25px;
    overflow-y: auto;
    flex: 1;
    flex-grow: 1;
    min-height: calc(100vh - 150px);
    max-height: calc(100vh - 150px);
}

.flyout-footer {
    padding: 10px 20px;
    border-top: 1px solid #D8D8D8;
    background-color: #ffffff;
    position: sticky;
    bottom: 0;
    flex-shrink: 0;
}

.flyout-footer .btn{
    height: 36px;
}

.flyout-footer .btn-primary{
    background-color: #0069D1;
    border-radius: 8px;
    margin-right: 3px;
}

.flyout-footer .btn-default{
    background-color: #ffffff;
    border: 1px solid #0069D1;
    border-radius: 8px;
    color: #0069D1;
}

.flyout-header .close-btn {
    font-size: 14px;
    font-weight: lighter;
    cursor: pointer;
    color: #4E4E4E;
    position: absolute;
    top: 15px;
    right: 20px;
}

.flyout.show {
    transform: translateX(0);
}

.overlay_flyout.show {
    display: block;
}

.flyout-content .form-horizontal .control-label {
    color: #4E4E4E;
    text-align: left;
}

.flyout-content .form-horizontal input {
    border-radius: 4px;
    height: 36px;
}

/* FIM - FLYOUT */

#releaseNotesModal .modal-body h2,
#releaseNotesModal .modal-body h3{
    color: #0069D1;
}

#releaseNotesModal .modal-body ul{
    text-align: left;
}

.indicadores-conhecimentos .collapse-icon {
    float: right;
    transition: transform 0.3s ease;
}

.dashboard2024 .rating-container {
    display: flex;
    align-items: center;
    font-family: sans-serif;
}
  
.dashboard2024 .rating-container span,
.dashboard2024 .rating-container i {
    margin-right: .25rem !important;
}
  
@media (max-width: 768px) {
    .dashboard2024 .contentpanel .panel-default-kubo .panel-heading .stat .row {
        flex-direction: column;
        height: auto;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .dashboard2024 .contentpanel .panel-default-kubo .panel-heading .stat .row {
        flex-direction: row;
        height: auto;
    }
}

@media (max-width: 768px) {

    .dashboard2024 .contentpanel .panel-default-kubo .panel-heading .stat .row .imagem {
        margin-bottom: 15px;
        justify-content: center;
        margin-top: 20px;
    }

    .dashboard2024 .contentpanel .panel-default-kubo .panel-heading .stat .row .conteudo-centralizado {
        align-items: center;
        text-align: center;
    }

    .dashboard2024 .contentpanel .panel-default-kubo h1 {
        font-size: 24px;
    }

    .dashboard2024 .contentpanel .topo-dashboard .form-inline {
        display: block;
        text-align: left;
        margin-bottom: 15px;
        float: none;
    }

    .dashboard2024 .contentpanel .topo-dashboard h3 {
        font-size: 18px;
        text-align: center;
    }

    .dashboard2024 .contentpanel .topo-dashboard .form-group {
        width: 100%;
        text-align: left;
        display: block;
        margin-bottom: 10px;
    }

    .dashboard2024 .contentpanel .topo-dashboard label {
        display: block;
        text-align: left;
    }

    .dashboard2024 .contentpanel .topo-dashboard .form-group label{
        margin-left: 0px;
    }

    .dashboard2024 .contentpanel .topo-dashboard .form-inline input,
    .dashboard2024 .contentpanel .topo-dashboard .form-inline select {
        width: 100% !important;
    }

    .dashboard2024 .contentpanel .topo-dashboard .form-inline button {
        width: 100%;
        margin-top: 10px;
    }

}

@media (min-width: 992px) {

}

@media only screen and (max-width: 768px){

}