/* CSS Reset */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        /* Body e HTML - garantir que ocupe 100% da altura */
        html, body {
            height: 100%;
            overflow-y: auto;
        }


        /* Header Sticky */
        .meu-sticky-header {
            position: fixed;
            top: 6vh;
            background-color: #fff;
            color: white;
            font-size: 10px;
            width: 100%;
            z-index: 1000;
            transition: background-color 0.3s ease, box-shadow 0.3s ease;
        }

        .meu-sticky-header.scrolled {
            background-color: #222;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
        }
   
        
        
        
  /*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 24/05/2023, 23:58:50
    Author     : ivany
*/
.no-border-radius {
    border-radius: 0 !important;
}
.meu-bg-azul-tema{background: #29ABE2!important}
html{overflow: hidden!important;}
nav.header:before{background-color:transparent!important;}

.meu-tabela-small-pauta table th,
   .meu-tabela-small-pauta table td {
            padding: 0.25rem!important; /* Ajuste o valor conforme necessário */
            border:solid 1px #555
 }

.meu-tabela-small-pauta .table thead tr>th {
    font-size: 17px !important;
    font-weight: bold !important;text-align: center!important;
}
 
/* Estilos para alinhar corretamente as células das colunas dos trimestres */
.meu-tabela-small-pauta .table thead tr:nth-child(1) th[colspan="4"],
.meu-tabela-small-pauta .table thead tr:nth-child(1) th[colspan="4"] + th[colspan="4"],
.meu-tabela-small-pauta .table thead tr:nth-child(1) th[colspan="4"] + th[colspan="4"] + th[colspan="4"] {
    text-align: center!important;
} 
 
 .meu-tabela-small-pauta .table thead th[colspan="4"] {
            text-align: center!important;;
        }
.meu-tabela-small-pauta .table .input-edita-campo{
   width:40px!important;
   height:20px!important;
   
}



.select2-selection {height: 37px !important;}
#add-professor-form .select2-selection{height:100px !important;}

.meu-cursor-hand{cursor: pointer!important}
.btns-mebu-abas:hover{background:#E3D8E9!important}


.abrev_text{overflow: hidden!important;text-overflow: ellipsis!important;white-space: nowrap!important;}
p,a{text-transform: none!important}
 
.meu-text-primary{color:#4D0275!important}
.meu-bg-primary{background:#4D0275!important}
.meu-bg-verde-tela-rgba{background: rgba(7, 191, 63,.5)}
.meu-bg-laranja-tela-rgba{background:rgba(247, 92, 30,.5)}
.meu-bg-vermelho-tela-rgba{background: rgba(242, 7, 0,.9)}
.meu-bg-vermelho-tela-rgba{background: rgba(242, 7, 0,.9)}
.size_icon{font-size: 12px!important}

.meu-bg-verde-alface{background: #6CE431}
.meu-bg-verde{background: #07BF3F}
.meu-bg-laranja{background: #F75C1E}
.meu-bg-laranja-rgba{background: rgba(247, 92, 30,.3)}
.meu-bg-vermelho{background: #F20700}

.meu-bg-azul-menu{background:#00355F!important}
.meu-bg-gradiente-azul{
   background: rgb(3,2,42)!important;
   background: linear-gradient(90deg, rgba(3,2,42,1) 29%, rgba(53,60,92,1) 85%, rgba(104,110,133,1) 100%, rgba(246,246,246,0.9389005602240896) 100%)!important;
  }
.meu-bg-gradiente-primary{
      background-image: linear-gradient(135deg, #667eea 0%, #4E326C 100%);
 }  
.meu-bg-gradiente-azul-escuro{
   background-image: linear-gradient(to top, #09203f 0%, #537895 100%);
}   
  
.meu-bg-gradiente-laranja{
  background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);
} 




 
.swal2-container{z-index: 99999999!important}
/*.meu-swal-custom-popup {
  z-index: 999999999!important;  Valor alto para garantir que fique acima de tudo 
}
.meu-swal-custom-container {
  z-index: 999999999!important;  Valor alto, mas menor do que o popup, para garantir que fique abaixo 
}*/

/* Estilizando a barra de rolagem */
/* Estilizando a barra de rolagem para o seletor .meu-scrollbar */
.meu-scrollbar::-webkit-scrollbar {
  width: 8px; /* Largura da barra de rolagem */
}

.meu-scrollbar::-webkit-scrollbar-track {
  background-color: #f1f1f1; /* Cor de fundo da trilha */
}

.meu-scrollbar::-webkit-scrollbar-thumb {
  background-color: #D4E9F8; /* Cor do thumb */
  border-radius: 4px; /* Arredondamento do thumb */
}

.meu-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #88C4EC; /* Cor do thumb ao passar o mouse */
}
/*=================================================================*/

 

@keyframes rotateHorizontal {
    0% {
        transform: rotateY(0deg);
    }
    100% {
        transform: rotateY(360deg);
    }
}
/* ========================================= */
/* ========================================= */
/* Definindo a animação de zooming */
@keyframes zooming {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

/* Aplicando a animação à classe .meu-bg-login-wraper */
.meu-bg-login-wraper {
    animation: zooming 45s infinite;
    animation-timing-function: ease;
}
 

/* 
Exemplo de ajuste na posição dos botões no diálogo
 -------------------------------------------------
*/
/*.cxdialog_btns .btn_0{color:#C0DCFE!important;}*/


.cxdialog_btns {
  display: flex; /* Ativa o modo flex */
  flex-direction: row; /* Alinha os itens horizontalmente */
  justify-content: space-between; /* Cria espaço uniforme entre os itens */
  align-items: center; /* Alinha os itens verticalmente ao centro */
  width: 100%; /* Faz o contêiner ocupar 100% da largura */
  padding: 0; /* Remove qualquer preenchimento extra */
  margin: 0; /* Remove margens extras */
}
 
.cxdialog_btns a {flex: 1 0 50%!important} 

.cxdialog_btns .btn_1 {
  border-left: solid 1px #eee;
  color: #00D67F !important;
}  
        
          
        
/* Estilo específico para dispositivos móveis */
@media (max-width: 768px) { /* Ajuste o valor conforme necessário */
    .meu-sticky-header {
        top: 0; /* Topo fixo para mobile */
    }
}

.meu-btn-orcamento{
    background: rgb(255, 255, 255) !important;
    color:#29ABE2!important 
}

.meu-btn-orcamento:hover{
    background: rgb(41,171, 226)!important;
    color:rgb(255, 255, 255) !important;
}

.offCanvas__info.active{
    left:0!important;
}
.meu-espaco-y{padding-top:3%;padding-bottom:3%}

 
#google_translate_element select {
    padding: 5px;
    border: 1px solid #007bff;
    border-radius: 5px;
    color: #007bff;
    background-color: #f8f9fa;
    cursor: pointer;
}

#google_translate_element select:focus {
    outline: none;
    border-color: #0056b3;
}

.meu-primary-bg{background: #4e6c47!important}
.meu-primary-color{color: #4e6c47!important}

.logo-header-menu {
    width:45px!important;
}
 
 

.header-menu-nav {
    background-color: #fff;
    height:10vh;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.nav-link {
    transition: color 0.3s ease-in-out;
}

.nav-link:hover {
    color: #4CAF50;
    text-decoration: underline;
}

.navbar-brand img {
    transition: transform 0.3s ease-in-out;
}

.navbar-brand:hover img {
    transform: scale(1.1);
}