body{
    font-family: Poppins, "Open Sans", "sans-serif";
}
:root {
    --cor-primary: #4A00E0;
    --cor-primary-claro: #FFEB3B;
    --cor-primary-escuro: #ED1A1D;
    --cor-primary-acent: #FFEB3B;
    --cor-primary-cinza: #EEEEEE;
    --cor-primary-text: #212121;
    --cor-secundary-text: #757575;
    --cor-divide: #BDBDBD;
}
.text-bold{
    font-weight: 600
}
.text-muted{
    color: #b5b5c3;
}
.cor-cinza-azulado{
    background-color: #f3f6f9;
}
.cor-container{
    background: #eef0f8;
}
.z-depth-6{
    -webkit-box-shadow:0 16px 24px 2px rgba(238,240,248,0.14),0 6px 30px 5px rgba(0,0,0,0.1),0 8px 10px -7px rgba(0,0,0,0.2);
    box-shadow:0 16px 24px 2px rgba(238,240,248,0.14),0 6px 30px 5px rgba(0,0,0,0.1),0 8px 10px -7px rgba(0,0,0,0.2)
}
.cor-gradiente-alpha{
    background: #4A00E0;
    background: -webkit-linear-gradient(top right,rgba(74, 0, 224, 0.8),rgba(255, 78, 80,0.95));  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(top right,rgba(74, 0, 224, 0.8), rgba(255, 78, 80,0.95));  /* Chrome 10-25, Safari 5.1-6 */
}
.cor-gradiente{
    background: #4A00E0;
    background: -webkit-linear-gradient(top right,rgba(74, 0, 224, 1),rgba(255, 78, 80,1));  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(top right,rgba(74, 0, 224, 1),rgba(255, 78, 80,1));

}
.background-primary{
    background-color: #21D4FD;
    background: -webkit-linear-gradient(top right,rgba(33, 212, 253, 1),rgba(183, 33, 255,1));  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(top right,rgba(33, 212, 253, 1),rgba(183, 33, 255,1));

}
.cor-red
{
    background: rgb(255,78,80);
}

.cor-blue-gradient {
    background: -webkit-linear-gradient(-50deg, #303f9f, #45cafc) !important;
    background: -o-linear-gradient(-50deg, #303f9f, #45cafc) !important;
    background: linear-gradient(-40deg, #45cafc, #303f9f) !important;
}
.texto-serivor-ativo{
    text-transform: uppercase;
    font-size: 1rem;
}
.cor-primaria{
    background-color: var(--cor-primary) !important;
}
.cor-primaria-claro{
    background-color: var(--cor-primary-claro) !important;
}
.cor-primaria-escuro {
    background-color: var(--cor-primary-escuro) !important;
}
.cor-primaria-acent{
    background-color: var(--cor-primary-acent) !important;
}
.cor-primaria-cinza{
    background-color: var(--cor-primary-cinza) !important;
}
.cor-primaria-text{
    color: var(--cor-primary-text) !important;
}
.cor-secundaria-text {
    color: var(--cor-secundary-text) !important;
}
.cor-azul-text{
    color: #8d4c1d !important;
}
.z-sombra-1{
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important;
}
.z-sombra-2{
    -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)!important;
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)!important;
}
.z-sombra-3{
    -webkit-box-shadow: 0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19)!important;
    box-shadow: 0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19)!important;
}

.container-login{
    width: 100%;
    height: 100vh;
}

.m-link {
    line-height: 48px;
    margin-top: 10px
}
.meu-preload-circulo{
    width: 100%;
    height: 100%;
}
.meu-preload{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.painel-preload{
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    position: fixed;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    z-index: 10000;
}

.h-painel {
    min-height: 4rem;
}
.j_load-cpf{
    display: none;
}
.j_load-matricula{
    display: none;
}
.j_load-matricula2{
    display: none;
}
.j_load-matricula-aluno{
    display: none;
}
.icon-material{
     font-size: 1.3rem !important;
     line-height: 3rem;
     text-align: left;
 }
.icone{
    margin-left: -1rem;
}
.btn-diario{
    font-size: .7rem;
    font-weight: 500;
    padding: .6rem .8rem;
    color: white;
    background-color: #0b7dda;
}
.icon-menu{
    font-size: 1rem !important;
    line-height: 3rem;
    text-align: center
}
.icon-material--horario{
    font-size: 1.2rem !important;
    text-align: center
}
input[type=text].input-numerar{
    height: 1.5rem ;
    width: 1.5rem ;
    text-align: center;
    margin: 0;
    padding: 0;
}

input[type=number].input-numerar{
    height: 1.5rem ;
    width: 3rem;
    text-align: center;
    margin: 0;
    padding: 0;
}
input[type=text].input-nota, input[type=number].input-nota{
    height: 1.6rem ;
    width: 3rem;
    text-align: center;
    margin: 0;
    padding: 0;
    border: 1px solid #bdbdbd;
}
input[type=text].input-nota-m{
    height: 1.4rem ;
    width: 2rem;
    text-align: center;
    margin: 0;
    padding: 0;
    border: 1px solid #bdbdbd;
    font-size: .9rem;
    text-transform: uppercase;
}
input[type=text].input-media-b{
    height: 1.4rem ;
    width: 3rem;
    text-align: center;
    margin: 0;
    padding: 0;
    border: none;
}
.status-reprovado {
    color: #d61b12;
    font-size: .875rem;
}
.status-aprovado {
    color: #042e86;
    font-size: .875rem;
}
select.maternal-horaaula{
    height: 1.5rem ;
    width: 3.1rem ;
    text-align: center;
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
}
.painel-maternal{
    display: flex;
}
.rotacionar-icone{
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
}
[type="checkbox"]+span:not(.lever):before,
[type="checkbox"]+span:not(.lever):after {
    height: 1rem !important;
    width: 1rem !important;
    margin-top: 8px;

}
[type="checkbox"]+span:not(.lever):before, [type="checkbox"]+span:not(.lever):after {
    height: 1rem !important;
    width: 1rem !important;
    margin-top: 9px;
}
[type="checkbox"]:checked+span:not(.lever):before {
    height: .8rem !important;
    width: .4rem !important;
    margin-top: 9px;
    margin-left: -1px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #7619d2;
    border-bottom: 2px solid #7619d2;
}
.m-main {
    margin-top: 2rem;
    min-height: 100vh;
}
.tabela-linha{
    font-size: .875rem;
}
.card-action.pesquisar-aluno{
    padding-bottom: 0;
    padding-top: 0;
}
.btn-circulo{
    border-radius: 50%;
}
.tabela > tbody > tr > td {
    padding-top: .8rem !important;
    padding-bottom: .8rem !important;
    font-size: .8rem !important;
}
.datepicker-date-display{
    background-color: var(--cor-primary);
}
.datepicker-cancel,.datepicker-clear,.datepicker-today,.datepicker-done{
    color: var(--cor-primary);
}
.datepicker-day-button:focus{
    background-color:rgba(43,50,178,0.25);
}
.datepicker-table td.is-selected{
    background-color:#29B6F6;
}
.datepicker-table td.is-today{color:red}
.td-centro {
    text-align: center;
}
.m-botton {
    margin-bottom: 0;
}
.m-td {
    /*background: red !important;*/
}
.select-wrapper input.select-dropdown{
    height:2.4rem !important;
}
input[type=text]{
    height:2.4rem !important;
}
.formata_nota_supervisor{
    display: inline-block;
    width: 3rem;
    text-align: center;
}
.m-card_panel {
    margin-bottom: 4rem;
    min-height: 100vh;
}
.margem-top{
    margin-top: 1rem;
}
.m-row--top{
    padding-left: .8rem;
    padding-right: .8rem;
}
.marcar-diretor{
    display: inline-block;
    margin-right: 5px;
    height: 12px;
    width: 12px;
    --radius: 50%;
    border-radius: var(--radius);
    -moz-border-radius: var(--radius);
    -webkit-border-radius: var(--radius);
}
.escola-ano{
   padding:  .5rem  .7rem;
   font-weight: 600;
   border-radius: 2px;

}
.selecionar-escola{
    padding: 2rem;
}
.padding-LR{
    margin: 0 1rem;
}

.m-container-top{
    margin-top: 1rem;
    min-height: 100vh;
}
.m-container-top-aluno{
    padding-top: 4rem;
    min-height: 100vh;
}
.m-container{
    margin-left: 6rem;
    margin-right: 6rem;
}
.m-card_panel,
.m-card {
    border-radius: 0.25rem;
}
@media (max-width: 960px) {
    .card-panel.m-card{
        padding-left: 1.2rem !important;
        padding-right: 1.2rem !important;
    }
}
.indicator{
    background-color:yellow !important;
}
.m-card-listagem{
    min-height: 100vh;
}
.card .card-action:last-child {
    border-radius: 0 0 0.25rem 0.25rem;
}
.tabela-td-th tbody > tr > td{
    padding: .5rem !important;
}
.content-flex{
    width: 100%;
    display:flex;
    justify-content: space-between;
    flex-flow: row wrap;
    margin-left: .5rem;
    margin-top: -.2rem
}
.card-panel-titulo{
    font-size: 1.8rem;
    margin-left: .6rem;
}
.cor-grafico{
    background-image: linear-gradient(to right top , #29B6F6, #3F51B5);
}
.circle{
    overflow:hidden;
}
body {
    display: flex;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
}

footer {
    bottom: 100%;
}

.m-logo {
    margin-left: 6rem;
}

.m-drop {
    min-width: 300px !important;
}
.rolar{
    overflow-x: scroll;
}

.m-submenu {
    margin-left: 5rem;
}

.m-collapse {
    margin-right: 1rem;
}

.m-li-hover:hover {
    background-color: #fff59d;
}

.m-img_profile {
    top: -4rem;
    margin-top: -4rem;
}
input[type=file]{
    color: transparent;
}
.waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"]{
    color: #fff;
}
.m-content--minha_conta {
    width: 89%;
    margin: 0 auto;
}

.m-content--minha_conta.margem-top {
    margin-top: 2rem;
}

.card-title.m-card-tittle {
    margin-top: 2rem;
    font-weight: 500;
}

.painel-profile {
    height: 5rem;
    width: 6.4rem;
    margin-left: .6rem;
    margin-top: -3rem;
    border-radius: 4px;
}
.painel-profile-home {
    position: absolute;
    height: 5rem;
    width: 6.4rem;
    margin-left: -.5rem;
    margin-top: -3rem;
    border-radius: 4px;
}
.painel-profile-home-painel {
    position: absolute;
    background: #29B6F6;
    height: 5rem;
    width: 6.4rem;
    margin-left: -.5rem;
    margin-top: -1rem;
    border-radius: 4px;
}
.painel-cadastros {
    display: flex;
    justify-content: center;
    height: 4.5rem;
    width: 100%;
    margin: 0 auto;
    margin-top: -3rem;
    border-radius: .25rem;
    color: #fff;
}
.painel-cadastros--titulo{
    line-height: 2.5rem;
}

.m-icone-profile {
    font-size: 2.8rem;
    margin-top: 1rem;
}


.dropdown-content {
    max-height: 30rem !important;
    border: none !important;
    -webkit-box-shadow:0 16px 24px 2px rgba(238,240,248,0.14),0 6px 30px 5px rgba(0,0,0,0.1),0 8px 10px -7px rgba(0,0,0,0.2);
    box-shadow:0 16px 24px 2px rgba(238,240,248,0.14),0 6px 30px 5px rgba(0,0,0,0.1),0 8px 10px -7px rgba(0,0,0,0.2)
}
.dropdown-content li:hover,
.dropdown-content li:hover > a {
    background-color: #f3f6f9 !important;
    color: #5f0dec !important;
}

.dropdown-content li > span {
    color: #585858 !important;
    font-size: .875rem !important;
}
.dropdown-content li:hover > span,
.dropdown-content li:hover > a > span {
    color: #5f0dec !important;
}

.dropdown-content li {
    min-height: 2.5rem ;
 }

.dropdown-content li > a{
    font-size: .875rem !important;
}
.dropdown-content li> a > i{
    margin: 0 .6rem 0 0;
}

.input-field input:focus + label {
    color: #1976D2 !important;

}
.aguarde-progress{
    display: none;
}

.row .input-field input:focus {
    border-bottom: 1px solid #1976D2 !important;
    box-shadow: 0 1px 0 0 #1976D2 !important
}
[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:before, [type="radio"].with-gap:checked+span:after {
   border:  2px solid #1976D2;
}

.tabs .indicator {
   background-color: #fff;
}
.input-field.m-input_field{
    margin-top: 0;
    margin-bottom: 0;
}
.progress-top{
     height: 8rem;
}
.margem-bottom-1{
    margin-bottom: 1.5rem;
}
.margem-bottom-2{
    margin-bottom: 1.2rem;
}
.meu-card{
    width: 16rem;
    height: 5rem !important;
}
.margem-bottom-3{
    margin-bottom: 3rem;
}
.margem-bottom-0{
    margin-bottom: 0rem;
}
.m-card-height{
    height: 8rem;
}
.imagem{
    left: 0;
    right: 0;
    position: fixed;
    margin: 0;
    padding: 0;
    z-index: -1;
    background-size: cover;
    height: 100vh;
    filter: blur(5px);
}
.margem-top--login{
    margin-top: 6rem;
}
.login-card--transparente{
    background: rgba(0,0,0,0.5);
}

.m-img_profile--login {
  border: 2px solid #1976D2;
  position: absolute;
  z-index: 2;
  top: -60px;
  left: calc(50% - 50px);
}
.error-texto {
    display: block;
}
.form_load{
    position: absolute;
    display: none;
}
.load-gif{
    position: relative;
    display: flex;
    justify-content: center;
}

.icon-material--gerenciar{
    color: #1976D2;
    font-size: 1.1rem !important;
    padding: 5px;
}
.brand-logo{
    font-size: 1.4rem !important;
}
.card-conteudo{
    padding: 1rem .5rem 2rem .5rem !important;
}
.material-tooltip{
    font-size: .875rem !important;
    background-color: #333 !important;
    border-radius: 5px;
}

.breadcrumb {
    font-size: .875rem;
}
.info-escola{
    font-size: 1rem;
}

.info-fonte{
    font-size: .875rem;
}
.copiar-registro{
    font-size: .875rem;
    color: #0b7dda;
    cursor: pointer;
    margin-left: 3rem;
}
.width-boletim{
    width: 20rem;
}
.td-bimestre{
    text-align: center;
}
.container-itens {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
}

.container-bimestres{
    display: flex;
    justify-content: space-between;
}
.linha-maternal{
    margin-bottom: 0rem;
}
.profile-foto{
    position: absolute;
    top: .5rem;
    left: -0.5rem;
    width:30px;
    height:30px;
    border: 2px solid #ccc;
}
.riscar {
    text-decoration: line-through;
    color: orangered;
}
[type="checkbox"]+span:not(.lever):before {
    border: 1px solid #2B32B2;
}
[type="checkbox"].filled-in:not(:checked)+span:not(.lever):after {
    border: 1px solid #2B32B2;
}

.ck-editor__editable {
    min-height: 150px;
}
.radius{
    --radius: 4px;
    border-radius: var(--radius);
    -moz-border-radius: var(--radius);
    -webkit-border-radius: var(--radius);
}
.rounded{
    --radius: 50%;
    border-radius: var(--radius);
    -moz-border-radius: var(--radius);
    -webkit-border-radius: var(--radius);
}
.transicao{
    --seconds:0.2s;
    transition-duration: var(--seconds);
    -moz-transition-duration: var(--seconds);
    -webkit-transition-duration: var(--seconds);
    cursor: pointer;
}
.container-crop-flex{
    display: flex;
    justify-content: center;
}
.item{
    align-self: center;
}
.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.pace-inactive {
    display: none;
}
.pace .pace-progress {
    background:  #ee3148;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px;
}
.meu-container{
    margin: auto 10%;
}
@media (max-width: 480px) {
    .meu-container{
        margin: auto 1rem;
    }
}

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #ede7f6;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #d1c4e9 ;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #b39ddb;
}

@media (min-width: 576px) {
    .modal-defult {
        max-width: 500px;
    }
    .modal-height-50p{
        max-height: 50%;
    }
}


.modal-rounded{
    border-radius: 10px;
}
.select2-dropdown {
    border: none !important;
    padding:6px !important;
    -webkit-box-shadow:0 16px 24px 2px rgba(238,240,248,0.14),0 6px 30px 5px rgba(0,0,0,0.1),0 8px 10px -7px rgba(0,0,0,0.2);
    box-shadow:0 16px 24px 2px rgba(238,240,248,0.14),0 6px 30px 5px rgba(0,0,0,0.1),0 8px 10px -7px rgba(0,0,0,0.2)
}
.select2-container--default .select2-selection--single{
    font-size: 1.1em !important;
    border: none !important;
    border-bottom: 1px solid #9e9e9e !important;

}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #e7eefc !important;
    color: #757575 !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: none !important
}

/* Preloader styles */
#preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    /*background-color: #fff;*/
    display: flex;
    align-items: center;
    justify-content: center;
}

.spinner {
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}