@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Libre+Barcode+39&family=Comfortaa&family=Comic+Neue&family=Josefin+Sans&family=Open+Sans&family=Raleway&family=Roboto&family=Source+Code+Pro&family=Source+Sans+Pro&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");
*, *:after, *:before {
  margin: 0;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  font-size: 1em;
}

body {
  background: #f4f2ee;
}

.list-style-out {
  list-style: none;
}

pre {
  background: white;
  padding: 10px 20px;
}

.code {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 20px);
  margin: 10px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.7);
  border-left: 5px solid black;
  color: white;
  white-space: pre;
}

.color-light-pink {
  background-color: #ffd1dc;
}

.color-baby-blue {
  background-color: #c1f0f6;
}

.color-pastel-yellow {
  background-color: #fef3bd;
}

.color-pastel-green {
  background-color: #d4f1be;
}

.color-lavender {
  background-color: #e0bbf9;
}

.color-peach {
  background-color: #ffdac1;
}

.color-mint {
  background-color: #c2f0c2;
}

.color-light-orange {
  background-color: #ffe0ac;
}

.color-periwinkle {
  background-color: #d5d6ea;
}

.color-coral-pink {
  background-color: #fbc3bc;
}

.color-light-aqua {
  background-color: #b5ead7;
}

.color-rose-pink {
  background-color: #f7d6e0;
}

.color-pale-green {
  background-color: #cce2cb;
}

.color-light-lime {
  background-color: #e2f0cb;
}

.color-soft-blue {
  background-color: #c9c9ff;
}

.color-light-blush {
  background-color: #ffd8d8;
}

.color-pink-mauve {
  background-color: #f2c6de;
}

.color-powder-blue {
  background-color: #bcd4e6;
}

.color-lilac {
  background-color: #f0e1f7;
}

.color-ice-mint {
  background-color: #e6f7f1;
}

#main-menu {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 55px;
  background: #185b87;
  padding: 0 10px;
  color: white;
  list-style: none;
  border-bottom: 1px solid silver;
  box-shadow: 2px 2px 5px black;
  z-index: 3;
}
#main-menu .menu {
  padding: 3px 10px;
  border-right: 1px solid silver;
}
#main-menu .menu i {
  padding: 5px 12px;
}
#main-menu .menu:hover i {
  border-radius: 8px;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.2);
}
#main-menu .main-menu-bars {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 2px 10px;
  margin: 0 auto;
  top: 100%;
  color: white;
}
#main-menu .main-menu-bars .menu-bars-title-item {
  font-size: 1.2em;
  padding: 4px 10px;
  border-radius: 8px;
}
#main-menu .main-menu-bars .menu-bars-title-item .icon-lamp {
  color: yellow;
}
#main-menu .main-menu-bars li {
  display: flex;
  height: 100%;
  margin: 0;
  padding: 8px 10px;
  cursor: pointer;
}
#main-menu .main-menu-bars li i {
  margin-right: 8px;
}
#main-menu .main-menu-bars li a {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  font-size: 0.95em;
  color: white;
}
#main-menu .main-menu-bars li:hover {
  background: rgba(0, 0, 0, 0.4);
  background: red;
}
#main-menu .main-menu-bars li:hover a {
  text-decoration: none;
}
#main-menu .main-menu-bars input {
  margin-left: 10px;
}
#main-menu .main-menu-bars select {
  background: #185b87;
  border: none;
  color: white;
  padding: 5px 0 5px 8px;
  height: 100%;
}
#main-menu .main-menu-bars select:hover {
  cursor: pointer;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.4);
}
#main-menu .main-menu-bars .main-menu-bars-dropdown {
  position: relative;
  list-style: none;
}
#main-menu .main-menu-bars .main-menu-bars-dropdown a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-decoration: none;
  color: white;
}
#main-menu .main-menu-bars .main-menu-bars-dropdown .submenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: white;
  width: auto;
  min-width: 150px;
  padding: 4px 0;
  border: 1px solid #185b87;
  border-radius: 0;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  z-index: 3;
  white-space: nowrap;
}
#main-menu .main-menu-bars .main-menu-bars-dropdown .submenu li {
  position: relative;
}
#main-menu .main-menu-bars .main-menu-bars-dropdown .submenu li a {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  padding: 3px 12px 3px 8px;
  text-decoration: none;
  color: black;
}
#main-menu .main-menu-bars .main-menu-bars-dropdown .submenu li a i {
  margin-right: 15px;
}
#main-menu .main-menu-bars .main-menu-bars-dropdown .submenu li ul {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  background: white;
  min-width: 200px;
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #185b87;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}
#main-menu .main-menu-bars .main-menu-bars-dropdown .submenu li:hover {
  background: rgba(24, 91, 135, 0.3);
  border-radius: 0;
}
#main-menu .main-menu-bars .main-menu-bars-dropdown .submenu li:hover ul {
  display: block;
}
#main-menu .main-menu-bars .main-menu-bars-dropdown:hover .submenu {
  display: block;
}
#main-menu .main-menu-profile {
  display: flex;
  align-items: center;
  color: white;
}
#main-menu .main-menu-profile li {
  height: 100%;
  padding: 8px 10px;
  cursor: pointer;
}
#main-menu .main-menu-profile li a i {
  color: white;
}
#main-menu .main-menu-profile li:hover {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 8px;
}
#main-menu .main-menu-profile .app-notify {
  position: absolute;
  padding: 0 5px;
  background: #db142c;
  font-size: 0.8em;
  font-weight: bold;
  margin: -10px 0 0 -10px;
  border-radius: 5px;
}
#main-menu .main-menu-profile .my-profile {
  display: flex;
  width: 200px;
  padding: 3px 8px;
  border-radius: 8px;
  margin-left: 8px;
}
#main-menu .main-menu-profile .my-profile img {
  width: 40px;
  height: 40px;
  margin-right: 8px;
  border-radius: 50%;
  border: 1.5px solid rgba(0, 0, 0, 0.2);
}
#main-menu .main-menu-profile .my-profile p {
  width: 100%;
  font-size: 0.9em;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
#main-menu .main-menu-profile .my-profile small {
  width: 100%;
}
#main-menu .main-menu-profile .my-profile:hover {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  cursor: pointer;
}
#main-menu .main-menu-profile .my-profile .dropdown-my-profile {
  background: white;
  position: absolute;
  width: 200px;
  display: none;
  margin-top: 44px;
  margin-left: -8px;
  border: 1px solid #185b87;
  border-radius: 0;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}
#main-menu .main-menu-profile .my-profile .dropdown-my-profile li {
  font-size: 0.9em;
  width: 100%;
  border-radius: 0;
}
#main-menu .main-menu-profile .my-profile .dropdown-my-profile li a {
  display: inline-block;
  color: black;
}
#main-menu .main-menu-profile .my-profile .dropdown-my-profile li a i {
  color: black;
  margin-right: 5px;
}
#main-menu .main-menu-profile .my-profile:hover .dropdown-my-profile {
  display: flex;
  flex-direction: column;
}
#main-menu .main-menu-profile .my-profile:hover .dropdown-my-profile li:hover {
  background: rgba(24, 91, 135, 0.3);
}
#main-menu .main-menu-profile .my-profile:hover .dropdown-my-profile li:hover a {
  text-decoration: none;
}
#main-menu .main-menu-profile .my-profile:hover .dropdown-my-profile a {
  display: inline-block;
  width: 100%;
}

#aside-menu {
  position: fixed;
  width: 85px;
  top: 55px;
  padding-top: 5px;
  height: calc(100vh - 55px);
  border-right: 1px solid silver;
  box-shadow: 2px 2px 5px black;
  list-style: none;
  overflow-y: scroll;
  background: #f1f6ff;
  z-index: 2;
}
#aside-menu li {
  width: 100%;
  margin: 0;
  padding: 10px;
}
#aside-menu li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  font-size: 0.9em;
  color: rgba(0, 0, 0, 0.7);
}
#aside-menu li a i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 35px;
  padding: 2px 3px;
}
#aside-menu li a span {
  font-size: 0.9em;
}
#aside-menu li a .notify {
  position: absolute;
  background: rgb(219, 20, 44);
  color: white;
  font-weight: bold;
  padding: 0 5px;
  margin-top: -40px;
  margin-right: -30px;
  font-size: 0.9em;
  border-radius: 3px;
}
#aside-menu li:hover a i {
  color: #7731d8;
  background: white;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
#aside-menu li .dropdown-menu-topo {
  background: white;
  position: absolute;
  width: 220px;
  display: none;
  margin-top: 45px;
  margin-left: -8px;
  border-radius: 8px;
}
#aside-menu li .dropdown-menu-topo li {
  width: 100%;
}
#aside-menu li .dropdown-menu-topo li a {
  display: inline-block;
  color: white;
}
#aside-menu li .dropdown-menu-topo li a i {
  margin-right: 5px;
}
#aside-menu li:hover .dropdown-my-profile {
  display: flex;
  flex-direction: column;
}
#aside-menu li:hover .dropdown-my-profile a {
  display: inline-block;
  width: 100%;
}

/* 
    Created on : 16/07/2024, 19:01:19
    Author     : Joseilson Lima
*/
#lgpd {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  min-height: 100vh;
  background: black;
}
#lgpd .termo-de-sigilo {
  margin: auto;
  margin-top: 30px;
  margin-bottom: 30px;
  max-height: 480px;
  background: #272822;
  color: #c4bc65;
  border: 2.5px solid rgba(255, 255, 255, 0.3);
  overflow-y: scroll;
  font-size: 1.2em;
  line-height: 1.5em;
  padding: 10px 40px;
}
#lgpd .termo-de-sigilo h3 {
  padding: 10px;
  text-align: center;
}
#lgpd .termo-de-sigilo .lf-lgpd {
  color: #d21f5c;
  padding: 15px 0;
}
#lgpd .termo-de-sigilo .lgpd-obs {
  color: #95d609;
}
#lgpd .lgpd-aceite {
  width: 100%;
  margin: auto;
  margin-bottom: 20px;
  padding-top: 20px 0;
}

@media screen and (max-width: 600px) {
  .termo-de-sigilo {
    padding: 10px 20px !important;
    background: yellow;
  }
}
.alert-system {
  z-index: 2;
  position: fixed;
  top: 60px;
  left: 21%;
  font-family: "Comfortaa", cursive;
  box-shadow: 5px 5px 5px black;
  border: 0.5px solid red;
  box-shadow: 0 2px 10px 2px black;
}
.alert-system .alert-system-header {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  padding: 5px;
  font-weight: bold;
  color: white;
  background: red;
}
.alert-system .alert-system-header i {
  margin-right: 10px;
}
.alert-system .alert-system-body {
  padding: 5px 8px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  text-align: justify;
  background: white;
}
.text-purple {
  color: #9b38b6;
}

.text-orangered {
  color: orangered;
}

.text-red {
  color: red;
}

.text-blue {
  color: blue;
}

.text-yellow {
  color: #f7b51b;
}

.text-black {
  color: black;
}

.text-white {
  color: white;
}

.text-white-hover:hover {
  color: white;
}

.text-ellipsis {
  white-space: nowrap;
  overflow: hidden; /* "overflow" value must be different from "visible" */
  text-overflow: ellipsis;
}

table.ocorrencia-lista-de-protocolos {
  width: 100%;
  border: 0.5px solid rgba(0, 0, 0, 0.1);
}
table.ocorrencia-lista-de-protocolos thead {
  width: 100%;
}
table.ocorrencia-lista-de-protocolos thead tr {
  font-weight: bold;
  background: rgba(0, 0, 0, 0.1);
}
table.ocorrencia-lista-de-protocolos thead tr td {
  padding: 3px 10px;
}
table.ocorrencia-lista-de-protocolos tbody tr {
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
}
table.ocorrencia-lista-de-protocolos tbody tr td {
  padding: 10px 10px;
}

table.lista-de-alunos {
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.3);
}
table.lista-de-alunos tr {
  margin-bottom: 2px solid rgba(0, 0, 0, 0.3);
}
table.lista-de-alunos tr td {
  font-size: 1.2em;
  padding: 5px 10px;
}
table.lista-de-alunos tr:hover {
  background: rgba(0, 0, 0, 0.7);
  color: white;
}

table.tempos-pedagogicos {
  margin: 10px 0;
}
table.tempos-pedagogicos thead tr.title td {
  padding: 10px 0;
  font-family: "Comfortaa", sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  border: none;
}
table.tempos-pedagogicos thead tr.subtitle {
  border: 1px solid rgba(0, 0, 0, 0.3);
}
table.tempos-pedagogicos thead tr.subtitle td {
  padding: 8px 10px;
  font-family: "Comfortaa", sans-serif;
  font-weight: bold;
  text-align: center;
}
table.tempos-pedagogicos tbody tr td {
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding: 3px 8px;
}
table.tempos-pedagogicos tbody tr td .validacao {
  width: 100%;
  font-size: 0.8em;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 3px;
  font-weight: bold;
}
table.tempos-pedagogicos tbody tr td.tempos-pedagogicos-registro {
  cursor: pointer;
}
table.tempos-pedagogicos tbody tr td.tempos-pedagogicos-registro .tempos-pedagogicos-btn-option {
  width: 100%;
  display: none;
}
table.tempos-pedagogicos tbody tr:hover, table.tempos-pedagogicos tbody tr:active {
  background: rgba(0, 0, 0, 0.1);
}
table.tempos-pedagogicos tbody tr:hover td, table.tempos-pedagogicos tbody tr:active td {
  position: relative;
}
table.tempos-pedagogicos tbody tr:hover td .tempos-pedagogicos-btn-option, table.tempos-pedagogicos tbody tr:active td .tempos-pedagogicos-btn-option {
  position: absolute;
  bottom: 10px;
  right: 10px;
  display: flex;
  flex-direction: row-reverse;
}
table.tempos-pedagogicos tbody tr:hover td .tempos-pedagogicos-btn-option i, table.tempos-pedagogicos tbody tr:active td .tempos-pedagogicos-btn-option i {
  margin: 3px 6px;
  font-size: 1.3em;
  padding: 3px 10px;
}

table.ciencia-tdc td {
  border: none;
  padding: 0 2px;
  font-size: 0.9em;
}

.dnone {
  display: none;
}

.dflex {
  display: flex;
}

.column_flex {
  display: flex;
  flex-direction: column;
}

.res_pad_marg {
  margin: 0;
  padding: 0;
}

.fwrap {
  flex-wrap: wrap;
}
.fwrap div {
  margin-top: 20px;
}

.flex_align_center {
  align-items: center;
}

.flex_justify_between {
  justify-content: space-between;
}

.flex_justify_end {
  justify-content: flex-end;
}

.flex_around {
  justify-content: space-around;
}

.flex_center {
  justify-content: center;
}

/* JUSTIFY */
.row-reverse {
  display: flex;
  flex-direction: row-reverse;
}

.pfixed {
  position: fixed !important;
}

/* MARGINS */
.m_leftteen {
  margin-left: 10px;
}

.m_rightteen {
  margin-right: 10px;
}

.m_lefttwente {
  margin-left: 20px;
}

.m_righttwente {
  margin-right: 20px;
}

.flex_around {
  justify-content: space-around;
}

.flex_column {
  flex-direction: column;
}

.flex_wrap {
  flex-wrap: wrap;
}

.flex_nowrap {
  flex-wrap: nowrap;
}

.flex_items_center {
  align-items: center;
}

.flex_justify_center {
  justify-content: center;
}

.flex_end {
  justify-content: flex-end;
}

.cpointer {
  cursor: pointer;
}

.clink:hover {
  cursor: alias;
}

.scroll-y {
  overflow-y: scroll;
}

.informe {
  width: 100%;
  margin-bottom: 20px;
  border: 1.2px solid rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  background: white;
  padding: 10px;
  border-radius: 5px;
  font-family: "Comfortaa", "Josefin Sans", cursive;
  font-size: 1em;
}

/*
BORDAS
*/
.border-left-1px-black {
  border-left: 1px solid rgba(0, 0, 0, 0.3);
}

/*
TEXTO
*/
.text-bold {
  font-weight: bold;
}

.text-no-bold {
  font-weight: normal;
}

.text-underline {
  text-decoration: underline;
}

.recuo-first-line {
  text-indent: 1.25cm;
  font-size: 12pt;
  line-height: 1.5em;
}

.citacao-abnt, blockquote.citacao-abnt {
  margin-left: 4cm; /* recuo de 4 centímetros */
  margin-right: 0; /* pode manter sem recuo à direita */
  font-size: 1em; /* fonte um pouco menor */
  line-height: 1em; /* espaçamento simples */
  border-left: none;
}

.text-hover-no-underline:hover {
  text-decoration: none;
}

.text-tachado {
  text-decoration: line-through;
  color: rgba(0, 0, 0, 0.5);
}

/* TEXT COLOR */
.text-hover-white {
  color: white;
}
.text-hover-white:hover {
  color: white;
}

.text-hover-black {
  color: black;
}
.text-hover-black:hover {
  color: black;
}

.hover-text-black:hover {
  color: black;
}

.word-break-all {
  word-break: break-all;
}

.word-break-keepAll {
  word-break: keep-all;
}

.word-break {
  word-break: break-word;
}

/* TEXTO NÃO SELECIONÁVEL */
.no-select {
  -webkit-touch-callout: none; /* iPhone OS, Safari */
  -webkit-user-select: none; /* Chrome, Safari 3 */
  -khtml-user-select: none; /* Safari 2 */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */
}

/* PRESENÇAS / FALTAS */
#br-modal {
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: none;
  padding: 20px;
}
#br-modal .br-modal-dialog {
  background: white;
  width: 100%;
  max-height: 99%;
}
#br-modal .br-modal-dialog .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: white;
  padding: 5px 20px;
  border-bottom: 1px solid silver;
  border-radius: 5px 5px 0 0;
  background: rgb(217.5, 217.5, 217.5);
}
#br-modal .br-modal-dialog .modal-header h5.modal-title {
  padding: 5px;
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  font-family: "Comfortaa", cursive;
  color: rgba(0, 0, 0, 0.6);
}
#br-modal .br-modal-dialog .modal-header .close {
  padding: 2px 10px;
  cursor: pointer;
  font-size: 18pt;
  border-radius: 50%;
  background: silver;
  color: rgba(0, 0, 0, 0.5);
}
#br-modal .br-modal-dialog .modal-header .close:hover {
  background: rgb(144.0747663551, 222.9252336449, 204.8831775701);
  color: black;
}
#br-modal .br-modal-dialog .modal-body {
  width: 100%;
  min-height: 300px;
  padding: 5px 10px;
  overflow-y: scroll;
  max-height: 78vh;
}
#br-modal .br-modal-dialog .modal-footer {
  padding: 5px 10px;
}
#br-modal .minhas-pendencias td {
  color: black;
  margin: 10px 5px;
  font-family: "Comfortaa", cursive;
  border-bottom: 0.25px solid rgba(0, 0, 0, 0.2);
  padding: 5px;
}

.jinfo {
  width: 100%;
  min-height: 35px;
  font-family: "Comfortaa", cursive;
  font-size: 1.2em;
  text-align: justify;
}
.jinfo p.msg {
  width: 100%;
  padding: 10px;
  background: black;
  color: white;
}
.jinfo p.msg i {
  font-size: 1.5em;
  margin-right: 10px;
}
.jinfo .title_info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 5px 10px;
}
.jinfo .title_info i {
  background: black;
  font-weight: normal;
  cursor: pointer;
}
.jinfo .desc_info {
  width: 100%;
  padding: 3px 5px;
}
.jinfo .alert-info {
  background: rgba(0, 0, 255, 0.8);
  color: white;
}
.jinfo .alert-warning {
  background: orangered;
  color: white;
}
.jinfo .alert-danger {
  background: #cc0000;
  color: white;
}
.jinfo .alert-success {
  background: #004d00;
  color: white;
}
.jinfo .border-info {
  border: 2px solid rgba(0, 0, 255, 0.8);
  color: blue;
}
.jinfo .border-warning {
  border: 2px solid orangered;
  color: orangered;
}
.jinfo .border-danger {
  border: 2px solid #cc0000;
  color: red;
}
.jinfo .border-success {
  border: 2px solid #004d00;
  color: green;
}

/* PROGRESS */
.progress {
  vertical-align: baseline;
}

.progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 1em;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.progress-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  background-color: #007bff;
  transition: width 0.6s ease;
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-animated {
  -webkit-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite;
}

.pre {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  font-size: "Josefin Sans", "Comfortaa", cursive;
  font-size: 1.5em;
}
.pre .input-pre {
  margin: 10px;
  text-align: center;
}

.bg-falta-on {
  background: rgba(255, 0, 0, 0.3);
  font-weight: bold;
}

.bg-falta-off {
  background: rgba(0, 255, 0, 0.3);
  font-weight: bold;
}

.bg-light {
  background: white;
}

.white-space-nowrap {
  white-space: nowrap;
}

.w-20 {
  width: 20px;
}

.w-30 {
  width: 30px;
}

.w-50 {
  width: 50px;
}

.w-70 {
  width: 70px;
}

.w-75 {
  width: 75px;
}

.w-80 {
  width: 80px;
}

.w-90 {
  width: 90px;
}

.w-100 {
  width: 100px;
}

.w-120 {
  width: 120px;
}

.w-150 {
  width: 150px;
}

.w-180 {
  width: 180px;
}

.w-200 {
  width: 200px;
}

.w-250 {
  width: 250px;
}

.w-300 {
  width: 300px;
}

.w-350 {
  width: 350px;
}

.w-full {
  width: 100%;
}

.h-20 {
  height: 20px;
}

.h-30 {
  height: 30px;
}

.h-35 {
  height: 35px;
}

.h-50 {
  height: 50px;
}

.minw-100 {
  min-width: 100px;
}

.minw-150 {
  min-width: 150px;
}

.minw-200 {
  min-width: 200px;
}

.minw-300 {
  min-width: 300px;
}

.minw-340 {
  min-width: 340px;
}

.minw-480 {
  min-width: 480px;
}

.minw-540 {
  min-width: 540px;
}

.minw-640 {
  min-width: 640px;
}

.minw-720 {
  min-width: 720px;
}

.minw-840 {
  min-width: 840px;
}

.minw-percent-48 {
  min-width: 48.5%;
}

.minw-percent-50 {
  min-width: 50%;
}

.maxw-percent-48 {
  max-width: 48.5%;
}

.maxw-percent-47 {
  max-width: 48%;
}

.maxw-percent-50 {
  max-width: 50%;
}

.maxw-50perc {
  max-width: 50%;
}

.maxw-48p100 {
  max-width: 48%;
}

.maxw-90p100 {
  max-width: 90%;
}

.maxw-20 {
  max-width: 20px;
}

.mw-30, .maxw-30 {
  max-width: 30px;
}

.maxw-50 {
  max-width: 50px;
}

.maxw-70 {
  max-width: 70px;
}

.mw-100, .maxw-100 {
  max-width: 100px;
}

.maxw-120 {
  max-width: 120px;
}

.mw-150, .maxw-150 {
  max-width: 150px;
}

.maxw-160 {
  max-width: 160px;
}

.maxw-180 {
  max-width: 180px;
}

.maxw-200 {
  max-width: 200px;
}

.maxw-220 {
  max-width: 220px;
}

.maxw-230 {
  max-width: 230px;
}

.maxw-250 {
  max-width: 250px;
}

.maxw-300 {
  max-width: 300px;
}

.maxw-350 {
  max-width: 350px;
}

.maxw-420 {
  max-width: 420px;
}

.maxw-480 {
  max-width: 480px;
}

.maxw-540 {
  max-width: 540px;
}

.maxw-640 {
  max-width: 640px;
}

.maxw-720 {
  max-width: 720px;
}

.maxw-840 {
  max-width: 840px;
}

.maxw-960 {
  max-width: 960px;
}

.maxw-1024 {
  max-width: 1024px;
}

.mw-1080, .maxw-1080 {
  max-width: 1080px;
}

.maxw-1280 {
  max-width: 1280px;
}

.maxw-1440 {
  max-width: 1440px;
}

.h-full {
  min-height: 100%;
}

.minh-200 {
  min-height: 200px;
}

.minh-300 {
  min-height: 300px;
}

.minh-340 {
  min-height: 340px;
}

.minh-480 {
  min-height: 480px;
}

.minh-540 {
  min-height: 540px;
}

.minh-640 {
  min-height: 640px;
}

.divh-250 {
  height: 250px;
}

.maxh-100 {
  max-height: 100px;
  overflow-y: scroll;
}

.maxh-200 {
  max-height: 200px;
  overflow-y: scroll;
}

.maxh-250 {
  max-height: 250px;
  overflow-y: scroll;
}

.maxh-300 {
  max-height: 300px;
  overflow-y: scroll;
}

.maxh-420 {
  max-height: 420px;
  overflow-y: scroll;
}

.maxh-480 {
  max-height: 480px;
  overflow-y: scroll;
}

.mnone {
  margin: 0 !important;
}

.m05 {
  margin: 5px;
}

.m10 {
  margin: 10px;
}

.m_auto {
  margin: auto;
}

.m10_auto {
  margin: 10px auto;
}

.mt-center-20 {
  margin: auto;
  margin-top: 20px;
}

.mt-n5 {
  margin-top: -5px;
}

.mt-0 {
  margin-top: 0;
}

.mt-5 {
  margin-top: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-150 {
  margin-top: 150px;
}

.mb-5 {
  margin-bottom: 5px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-100 {
  margin-bottom: 100px;
}

.mb-150 {
  margin-bottom: 150px;
}

.ml-5 {
  margin-left: 5px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-15 {
  margin-left: 15px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-30 {
  margin-left: 30px;
}

.mr-5 {
  margin-right: 5px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-30 {
  margin-right: 30px;
}

.mr-50 {
  margin-right: 50px;
}

.pd-0 {
  padding: 0 !important;
}

.pd-5 {
  padding: 5px;
}

.pd-10 {
  padding: 10px;
}

.pd-20 {
  padding: 20px;
}

.pd-50 {
  padding: 50px;
}

.pr-5 {
  padding-right: 5px;
}

.pr-10 {
  padding-right: 10px;
}

.pr-20 {
  padding-right: 20px;
}

.pl-5 {
  padding-left: 5px;
}

.pl-10 {
  padding-left: 10px;
}

.pl-20 {
  padding-left: 20px;
}

.pt-5 {
  padding-top: 5px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-50 {
  padding-top: 50px;
}

.pb-5 {
  padding-bottom: 5px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-100 {
  padding-bottom: 100px;
}

/* DIV GUIAS */
.second-tab, .third-tab, .forth-tab, .fifth-tab, .six-tab {
  display: none;
}

.tab_active {
  border-left: 2px solid rgba(0, 0, 0, 0.3);
  border-top: 2px solid rgba(0, 0, 0, 0.3);
  border-right: 2px solid rgba(0, 0, 0, 0.3);
  border-bottom: none !important;
  background: white;
}

/* FONTS SIZE */
.fs0p8em {
  font-size: 0.8em;
}

.fs0p9em {
  font-size: 0.9em;
}

.fs1em {
  font-size: 1em;
}

.fs1p1em {
  font-size: 1.1em;
}

.fs1p2em {
  font-size: 1.2em;
}

.fs1p3em {
  font-size: 1.3em;
}

.fs1p4em {
  font-size: 1.4em;
}

.fs1p5em {
  font-size: 1.5em;
}

.fs1p7em {
  font-size: 1.7em;
}

.fs2em {
  font-size: 2em;
}

.fs2p5em {
  font-size: 2.5em;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.sbtn {
  display: flex;
  align-items: center;
  border-radius: 4px;
  padding: 10px 20px;
  color: #FFF;
  font-size: 1.1em;
  outline: none;
  cursor: pointer;
  border: 0;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
  height: auto;
}
.sbtn i {
  margin-right: 10px;
}

.sbtn-whatsapp {
  background-color: #25d366;
  color: #FFF;
}
.sbtn-whatsapp:hover {
  background-color: rgb(29.3911290323, 167.6088709677, 81.0241935484);
}
.sbtn-whatsapp:active {
  background: white;
  color: #25d366;
  border: 0.5px solid #25d366;
}

.sbtn-facebook {
  background-color: #1877f2;
  color: #FFF;
}
.sbtn-facebook:hover {
  background-color: rgb(11.4549180328, 95.1639344262, 203.5450819672);
}
.sbtn-facebook:active {
  background: white;
  color: #1877f2;
  border: 0.5px solid #1877f2;
}

.sbtn-twitter {
  background-color: #222222;
  color: #FFF;
}
.sbtn-twitter:hover {
  background-color: rgb(8.5, 8.5, 8.5);
}
.sbtn-twitter:active {
  background: white;
  color: #222222;
  border: 0.5px solid #222222;
}

.sbtn-instagram {
  background-color: #e4405f;
  color: #FFF;
}
.sbtn-instagram:hover {
  background-color: rgb(211.1513761468, 29.8486238532, 64.119266055);
}
.sbtn-instagram:active {
  background: white;
  color: #e4405f;
  border: 0.5px solid #e4405f;
}

.sbtn-youtube {
  background-color: #cd201f;
  color: #FFF;
}
.sbtn-youtube:hover {
  background-color: rgb(160.6991525424, 25.0847457627, 24.3008474576);
}
.sbtn-youtube:active {
  background: white;
  color: #cd201f;
  border: 0.5px solid #cd201f;
}

.sbtn-purple {
  background-color: #6f42c1;
  color: #FFF;
}
.sbtn-purple:hover {
  background-color: rgb(88.6693227092, 51.3784860558, 156.6215139442);
}
.sbtn-purple:active {
  background: white;
  color: #6f42c1;
  border: 0.5px solid #6f42c1;
}

.sbtn-purple-100 {
  background-color: #e2d9f3;
  color: #FFF;
}
.sbtn-purple-100:hover {
  background-color: rgb(196.42, 178.24, 230.76);
}
.sbtn-purple-100:active {
  background: white;
  color: #e2d9f3;
  border: 0.5px solid #e2d9f3;
}

.sbtn-purple-200 {
  background-color: #c5b3e6;
  color: #FFF;
}
.sbtn-purple-200:hover {
  background-color: rgb(167.7128712871, 140.6237623762, 217.3762376238);
}
.sbtn-purple-200:active {
  background: white;
  color: #c5b3e6;
  border: 0.5px solid #c5b3e6;
}

.sbtn-purple-400 {
  background-color: #8c68cd;
  color: #FFF;
}
.sbtn-purple-400:hover {
  background-color: rgb(110.8208955224, 65.6865671642, 192.3134328358);
}
.sbtn-purple-400:active {
  background: white;
  color: #8c68cd;
  border: 0.5px solid #8c68cd;
}

.sbtn-purple-500 {
  background-color: #6f42c1;
  color: #FFF;
}
.sbtn-purple-500:hover {
  background-color: rgb(88.6693227092, 51.3784860558, 156.6215139442);
}
.sbtn-purple-500:active {
  background: white;
  color: #6f42c1;
  border: 0.5px solid #6f42c1;
}

.sbtn-success {
  background-color: #36BA9B;
  color: #FFF;
}
.sbtn-success:hover {
  background-color: rgb(42.525, 146.475, 122.0625);
}
.sbtn-success:active {
  background: white;
  color: #36BA9B;
  border: 0.5px solid #36BA9B;
}

.sbtn-info {
  background-color: #39AED9;
  color: #FFF;
}
.sbtn-info:hover {
  background-color: rgb(35.906779661, 146.4618644068, 187.093220339);
}
.sbtn-info:active {
  background: white;
  color: #39AED9;
  border: 0.5px solid #39AED9;
}

.sbtn-warning {
  background-color: #F5B946;
  color: #FFF;
}
.sbtn-warning:hover {
  background-color: rgb(242.3846153846, 166.6923076923, 21.6153846154);
}
.sbtn-warning:active {
  background: white;
  color: #F5B946;
  border: 0.5px solid #F5B946;
}

.sbtn-danger {
  background-color: #D94352;
  color: #FFF;
}
.sbtn-danger:hover {
  background-color: rgb(193.8230088496, 39.1769911504, 54.6415929204);
}
.sbtn-danger:active {
  background: white;
  color: #D94352;
  border: 0.5px solid #D94352;
}

.sbtn-orange {
  background-color: #F4645F;
  color: #FFF;
}
.sbtn-orange:hover {
  background-color: rgb(240.7192982456, 53.7719298246, 47.2807017544);
}
.sbtn-orange:active {
  background: white;
  color: #F4645F;
  border: 0.5px solid #F4645F;
}

.sbtn-blue {
  background-color: #195c89;
  color: #FFF;
}
.sbtn-blue:hover {
  background-color: rgb(17.1296296296, 63.037037037, 93.8703703704);
}
.sbtn-blue:active {
  background: white;
  color: #195c89;
  border: 0.5px solid #195c89;
}

.sbtn-conectar-com-google {
  background-color: #4081ec;
  color: #FFF;
}
.sbtn-conectar-com-google:hover {
  background-color: rgb(22.5285714286, 99.6, 226.4714285714);
}
.sbtn-conectar-com-google:active {
  background: white;
  color: #4081ec;
  border: 0.5px solid #4081ec;
}

.btn-purple:hover {
  color: white;
}

a.sbtn {
  margin-top: 5px;
  height: 42px;
}
a.sbtn:hover {
  text-decoration: none;
  color: white;
}

/* BTN OUTLINE's' */
.btn-outline-dark {
  margin: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.05);
  color: black;
  outline: 0;
}
.btn-outline-dark:hover {
  background: rgba(0, 0, 0, 0.7);
  color: white;
}

/* BOTÕES - RELATÓRIOS DE AÇÕES*/
form.login {
  margin: 0 auto;
  padding: 20px 40px;
  box-shadow: 1px 3px 10px black;
  background: white;
}

form {
  width: 100%;
  height: auto;
  margin: 10px;
  padding: 10px 15px;
  border-radius: 5px;
}
form label {
  margin-right: 10px;
  font-size: 1em;
  font-family: "Open+Sans", "Comfortaa", sans-serif;
  text-align: right;
}
form .title {
  font-size: 2em;
  margin-bottom: 20px;
}
form .group_form {
  padding: 8px 0;
}
form .group_form label {
  margin-right: 10px;
  font-size: 1.2em;
}
form .group_form .group_form_description {
  margin-top: -10px;
  font-family: "Source Code Pro", sans-serif;
}
form input[type=text], form input[type=file], form input[type=email], form input[type=password], form input[type=search], form input[type=date], form input[type=number], form select {
  width: 100%;
  height: 40px;
  padding: 5px 15px;
  outline: 0;
  border: 1px solid rgba(0, 0, 0, 0.3);
  font-family: "Comfortaa", sans-serif;
  font-size: 1.1em;
  color: black;
}
form input[type=radio] {
  margin-right: 10px;
}
form input::placeholder {
  color: rgba(0, 0, 0, 0.7);
  font-size: 1em;
}
form textarea {
  width: 100%;
  height: 120px;
  padding: 15px;
  outline: 0;
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.3);
  font-family: "Comfortaa", sans-serif;
  font-size: 1em;
  margin: 0;
}
form button {
  margin: 5px 10px;
  height: 35px;
}

.fModal {
  margin: 0 auto;
  width: 100%;
  padding: 0;
  /**
  * COLORS
  */
  /**
  * FONTE DEFAULT
  */
}
.fModal .fModal_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  font-size: 1.3em;
  color: white;
}
.fModal .fModal_header i {
  cursor: pointer;
  font-size: 1.5em;
}
.fModal .fModal_header, .fModal .fModal_body, .fModal .fModal_footer {
  width: 100%;
}
.fModal .fModal_header textarea, .fModal .fModal_body textarea, .fModal .fModal_footer textarea {
  resize: none;
  outline: 0;
}
.fModal .fModal_body {
  padding: 15px 10px 0 10px;
  margin-top: 5px;
}
.fModal .fModal_body .form-group {
  padding: 5px 10px 0 10px;
}
.fModal .fModal_body .form-group .label-required-field {
  position: absolute;
  font-size: 1em;
  margin-top: -6px;
  color: red;
}
.fModal .fModal_footer .atendimento-a-responsaveis {
  display: none;
}
.fModal .bg-success {
  background: #36BA9B;
  color: white;
}
.fModal .bg-blue {
  background: #185b88;
}
.fModal .bg-light {
  background: white;
}
.fModal .bg-gray {
  background: #f7f7f7;
}
.fModal .fModal_flabelDefaul {
  font-family: "Open+Sans", "Comfortaa", sans-serif;
}
.fModal button i {
  margin-right: 10px;
}

.form-check {
  font-family: "Comfortaa";
  font-size: 1em;
}
.form-check .form-check-item {
  padding: 3px 10px;
}
.form-check .form-check-item:hover {
  background: rgba(0, 0, 0, 0.1);
}
.form-check i {
  margin-right: 10px;
}

.form_reset_border {
  border: none;
  box-shadow: none;
  background: transparent;
}
.form_reset_border .fModal_body {
  padding: 0;
}

select.defatult {
  height: 40px;
  padding: 5px 15px;
  outline: 0;
  border: 1px solid rgba(0, 0, 0, 0.3);
}

.main_menu_section {
  width: 100%;
  height: 70px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(0, 74, 124, 0.9);
  box-shadow: 2px 2px 5px black;
  border: 1px solid silver;
  padding: 0 15px;
  position: fixed;
  top: 0;
  z-index: 1;
}
.main_menu_section nav {
  display: flex;
  align-items: center;
}
.main_menu_section nav .titulo_da_pagina {
  margin-left: 15px;
  padding-left: 5px;
  font-size: 1.3em;
  color: white;
  font-family: "Comic Neue", cursive;
  font-weight: bold;
  border-left: 2px solid rgba(0, 0, 0, 0.6);
}
.main_menu_section ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main_menu_section ul a {
  text-decoration: none;
}
.main_menu_section ul li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: "Raleway", "Comic Neue", cursive;
  color: black;
}
.main_menu_section ul li .notificacoes_nao_lidas {
  color: white;
  font-weight: bold;
  margin-left: 10px;
  margin-top: -30px;
  padding: 0.5px 5px;
  background: green;
  font-size: 0.8em;
  border-radius: 5px;
}
.main_menu_section ul li:hover {
  cursor: pointer;
  color: white;
}
.main_menu_section .perfil .menu_original {
  margin-top: 8px;
  background: #185b87;
  padding: 0;
}
.main_menu_section .perfil .menu_original li {
  display: inline-block;
}
.main_menu_section .perfil .menu_original li a {
  display: flex;
  flex-direction: column;
  justify-items: center;
  align-items: center;
  color: white;
  text-decoration: none;
  padding: 10px 10px;
}
.main_menu_section .perfil .menu_original li a span {
  font-size: 0.9em;
}
.main_menu_section .perfil .menu_original li a i {
  font-size: 1.7em;
  margin-bottom: 3px;
  color: rgb(255, 255, 255);
}
.main_menu_section .perfil .menu_original li a:hover {
  background-color: red;
}
.main_menu_section .perfil .menu_original li a.avatar {
  margin-left: 10px;
  background: #185b87;
}
.main_menu_section .perfil .menu_original li a.avatar img {
  width: 45px;
  height: 45px;
  margin: 0 5px 0 0;
  padding: 0;
  border-radius: 50%;
  box-shadow: 5px 3px 5px black;
}
.main_menu_section .perfil .menu_original li a.avatar .eu-avatar {
  position: absolute;
  background: red;
  padding: 0 5px;
  bottom: 5px;
  right: 15px;
  font-weight: bold;
  font-size: 0.7em;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.main_menu_section .perfil .menu_original li a.avatar:active {
  transition: background-color 0.3s ease;
}
.main_menu_section .perfil .menu_original .dropdown-menu-topo {
  background: #185b87;
  position: absolute;
  right: 0;
  width: 160px;
  display: none;
  padding-top: 0;
}
.main_menu_section .perfil .menu_original .dropdown-menu-topo li {
  width: 100%;
}
.main_menu_section .perfil .menu_original .dropdown-menu-topo li a {
  display: inline-block;
  color: white;
}
.main_menu_section .perfil .menu_original .dropdown-menu-topo li a i {
  margin-right: 5px;
}
.main_menu_section .perfil .menu_original .dropdown:hover .dropdown-menu-topo {
  display: flex;
  flex-direction: column;
}
.main_menu_section .perfil .menu_original .dropdown:hover .dropdown-menu-topo a {
  display: inline-block;
  width: 100%;
}

.main_teacher_menu_section {
  z-index: 2;
  position: fixed;
  top: 70px;
  height: calc(100vh - 70px);
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  display: none;
}
.main_teacher_menu_section .main_menu_section_mobile {
  width: 300px;
  height: 100%;
  overflow-y: scroll;
  border-right: 2px solid white;
  background: white;
  background: #185b88;
  /* SCROLLBAR */
}
.main_teacher_menu_section .main_menu_section_mobile ::-webkit-scrollbar, .main_teacher_menu_section .main_menu_section_mobile ::-webkit-scrollbar-corner {
  width: 0px;
  height: 8px;
}
.main_teacher_menu_section .main_menu_section_mobile ::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: red;
  -webkit-box-shadow: inset 0 0 6px #185b88;
}
.main_teacher_menu_section .main_menu_section_mobile ul a {
  text-decoration: none;
  color: white;
  font-size: 1em;
}
.main_teacher_menu_section .main_menu_section_mobile ul a li {
  width: 100%;
  font-family: "Raleway", "Comic Neue", cursive;
  padding: 15px;
}
.main_teacher_menu_section .main_menu_section_mobile ul a li i {
  width: 30px;
  text-align: center;
  padding-right: 10px;
}
.main_teacher_menu_section .main_menu_section_mobile ul a li:hover {
  background: white;
  color: black;
}
.main_teacher_menu_section .main_menu_section_mobile ul a:hover {
  text-decoration: none;
}

#buscar {
  position: relative;
  padding: 0 10px;
}
#buscar input[type=search] {
  padding: 20px;
  border: 1px solid rgba(128, 0, 128, 0.7);
  outline: 0;
  color: #185b88;
  font-family: "Comfortaa", sans-serif;
  font-weight: bold;
}
#buscar .input-group-addon {
  border: 1px solid rgba(128, 0, 128, 0.7);
}
#buscar button {
  color: rgba(128, 0, 128, 0.7);
}
#buscar input::-webkit-input-placeholder {
  color: #185b88;
}

.main_section_signin {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  background: url("./../img/login-default.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.main_section_signin .signin_form {
  font-family: sans-serif, "Comfortaa", "Josefin Sans", cursive;
  max-width: 540px;
}
.main_section_signin .signin_form .title {
  text-align: center;
  font-family: "Josefin Sans", cursive;
  font-size: 1.8em;
}
.main_section_signin .signin_form small {
  font-size: 0.9em;
  color: red;
}
.main_section_signin .signin_form .label-codigo-email {
  width: 100%;
  text-align: center;
}
.main_section_signin .signin_form .codigo-email {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_section_signin .signin_form .codigo-email .codepass {
  width: 50px;
  height: 50px;
  margin: 10px 10px 0 10px;
  font-family: sans-serif;
  font-size: 2em;
  text-align: center;
  font-weight: bold;
}
.main_section_signin .resetar-senha {
  display: flex;
  justify-content: space-between;
}
.main_section_signin .resetar-senha nav.showpass {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_section_signin .resetar-senha nav.showpass #showpass {
  margin: -6px 4px 0 0;
  width: 15px;
  height: 15px;
}
.main_section_signin .resetar-senha nav.showpass label {
  -webkit-touch-callout: none; /* iPhone OS, Safari */
  -webkit-user-select: none; /* Chrome, Safari 3 */
  -khtml-user-select: none; /* Safari 2 */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */
}
.main_section_signin .resetar-senha label, .main_section_signin .resetar-senha a {
  font-size: 1.1em;
  font-family: "Josefin Sans", sans-serif;
}
.main_section_signin .resetar-senha a:hover {
  text-decoration: underline;
}
.main_section_signin .customBtn {
  display: flex;
  align-items: center;
  margin: 5px 10px;
  min-height: 35px;
  font-family: "Josefin Sans", cursive;
  font-size: 1.1em;
}

.main_section_controller {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: calc(100vh - 100px);
}
.main_section_controller .titulo {
  font-family: "Source Sans Pro", "Comfortaa", cursive;
  font-size: 5em;
}
.main_section_controller .subtitulo {
  font-family: "Comfortaa", "Josefin Sans", "Source Sans Pro", cursive;
  font-size: 1.2em;
}
.main_section_controller .descricao {
  font-family: "Comfortaa", "Josefin Sans", "Source Sans Pro", cursive;
  font-size: 0.9em;
  text-align: center;
  padding: 30px 0;
}
.main_section_controller .voltar {
  padding: 10px 20px;
  font-size: 1.2em;
}
.main_section_controller .error_404, .main_section_controller .acesso-restrito {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 0 auto;
}

.edicao-indisponivel {
  text-align: center;
  max-width: 480px;
  margin: 0 auto;
}

.main_section_cards {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 25px;
}
.main_section_cards .card {
  width: 230px;
  box-shadow: 2px 3px 5px black;
  border: 1px solid black;
  margin: 8px;
  padding-bottom: 8px;
  background: white;
}
.main_section_cards .card .capa-da-turma {
  width: 100%;
  height: 85.13px;
}
.main_section_cards .card .title {
  font-family: "Confortaa", "Source Code Pro", cursive;
  font-weight: bold;
  font-size: 12pt;
  text-align: center;
  padding: 5px;
  color: rgba(0, 0, 0, 0.9);
  background: rgba(1, 205, 182, 0.1);
  margin-bottom: 5px;
}
.main_section_cards .card .desc {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 5px 5px;
  font-family: "Josefin Sans", cursive;
  text-align: justify;
  font-size: 1em;
  color: rgba(0, 0, 0, 0.9);
}
.main_section_cards .card .desc i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  padding: 5px;
  color: rgba(0, 0, 0, 0.7);
  margin: 0 4px;
  font-size: 1.4em;
}
.main_section_cards .card .desc i:hover {
  background: rgba(0, 0, 0, 0.7);
  color: white;
  border: 0.5px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}
.main_section_cards .card .busca-ativa {
  background: url("../img/icones/busca-ativa.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.main_section_cards .card .reforco-escolar {
  background: url("../img/icones/reforco-escolar.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.main_section_cards .card .ocorrencias {
  background: url("../img/icones/ocorrencias.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.main_section_cards .card .atividades-e-tarefas {
  background: url("../img/icones/atividades-e-tarefas.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.main_section_contents {
  display: flex;
  width: calc(100% - 85px);
  height: auto;
  margin-left: 85px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 10px;
  /* TURMAS */
  /*
  PLANILHA DE AÇÕES
  */
  /**
  * ESTATÍSTICAS
  */
  /*
  * ALUNOS
  */
  /*
  * OCORRÊNCIAS
  */
  /*
  * ATENDIMENTOS
  */
}
.main_section_contents .columnorrow {
  display: flex;
  flex-direction: row;
  width: 100%;
  min-height: 100%;
  padding: 5px;
}
.main_section_contents .caixa-de-mensagens {
  width: 100%;
  max-width: 1024px;
  margin: 10px auto;
  padding: 20px;
  border: 1.2px solid rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  background: white;
}
.main_section_contents .caixa-de-mensagens .title {
  display: flex;
  justify-content: space-between;
}
.main_section_contents .caixa-de-mensagens .inbox-menu {
  display: flex;
  flex-wrap: wrap;
  background: rgb(242.25, 242.25, 242.25);
  box-shadow: 2px 3px 1px rgba(0, 0, 0, 0.3);
}
.main_section_contents .caixa-de-mensagens .inbox-menu .menu-ativo {
  background: rgba(0, 0, 0, 0.1);
}
.main_section_contents .caixa-de-mensagens .inbox-menu .menu-li {
  padding: 8px 20px 2px 20px;
  font-weight: bold;
  font-size: 1.2em;
}
.main_section_contents .caixa-de-mensagens .inbox-menu .menu-li:hover {
  background: rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.main_section_contents .caixa-de-mensagens .visualizar-mensagem {
  width: 100%;
  margin-top: 15px;
}
.main_section_contents .caixa-de-mensagens .visualizar-mensagem .card-mensage {
  display: flex;
  box-shadow: 2px 3px 1px rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(0, 0, 0, 0.3);
  margin-top: 15px;
  background: white;
}
.main_section_contents .caixa-de-mensagens .visualizar-mensagem .card-mensage .sendby {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  max-width: 150px;
  padding: 5px 10px;
}
.main_section_contents .caixa-de-mensagens .visualizar-mensagem .card-mensage .sendby .img-sendby {
  margin-top: 5px;
  width: 50px;
  border-radius: 50%;
}
.main_section_contents .caixa-de-mensagens .visualizar-mensagem .card-mensage .sendby small {
  margin-top: -8px;
  color: blue;
}
.main_section_contents .caixa-de-mensagens .visualizar-mensagem .card-mensage .mensagem-recebida {
  width: 100%;
  padding: 10px 15px;
}
.main_section_contents .caixa-de-mensagens .visualizar-mensagem .card-mensage .mensagem-recebida .assunto-da-mensagem {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.2em;
}
.main_section_contents .caixa-de-mensagens .visualizar-mensagem .card-mensage .mensagem-recebida .assunto-da-mensagem span {
  font-weight: normal;
}
.main_section_contents .caixa-de-mensagens .visualizar-mensagem .card-mensage .mensagem-recebida .data-da-mensagem {
  width: 100%;
  text-align: right;
  font-size: 0.9em;
}
.main_section_contents .caixa-de-mensagens .visualizar-mensagem .card-mensage .mensagem-recebida .conteudo-da-mensagem {
  border: 1px solid rgba(0, 0, 0, 0.3);
  font-size: 1em;
  font-family: "Comfortaa", "Open+Sans", cursive;
  display: none;
  padding: 5px 10px;
}
.main_section_contents .caixa-de-mensagens .visualizar-mensagem .card-mensage .mensagem-recebida .botoes-para-mensagens {
  bottom: 0;
  margin: 10px 0;
}
.main_section_contents .caixa-de-mensagens .visualizar-mensagem .card-mensage .mensagem-recebida .botoes-para-mensagens .btn-success {
  display: none;
}
.main_section_contents .caixa-de-mensagens .visualizar-mensagem .card-mensage .mensagem-recebida .forwardMsg {
  display: none;
  padding: 10px;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.main_section_contents .plano_de_acoes {
  width: 100%;
  max-width: 1024px;
  margin: 10px auto;
  padding: 20px;
  border: 1.2px solid rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  background: white;
  font-family: "Comfortaa", "Source Code Pro", cursive;
  font-size: 1em;
  text-align: justify;
  line-height: 1.5em;
  color: rgba(0, 0, 0, 0.7);
}
.main_section_contents .plano_de_acoes h3, .main_section_contents .plano_de_acoes h4 {
  text-align: center;
}
.main_section_contents .plano_de_acoes .visualizar-plano p {
  text-indent: 3em;
  line-height: 1.5em;
}
.main_section_contents .plano_de_acoes small {
  margin-top: -20px;
}
.main_section_contents .plano_de_acoes ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.main_section_contents .plano_de_acoes ul li {
  display: flex;
  flex-wrap: nowrap;
  padding: 10px 5px 2px 5px;
  font-size: 1em;
  color: blue;
  cursor: pointer;
  border: 1px solid white;
  border-bottom: 2px solid rgb(255, 255, 255);
}
.main_section_contents .plano_de_acoes ul li:hover {
  color: red;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}
.main_section_contents .plano_de_acoes ul li:active {
  color: green;
}
.main_section_contents .plano_de_acoes hr {
  margin-top: -8px;
}
.main_section_contents .lista_de_turmas {
  display: flex;
  margin: 0 auto;
}
.main_section_contents .lista_de_turmas .turmas {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1.2px solid rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  margin: 10px;
  padding: 10px 20px;
  padding-top: -5px;
  background: pink;
  font-family: "Comfortaa", "Source Code Pro", sans-serif;
  font-size: 1em;
}
.main_section_contents .section_title {
  margin: 5px 0;
  padding: 10px;
  font-family: "Comfortaa", sans-serif;
  font-size: 1.1em;
}
.main_section_contents .section_title .btn-back {
  font-size: 0.9em !important;
  padding: 5px 10px;
  background: white;
  color: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.main_section_contents .section_title .btn-back:hover {
  color: #d9534f;
  background: rgba(0, 0, 0, 0.7);
  color: white;
}
.main_section_contents .section_title h4 {
  font-weight: bold;
}
.main_section_contents .section_title .avatar {
  width: 35px;
  height: 35px;
  border-radius: 50px;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.main_section_contents .section_title .username {
  font-weight: bold;
}
.main_section_contents .section_title .section_title_menu_lii {
  margin: 0 auto;
  padding: 8px 10px;
}
.main_section_contents .section_title .section_title_menu_lii span {
  font-size: 0.8em;
}
.main_section_contents .section_title .section_title_menu_lii:hover {
  cursor: pointer;
}
.main_section_contents .section_title a {
  text-decoration: none;
}
.main_section_contents .search_atendimentos, .main_section_contents .pesquisa {
  font-family: "Comfortaa", cursive;
  border: 0.5px solid rgba(0, 0, 0, 0.1);
  outline: 0;
  height: 35px;
  padding: 5px 10px;
  font-size: 1em;
  width: 100%;
}
.main_section_contents .filtros_ocorrencias {
  display: flex;
  align-items: center;
  margin: 5px 0;
}
.main_section_contents .filtros_ocorrencias li {
  cursor: pointer;
  font-weight: bold;
  margin: 5px;
  padding: 5px 10px;
  border: 0.5px solid black;
}
.main_section_contents .relatorio-de-acoes-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main_section_contents hr {
  color: rgba(0, 0, 0, 0.3);
}
.main_section_contents .minhas-turmas {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
  margin-top: 55px;
}
.main_section_contents .minhas-turmas .fim-de-ano-letivo {
  display: flex;
  min-width: 100%;
  text-align: center;
  padding: 20px 30px;
  font-size: 1.5em;
  background: linear-gradient(to right, blue, red, orange);
  color: white;
  text-align: center;
  cursor: pointer;
}
.main_section_contents .minhas-turmas .turmas-arquivadas select, .main_section_contents .minhas-turmas .turmas-arquivadas button {
  height: 35px;
  padding: 0 10px;
}
.main_section_contents .minhas-turmas .lista_de_turmas {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 10px;
}
.main_section_contents .minhas-turmas .lista_de_turmas a {
  text-decoration: none;
}
.main_section_contents .minhas-turmas .turmas {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  border: 1.2px solid rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  margin: 5px 10px;
  padding: 10px;
  font-size: 1.2em;
  color: rgba(0, 0, 0, 0.7);
  background: white;
}
.main_section_contents .minhas-turmas .turmas i {
  margin-right: 10px;
}
.main_section_contents .minhas-turmas .turmas:hover {
  cursor: pointer;
  background: rgb(228.1525423729, 244.0169491525, 249.8474576271);
}
.main_section_contents .minhas-turmas .pendencias {
  display: flex;
  align-items: center;
  font-family: "Comfortaa", cursive;
  padding: 10px 20px;
}
.main_section_contents .minhas-turmas .pendencias i {
  color: yellow;
  margin: 0 10px;
}
.main_section_contents .minhas-turmas .pendencias li {
  margin: 0 10px;
  padding: 2px 10px;
  color: white;
  border: 0.5px solid white;
}
.main_section_contents .minhas-turmas .pendencias li:hover {
  cursor: pointer;
  background: yellow;
  color: black;
}
.main_section_contents .minhas-turmas .ocorrencia-whatsapp {
  width: 100%;
  min-height: 320px;
  background: white;
}
.main_section_contents .f_Default {
  display: flex;
  width: 100%;
  margin: 0 auto;
  font-family: "Comfortaa", "Josefin Sans", cursive;
}
.main_section_contents .f_Default i {
  margin-right: 5px;
}
.main_section_contents .form_registro_de_acoes {
  display: flex;
  width: 100%;
  margin: 0 auto;
}
.main_section_contents .form_registro_de_acoes .actions_register {
  margin: auto;
  width: 100%;
  font-family: sans-serif;
}
.main_section_contents .tipos-de-acoes ul {
  display: flex;
  flex-wrap: wrap;
}
.main_section_contents .tipos-de-acoes ul li {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-width: 230px;
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding: 10px;
  margin: 10px;
}
.main_section_contents .tipos-de-acoes ul li h3 {
  font-size: 1.5em;
  text-align: center;
}
.main_section_contents .tipos-de-acoes ul li small {
  text-align: center;
  width: 100%;
  max-width: 350px;
}
.main_section_contents .title-topo-acoes {
  display: flex;
  align-items: center;
  align-content: center;
}
.main_section_contents .title-topo-acoes li {
  padding: 10px 20px;
}
.main_section_contents .title-topo-acoes .classificacao {
  margin: 0 10px 0 0;
  padding: 5px 10px;
  font-size: 0.9em;
  height: 35px;
  border: 0.5px solid rgba(0, 0, 0, 0.3);
  border: 1px solid silver;
}
.main_section_contents .title-topo-acoes .menu-professores-acoes {
  margin: 0 10px;
  padding: 4px;
  border: 0.5px solid rgba(0, 0, 0, 0.3);
}
.main_section_contents .title-topo-acoes .menu-professores-acoes:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.3);
}
.main_section_contents .professores, .main_section_contents .dropdown-professores {
  margin-top: 55px;
  width: 100%;
  padding: 0;
}
.main_section_contents .professores h5, .main_section_contents .dropdown-professores h5 {
  margin: 0;
  text-align: center;
  padding: 15px 10px;
  border-radius: 5px 5px 0 0;
  color: black;
}
.main_section_contents .professores ul li, .main_section_contents .dropdown-professores ul li {
  display: flex;
  font-size: 1em;
}
.main_section_contents .professores ul li img, .main_section_contents .dropdown-professores ul li img {
  margin-right: 8px;
}
.main_section_contents .professores ul .jlistaracoesporprofessores, .main_section_contents .dropdown-professores ul .jlistaracoesporprofessores {
  display: dflex;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.main_section_contents .professores .no-profs, .main_section_contents .dropdown-professores .no-profs {
  margin-top: 10px;
  border: 1.2px solid rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  background: white;
  padding: 15px 2px;
  font-family: "Comfortaa", "Josefin Sans", cursive;
  text-align: center;
  font-size: 1em;
}
.main_section_contents .dropdown-professores {
  position: absolute;
  margin-top: 0;
}
.main_section_contents .profs-inclusao-de-turmas .turmas {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.main_section_contents .ultima_acao_registrada {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
}
.main_section_contents .ultima_acao_registrada .turmas {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  border: 1.2px solid rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  font-size: 1.2em;
  color: white;
  background: rgb(31.05, 106.95, 89.125);
}
.main_section_contents .ultima_acao_registrada .turmas i {
  margin-right: 10px;
}
.main_section_contents .ultima_acao_registrada .acoes-de-outros-professores {
  min-height: 100px;
}
.main_section_contents .ultima_acao_registrada .ultimaAcao {
  width: 100%;
  margin-bottom: 20px;
  border: 1.2px solid rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  background: white;
  font-family: "Comfortaa", "Josefin Sans", cursive;
  font-size: 1em;
}
.main_section_contents .ultima_acao_registrada .ultimaAcao .title {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-family: "Comfortaa", "Josefin Sans", cursive;
  font-size: 1.1em;
  color: rgb(24, 91, 136);
  font-weight: bold;
  border-bottom: 1px solid rgba(24, 91, 136, 0.8);
  border-radius: 5px 5px 0 0;
  margin-bottom: 10px;
  padding: 8px 8px 8px 15px;
  background: rgba(24, 91, 136, 0.2);
}
.main_section_contents .ultima_acao_registrada .ultimaAcao .title i {
  margin-right: 10px;
}
.main_section_contents .ultima_acao_registrada .ultimaAcao .title .adesao {
  color: red;
  text-transform: capitalize;
  text-align: center;
  font-size: 0.8em;
}
.main_section_contents .ultima_acao_registrada .ultimaAcao .acoes-informacoes {
  text-align: right;
  padding: 0 10px 0 10px;
  min-width: 200px;
  max-width: 200px;
}
.main_section_contents .ultima_acao_registrada .ultimaAcao .descricao {
  padding: 0 15px 0 15px;
  font-family: "Comfortaa", "Josefin Sans", cursive;
  font-size: 1.2em;
  line-height: 1.5em;
  text-align: justify;
  color: black;
  border-left: 1px solid rgba(0, 0, 0, 0.3);
}
.main_section_contents .ultima_acao_registrada .ultimaAcao .descricao .file-acoes {
  padding: 10px 20px;
  margin-bottom: 5px;
}
.main_section_contents .ultima_acao_registrada .ultimaAcao .descricao .file-acoes h3 {
  padding: 2px 10px;
  font-size: 1em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.main_section_contents .ultima_acao_registrada .ultimaAcao .descricao .file-acoes ul li {
  margin: 0 10px;
}
.main_section_contents .ultima_acao_registrada .ultimaAcao .descricao .file-acoes a {
  padding: 2px 12px;
  border-radius: 3px;
  color: black;
  font-size: 0.9em;
  font-weight: normal;
  font-family: "Source+Code+Pro", cursive;
}
.main_section_contents .ultima_acao_registrada .ultimaAcao .descricao .file-acoes a i {
  color: red;
}
.main_section_contents .ultima_acao_registrada .ultimaAcao .descricao .file-acoes a:hover {
  color: black;
}
.main_section_contents .ultima_acao_registrada .ultimaAcao .botoes {
  display: flex;
  justify-content: flex-end;
}
.main_section_contents .ultima_acao_registrada .ultimaAcao .botoes i {
  border: 1px solid white;
  border-radius: 8px;
  padding: 6px 8px;
  margin: 0 5px;
  color: rgba(0, 0, 0, 0.8);
}
.main_section_contents .ultima_acao_registrada .ultimaAcao .botoes i:hover {
  background: rgba(0, 0, 0, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.3);
  color: white;
}
.main_section_contents .ultima_acao_registrada .ultimaAcao .ini_entr {
  font-size: 0.9em;
}
.main_section_contents .ultima_acao_registrada .ultimaAcao .ini_entr span {
  font-size: 0.9em;
}
.main_section_contents .ultima_acao_registrada .ultimaAcao .semana {
  margin: 10px;
  padding: 5px 10px 0 10px;
  border-top: 1.2px solid rgba(0, 0, 0, 0.3);
}
.main_section_contents .ultima_acao_registrada .ultimaAcao .html5-video-player {
  display: none;
}
.main_section_contents .ultima_acao_registrada .ultimaAcao #summernote {
  display: flex;
}
.main_section_contents .ultima_acao_registrada .inclusoes {
  width: 100%;
  background: red;
}
.main_section_contents .ultima_acao_registrada .inclusoes form {
  width: 100%;
}
.main_section_contents table {
  width: 100%;
}
.main_section_contents table .cabecalho {
  background: rgba(10, 2, 202, 0.3);
  font-weight: bold;
}
.main_section_contents table .cabecalho, .main_section_contents table .corpo {
  width: 100%;
}
.main_section_contents table .cabecalho td, .main_section_contents table .corpo td {
  border: 1px solid black;
  padding: 3px 5px;
}
.main_section_contents table.estatisticas {
  margin: 0 auto;
  max-width: 960px;
}
.main_section_contents table.estatisticas .fw-bold {
  font-weight: bold;
}
.main_section_contents table.estatisticas tbody {
  border: 2px solid rgba(0, 0, 0, 0.7);
}
.main_section_contents table.estatisticas tbody tr.bg-primary {
  border: 1px solid rgba(0, 0, 0, 0.4);
}
.main_section_contents table.estatisticas tbody tr td {
  border: 1px solid rgba(0, 0, 0, 0.4);
  padding: 5px 10px;
  font-family: "Comfortaa", "Open+Sans", cursive;
  font-size: 1em;
}
.main_section_contents table.estatisticas tbody tr td.alunos {
  min-width: 220px;
}
.main_section_contents table.estatisticas tbody tr td.tdprofs {
  max-width: 120px;
  text-transform: uppercase;
  text-align: center;
}
.main_section_contents .main_section_envio_de_mensagens {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  display: none;
  justify-content: center;
  align-items: center;
}
.main_section_contents .main_section_envio_de_mensagens .sendEmail {
  max-width: 960px;
  font-family: "Comfortaa", "Open+Sans", cursive;
  font-size: 1em;
}
.main_section_contents .atividade-postada {
  border: 1px solid rgba(0, 0, 0, 0.3);
  width: calc(100% - 20px);
  margin: 0 auto;
  font-family: "Comfortaa", "Open+Sans", cursive;
  background: white;
  padding: 10px 20px;
  text-align: justify;
}
.main_section_contents .atividade-postada .frequencia {
  height: 35px;
  padding: 2px 5px;
  font-size: 1em;
  color: black;
  font-weight: bold;
}
.main_section_contents .atividade-postada .refresh_freq {
  height: 35px;
  margin: 0 5px;
  padding: 2px 10px;
  border: 0.5px solid rgba(0, 0, 0, 0.2);
  background-color: #F5B946;
  cursor: pointer;
}
.main_section_contents .atividade-postada .refresh_freq:hover {
  color: green;
}
.main_section_contents .atividade-postada .saber-title {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.4em;
}
.main_section_contents .atividade-postada .saber-title i {
  margin-right: 10px;
  font-size: 1.4em;
}
.main_section_contents .atividade-postada small {
  font-weight: bold;
}
.main_section_contents .listagem_de_alunos {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 30px;
  padding: 0;
}
.main_section_contents .listagem_de_alunos a {
  text-decoration: none;
}
.main_section_contents .card-aluno {
  width: 160px;
  min-height: 160px;
  background: rgba(1, 50, 32, 0.6);
  color: white;
  font-weight: bold;
  margin: 9.5px;
  font-family: "Comfortaa", "Open+Sans", cursive;
  border: 2px solid rgba(0, 0, 0, 0.4);
}
.main_section_contents .card-aluno .realized {
  display: flex;
  flex-direction: column;
  width: 150px;
}
.main_section_contents .card-aluno .realized .perfil-do-aluno {
  height: 75px;
  padding: 5px;
}
.main_section_contents .card-aluno .realized .nome-do-aluno {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0 3px;
  font-size: 1em;
}
.main_section_contents .card-aluno .missed {
  width: 150px;
  color: red;
  margin: -160px 0 0 103px;
}
.main_section_contents .card-aluno .missed i {
  padding: 10px;
  background: white;
  border: 1px solid rgba(1, 50, 32, 0.6);
}
.main_section_contents .card-aluno .missed i:hover {
  color: yellow;
  background: #ff6666;
}
.main_section_contents .card-aluno .file_pdf {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  background: rgba(0, 0, 0, 0.2);
  color: yellow;
}
.main_section_contents .card-aluno .btn-alunos {
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
}
.main_section_contents .card-aluno .btn-alunos li {
  padding: 2px;
  color: black;
}
.main_section_contents .card-aluno .btn-alunos li i {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.5px solid rgba(0, 0, 0, 0.1);
  width: 32px;
  height: 32px;
  padding: 2px;
  color: black;
  font-size: 1.4em;
}
.main_section_contents .card-aluno .btn-alunos li i:hover {
  background: rgba(0, 0, 0, 0.3);
}
.main_section_contents .card-aluno .progress-default {
  height: 20px;
  background: rgba(255, 0, 0, 0.1);
  border-radius: 0;
}
.main_section_contents .card-aluno .progress-default div {
  color: yellow;
  font-weight: bold;
  font-size: 1em;
}
.main_section_contents .card_aluno_confirmed {
  background: blue;
}
.main_section_contents .card_aluno_confirmed:hover {
  background: #6666ff;
}
.main_section_contents .card_aluno_not_confirmed {
  background: rgba(1, 50, 32, 0.6);
}
.main_section_contents .card_aluno_not_confirmed:hover {
  background: rgba(1, 50, 32, 0.4);
}
.main_section_contents .card_aluno_inativo {
  background: rgba(1, 50, 32, 0.6);
}
.main_section_contents .card_aluno_missed {
  background: red;
}
.main_section_contents .card_aluno_missed:hover {
  background: #ff6666;
}
.main_section_contents .card-ocorrencia {
  width: 170px;
  max-height: 150px;
  font-weight: bold;
  margin: 5px;
  font-family: "Comfortaa", "Open+Sans", cursive;
  border: 1px solid black;
  box-shadow: 0.5px 1px 10px 0 #36BA9B;
}
.main_section_contents .card-ocorrencia .btn-alunos {
  width: 100%;
  padding: 5px 2px;
}
.main_section_contents .card-ocorrencia .ocorrencia-nome-do-aluno {
  display: flex;
  padding: 5px;
  color: black;
  min-height: 60px;
}
.main_section_contents .tabela_de_atendimentos_realizados tr {
  padding: 5px;
}
.main_section_contents .tabela_de_atendimentos_realizados tr th {
  padding: 5px;
  background: #36BA9B;
  border: 1px solid #36BA9B;
}
.main_section_contents .tabela_de_atendimentos_realizados tr .th_default, .main_section_contents .tabela_de_atendimentos_realizados tr .td_default {
  text-align: center;
}
.main_section_contents .tabela_de_atendimentos_realizados tr td {
  color: black;
  padding: 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.main_section_contents .tabela_de_atendimentos_realizados tr td i {
  margin: 2px;
}
.main_section_contents .tabela_de_atendimentos_realizados tr td i:hover {
  color: red;
}
.main_section_contents .tabela_de_atendimentos_realizados tr:hover {
  background: rgba(0, 0, 0, 0.1);
}
.main_section_contents .card-atendimentos {
  min-width: 250px;
  font-weight: bold;
  margin: 9.3px;
  padding: 10px;
  font-family: "Comfortaa", "Open+Sans", cursive;
  border: 1px solid black;
  box-shadow: 0.5px 1px 10px 0 black;
}
.main_section_contents .card-atendimentos .editar-ocorrencia {
  text-align: center;
  margin-left: 5px;
  padding: 5px;
  color: orangered;
}
.main_section_contents .card-atendimentos .editar-ocorrencia:hover {
  color: rgb(153, 41.4, 0);
}

.list-menu-prof-tp {
  max-height: 420px;
  overflow-y: scroll !important;
}
.list-menu-prof-tp a {
  text-transform: uppercase;
}
.list-menu-prof-tp a:hover {
  text-decoration: none;
}
.list-menu-prof-tp a:hover li {
  font-weight: bold;
  background: rgba(0, 0, 0, 0.1);
}
.list-menu-prof-tp a li {
  padding: 5px 10px;
}

/*  ul{
      a{

          &:hover{
              text-decoration: none;

              li{
                  background: rgba(0, 0, 0, 0.1);
              }
          }
          li{
              padding: 8px 10px;
              border-bottom: 1px solid rgba(0, 0, 0, 0.1);

          }
      }
  }*/
.main_section_estatisticas_alunos_por_professores {
  position: fixed;
  top: 60px;
  height: calc(100vh - 60px);
  width: 100%;
  font-family: "Comfortaa", cursive;
  background: rgb(255, 255, 255);
  padding-bottom: 50px;
  display: none;
}
.main_section_estatisticas_alunos_por_professores .relatorio_do_aluno {
  overflow-y: scroll !important;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  max-width: 940px;
  margin-bottom: 20px;
}
.main_section_estatisticas_alunos_por_professores .relatorio_do_aluno .card-atividades-realizadas {
  display: flex;
  justify-content: space-between;
  background: black;
  margin: 10px 0;
  padding: 10px 20px;
  font-size: 1.2em;
  color: white;
}
.main_section_estatisticas_alunos_por_professores .relatorio_do_aluno .card-relatorio {
  padding: 10px;
  background: rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
}
.main_section_estatisticas_alunos_por_professores .relatorio_do_aluno .card-relatorio .title {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-family: "Comfortaa", "Josefin Sans", cursive;
  font-size: 1.1em;
  color: #2b927a;
  font-weight: bold;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  margin: -10px -10px 10px -10px;
  border-radius: 5px 5px 0 0;
  margin-bottom: 10px;
  padding: 8px 8px 8px 15px;
  background: rgba(0, 0, 0, 0.1);
}
.main_section_estatisticas_alunos_por_professores .relatorio_do_aluno .card-relatorio .title i {
  margin-right: 10px;
}
.main_section_estatisticas_alunos_por_professores .relatorio_do_aluno .card-relatorio .descricao {
  padding: 0 15px 0 15px;
  font-family: "Comfortaa", "Josefin Sans", cursive;
  font-size: 1.2em;
  line-height: 1.5em;
  text-align: justify;
  color: black;
  border-left: 1px solid rgba(0, 0, 0, 0.3);
}
.main_section_estatisticas_alunos_por_professores .relatorio_do_aluno .card-relatorio .semana {
  display: flex;
  justify-content: space-between;
  margin: 0 10px;
  padding: 5px 10px 0 10px;
  border-top: 1.2px solid rgba(0, 0, 0, 0.3);
}

.card-bg-blue-topo {
  background-image: linear-gradient(to bottom, rgba(98, 38, 0, 0.5), rgb(98, 38, 0));
}

.card-bg-pink {
  background-image: linear-gradient(to bottom, #f60b8a, #930050);
}

.card-bg-green {
  background-image: linear-gradient(to bottom, #00b41e, #126102);
}

.card-bg-green-sprint {
  background-image: linear-gradient(to bottom, #00ff7f, #008b45);
}

.card-bg-yellow {
  background-image: linear-gradient(to bottom, #e3ae00, #e68203);
}

.card-bg-orange {
  background-image: linear-gradient(to bottom, #fc4919, #8c1203);
}

.card-bg-orangered {
  background-image: linear-gradient(to bottom, #fd671a, #e81d17);
}

.card-bg-lilas {
  background-image: linear-gradient(to bottom, #a21dff, #670184);
}

.card-bg-purple {
  background-image: linear-gradient(to bottom, #b30059, #5d1a3d);
}

.card-bg-sky-blue {
  background-image: linear-gradient(to bottom, #2da0d8, #1a5b7a);
}

.card-bg-blue {
  background-image: linear-gradient(to bottom, #2877ff, #0438a0);
}

.card-bg-margenta {
  background-image: linear-gradient(to bottom, #ee00ee, #8b008b);
}

.card-bg-chocolate {
  background-image: linear-gradient(to bottom, #ff7f24, #ee7621);
}

.card-bg-firebrick {
  background-image: linear-gradient(to bottom, #ff3030, #cd2626);
}

.card-bg-ciano {
  background-image: linear-gradient(to bottom, #00cdcd, #008b8b);
}

.boxtrigger {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 100vw;
  padding: 10px;
  background: black;
  color: silver;
  z-index: 5;
}
.boxtrigger .bg-primary {
  background: rgb(0, 0, 255);
}
.boxtrigger .bg-warning {
  background: rgb(0, 255, 255);
}
.boxtrigger .bg-danger {
  background: rgb(255, 0, 0);
}
.boxtrigger .bg-default {
  background: rgba(0, 0, 0, 0.5);
}
.boxtrigger .ajax_close {
  background: rgba(0, 0, 0, 0.3);
}

.professores {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
  padding: 5px 10px;
}
.professores .card_prof_on {
  background: rgba(0, 128, 0, 0.2);
}
.professores .card_prof_off {
  background: rgba(255, 0, 0, 0.1);
}
.professores .card_gestao {
  background: rgba(0, 0, 255, 0.2);
}
.professores .prof_card {
  display: flex;
  border: 1px solid rgb(19, 89, 131);
  box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.5);
  margin: 0 10px 20px 10px;
  background: white;
}
.professores .prof_card .avatar {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 130px;
}
.professores .prof_card .avatar img {
  height: 100%;
  width: 130px;
  object-fit: cover;
  background-size: 100%;
}
.professores .prof_card .avatar .desativar-professor {
  position: absolute;
  margin-top: 100px;
}
.professores .prof_card .avatar i:before {
  content: "Desativar";
}
.professores .prof_card .informacoes {
  display: flex;
}
.professores .prof_card .informacoes ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.professores .prof_card .informacoes ul li {
  cursor: pointer;
  border: 1.2px solid rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  padding: 3px 15px;
  margin: 5px 5px 5px 0;
  color: white;
}
.professores .prof_card .informacoes ul .turmas:hover {
  color: black;
}
.professores .prof_card .informacoes .prof_disciplina {
  font-size: 1.2em;
  padding: 5px;
  text-transform: uppercase;
  text-decoration: underline;
  color: green;
  font-weight: bold;
}
.professores .prof_card .informacoes .prof_nome {
  font-weight: bold;
  font-size: 1.2em;
  margin: -2px 5px 5px 5px;
  cursor: pointer;
}
.professores .prof_card .informacoes .prof_nome span {
  color: #185b88;
  font-size: 0.8em;
}
.professores .prof_card .informacoes .prof_email {
  overflow: hidden;
  font-size: 1em;
  margin: -2px 5px 5px 5px;
  cursor: pointer;
  word-break: break-word;
}
.professores .prof_card .informacoes .prof_turmas_cadastradas {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.professores .prof_card .informacoes .prof_turmas_cadastradas i {
  margin: 0 10px;
}
.professores .prof_card .informacoes .prof_turmas_cadastradas a:hover {
  text-decoration: none;
}
.professores .prof_card .informacoes .prof_descricao {
  width: 100%;
  padding: 10px 15px;
}
.professores .profs_acoes {
  display: flex;
  align-items: center;
  padding: 15px 0;
  background: white;
}
.professores .profs_acoes .profs_acoes_disciplina {
  font-size: 1.1em;
  text-transform: uppercase;
  text-decoration: underline;
  font-weight: bold;
  color: orangered;
}
.professores .profs_acoes .profs_acoes_nome {
  font-size: 1.2em;
  font-weight: bold;
}
.professores .profs_acoes:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.1);
}

.dropdown-professores .profs_acoes {
  display: flex;
  align-items: center;
  padding: 15px 0;
  background: white;
}
.dropdown-professores .profs_acoes .profs_acoes_disciplina {
  font-size: 1em;
  text-transform: uppercase;
  text-decoration: underline;
  font-weight: bold;
  color: orangered;
}
.dropdown-professores .profs_acoes .profs_acoes_nome {
  font-size: 0.9em;
  font-weight: bold;
}
.dropdown-professores .profs_acoes:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.1);
}

.planejamento-coletivo {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 1024px;
}
.planejamento-coletivo .pc-meet {
  width: calc(100% - 20px);
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding: 10px 20px;
  margin: 10px auto;
  text-align: center;
  background: white;
}
.planejamento-coletivo .pc-meet img {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.planejamento-coletivo .pc-meet .btn-meet {
  background: #1A6DDE;
  color: white;
  font-weight: bold;
}
.planejamento-coletivo .meet-groups {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background: white;
  margin: 10px;
}
.planejamento-coletivo .meet-groups h4 {
  background: rgba(0, 0, 0, 0.2);
  padding: 10px 3px;
  text-align: center;
  font-weight: bold;
  text-decoration: underline;
}
.planejamento-coletivo .meet-groups ul li img {
  margin-right: 8px;
}
.planejamento-coletivo ul {
  width: calc(33% - 20px);
  padding: 0 10px;
  font-weight: bold;
  font-family: "Comfortaa", "Open+Sans", cursive;
}
.planejamento-coletivo ul li {
  padding: 10px;
}
.planejamento-coletivo ul li i {
  padding-right: 10px;
}
.planejamento-coletivo .pauta-reuniao-de-planejamento-coletivo {
  width: 100%;
}
.planejamento-coletivo .pauta-reuniao-de-planejamento-coletivo .descricao-da-pauta {
  padding: 10px 20px;
  font-family: "Comfortaa", "Open+Sans", cursive;
  font-size: 1.2em;
  text-align: justify;
  text-indent: 3em;
  line-height: 1.5em;
}
.planejamento-coletivo .prof_a_definir_horario_de_reunicao {
  width: 100%;
  padding: 10px 20px 30px 20px;
  font-weight: bold;
  font-family: "Comfortaa", "Open+Sans", cursive;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  background: #ffffcc;
}
.planejamento-coletivo .prof_a_definir_horario_de_reunicao li {
  padding: 10px;
}
.planejamento-coletivo .prof_a_definir_horario_de_reunicao li i {
  padding-right: 10px;
}

.img-perfil {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}

.RelatorioMensal {
  display: flex;
  flex-direction: row-reverse;
  right: 0;
  width: 100%;
  margin: 0;
  padding: 0 20px;
  background: transparent;
  box-shadow: none;
}
.RelatorioMensal select {
  width: 100%;
  max-width: 320px;
}

.card-relatorio-mensal {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 10px;
  background: rgba(100, 219, 88, 0.3);
}

/* VIEW-PDF*/
.viewpdf {
  width: 100%;
  height: 100vh;
}
.viewpdf embed, .viewpdf iframe {
  width: 100%;
  height: 100%;
}

.closexd {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  width: 98%;
  bottom: 0;
  padding: 0 5px 15px 0;
}
.closexd a:hover {
  color: yellow;
}

.card-avalicao-diagnostica {
  width: 100%;
  background: rgb(255, 255, 255);
  margin: 5px 0;
}
.card-avalicao-diagnostica .card-avalicao-diagnostica-titulo {
  width: 100%;
  min-height: 35px;
  background: rgba(0, 0, 0, 0.3);
  padding: 10px;
}
.card-avalicao-diagnostica .card-avalicao-diagnostica-titulo .titulo {
  font-family: "Comfortaa", cursive;
  font-weight: bold;
  font-size: 1em;
  text-transform: uppercase;
}
.card-avalicao-diagnostica .card-avalicao-diagnostica-titulo .botoes {
  display: flex;
}
.card-avalicao-diagnostica .card-avalicao-diagnostica-titulo .botoes li {
  font-size: 1em;
  margin: 0 10px;
}
.card-avalicao-diagnostica .card-avalicao-diagnostica-titulo .botoes li:hover {
  color: red;
}
.card-avalicao-diagnostica .card-avalicao-diagnostica-resultados {
  width: 100%;
  min-height: 200px;
  padding: 5px 10px;
  border: 0.5px solid rgba(0, 0, 0, 0.3);
}
.card-avalicao-diagnostica .card-avalicao-diagnostica-resultados table {
  margin: 5px auto;
}
.card-avalicao-diagnostica .card-avalicao-diagnostica-resultados table td {
  text-align: center;
  font-family: "Comfortaa";
}

.main_section_jogos {
  width: 100%;
  height: 100%;
  padding: 0 !important;
}
.main_section_jogos .configuracoes {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  background: rgb(0, 0, 0);
  color: white;
  padding: 10px;
}
.main_section_jogos .configuracoes span {
  margin: 0 15px;
}
.main_section_jogos .configuracoes span i {
  margin-right: 5px;
  color: greenyellow;
}
.main_section_jogos .dividendo, .main_section_jogos .divisor {
  display: flex;
}
.main_section_jogos .dividendo .celula, .main_section_jogos .divisor .celula {
  width: 60px;
  height: 60px;
  border: 0.5px solid rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3.5em;
  cursor: pointer;
}
.main_section_jogos .dividendo .celula:active, .main_section_jogos .divisor .celula:active {
  background: orangered;
}
.main_section_jogos .dividendo .b_left, .main_section_jogos .divisor .b_left {
  border-left: 3px solid black;
}
.main_section_jogos .dividendo .b_bottom, .main_section_jogos .divisor .b_bottom {
  border-bottom: 3px solid black;
}
.main_section_jogos .dividendo .b_right, .main_section_jogos .divisor .b_right {
  border-right: 3px solid black;
}
.main_section_jogos .dividendo .b_top, .main_section_jogos .divisor .b_top {
  border-top: 3px solid black;
}

#section_campo_minado {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  height: 100%;
}
#section_campo_minado .game-title {
  margin-top: 0;
  width: 100%;
  padding: 10px;
  background: black;
  text-align: center;
  color: yellow;
}
#section_campo_minado .card-cm {
  width: 120px;
  height: 120px;
  margin: 10px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: copy;
}
#section_campo_minado .card-cm .number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  margin-left: 90px;
  margin-top: 90px;
  background: orangered;
  color: white;
  font-size: 1.7em;
  font-weight: bold;
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-radius: 50px;
}
#section_campo_minado .card-cm:hover {
  opacity: 0.4;
}
#section_campo_minado .card-bg01 {
  background-image: url("../img/jogos/personagens/card-bg01.png");
}
#section_campo_minado .card-bg02 {
  background-image: url("../img/jogos/personagens/card-bg02.png");
}
#section_campo_minado .card-bg03 {
  background-image: url("../img/jogos/personagens/card-bg03.png");
}
#section_campo_minado .card-bg04 {
  background-image: url("../img/jogos/personagens/card-bg04.png");
}
#section_campo_minado .card-bg05 {
  background-image: url("../img/jogos/personagens/card-bg05.png");
}
#section_campo_minado .card-bg06 {
  background-image: url("../img/jogos/personagens/card-bg06.png");
}
#section_campo_minado .card-bg07 {
  background-image: url("../img/jogos/personagens/card-bg07.png");
}
#section_campo_minado .card-bg08 {
  background-image: url("../img/jogos/personagens/card-bg08.png");
}
#section_campo_minado .card-bg09 {
  background-image: url("../img/jogos/personagens/card-bg09.png");
}
#section_campo_minado .card-bg010 {
  background-image: url("../img/jogos/personagens/card-bg010.png");
}
#section_campo_minado .card-bg011 {
  background-image: url("../img/jogos/personagens/card-bg011.png");
}
#section_campo_minado .card-bg012 {
  background-image: url("../img/jogos/personagens/card-bg012.png");
}
#section_campo_minado .card-bg013 {
  background-image: url("../img/jogos/personagens/card-bg013.png");
}
#section_campo_minado .card-bg014 {
  background-image: url("../img/jogos/personagens/card-bg014.png");
}
#section_campo_minado .card-bg015 {
  background-image: url("../img/jogos/personagens/card-bg015.png");
}
#section_campo_minado .card-bg016 {
  background-image: url("../img/jogos/personagens/card-bg016.png");
}
#section_campo_minado .card-bg017 {
  background-image: url("../img/jogos/personagens/card-bg017.png");
}
#section_campo_minado .card-bg018 {
  background-image: url("../img/jogos/personagens/card-bg018.png");
}
#section_campo_minado .card-bg019 {
  background-image: url("../img/jogos/personagens/card-bg019.png");
}
#section_campo_minado .card-bg020 {
  background-image: url("../img/jogos/personagens/card-bg020.png");
}
#section_campo_minado .card-bg021 {
  background-image: url("../img/jogos/personagens/card-bg021.png");
}
#section_campo_minado .card-bg022 {
  background-image: url("../img/jogos/personagens/card-bg022.png");
}
#section_campo_minado .card-bg023 {
  background-image: url("../img/jogos/personagens/card-bg023.png");
}
#section_campo_minado .card-bg024 {
  background-image: url("../img/jogos/personagens/card-bg024.png");
}
#section_campo_minado .card-bg025 {
  background-image: url("../img/jogos/personagens/card-bg025.png");
}
#section_campo_minado .card-bg026 {
  background-image: url("../img/jogos/personagens/card-bg026.png");
}
#section_campo_minado .card-bg027 {
  background-image: url("../img/jogos/personagens/card-bg027.png");
}
#section_campo_minado .card-bg028 {
  background-image: url("../img/jogos/personagens/card-bg028.png");
}
#section_campo_minado .card-bg029 {
  background-image: url("../img/jogos/personagens/card-bg029.png");
}
#section_campo_minado .card-bg030 {
  background-image: url("../img/jogos/personagens/card-bg030.png");
}
#section_campo_minado .card-bg031 {
  background-image: url("../img/jogos/personagens/card-bg031.png");
}
#section_campo_minado .card-bg032 {
  background-image: url("../img/jogos/personagens/card-bg032.png");
}
#section_campo_minado .card-bg033 {
  background-image: url("../img/jogos/personagens/card-bg033.png");
}
#section_campo_minado .card-bg034 {
  background-image: url("../img/jogos/personagens/card-bg034.png");
}
#section_campo_minado .card-bg035 {
  background-image: url("../img/jogos/personagens/card-bg035.png");
}
#section_campo_minado .card-bg036 {
  background-image: url("../img/jogos/personagens/card-bg036.png");
}
#section_campo_minado .card-bg037 {
  background-image: url("../img/jogos/personagens/card-bg037.png");
}
#section_campo_minado .card-bg038 {
  background-image: url("../img/jogos/personagens/card-bg038.png");
}
#section_campo_minado .card-bg039 {
  background-image: url("../img/jogos/personagens/card-bg039.png");
}
#section_campo_minado .card-bg040 {
  background-image: url("../img/jogos/personagens/card-bg040.png");
}
#section_campo_minado .card-bg041 {
  background-image: url("../img/jogos/personagens/card-bg041.png");
}
#section_campo_minado .card-bg042 {
  background-image: url("../img/jogos/personagens/card-bg042.png");
}
#section_campo_minado .card-bg043 {
  background-image: url("../img/jogos/personagens/card-bg043.png");
}
#section_campo_minado .card-bg044 {
  background-image: url("../img/jogos/personagens/card-bg044.png");
}
#section_campo_minado .card-bg045 {
  background-image: url("../img/jogos/personagens/card-bg045.png");
}
#section_campo_minado .card-bg046 {
  background-image: url("../img/jogos/personagens/card-bg046.png");
}
#section_campo_minado .campo-minado-mygames a {
  text-decoration: none;
  color: black;
}
#section_campo_minado .campo-minado-mygames a .card-mygame-campo-minado {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 300px;
  height: 60px;
  background: white;
  margin: 10px;
  padding: 10px 10px 10px 10px;
  border-radius: 12px;
  border: 3px solid #c2e7ff;
}
#section_campo_minado .campo-minado-mygames a .card-mygame-campo-minado nav {
  display: flex;
  align-items: center;
}
#section_campo_minado .campo-minado-mygames a .card-mygame-campo-minado span {
  padding: 0 10px;
  font-size: 1.2em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#game-modal {
  top: 0;
  margin: 0 auto;
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}
#game-modal .question_gab {
  width: 100%;
  max-width: 960px;
  max-height: 90%;
  margin: 25px auto;
  background: white;
  border: 5px solid #36BA9B;
}
#game-modal .question_gab .game-modal-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 10px;
  background: #36BA9B;
  font-weight: bold;
  font-size: 1.7em;
}
#game-modal .question_gab .game-modal-title span {
  color: white;
}
#game-modal .question_gab .game-modal-title i.fecharGame {
  cursor: pointer;
}
#game-modal .question_gab .game-modal-title i.fecharGame:hover {
  color: red;
}
#game-modal .question_gab .game-modal-desc {
  display: flex;
  font-size: 2.5em;
  text-align: center;
}
#game-modal .question_gab .game-modal-desc .descricao {
  font-family: "Comfortaa", cursive;
  text-align: center;
  padding: 20px;
}
#game-modal .question_gab .game-modal-desc img {
  margin: 10px;
}
#game-modal .question_gab .game-modal-gab {
  display: none;
}

.main_section_contents .diario-escolar {
  min-width: 100%;
  max-width: 1024px;
  font-size: 1em;
  border: 1px solid black;
}
.main_section_contents .diario-escolar .diario_escolar_title {
  background: rgb(24, 91, 135);
  color: white;
  font-weight: bold;
  cursor: pointer;
}
.main_section_contents .diario-escolar .diario_escolar_title th {
  padding-left: 10px;
}
.main_section_contents .diario-escolar .diario_escolar_title td {
  padding: 10px;
}
.main_section_contents .diario-escolar .diario_escolar_title td a:hover {
  text-decoration: none;
}
.main_section_contents .diario-escolar tr td {
  padding-left: 10px;
}
.main_section_contents .diario-escolar tr .nome_do_aluno {
  padding: 3px 10px;
  text-align: left;
}
.main_section_contents .diario-escolar tr .text-nowrap {
  white-space: nowrap;
}
.main_section_contents .diario-escolar .aluno_frequencia {
  border-top: 2px solid transparent;
}
.main_section_contents .diario-escolar .aluno_frequencia:hover {
  background: rgb(255, 236.4, 229.5);
  border-top: 2px solid orangered;
  border-bottom: 2px solid orangered;
}
.main_section_contents .diario-escolar .aluno_frequencia:hover td {
  cursor: pointer;
}
.main_section_contents .diario-escolar .botao-de-acao {
  display: flex;
  font-size: 1.2em;
  text-align: center;
  padding: 8px;
  border: 0.5px solid black;
}
#conselho_de_ciclo {
  border: 2px solid black;
}
#conselho_de_ciclo thead tr td {
  border: 1px solid black;
}
#conselho_de_ciclo tbody tr td {
  font-size: 1.2em;
  border: 1px solid black;
}
#conselho_de_ciclo tbody tr .text-left {
  padding: 3px 10px;
  text-align: left;
}
#conselho_de_ciclo .G1 {
  background: lightgreen;
}
#conselho_de_ciclo .G2 {
  background: #5bc0de;
}
#conselho_de_ciclo .G3 {
  background: #f7e1b5;
}
#conselho_de_ciclo .G4, #conselho_de_ciclo .G5 {
  background: #ffb599;
}

.page-conselho-de-ciclo {
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0;
}
.page-conselho-de-ciclo .page-cc-aside {
  width: 100%;
  max-width: 300px;
  min-height: 89.4vh;
  padding: 0;
  background: rgb(24, 91, 135);
  border-right: 2px double white;
}
.page-conselho-de-ciclo .page-cc-aside .turma-info {
  text-align: center;
}
.page-conselho-de-ciclo .page-cc-aside ul {
  overflow-y: scroll;
}
.page-conselho-de-ciclo .page-cc-aside ul a {
  color: white;
  font-size: 1.1em;
}
.page-conselho-de-ciclo .page-cc-aside ul a li {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 12px 10px;
  font-size: 1.1em;
}
.page-conselho-de-ciclo .page-cc-aside ul a li i {
  padding-right: 10px;
}
.page-conselho-de-ciclo .page-cc-aside ul a:hover {
  text-decoration: none;
  color: black;
}
.page-conselho-de-ciclo .page-cc-aside ul a:hover li {
  background: white;
}
.page-conselho-de-ciclo .page-cc-body {
  padding: 0;
}
.page-conselho-de-ciclo .page-cc-body .fModal_header .fbody-btn {
  color: white;
}
.page-conselho-de-ciclo .page-cc-body .cc-descricao {
  line-height: 1.5em;
  font-size: 1.3em;
  padding: 30px 50px;
  text-align: justify;
}
.page-conselho-de-ciclo .page-cc-body .cc-body-a4 .diario-escolar {
  background: pink;
}
.page-conselho-de-ciclo .page-cc-body .cc-body-a4 .diario-escolar tbody tr td {
  font-size: 1.2em;
}

.cc-outline-dark {
  margin: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.05);
  color: black;
  outline: 0;
}

.slt_cc_gs {
  border: none;
  font-weight: bold;
  outline: none;
  background: transparent;
}

option {
  background: white;
  color: black;
  outline: none;
}

.gs-danger {
  background: rgba(247, 2, 43, 0.9);
  color: #fff;
}
.gs-danger:hover {
  background: rgba(177, 2, 2, 0.9);
}

.gs-warning {
  background: rgba(254, 215, 0, 0.9);
  color: black;
}
.gs-warning:hover {
  background: rgba(254, 215, 0, 0.6);
}

.gs-info {
  background: rgba(10, 83, 168, 0.8);
  color: #fff;
}
.gs-info:hover {
  background: rgb(10, 83, 168);
}

.gs-success {
  background: rgba(20, 167, 53, 0.8);
  color: #fff;
}
.gs-success:hover {
  background: rgba(17, 115, 75, 0.9);
}

.conselho-de-ciclo-title_card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f1f6ff;
  color: #185b87;
  border: 1px solid silver;
  margin: 15px 0 10px 0;
  padding: 10px;
  font-size: 1.3em;
  font-weight: bold;
}

.conselho-de-ciclo-legenda-gs {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding: 10px;
  font-weight: bold;
  font-size: 1.3em;
  background: white;
}
.conselho-de-ciclo-legenda-gs li {
  font-size: 0.8em;
  font-weight: bold;
  color: white;
  margin: 0 10px;
  padding: 5px 10px;
}

table.cc-conceitos {
  background: white;
}
table.cc-conceitos .cc-conceitos-disciplinas {
  cursor: pointer;
}
table.cc-conceitos .cc-conceitos-disciplinas:hover {
  background: rgba(0, 0, 0, 0.2);
}

.encaminhamentos_externos .encaminhamentos_externos_check {
  display: flex;
  align-items: center;
  justify-content: center;
}
.encaminhamentos_externos .encaminhamentos_externos_check .form-group-checkbox {
  cursor: pointer;
  padding: 5px 0 0 5px;
  margin: 0 5px;
}
.encaminhamentos_externos .encaminhamentos_externos_check .form-group-checkbox label {
  padding: 5px 8px;
}
.encaminhamentos_externos .encaminhamentos_externos_check .form-group-checkbox:hover {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}
.encaminhamentos_externos .encaminhamentos_externos_check .form-group-checkbox:hover label {
  height: 100%;
  cursor: pointer;
}

.sulfite-a4 {
  margin: 0 auto;
  width: 29.7cm;
  min-height: 17cm;
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 1cm;
}
.sulfite-a4 .cctable-encaminhamentos thead tr td {
  font-weight: bold;
  background: #185b87;
  color: white;
  text-align: center;
}
.sulfite-a4 .cctable-encaminhamentos td {
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 5px;
}
.sulfite-a4 .cctable-encaminhamentos tbody tr {
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.sulfite-a4 .cctable-encaminhamentos tbody tr td:nth-child(n+1) {
  padding: 5px 10px;
}
.sulfite-a4 .cctable-encaminhamentos tbody tr td:nth-child(n+3) {
  text-align: center;
  font-weight: bold;
}
.sulfite-a4 .cctable-encaminhamentos tbody tr:hover {
  border: 1px solid red;
  background: rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.sulfite-a4 .cctable-encaminhamentos tbody tr:hover td {
  color: #185b87;
  font-weight: bold;
}
.sulfite-a4 .cctable-encaminhamentos-descricao thead tr td {
  font-weight: bold;
  background: #185b87;
  color: white;
  text-align: center;
}
.sulfite-a4 .cctable-encaminhamentos-descricao td {
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 5px;
}
.sulfite-a4 .cctable-encaminhamentos-descricao tbody tr td:nth-child(n+1) {
  padding: 5px 10px;
}
.sulfite-a4 .cctable-encaminhamentos-descricao tbody tr td:nth-child(n+2) {
  text-transform: none;
  padding: 5px 10px;
}

.rca_minhas-turmas {
  background: white;
  margin-top: -1px;
}

.rca_f_Default {
  display: flex;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  font-family: "Comfortaa", "Josefin Sans", cursive;
}
.rca_f_Default i {
  margin-right: 5px;
}

.rca_alunos {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  max-width: 960px;
  margin: 20px auto;
  font-family: "Comfortaa", "Josefin Sans", cursive;
}
.rca_alunos i {
  margin-right: 5px;
}
.rca_alunos .aluno {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid black;
  justify-content: space-between;
  padding: 5px 0 0 0;
  margin: 5px;
  width: 170px;
  background: white;
}
.rca_alunos .aluno h4 {
  margin: 0;
  text-align: center;
  padding: 5px;
  font-size: 1.2em;
}
.rca_alunos .aluno i.fa-user {
  padding: 5px;
}
.rca_alunos .aluno button {
  width: 100%;
  border-radius: 0;
}

.section_ocorrencias .ocorrencias_btn i {
  margin: 5px;
  padding: 8px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: black;
}
.section_ocorrencias .ocorrencias_btn i:hover {
  background: rgba(0, 0, 0, 0.1);
}
.section_ocorrencias .card_ocorrencias {
  width: 100%;
  margin: 10px 0;
  background: white;
  border: 0.5px solid rgba(0, 0, 0, 0.3);
}
.section_ocorrencias .card_ocorrencias .card_ocorrencias_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2px 10px;
}
.section_ocorrencias .card_ocorrencias .card_ocorrencias_title i {
  padding: 5px 5px 3px 5px;
  cursor: pointer;
}
.section_ocorrencias .card_ocorrencias .card_ocorrencias_title i:hover {
  color: #36BA9B;
}
.section_ocorrencias .card_ocorrencias .card_ocorrencias_descricao {
  font-family: "Comfortaa", "Josefin Sans", sans-serif;
  font-size: 1em;
  text-align: justify;
  padding: 10px 20px;
}
.section_ocorrencias .card_ocorrencias .card_ocorrencias_descricao .card_ocorrencia_title {
  font-weight: bold;
  text-decoration: underline;
}
.section_ocorrencias .card_ocorrencias .card_ocorrencias_descricao .alunos_atribuidos {
  font-family: "Comfortaa", "Josefin Sans", sans-serif;
  font-size: 12pt;
}
.section_ocorrencias .card_ocorrencias .card_ocorrencias_descricao .ocorrencia-outline-primary {
  border-radius: 5px;
  border: 0.5px solid rgba(0, 0, 0, 0.3);
  padding: 4px 10px;
  margin: 5px;
}
.section_ocorrencias .card_ocorrencias .card_ocorrencias_descricao .ocorrencia-outline-primary i {
  color: rgba(0, 0, 0, 0.5);
}
.section_ocorrencias .card_ocorrencias .card_ocorrencias_descricao .ocorrencia-outline-primary i:hover {
  cursor: pointer;
  color: rgba(255, 0, 0, 0.9);
}

.secao-ocorrencia, .section_altas_habilidades {
  display: flex;
  max-width: 25cm;
  margin: 10px auto;
  min-height: 25cm;
  margin-top: 65px;
}

.main_section_ocorrencias {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 21cm;
  min-height: 25cm;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 1.5cm 1.5cm 1.5cm 2cm;
  background: white;
  text-align: justify;
  transform-origin: top;
  transition: transform 0.3s ease;
}
.main_section_ocorrencias * {
  font-size: 1em;
  line-height: 1.5em;
}
.main_section_ocorrencias .mso_cabecalho {
  width: 100%;
}
.main_section_ocorrencias .mso_cabecalho .image_mso_cabecalho_section_ocorrencia {
  width: 100%;
  margin-bottom: 1em;
}
.main_section_ocorrencias .mso_body {
  font-family: "Comfortaa", "Source+Sans+Pro", "Comic", sans-serif;
  font-size: 1em;
}
.main_section_ocorrencias .mso_body .lista-de-ocorrencias {
  min-height: 12cm;
}
.main_section_ocorrencias .mso_body .mso-body-aluno {
  display: flex;
  margin-bottom: 10px;
}
.main_section_ocorrencias .mso_body .mso-body-aluno .secao_titulo {
  margin-right: 10px;
}
.main_section_ocorrencias .mso_body .mso-body-aluno .infracoes_cadastradas {
  font-family: "Comfortaa", "Josefin Sans", sans-serif;
  font-size: 1em;
}
.main_section_ocorrencias .mso_body .mso-body-aluno .minhas-ocorrencias-registradas {
  margin: 10px 0;
}
.main_section_ocorrencias .mso_body .mso-body-aluno .minhas-ocorrencias-registradas .minhas-ocorrencias-registradas-title {
  text-transform: uppercase;
  background: rgba(0, 0, 0, 0.1);
  padding: 5px 8px;
  font-weight: bold;
}
.main_section_ocorrencias .mso_body .mso-body-aluno .minhas-ocorrencias-registradas .minhas-ocorrencias-registradas-title i {
  padding: 0 0 0 10px;
  color: green;
}
.main_section_ocorrencias .mso_body .mso-body-aluno .minhas-ocorrencias-registradas .minhas-ocorrencias-registradas-infracoes {
  padding: 5px 0 0 10px;
}
.main_section_ocorrencias .mso_body .fa-commenting {
  margin-right: 5px;
}
.main_section_ocorrencias .mso_body .alunos_atribuidos, .main_section_ocorrencias .mso_body .mso-body-professor {
  text-transform: uppercase;
  font-family: "Comfortaa", "Josefin Sans", sans-serif;
  font-size: 1em;
}
.main_section_ocorrencias .mso_body .card_ocorrencias_observacoes {
  width: 100%;
  margin-top: 10px;
  padding: 5px 3px;
}
.main_section_ocorrencias .mso_body .card_ocorrencias_ata_do_atendimento {
  width: 100%;
  margin-top: 10px;
  padding: 5px 3px;
}
.main_section_ocorrencias .mso_body .card_ocorrencias_assinaturas {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 100%;
  margin-top: 10px;
  padding: 5px 3px;
}
.main_section_ocorrencias .mso_body .card_ocorrencias_assinaturas .assinatura_professor, .main_section_ocorrencias .mso_body .card_ocorrencias_assinaturas .assinatura_responsavel {
  display: flex;
  flex-direction: column;
  min-width: 180px;
  height: 40px;
  margin: 40px 15px 0 15px;
  padding: 0 5px;
  border-top: 1px solid black;
  text-align: center;
  font-size: 1em;
}
.main_section_ocorrencias .mso_body .card_ocorrencias_assinaturas .assinatura_professor small, .main_section_ocorrencias .mso_body .card_ocorrencias_assinaturas .assinatura_responsavel small {
  font-size: 0.8em;
  margin-top: -5px;
}
.main_section_ocorrencias .mso_body .secao_titulo {
  font-weight: bold;
  text-align: center;
}
.main_section_ocorrencias .total_de_faltas ul {
  padding: 0 10px 0 0;
}
.main_section_ocorrencias .mso_corpo h4.page-report-title {
  font-size: 1.3em;
  padding: 5px 0 15px 0;
}
.main_section_ocorrencias .mso_corpo .anotacoes {
  padding: 10px 0;
  line-height: 1em;
  border-bottom: 1.5px solid rgba(0, 0, 0, 0.1);
}
.main_section_ocorrencias .mso_corpo .anotacoes p {
  margin: 0;
  padding: 0;
}
.main_section_ocorrencias .mso_corpo .anotacoes span {
  font-size: 1em;
}
.main_section_ocorrencias .mso_corpo table.informacoes_pessoais_do_aluno .dados_pessoais p {
  margin-top: -10px;
}
.main_section_ocorrencias .mso_corpo table.informacoes_pessoais_do_aluno tr td {
  border: none;
}

.ocorrencia-options {
  position: fixed;
  top: 85px;
  right: 15px;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 3cm;
}
.ocorrencia-options .btn-ocorrencia {
  display: flex;
  align-items: center;
  align-content: center;
  padding: 8px 5px 8px 5px;
  margin: 5px 0 5px 5px;
  border: 0.5px solid rgba(0, 0, 0, 0.2);
}
.ocorrencia-options .btn-ocorrencia:hover {
  cursor: pointer;
  color: white;
  box-shadow: 0 2px 10px 2px black;
}

.ocorrencia-impressao-unica * {
  font-size: 12pt;
}

.ocorrencia_lista_de_alunos, .ocorrencia_lista_de_servidores {
  width: 100%;
  overflow-y: scroll;
}
.ocorrencia_lista_de_alunos .users-list-ocr, .ocorrencia_lista_de_servidores .users-list-ocr {
  position: absolute;
  width: 100%;
  margin-left: 10px;
  margin-top: -14px;
  max-width: 410px;
  max-height: 250px;
  background: #e9eef6;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.7);
  border-radius: 0 0 5px 5px;
  overflow-y: scroll;
}
.ocorrencia_lista_de_alunos .users-list-ocr li, .ocorrencia_lista_de_servidores .users-list-ocr li {
  display: flex;
  padding: 8px 10px;
}
.ocorrencia_lista_de_alunos .users-list-ocr li nav .username-ocr, .ocorrencia_lista_de_servidores .users-list-ocr li nav .username-ocr {
  font-weight: bold;
}
.ocorrencia_lista_de_alunos .users-list-ocr li img, .ocorrencia_lista_de_servidores .users-list-ocr li img {
  border-radius: 50%;
  margin-right: 10px;
}
.ocorrencia_lista_de_alunos .users-list-ocr li:hover, .ocorrencia_lista_de_servidores .users-list-ocr li:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.3);
}

table.lista_de_alunos_para_ocorrencias {
  max-height: 120px;
  font-family: "Comfortaa", "Open+Sans", sans-serif;
}
table.lista_de_alunos_para_ocorrencias tr {
  padding: 5px 20px;
}
table.lista_de_alunos_para_ocorrencias tr:hover {
  background: rgba(0, 0, 0, 0.2);
}
table.lista_de_alunos_para_ocorrencias tr td {
  font-family: "Comfortaa", "Open+Sans", sans-serif;
  padding: 3px 20px;
}
table.lista_de_alunos_para_ocorrencias tbody {
  max-height: 100px;
  cursor: pointer;
}
table.lista_de_alunos_para_ocorrencias tbody .txtCenter {
  text-align: center;
}
table.lista_de_alunos_para_ocorrencias tbody td {
  padding: 3px 20px;
}

.descricao_da_ocorrencia {
  resize: none;
}

.settings-li-ocorrencias li {
  display: flex;
  align-items: center;
  align-content: space-between;
  min-height: 35px;
  padding: 5px 10px;
}
.settings-li-ocorrencias li nav div {
  font-size: 1.2em;
}
.settings-li-ocorrencias li div {
  padding: 0 10px;
}
.settings-li-ocorrencias li div i {
  padding: 0 10px;
}
.settings-li-ocorrencias li div i:hover {
  background: rgba(255, 255, 255, 0.1);
  color: red;
}
.settings-li-ocorrencias li:hover {
  background: rgba(0, 0, 0, 0.1);
}

.atendimentos-comentarios {
  display: flex;
  align-items: center;
  font-size: 1.2em;
  cursor: pointer;
  padding: 5px 10px;
  background: rgba(0, 0, 0, 0.2);
  margin-bottom: 3px;
}
.atendimentos-comentarios i {
  font-size: 1.2em;
  margin-right: 5px;
}
.atendimentos-comentarios i.fa-toggle-on {
  color: green;
}
.atendimentos-comentarios i.fa-toggle-on {
  color: black;
}

.section_altas_habilidades {
  display: flex;
  background: white;
  padding: 1.5cm;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.section_altas_habilidades .documento {
  /* BORDAS */
}
.section_altas_habilidades .documento * {
  font-size: 1em;
  line-height: 1.5em;
}
.section_altas_habilidades .documento .col_emoji {
  width: 25px;
}
.section_altas_habilidades .documento .docTitle h1 {
  font-size: 1.5em;
}
.section_altas_habilidades .documento .habilidade i {
  font-size: 1.3em;
}
.section_altas_habilidades .documento .all-border-black {
  border: 1px solid black;
}
.section_altas_habilidades tbold {
  font-weight: bold;
}

.main_section_contents_alunos {
  display: flex;
  background: white;
  margin-top: 65px;
  min-height: calc(100vh - 150px);
  padding: 10px;
}
.main_section_contents_alunos .va-menu-aluno {
  min-width: 300px;
}
.main_section_contents_alunos .va-menu-aluno .va_meus_professores {
  max-height: 460px;
  overflow-y: scroll;
  width: 100%;
  max-width: 300px;
}
.main_section_contents_alunos .va-menu-aluno .va_meus_professores li {
  display: flex;
  margin: 0 5px 5px 0;
  padding: 10px;
}
.main_section_contents_alunos .va-menu-aluno .va_meus_professores li .va-avatar {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  margin-right: 10px;
}
.main_section_contents_alunos .va-menu-aluno .va_meus_professores li nav {
  display: flex;
  flex-direction: column;
}
.main_section_contents_alunos .va-menu-aluno .va_meus_professores li nav .va-nome-da-disciplina {
  color: orangered;
  font-weight: bold;
  text-transform: uppercase;
}
.main_section_contents_alunos .va-menu-aluno .va_meus_professores li:hover {
  background: rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.main_section_contents_alunos .aluno-minhas-atividades {
  width: 100%;
  background: white;
  padding: 0 10px 10px 10px;
  margin: 0 auto;
}
.main_section_contents_alunos .aluno-minhas-atividades .va-card-minhas-atividades {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 0.5px solid white;
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.2);
  padding: 5px 10px;
  min-height: 45px;
}
.main_section_contents_alunos .aluno-minhas-atividades .va-card-minhas-atividades .va-saber {
  display: flex;
  align-items: center;
}
.main_section_contents_alunos .aluno-minhas-atividades .va-card-minhas-atividades li {
  color: rgba(0, 0, 0, 0.5);
}
.main_section_contents_alunos .aluno-minhas-atividades .va-card-minhas-atividades li .va-saber-title {
  font-weight: bold;
  text-transform: uppercase;
}
.main_section_contents_alunos .aluno-minhas-atividades .va-card-minhas-atividades .file-icon-atividades {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  width: 35px;
  background: rgba(0, 0, 0, 0.1);
  border: 0.5px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  margin-right: 10px;
}
.main_section_contents_alunos .aluno-minhas-atividades .va-card-minhas-atividades:hover {
  background: rgba(0, 0, 0, 0.1);
  border: 0.5px solid rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

.calendario-titulo {
  font-size: 1.4em;
}
.calendario-titulo .mes li {
  text-align: center;
  width: 110px;
}
.calendario-titulo i.prev, .calendario-titulo i.next {
  padding: 2px 5px;
  color: rgba(0, 0, 0, 0.7);
  font-weight: bold;
}
.calendario-titulo i.prev:active, .calendario-titulo i.next:active {
  color: orangered;
}

.table-calendario-title {
  display: flex;
  justify-content: space-between;
  margin: 5px auto;
  width: 100%;
  max-width: 840px;
}
.table-calendario-title .cld_mes_ano {
  font-size: 2em;
}
.table-calendario-title select {
  min-width: 300px;
  font-size: 1.2em;
  padding: 0 10px;
}

.calendario {
  max-width: 840px;
  margin: auto;
}
.calendario td {
  align-items: center;
  justify-content: center;
  width: 111.42px;
  font-size: 1.5em;
  text-align: center;
  justify-content: center;
  background: white;
}
.calendario .dias-da-semana {
  background: #36BA9B;
}
.calendario .hoje a {
  color: white;
}
.calendario .dias-validos:hover {
  background: rgba(158, 224, 255, 0.7);
}
.calendario .dias-validos:hover a {
  color: black;
}
.calendario .dia-letivo {
  justify-content: center;
  font-weight: bold;
}
.calendario .dia-letivo ul {
  margin: 4px 15px;
  padding: 6px 5px;
  border: 1px solid white;
}
.calendario .dia-letivo ul:hover {
  color: blue;
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid black;
  cursor: pointer;
}

.cld-info {
  min-width: 100%;
  padding: 5px 15px;
  text-align: right;
}

.diario-frequencia {
  overflow-x: scroll;
  background: white;
}
.diario-frequencia tr td {
  border: 0.5px solid black;
}
.diario-frequencia .df-meses {
  text-align: center;
  font-weight: bold;
  height: 23px;
}
.diario-frequencia .df-dias {
  width: 11px;
  max-width: 11px;
  text-height: 1px;
  font-size: 9pt;
  font-family: "Roboto", cursive;
  font-weight: bold;
  text-align: center;
  background: rgba(214, 214, 214, 0.5);
}
.diario-frequencia .df-dias li {
  transform: rotate(-90deg);
}
.diario-frequencia .pf td {
  text-align: center;
  font-family: "Roboto", cursive;
}
.diario-frequencia .pf .pf-n {
  min-width: 29px;
  max-width: 29px;
}
.diario-frequencia .pf .pf-aluno {
  min-width: 320px;
  max-width: 320px;
  white-space: nowrap;
  padding: 0 10px;
}
.diario-frequencia .pf .P {
  min-width: 11px;
  max-width: 11px;
  min-height: 18px;
  max-height: 18px;
  background: rgba(218, 254, 200, 0.8);
}

.lista_de_alunos {
  padding: 10px;
  border: 0.5px solid rgba(0, 0, 0, 0.2);
  max-height: 480px;
  overflow-y: scroll;
}

.card_ed_especial {
  width: 100%;
  border: 1px solid black;
  padding: 10px;
  margin: 10px 0;
}

.ed_especial_alunos_fixados {
  display: flex;
  width: 100%;
  border: 0.5px solid rgba(0, 0, 0, 0.2);
  margin: 10px 0;
  background: white;
  flex-wrap: wrap;
}
.ed_especial_alunos_fixados .card_aluno_ed_especial {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 200px;
  border: 2px solid rgb(24, 91, 136);
  margin: 5px;
  padding: 10px 2.5px;
  cursor: pointer;
  background: rgba(24, 91, 136, 0.1);
}
.ed_especial_alunos_fixados .card_aluno_ed_especial .avatar {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ed_especial_alunos_fixados .card_aluno_ed_especial .avatar .turma {
  color: black;
}
.ed_especial_alunos_fixados .card_aluno_ed_especial i.fa-avatar {
  color: rgba(0, 0, 0, 0.3);
  font-size: 5em;
}
.ed_especial_alunos_fixados .card_aluno_ed_especial .card_aluno_ed_especial_info {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.ed_especial_alunos_fixados .card_aluno_ed_especial .card_aluno_ed_especial_info .nome_do_aluno {
  text-align: center;
  padding: 5px 2px;
  display: flex;
}
.ed_especial_alunos_fixados .card_aluno_ed_especial .card_aluno_ed_especial_info .nome_do_aluno span {
  font-family: "Comfortaa", cursive;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  color: #185b88;
}
.ed_especial_alunos_fixados .card_aluno_ed_especial .card_aluno_ed_especial_info .nome_do_aluno i {
  font-size: 1em;
}

table.ed-especial-default tr {
  border: 0.5px solid black;
}
table.ed-especial-default tr td {
  padding: 2px 10px;
  font-size: 1em;
}

.ficha_individual_do_aluno {
  font-size: 1em;
}
.ficha_individual_do_aluno .title {
  margin-top: -10px;
  margin-left: -15px;
  font-family: "Open Sans", cursive !important;
  font-size: 1.2em;
}
.ficha_individual_do_aluno .titulo-da-subsecao {
  background: rgba(0, 0, 0, 0.8);
  color: white;
  margin: 15px 0 5px 0;
  padding: 5px 10px;
  font-weight: bold;
  text-align: left;
}
.ficha_individual_do_aluno .titulo-da-subsecao i {
  height: 100%;
  margin-right: 7px;
}
.ficha_individual_do_aluno .titulo-da-subsecao i.fa-upload {
  background: white;
  color: #195c89;
  padding: 0 8px;
}
.ficha_individual_do_aluno .titulo-da-subsecao i.fa-upload:hover {
  cursor: pointer;
  color: red;
}
.ficha_individual_do_aluno .subsecao {
  font-family: "Comfortaa", "Open Sans", cursive;
  font-size: 1em;
}
.ficha_individual_do_aluno .subsecao .drop_file_zone_relatorio {
  background: rgba(0, 0, 0, 0.1);
  border: 2.3px dotted black;
}

input[type=file].dnone {
  display: none;
}

.card-aluno-educacao-especial-version-prof-regular {
  width: 100%;
  margin: 10px;
  padding: 10px 20px;
  background: white;
  color: black;
  max-width: 380px;
  border: 1px solid rgba(0, 0, 0, 0.9);
}
.card-aluno-educacao-especial-version-prof-regular h3 {
  text-transform: uppercase;
  font-size: 1.1em;
  font-weight: bold;
  font-family: "Comfortaa", sans-serif;
}
.card-aluno-educacao-especial-version-prof-regular:hover {
  background: rgba(24, 91, 136, 0.3);
  color: black;
}
.card-aluno-educacao-especial-version-prof-regular:hover h3 {
  color: purple;
}

.card-educacao-especial {
  display: flex;
  flex-wrap: wrap;
}
.card-educacao-especial .card-educacao-especial-informacoes-pessoais nav {
  padding: 10px 20px;
  font-size: 1.1em;
}
.card-educacao-especial .card-educacao-especial-atendimentos, .card-educacao-especial .card-educacao-especial-files, .card-educacao-especial .card-educacao-especial-altas-habilidades {
  margin-top: 5px;
  width: 100%;
  max-width: 1280px;
}
.card-educacao-especial .card-educacao-especial-atendimentos table tbody tr, .card-educacao-especial .card-educacao-especial-files table tbody tr, .card-educacao-especial .card-educacao-especial-altas-habilidades table tbody tr {
  background: white;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.card-educacao-especial .card-educacao-especial-atendimentos table tbody tr td a, .card-educacao-especial .card-educacao-especial-files table tbody tr td a, .card-educacao-especial .card-educacao-especial-altas-habilidades table tbody tr td a {
  color: black;
}
.card-educacao-especial .card-educacao-especial-atendimentos table tbody tr td p, .card-educacao-especial .card-educacao-especial-files table tbody tr td p, .card-educacao-especial .card-educacao-especial-altas-habilidades table tbody tr td p {
  margin: 0;
}
.card-educacao-especial .card-educacao-especial-atendimentos,
.card-educacao-especial .card-educacao-especial-altas-habilidades,
.card-educacao-especial .card-educacao-especial-files,
.card-educacao-especial .card-educacao-especial-informacoes-pessoais,
.card-educacao-especial .card-educacao-especial-files {
  width: 100%;
  padding: 0;
  margin-bottom: 15px;
}
.card-educacao-especial .card-educacao-especial-atendimentos h3,
.card-educacao-especial .card-educacao-especial-altas-habilidades h3,
.card-educacao-especial .card-educacao-especial-files h3,
.card-educacao-especial .card-educacao-especial-informacoes-pessoais h3,
.card-educacao-especial .card-educacao-especial-files h3 {
  font-size: 1.2em;
  margin: 0;
  width: 100%;
  color: white;
  padding: 5px 20px;
}
.card-educacao-especial .card-educacao-especial-atendimentos ul li,
.card-educacao-especial .card-educacao-especial-altas-habilidades ul li,
.card-educacao-especial .card-educacao-especial-files ul li,
.card-educacao-especial .card-educacao-especial-informacoes-pessoais ul li,
.card-educacao-especial .card-educacao-especial-files ul li {
  width: 100%;
  font-size: 1.1em;
  padding: 10px 20px;
}
.card-educacao-especial .card-educacao-especial-atendimentos ul li:hover,
.card-educacao-especial .card-educacao-especial-altas-habilidades ul li:hover,
.card-educacao-especial .card-educacao-especial-files ul li:hover,
.card-educacao-especial .card-educacao-especial-informacoes-pessoais ul li:hover,
.card-educacao-especial .card-educacao-especial-files ul li:hover {
  background: rgba(0, 0, 0, 0.1);
}
.card-educacao-especial .card-educacao-especial-atendimentos ul li p,
.card-educacao-especial .card-educacao-especial-altas-habilidades ul li p,
.card-educacao-especial .card-educacao-especial-files ul li p,
.card-educacao-especial .card-educacao-especial-informacoes-pessoais ul li p,
.card-educacao-especial .card-educacao-especial-files ul li p {
  cursor: pointer;
  font-size: 0.9em;
}
.card-educacao-especial .card-educacao-especial-atendimentos ul li p span,
.card-educacao-especial .card-educacao-especial-altas-habilidades ul li p span,
.card-educacao-especial .card-educacao-especial-files ul li p span,
.card-educacao-especial .card-educacao-especial-informacoes-pessoais ul li p span,
.card-educacao-especial .card-educacao-especial-files ul li p span {
  width: 100%;
}

table.diagnostico {
  border: none;
}
table.diagnostico tr {
  border: none;
}
table.diagnostico tr td {
  flex-direction: row-reverse;
  border: none;
}

table.files-educacao-especial thead tr td {
  padding: 5px 15px;
  font-weight: bold;
  color: red;
}
table.files-educacao-especial tbody tr {
  cursor: pointer;
}
table.files-educacao-especial tbody tr td {
  padding: 8px 15px;
}
table.files-educacao-especial tbody tr:hover {
  background: rgba(0, 0, 0, 0.1);
}

.atendimento_ed_especial_familias * {
  color: black;
  font-size: 16px;
  font-size: "Poppins", "sans-serif";
}

.planilha_registro_de_acoes .txt_align_center {
  text-align: center;
}
.planilha_registro_de_acoes .cabecalho td {
  min-width: 120px;
}

@media print {
  * {
    text-shadow: none;
    filter: none;
    -ms-filter: none;
  }
  .no-print {
    display: none !important;
  }
  .no-print * {
    display: none !important;
  }
  .protecao-contra-impressao {
    display: inline-block;
  }
  .protecao-contra-impressao h4 {
    top: 120px;
    font-size: 10em;
  }
  .protecao-contra-impressao span {
    font-size: 1.5em;
  }
  .protecao-contra-impressao .edicao-indisponivel {
    text-align: center;
    max-width: 480px;
    margin: 0 auto;
  }
  .planilha_registro_de_acoes {
    width: 100vw;
    margin: 20px;
  }
  .planilha_registro_de_acoes .cabecalho {
    background: red;
    font-weight: bold;
  }
  .planilha_registro_de_acoes .cabecalho, .planilha_registro_de_acoes .corpo {
    width: 100%;
  }
  .planilha_registro_de_acoes .cabecalho td, .planilha_registro_de_acoes .corpo td {
    border: 1px solid black;
    padding: 3px 5px;
    font-size: 1em;
    color: red;
    background: red;
  }
}
.section_main_footer {
  width: 100%;
  padding: 5px 20px;
  text-align: center;
  background: rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 0.3em black;
}
.section_main_footer h5 {
  font-weight: bold;
}
.section_main_footer h5 span {
  width: 100%;
  font-weight: normal;
}
.section_main_footer h6 {
  font-size: 1em;
}
.section_main_footer h6 a {
  color: rgba(0, 0, 0, 0.8);
  text-decoration: underline;
}
.section_main_footer h6 a:hover {
  color: orangered;
}

#perfil-de-acesso {
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  height: 100vh;
  width: 100vw;
  top: 0;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
}
#perfil-de-acesso .bem-vindo {
  margin: -10px -40px 20px -40px;
  padding: 15px 5px;
  min-width: 100%;
}

#meu-perfil {
  display: flex;
  width: 100%;
  margin: auto;
  margin-top: 0;
}
#meu-perfil .perfil-left {
  width: 300px;
  padding: 20px;
}
#meu-perfil .perfil-left .profile-card {
  width: 100%;
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  margin-bottom: 15px;
}
#meu-perfil .perfil-left .profile-card .profile-card-title {
  background: rgba(0, 0, 0, 0.1);
  padding: 0 10px 5px 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px 8px 0 0;
  padding: 10px;
  margin-top: 0;
}
#meu-perfil .perfil-left .sobre-mim .profile-card-background-image {
  height: 70px;
  background-image: url("../../source/img/docentes/backgrond-card-perfil.png");
  border-radius: 8px 8px 0 0;
}
#meu-perfil .perfil-left .sobre-mim .profile-card-profile-picture-container {
  position: absolute;
  margin-top: -65px;
}
#meu-perfil .perfil-left .sobre-mim .profile-card-profile-picture-container img {
  margin: 20px 10px 20px 10px;
  border-radius: 50%;
  border: 2.5px solid white;
}
#meu-perfil .perfil-left .sobre-mim .profile-card-member-details {
  line-height: 1em;
  padding: 10px;
}
#meu-perfil .perfil-left .sobre-mim .profile-card-member-details .profile-card-headline {
  text-transform: uppercase;
  text-align: right;
  font-weight: bold;
  color: #185b87;
}
#meu-perfil .perfil-left .sobre-mim .profile-card-member-details .profile-card-name {
  line-height: 1em;
  font-size: 1.3em;
  color: black;
}
#meu-perfil .perfil-left .sobre-mim .profile-card-member-details .profile-card-position-details {
  font-size: 0.9em;
}
#meu-perfil .perfil-left .profile-card-turmas {
  padding: 0;
}
#meu-perfil .perfil-left .profile-card-turmas ul {
  margin-top: 0;
}
#meu-perfil .perfil-left .profile-card-turmas ul li {
  padding: 2px 10px;
}
#meu-perfil .perfil-body {
  width: calc(100% - 340px);
  padding-top: 20px;
}
#meu-perfil .perfil-body .carrossel-container {
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 12px;
  padding: 0 10px;
  width: 100%;
  margin: 0 auto;
  font-family: Arial, sans-serif;
}
#meu-perfil .perfil-body .carrossel-container .carrossel {
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 0;
}
#meu-perfil .perfil-body .carrossel-container .carrossel .carrossel-items {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding: 10px 0;
  overflow-x: auto;
  scrollbar-width: none; /* Firefox */
}
#meu-perfil .perfil-body .carrossel-container .carrossel .carrossel-items .card {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 160px;
  background: rgba(0, 0, 0, 0.008);
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
#meu-perfil .perfil-body .carrossel-container .carrossel .carrossel-items .card img {
  width: 100%;
  border-radius: 6px 6px 0 0;
  margin-bottom: 6px;
}
#meu-perfil .perfil-body .carrossel-container .carrossel .carrossel-items .card strong {
  font-size: 14px;
}
#meu-perfil .perfil-body .carrossel-container .carrossel .carrossel-items .card span {
  font-size: 12px;
  color: #777;
}
#meu-perfil .perfil-body .carrossel-container .carrossel .carrossel-items .card .play-btn {
  padding: 6px 12px;
  border: 1px solid #0078D4;
  background: white;
  color: #0078D4;
  border-radius: 0 0 6px 6px;
  cursor: pointer;
}
#meu-perfil .perfil-body .carrossel-container .carrossel .carrossel-items::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}
#meu-perfil .perfil-body .carrossel-container .carrossel .arrow {
  background: white;
  border: 1px solid #ddd;
  border-radius: 50%;
  padding: 8px;
  font-size: 18px;
  cursor: pointer;
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
}
#meu-perfil .perfil-body .carrossel-container .carrossel .left {
  left: -5px;
}
#meu-perfil .perfil-body .carrossel-container .carrossel .right {
  right: -5px;
}
#meu-perfil .perfil-body .profile-body-menu {
  background: white;
  padding: 10px;
}

/* 
    Created on : 25/01/2024, 14:37:35
    Author     : Joseilson Lima
*/
.sys_config_submenu {
  width: 100%;
  flex-direction: row;
  overflow-x: auto;
  display: flex;
}
.sys_config_submenu ul {
  display: flex;
  width: 100%;
}
.sys_config_submenu ul li {
  text-align: center;
  text-transform: uppercase;
  margin: 0.5px;
  padding: 10px 25px 5px 25px;
  font-weight: bold;
  border-radius: 15px 15px 0 0;
  border: 1.5px solid rgba(0, 0, 0, 0.3);
  border-bottom: 3px solid #185b88;
  background: white;
}
.sys_config_submenu ul li a {
  text-decoration: none;
  color: #185b88;
}
.sys_config_submenu ul li:hover {
  background: rgba(24, 91, 136, 0.1);
}
.sys_config_submenu ul li:hover a {
  color: orangered;
}
.sys_config_submenu ul li:active {
  background: orangered;
}
.sys_config_submenu ul li:active a {
  color: black;
}
.sys_config_submenu ul li.active-tab {
  cursor: default;
  background: #185b88;
  border-bottom: 3px solid orange;
  color: white;
}

#revistas {
  width: 100%;
  min-height: 640px;
  display: flex;
  align-items: center;
}
#revistas .card-rev-revista {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  padding: 10px 25px;
  border-bottom: 8px solid rgba(255, 255, 255, 0.7);
}
#revistas .card-rev-revista .card-rev-revista-cover {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
#revistas .card-rev-revista .card-rev-revista-cover img {
  width: 320px;
  filter: drop-shadow(10px 10px 10px #004a7c);
  padding: 20px;
}
#revistas .card-rev-revista .card-rev-revista-descricao {
  font-size: 1.2em;
  text-align: justify;
  padding-left: 20px;
  color: white;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 24;
  -webkit-box-orient: vertical;
}

/* 
    Created on : 25/01/2024, 15:56:04
    Author     : Joseilson Lima
*/
.card-events {
  display: flex;
  justify-content: space-between;
  box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.5);
  margin-bottom: 20px;
  border: 2px solid rgba(25, 92, 137, 0.5);
}
.card-events .calendar {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100px;
  height: 100%;
  padding: 10px;
  text-align: center;
  background: rgba(25, 92, 137, 0.5);
  font-weight: 600;
}
.card-events .calendar i {
  margin-bottom: 10px;
}
.card-events .artigo {
  overflow: hidden;
  max-width: 320px;
}
.card-events .artigo img {
  max-width: 100%;
  overflow: hidden;
}
.card-events .informacoes {
  display: flex;
}
.card-events .informacoes .card-descricao {
  width: 100%;
  padding: 5px 10px;
}
.card-events .informacoes .card-descricao .title {
  font-size: 1.2em;
  padding: 5px;
  text-transform: uppercase;
  text-decoration: underline;
  color: #185b88;
  font-weight: bold;
}
.card-events .informacoes .card-descricao .data {
  font-weight: bold;
  font-size: 1.2em;
  margin: -2px 5px 5px 5px;
  cursor: pointer;
}
.card-events .informacoes .card-descricao .descricao {
  font-size: 1em;
  margin: -2px 5px 5px 5px;
  cursor: pointer;
}
.card-events .informacoes .card-descricao .action-events {
  display: flex;
}
.card-events .informacoes .card-descricao .action-events i {
  cursor: pointer;
  height: 35px;
  width: 35px;
  margin: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 1.6em;
}
.card-events .prof_botoes_de_acao {
  width: 70px;
}
.card-events .prof_botoes_de_acao button {
  padding: 2px 5px;
}
.card-events .prof_botoes_de_acao button:hover {
  color: red;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}

.wrapper {
  height: 265px;
  max-width: 410px;
  border-radius: 7px;
  padding: 20px 25px 0;
  transition: height 0.2s ease;
}

.wrapper.active {
  height: 530px;
}

header h1 {
  font-size: 21px;
  font-weight: 500;
  color: #fff;
}

header p {
  margin-top: 5px;
  color: #aaa;
  font-size: 16px;
}

.wrapper .form {
  margin: 20px 0 25px;
}

.form :where(input, button) {
  width: 100%;
  height: 55px;
  border: none;
  outline: none;
  border-radius: 5px;
  transition: 0.1s ease;
}

.form input {
  font-size: 18px;
  padding: 0 17px;
  border: 1px solid #999;
  color: #fff;
  background: #333;
}

.form input:focus {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.13);
}

.form input::placeholder {
  color: #999;
}

.form button {
  color: #fff;
  cursor: pointer;
  margin-top: 20px;
  font-size: 17px;
  background: #444;
  transition: background 0.3s ease, transform 0.2s ease;
}

.form button:hover {
  background: #333;
}

.form button:active {
  transform: scale(0.95);
}

.qr-code {
  opacity: 0;
  display: flex;
  padding: 33px 0;
  border-radius: 5px;
  align-items: center;
  pointer-events: none;
  justify-content: center;
  border: 1px solid #ccc;
}

.wrapper.active .qr-code {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.5s 0.05s ease;
}

.qr-code img {
  width: 170px;
}

@media (max-width: 430px) {
  .wrapper {
    height: 255px;
    padding: 16px 20px;
  }
  .wrapper.active {
    height: 510px;
  }
  header p {
    color: #696969;
  }
  .form :where(input, button) {
    height: 52px;
  }
  .qr-code img {
    width: 160px;
  }
}
.gamebody {
  position: absolute;
  margin: 0;
  width: 100%;
  min-height: 100%;
  background: black;
  padding: 0 15px 30px 15px;
}
.gamebody h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3em;
  color: white;
}
.gamebody .cards-game {
  display: flex;
  flex-wrap: wrap;
}
.gamebody .cards-game .card-game-campo-minado {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 280px;
  background: red;
  margin: 7px;
  padding: 5px;
  border: 5px solid red;
}
.gamebody .cards-game .card-game-campo-minado .card-question {
  font-size: 2em;
  color: red;
}
.gamebody .cards-game .card-azarado, .gamebody .cards-game .card-wins {
  display: flex;
  flex-direction: column;
}
.gamebody .cards-game .card-azarado h5, .gamebody .cards-game .card-wins h5 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: red;
}
.gamebody .cards-game .card-azarado h5 span, .gamebody .cards-game .card-wins h5 span {
  color: red;
  font-size: 2em;
}
.gamebody .cards-game .card-azarado small, .gamebody .cards-game .card-wins small {
  color: red;
  width: 100%;
  text-align: center;
  font-size: 2em;
  font-weight: bold;
}
.gamebody .cards-game .card-azarado .card-mestre, .gamebody .cards-game .card-wins .card-mestre {
  width: 100%;
  height: 100%;
  display: flex;
  text-align: center;
  align-items: center;
  color: red;
  font-weight: bold;
  font-size: 1.5em;
}

#card-game-question .card-question-description {
  text-align: justify;
  font-size: 2em;
}
#card-game-question .card-question-description .card-question-text {
  text-transform: uppercase;
  font-weight: bold;
  padding: 0 20px;
  margin: 0 10px;
  text-align: justify;
}
#card-game-question .card-question-description .card-question-alt-a, #card-game-question .card-question-description .card-question-alt-b, #card-game-question .card-question-description .card-question-alt-c, #card-game-question .card-question-description .card-question-alt-d, #card-game-question .card-question-description .card-question-alt-e {
  padding: 10px 20px;
  background: white;
  border: 2px solid rgba(0, 0, 0, 0.1);
  margin: 10px;
  font-weight: bold;
}

/* 
    Created on : 29/01/2024, 14:11:04
    Author     : Joseilson Lima
*/
#drop_file_zone {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #EEE;
  border: #185b88 3px dashed;
  padding: 8px;
  font-size: 1.2em;
  background: rgba(24, 91, 136, 0.1);
}

#drag_upload_file {
  width: 50%;
  margin: 0 auto;
}

#drag_upload_file p {
  text-align: center;
}

#drag_upload_file #selectfile {
  display: none;
}

.my_galery {
  display: flex;
  min-height: 480px;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
}
.my_galery img {
  max-width: 200px;
  max-height: 250px;
}
.my_galery .galeria {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  max-width: 98vw;
  padding: 0;
}
.my_galery .galeria li {
  max-width: 480px;
  height: 200px;
  margin: 10px;
}
.my_galery .galeria li img {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border: 3px solid rgba(114, 189, 255, 0.6);
  box-shadow: 2px 5px 20px black;
}
.my_galery .galeria .zoom {
  display: flex;
  flex-direction: column;
}
.my_galery .galeria .zoom img {
  max-width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.my_galery .galeria .zoom .botao-de-acao {
  display: flex;
  justify-content: center;
  margin-top: -48px;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  border-bottom: 3px solid #a5d1f7;
  border-left: 3px solid #a5d1f7;
  border-right: 3px solid #a5d1f7;
}
.my_galery .galeria .zoom .botao-de-acao i, .my_galery .galeria .zoom .botao-de-acao a {
  color: white;
  padding: 10px;
}
.my_galery .galeria .zoom .botao-de-acao i:hover, .my_galery .galeria .zoom .botao-de-acao a:hover {
  text-decoration: none;
  cursor: pointer;
  background: rgb(255, 255, 255);
  color: black;
}
.my_galery .galeria .zoom .botao-de-acao .fa-star {
  color: yellow;
}

.photos_zoom {
  position: fixed;
  z-index: 999;
  display: none;
  align-items: center;
  justify-content: center;
  top: 0;
  width: 100vw;
  height: 100vh;
  padding: 10px;
  left: 0;
  background: rgba(0, 0, 0, 0.9);
  border: 2px solid black;
}
.photos_zoom .photos_zoom_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 1280px;
  max-height: 100vh;
  min-height: 100%;
  min-width: 100%;
}
.photos_zoom .photos_zoom_container img {
  cursor: pointer;
  padding: -10px;
  background-position: center;
  max-width: 100%;
  max-height: 98vh;
  object-fit: contain;
  background-repeat: no-repeat;
}
.photos_zoom .photos_zoom_container .bottom_photos_zoom_container {
  display: flex;
}
.photos_zoom .photos_zoom_container .bottom_photos_zoom_container .fa {
  margin: 0 10px -35px 10px;
  color: white;
}
.photos_zoom figure {
  display: flex;
  align-items: center;
  width: 98%;
  max-height: 120px;
}
.photos_zoom figure img {
  display: none;
  width: 98%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.album {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  background: white;
}
.album .zoom {
  width: 306px;
  height: 180px;
  margin: 6px;
}
.album .zoom .fotos_do_album {
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-size: cover;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  object-fit: cover;
}
.album .zoom .btn-fa-zoom {
  display: flex;
  flex-direction: column;
  position: absolute;
  margin: 10px;
  padding: 10px;
  margin-top: -188px;
  margin-left: 243px;
}
.album .zoom .btn-fa-zoom button {
  margin: 3px;
  padding: 8px 10px;
}
/* 
    Created on : 25/01/2024, 23:08:51
    Author     : Joseilson Lima
*/
.bg-linear-gradient-blue-black {
  background: linear-gradient(to bottom, rgb(0, 74, 124), #222222);
}

#equipe {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#equipe h2 {
  font-weight: 600;
}
#equipe .section_subtitle {
  max-width: 1280px;
  margin-top: -5px;
  padding: 0 15px;
  line-height: 1em;
  padding-bottom: 20px;
}
#equipe .testimonials {
  display: flex;
  flex-wrap: wrap;
  font: 15px Tahoma, Georgia, sans-serif;
  color: #616161;
}
#equipe .testimonials h2 {
  color: #00bcd4;
  font: 26px Georgia, serif;
  font-weight: 600;
}
#equipe .testimonials li {
  width: 100%;
  clear: both;
  margin: 0 10px;
  padding: 28px;
  list-style-type: none;
  margin-bottom: 5px;
}
#equipe .testimonials li h2 {
  margin-bottom: 0;
}
#equipe .testimonials li .componente-curricular {
  color: rgba(255, 255, 255, 0.8);
}
#equipe .testimonials li img {
  max-width: 150px;
  border: 5px solid #222222;
  float: left;
  -moz-box-shadow: 0 0 10px #333;
  -webkit-box-shadow: 0 0 10px #333;
  box-shadow: 0 0 12px #333;
  -moz-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
  margin: 0 15px 10px 15px;
  opacity: 0.7;
}
#equipe .testimonials li img:hover {
  cursor: pointer;
  border: 5px solid orange;
  opacity: 1;
}
#equipe .testimonials p {
  color: white;
  padding: 10px 5px 0 0;
  text-align: justify;
}
#equipe .testimonials div {
  overflow: none;
}

/* 
    Created on : 07/02/2024, 16:33:56
    Author     : Joseilson Lima
*/
.card-painel-aluno-ocorrencia {
  font-family: "Comfortaa", sans-serif;
  width: 100%;
  padding: 5px 20px;
  color: yellow;
  background: black;
  font-size: 1.3em;
  text-align: center;
}

.card-aluno-menu-principal {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 160px;
  height: 160px;
  border-radius: 8px;
  margin: 2px;
  padding: 20px 10px 0 10px;
  font-size: 1.2em;
  color: white;
}
.card-aluno-menu-principal i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border: 1px solid white;
  border-radius: 50%;
}
.card-aluno-menu-principal p {
  text-align: center;
  padding: 10px;
  min-height: 80px;
}

/* 
    Created on : 08/02/2024, 21:10:26
    Author     : Joseilson Lima
*/
.main_section_contents .avaliacoes .title {
  font-weight: 600;
  font-size: 1.5em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.8);
  margin-bottom: 10px;
}
.main_section_contents .avaliacoes .lista-de-conteudos {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 15px;
}
.main_section_contents .avaliacoes .lista-de-conteudos .disciplina {
  font-weight: bold;
  color: #185b88;
}

/* 
    Created on : 08/02/2024, 12:33:52
    Author     : Joseilson Lima
*/
.boletim-do-aluno thead {
  background: rgba(0, 0, 0, 0.7);
}
.boletim-do-aluno thead tr td {
  text-align: center;
  font-size: 1.2em;
  font-weight: 600;
  padding: 10px 20px;
  color: white;
}
.boletim-do-aluno thead .text-left {
  text-align: left;
}
.boletim-do-aluno tbody tr {
  border-top: 2px solid #f7f7f7;
  border-bottom: 2px solid #f7f7f7;
}
.boletim-do-aluno tbody tr:hover {
  background: rgb(255, 180.6, 153);
  border-top: 2px solid orangered;
  border-bottom: 2px solid orangered;
}
.boletim-do-aluno tbody tr td {
  cursor: pointer;
  font-size: 1em;
  text-align: center;
  padding: 10px 20px;
}
.boletim-do-aluno tbody tr td.gs {
  font-size: 1.3em;
}
.boletim-do-aluno tbody tr .text-left {
  text-align: left;
}

/* 
    Created on : 22/03/2024, 20:32:05
    Author     : Joseilson Lima
*/
.urna-liberada {
  height: 420px;
  min-width: 640px;
  background: white;
  border: 4px solid black;
  color: black;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.urna-liberada h1 {
  padding: 15px 20px;
  background: rgba(0, 0, 0, 0.2);
}
.urna-liberada h1, .urna-liberada h3 {
  width: 100%;
  text-align: center;
}
.urna-liberada .eleitor {
  font-weight: bold;
}
.urna-liberada .jinfo {
  text-transform: uppercase;
  text-align: center;
  color: red;
  margin-bottom: 15px;
}

/* 
    Created on : 08/06/2024, 21:14:41
    Author     : Joseilson Lima
*/
#drive-documentos {
  padding: 10px 15px;
  min-height: 460px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: white;
}
#drive-documentos h4.title {
  color: white;
  padding: 8px 15px;
  font-size: 1.5em;
}
#drive-documentos h4.title .btn-upload {
  all: revert;
  display: flex;
  align-items: center;
  font-size: 0.8em;
  border: 0.5px solid rgba(0, 0, 0, 0.2);
  background-image: linear-gradient(to bottom, #a21dff, #670184);
  padding: 3px 15px;
  cursor: pointer;
}
#drive-documentos h4.title .btn-upload:hover {
  background-image: linear-gradient(to bottom, #670184, #a21dff);
}
#drive-documentos h4.title .search_atendimentos {
  all: revert;
  height: 35px;
  border: none;
  padding: 5px 15px;
  font-size: 0.8em;
  outline: 0;
}
#drive-documentos thead tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
#drive-documentos thead tr td {
  font-weight: 600;
  font-size: 1.1em;
  padding: 0 15px;
}
#drive-documentos tbody {
  width: 100%;
}
#drive-documentos tbody tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
#drive-documentos tbody tr td {
  font-size: 1.1em;
  padding: 15px;
}
#drive-documentos tbody tr td img {
  margin-right: 10px;
}
#drive-documentos tbody tr td a {
  color: black;
}
#drive-documentos tbody tr td a:hover {
  font-weight: bold;
  text-decoration: none;
}
#drive-documentos tbody tr .docs-name small.drive-file-desc {
  margin-left: 35px;
}
#drive-documentos tbody .exibir_atend_family:hover {
  background: rgba(24, 91, 135, 0.1);
}

.file-info {
  width: 100%;
  max-width: 420px;
  height: 100%;
  background: white;
  position: absolute;
  right: 0;
}
.file-info .title {
  background: rgba(0, 0, 0, 0.1);
  padding: 20px 15px;
  font-family: sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.file-info .title img {
  margin-right: 10px;
}
.file-info table {
  width: 100%;
  margin: 20px 15px;
}
.file-info table td {
  padding: 5px 10px;
}
.file-info ul {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0 15px;
}
.file-info ul h3 {
  font-family: sans-serif;
  font-size: 1.1em;
  font-weight: bold;
}

/* 
    Created on : 09/06/2024, 09:44:18
    Author     : Joseilson Lima
*/
.main_section_simulado {
  background: white;
}
.main_section_simulado #simulado {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 100%;
  margin: 10px auto;
}
.main_section_simulado #simulado .caderno-de-questoes {
  width: 100%;
  margin-top: 20px;
}
.main_section_simulado #simulado .caderno-de-questoes .q1 .q_title, .main_section_simulado #simulado .caderno-de-questoes .q1 .q_subtitle, .main_section_simulado #simulado .caderno-de-questoes .q1 .q_associated_text, .main_section_simulado #simulado .caderno-de-questoes .q1 .q_enunciado, .main_section_simulado #simulado .caderno-de-questoes .q1 .q_gab_a, .main_section_simulado #simulado .caderno-de-questoes .q1 .q_gab_b, .main_section_simulado #simulado .caderno-de-questoes .q1 .q_gab_c, .main_section_simulado #simulado .caderno-de-questoes .q1 .q_gab_d, .main_section_simulado #simulado .caderno-de-questoes .q1 .q_gab_e {
  width: 100%;
}
.main_section_simulado #simulado .caderno-de-questoes .q1 .q_title {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  border: 0.25px solid #185b88;
  background: rgb(241, 243, 245);
}
.main_section_simulado #simulado .caderno-de-questoes .q1 .q_title i {
  padding: 0 5px;
}
.main_section_simulado #simulado .caderno-de-questoes .q1 .q_title .q_num, .main_section_simulado #simulado .caderno-de-questoes .q1 .q_title .q_id, .main_section_simulado #simulado .caderno-de-questoes .q1 .q_title .q_disciplina, .main_section_simulado #simulado .caderno-de-questoes .q1 .q_title .q_conteudo {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
}
.main_section_simulado #simulado .caderno-de-questoes .q1 .q_title .q_num {
  font-family: sans-serif;
  font-size: 1.3em;
  width: 50px;
  background: rgb(24, 91, 136);
  color: white;
}
.main_section_simulado #simulado .caderno-de-questoes .q1 .q_title .q_id {
  width: 100px;
  background: rgba(24, 91, 136, 0.5);
  color: white;
  font-family: sans-serif;
  font-size: 1.1em;
}
.main_section_simulado #simulado .caderno-de-questoes .q1 .q_title .q_disciplina {
  padding: 5px 10px;
  font-size: 1.1em;
}
.main_section_simulado #simulado .caderno-de-questoes .q1 .q_subtitle {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  border-bottom: 1px solid #185b88;
  background: white;
}
.main_section_simulado #simulado .caderno-de-questoes .q1 .q_subtitle .q_year, .main_section_simulado #simulado .caderno-de-questoes .q1 .q_subtitle .q_institute, .main_section_simulado #simulado .caderno-de-questoes .q1 .q_subtitle .q_prof {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
}
.main_section_simulado #simulado .caderno-de-questoes .q1 .q_subtitle .q_year b, .main_section_simulado #simulado .caderno-de-questoes .q1 .q_subtitle .q_institute b, .main_section_simulado #simulado .caderno-de-questoes .q1 .q_subtitle .q_prof b {
  margin-right: 5px;
}
.main_section_simulado #simulado .caderno-de-questoes .q1 .q_enunciado {
  display: flex;
  flex-direction: column;
  padding: 10px;
  font-family: "Comfortaa", sans-serif;
}

.denuncia-notificacao {
  position: absolute;
  font-weight: bold;
  padding: 0px 5px;
  border-radius: 3px;
  margin-top: -8px;
  margin-left: 32px;
  background: red;
  color: white;
  font-size: 0.8em;
}

#menu-denuncias {
  display: flex;
  flex-direction: row-reverse;
  margin-top: 10px;
  width: 100%;
  padding: 10px;
}
#menu-denuncias li {
  margin: 5px;
  padding: 10px;
}

#minhas-denuncias {
  width: 100%;
}
#minhas-denuncias li {
  width: 100%;
  background: white;
}
#minhas-denuncias li.card-denuncias {
  width: 100%;
  min-height: 150px;
  margin: 10px 0;
  padding: 10px 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  background: white;
}
#minhas-denuncias li.card-denuncias h3 {
  padding: 8px 15px;
  font-size: 1.3em;
}
#minhas-denuncias li.card-denuncias h3 .denuncia-sts {
  font-size: 0.8em;
  padding: 5px 10px;
  border-radius: 8px;
  font-weight: normal;
}
#minhas-denuncias li.card-denuncias h3 .complaint-resolved {
  color: #1EC029;
}
#minhas-denuncias li.card-denuncias h3 .complaint-under-analysis {
  color: orange;
}
#minhas-denuncias li.card-denuncias p, #minhas-denuncias li.card-denuncias .acoes-lista {
  padding: 5px 10px 0 10px;
}
#minhas-denuncias li.card-denuncias p .dnc-acao-n, #minhas-denuncias li.card-denuncias .acoes-lista .dnc-acao-n {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2em;
  font-weight: bold;
  height: 35px;
  min-width: 50px;
  margin-right: 10px;
  padding: 3px 10px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background: rgba(0, 0, 0, 0.1);
}
#minhas-denuncias li.card-denuncias p .dnc-acao-title, #minhas-denuncias li.card-denuncias .acoes-lista .dnc-acao-title {
  display: flex;
  flex-direction: column;
  padding: 2px 10px 2px 0;
  background: rgba(0, 0, 0, 0.1);
  padding: 5px 10px;
}
#minhas-denuncias li.card-denuncias p .dnc-acao-title .dnc-acao-subtitle, #minhas-denuncias li.card-denuncias .acoes-lista .dnc-acao-title .dnc-acao-subtitle {
  font-style: italic;
  color: rgba(0, 0, 0, 0.6);
}
#minhas-denuncias li.card-denuncias p .dnc-acao-desc, #minhas-denuncias li.card-denuncias .acoes-lista .dnc-acao-desc {
  padding: 10px;
}

.mural-de-recados {
  margin: auto;
  margin-top: 55px;
  padding: 10px;
  width: 100%;
  overflow: auto;
}
.mural-de-recados table {
  width: 100vw;
}
.mural-de-recados table .dias-da-semana {
  text-align: center;
  font: 1.5em bold sans-serif;
  color: black;
  font-weight: bold;
  background: #185b88;
}
.mural-de-recados table .dias-da-semana td {
  border: 1px solid rgba(0, 0, 0, 0.4);
  padding: 10px 3px;
}
.mural-de-recados table .dias-da-semana .dias-letivos {
  min-width: 256px;
  width: 16.6666666667vw;
}
.mural-de-recados table .mural .card-recados {
  border: 1px solid rgba(0, 0, 0, 0.4);
  background: rgba(255, 255, 0, 0.2);
}
.mural-de-recados table .mural .card-recados .dia {
  display: flex;
  justify-content: space-between;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 3px 5px;
  text-align: center;
  font-weight: bold;
  margin: 0;
}
.mural-de-recados table .mural .card-recados .dia span {
  display: flex;
  align-items: center;
  width: 55px;
  background: white;
  padding: 2px 5px;
  color: black;
  font-size: 1em;
}
.mural-de-recados table .mural .card-recados ul.dia {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
}
.mural-de-recados table .mural .card-recados ul.dia li.novo-recado {
  position: relative;
  display: inline-block;
  padding: 4px 6px;
  background: black;
  cursor: pointer;
}
.mural-de-recados table .mural .card-recados ul.dia li.novo-recado a {
  text-decoration: none;
  color: yellow;
  font-size: 1em;
}
.mural-de-recados table .mural .card-recados ul.dia li.novo-recado:hover ul.mural-dropdown {
  display: block;
}
.mural-de-recados table .mural .card-recados ul.dia li.novo-recado ul.mural-dropdown {
  display: none;
  position: absolute;
  top: 20px;
  right: 0;
  background: #313126;
  color: white;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  padding: 0;
  min-width: 100px;
  box-shadow: 1px 2px 3px black;
}
.mural-de-recados table .mural .card-recados ul.dia li.novo-recado ul.mural-dropdown li {
  padding: 10px;
  color: white;
  cursor: pointer;
  transition: background 0.3s ease;
  list-style: none;
  font-size: 1em;
}
.mural-de-recados table .mural .card-recados ul.dia li.novo-recado ul.mural-dropdown li a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}
.mural-de-recados table .mural .card-recados ul.dia li.novo-recado ul.mural-dropdown li:hover {
  background: #f1f1f1;
}
.mural-de-recados table .mural .card-recados ul.dia li.novo-recado ul.mural-dropdown li:hover a {
  color: #333;
}
.mural-de-recados table .mural .card-recados .dia-mes-anterior {
  display: flex;
  justify-content: space-between;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  padding: 3px 5px;
  text-align: center;
  font-weight: bold;
  margin: 0;
}
.mural-de-recados table .mural .card-recados .dia-mes-anterior span {
  width: 55px;
  background: rgba(255, 255, 255, 0.3);
  padding: 2px 5px;
  color: rgba(255, 255, 255, 0.7);
  border-radius: 12px;
  font-size: 1em;
}
.mural-de-recados table .mural .card-recados .recados {
  height: 220px;
  margin: 0;
  overflow-y: scroll;
  background: white;
}
.mural-de-recados table .mural .card-recados .recados .rec-p, .mural-de-recados table .mural .card-recados .recados .rec-f {
  margin: 2px;
  line-height: 1.2em;
  color: white;
  border-radius: 8px;
  font-size: 0.9em;
  text-align: left;
}
.mural-de-recados table .mural .card-recados .recados .rec-tarefa-turma {
  display: flex;
  align-items: center;
  margin: 2px;
  line-height: 1.2em;
  border-radius: 8px;
  font-size: 0.9em;
  color: white;
  cursor: pointer;
  border: 1px solid black;
}
.mural-de-recados table .mural .card-recados .recados .rec-tarefa-turma .rec-tipo {
  display: flex;
  justify-content: center;
  margin-right: 1px;
  padding: 3px;
  border-radius: 8px;
  font-weight: bold;
  color: black;
  width: 25px;
  text-align: center;
}
.mural-de-recados table .mural .card-recados .recados .rec-tarefa-turma .rec-tipo i {
  font-weight: bold;
  background: white;
  color: rgba(0, 0, 0, 0.7);
}
.mural-de-recados table .mural .card-recados .recados .rec-tarefa-turma .rec-title {
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: normal;
  padding: 3px 5px 3px 0;
}
.mural-de-recados table .mural .card-recados .recados .rec-tarefa-turma:hover {
  background: rgba(0, 0, 0, 0.7);
  color: white;
  text-decoration: none;
}
.mural-de-recados table .mural .card-recados .recados .rec-tarefa-turma:hover i {
  color: red;
}
.mural-de-recados table .mural .card-recados .recados .rec-p {
  background: rgba(1, 98, 1, 0.8);
}
.mural-de-recados table .mural .card-recados .recados .rec-f {
  background: #fb3131;
}
.mural-de-recados table .mural .card-recados .recados .rec-tipo {
  display: flex;
  justify-content: center;
  margin-right: 5px;
  padding: 3px;
  border-radius: 8px;
  font-weight: bold;
  color: black;
  width: 30px;
  border-radius: 8px 0 0 8px;
  text-align: center;
}
.mural-de-recados table .mural .card-recados .recados .rec-title {
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: normal;
  padding: 3px 5px;
}
.mural-de-recados table .mural .card-recados .recados .rc01 {
  background: #fefe67;
}
.mural-de-recados table .mural .card-recados .recados .rc02 {
  background: #9efdfd;
}
.mural-de-recados table .mural .card-recados .recados .rc03 {
  background: #fc9bfe;
}
.mural-de-recados table .mural .card-recados .recados .rc04 {
  background: #fece9b;
}
.mural-de-recados table .mural .card-recados .recados .rc05 {
  background: #b1f885;
}

.card-eventos-menu-principal {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 140px;
  height: 140px;
  border-radius: 8px;
  margin: 2px;
  padding: 20px 10px 0 10px;
  font-size: 1.2em;
  color: white;
}
.card-eventos-menu-principal i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border: 1px solid white;
  border-radius: 50%;
}
.card-eventos-menu-principal p {
  text-align: center;
  padding: 10px;
  min-height: 80px;
}

table.mural-de-recados {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 10px;
}
table.mural-de-recados thead {
  background: rgba(0, 0, 0, 0.3);
}
table.mural-de-recados thead tr td {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 5px 10px;
}
table.mural-de-recados tbody tr td {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 5px 10px;
}
.link-container {
  word-break: break-word; /* Quebra o texto quando necessário */
  overflow-wrap: break-word; /* Alternativa para compatibilidade */
  white-space: normal; /* Garante que o texto pode quebrar */
  max-width: 100%; /* Evita que a div ultrapasse o container */
}

.card-professores {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
}
.card-professores li {
  border: 1px solid rgba(0, 0, 0, 0);
  display: flex;
  padding: 10px;
}
.card-professores li img.img-perfil {
  margin-right: 10px;
  width: 45px;
  height: 45px;
}
.card-professores li small.profs_acoes_disciplina {
  color: green;
  font-size: 1.3em;
}
.card-professores li:hover {
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.2);
}

.a-card-app {
  text-decoration: none;
  padding: 10px;
}
.a-card-app:hover {
  text-decoration: none;
}
.a-card-app .card-app {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid black;
  box-shadow: 3px 5px 2px black;
  padding: 15px;
  max-width: 220px;
  min-height: 200px;
  text-align: center;
  background: rgba(0, 0, 0, 0.1);
  color: black;
}

.carousel-item {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1280px;
  margin-bottom: 40px;
}
.carousel-item .carousel-caption {
  position: absolute;
}

/* Estilo do menu principal */
.special-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 15px;
}

/* Estilo dos itens do menu */
.special-menu li {
  height: 30px;
  position: relative;
  padding: 10px;
  transition: background 0.3s;
  cursor: pointer;
  margin-left: -2px;
}

/* Cor ao passar o mouse */
.special-menu li:hover {
  background: red;
}

/* Estilo dos links */
.special-menu a {
  text-decoration: none;
  color: white;
  font-size: 1em;
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  font-size: 1.1em;
}

/* Ícones */
.special-menu i {
  font-size: 1em;
}

/* Esconder o submenu por padrão */
.special-menu-dropdown {
  /* Mostrar o submenu apenas ao passar o mouse sobre .special-menu-dropdown */
}
.special-menu-dropdown .submenu {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  background: #185b87;
  list-style: none;
  padding: 5px 0;
  min-width: 120px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
}
.special-menu-dropdown:hover .submenu {
  display: block;
}

/* Estilo dos itens do submenu */
.submenu li {
  padding: 10px;
  transition: background 0.3s;
  margin-left: 2px;
}
.submenu li a {
  width: 100%;
}

/* Efeito hover no submenu */
.submenu li:hover {
  background: red;
}

/* Estilo dos links do submenu */
.submenu a {
  color: white;
  font-size: 14px;
  display: block;
  text-align: left;
}

/* ZOOM PAGE */
.ZoomPage {
  height: 30px;
  margin-left: -2px;
  padding: 0 3px;
  color: white;
}
.ZoomPage:hover {
  background: red;
}

.doca4-retrato {
  margin: 0 auto;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 1.5cm;
  width: 21cm;
  min-height: 29.7cm;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background: white;
}

.arraial-container {
  display: flex;
  background-color: #fff;
  padding: 20px;
  font-family: sans-serif;
  color: #333;
  border-radius: 8px;
  width: 100%;
  height: calc(100vh - 90px);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.arraial-container .arraial-header {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 20px;
  width: 40%;
  height: 100%;
  margin: 10px;
}
.arraial-container .arraial-header i {
  font-size: 10em;
}
.arraial-container .arraial-header .icon-festa-junina {
  color: #e94f37;
  margin-right: 10px;
}
.arraial-container .arraial-header .arraial-title {
  font-size: 3em;
  font-weight: bold;
  color: #444;
  padding: 30px 0;
}
.arraial-container .arraial-vendas {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 20px;
  width: 30%;
  height: 100%;
}
.arraial-container .arraial-vendas .vendas-confirmadas,
.arraial-container .arraial-vendas .vendas-a-confirmar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  background-color: #f1f1f1;
  margin: 10px;
  padding: 10px 15px;
  border-radius: 6px;
  height: 50%;
  text-align: center;
}
.arraial-container .arraial-vendas .vendas-confirmadas i,
.arraial-container .arraial-vendas .vendas-a-confirmar i {
  font-size: 4em;
}
.arraial-container .arraial-vendas .vendas-confirmadas h3,
.arraial-container .arraial-vendas .vendas-a-confirmar h3 {
  margin: 0;
  font-size: 1e/0.5m;
}
.arraial-container .arraial-vendas .vendas-confirmadas p,
.arraial-container .arraial-vendas .vendas-a-confirmar p {
  font-size: 3em;
}
.arraial-container .arraial-vendas .vendas-confirmadas {
  background-color: #a4e5a4;
}
.arraial-container .arraial-vendas .vendas-a-confirmar {
  background-color: #f7c59f;
}
.arraial-container .arraial-itens {
  width: 30%;
  height: 100%;
  padding: 10px 30px;
}
.arraial-container .arraial-itens .arraial-itens-total-vendido {
  overflow-y: auto;
  width: 100%;
  height: calc(100% - 20px);
}
.arraial-container .arraial-itens .itens-vendidos {
  display: flex;
  justify-content: space-between;
  padding: 8px 12px;
  margin-bottom: 6px;
  border-radius: 4px;
  font-size: 16px;
}
.arraial-container .arraial-itens .itens-vendidos:nth-child(even) {
  background-color: #bee5eb;
}
.arraial-container .arraial-itens .itens-vendidos span {
  background: black;
  color: white;
  padding: 0 10px;
  border-radius: 8px;
}

.fj-cabecalho {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  background: white;
  text-align: center;
  margin: 0;
}

.fj-compra-antecipada {
  margin: 0;
  padding: 0;
}

table.fj-produtos {
  margin-bottom: 20px;
  font-size: 1em;
}
table.fj-produtos thead tr:first-child {
  font-size: 1.1em;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  font-weight: bold;
}
table.fj-produtos thead tr:nth-child(2) {
  background: rgba(0, 0, 0, 0.2);
  font-weight: bold;
}
table.fj-produtos thead tr td {
  border: 1px solid rgba(0, 0, 0, 0.8);
  padding: 5px 10px;
}
table.fj-produtos tbody tr td {
  text-transform: uppercase;
  border: 1px solid rgba(0, 0, 0, 0.8);
  padding: 5px 10px;
}

@media screen and (max-width: 600px) {
  .main_section_contents .minhas-turmas {
    margin: 0;
  }
  .main_section_contents #aside-menu {
    display: none;
  }
  .main_section_contents #main-menu .my-profile .profile-description {
    display: none;
    color: red;
  }
  .main_section_contents .caixa-de-mensagens .inbox .visualizar-mensagem .card-mensage {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .main_section_contents .caixa-de-mensagens .inbox .visualizar-mensagem .card-mensage .sendby {
    display: flex;
    flex-direction: row;
    min-width: 100%;
  }
  .main_section_contents .caixa-de-mensagens .inbox .visualizar-mensagem .card-mensage .sendby .img-sendby {
    width: 35px;
    margin-right: 10px;
  }
  .main_section_contents .caixa-de-mensagens .inbox .visualizar-mensagem .card-mensage .sendby .default {
    display: flex;
    flex-direction: column;
  }
  .main_section_contents .caixa-de-mensagens .inbox .visualizar-mensagem .card-mensage .sendby .default h5 {
    width: 100%;
  }
  .main_section_contents .caixa-de-mensagens .inbox .visualizar-mensagem .card-mensage .sendby .default small {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .titulo_da_pagina {
    display: none;
  }
  .menu_topo a li, .menu_topo .dropdown li {
    padding: 0 10px;
  }
  .menu_topo a li span, .menu_topo .dropdown li span {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .main_section_contents .columnorrow {
    display: flex;
    flex-direction: column;
  }
  .main_section_contents .menu-professores-mobile {
    max-width: 100%;
  }
  .main_section_contents .menu-professores-mobile ul {
    display: none;
  }
  .main_section_contents .relatorio-de-acoes-title {
    flex-direction: column;
    padding-bottom: 10px;
  }
  .filename, .docs-proprietor, .docs-date, .docs-size {
    display: none;
  }
  .arraial-container {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    height: auto;
    padding-bottom: 70px;
  }
  .arraial-container .arraial-header {
    width: 100%;
  }
  .arraial-container .arraial-vendas {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .arraial-container .arraial-vendas .vendas-confirmadas, .arraial-container .arraial-vendas .vendas-a-confirmar {
    width: 100%;
  }
  .arraial-container .arraial-itens {
    width: 100%;
  }
}
@media screen and (min-width: 720px) {
  .fModal_body {
    padding: 20px 25px 5px 25px !important;
  }
}
@media screen and (max-width: 960px) {
  .acoes-informacoes {
    display: none;
  }
}
@media screen and (max-width: 728px) {
  .main_section_contents {
    width: 100%;
    margin-left: 0;
    padding: 10px;
    padding-top: 55px;
    height: auto;
  }
  .main_section_contents table {
    width: calc(100% - 20px);
  }
  #main-menu .main-menu-bars {
    display: none;
  }
  #aside-menu {
    display: none;
  }
  /* Menu principal fixo na parte inferior */
  #main-menu-bars-bottom {
    max-height: 50px;
  }
  #main-menu-bars-bottom nav.second-menu-bars {
    position: fixed;
    display: flex;
    justify-content: space-around;
    bottom: 0;
    width: 100%;
    height: 70px;
    padding: 5px;
    background: #185b87;
    box-shadow: 0 0 5px 1px black;
    border-top: 2px solid silver;
    overflow-x: auto;
    overflow-y: hidden;
  }
  #main-menu-bars-bottom nav.second-menu-bars li {
    width: auto;
    min-width: 70px;
    max-width: 80px;
    margin: 0 1px;
    cursor: pointer;
  }
  #main-menu-bars-bottom nav.second-menu-bars li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 0.8em;
    text-align: center;
    padding: 0 5px;
    color: white;
  }
  #main-menu-bars-bottom nav.second-menu-bars li a i {
    margin-bottom: 5px;
    font-size: 2em;
    display: block;
  }
  #main-menu-bars-bottom nav.second-menu-bars li a:hover {
    text-decoration: none;
  }
  #main-menu-bars-bottom nav.second-menu-bars li:hover {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 8px;
  }
  #main-menu-bars-bottom nav.second-menu-bars input, #main-menu-bars-bottom nav.second-menu-bars select {
    display: none;
  }
  #mobile-menu {
    position: fixed;
    bottom: 70px;
    width: 100vw;
    height: calc(100% - 125px);
    overflow-y: auto;
    list-style: none;
    background: white;
    z-index: 3;
  }
  #mobile-menu li {
    width: 100%;
    display: flex;
    padding: 15px 20px;
    cursor: pointer;
  }
  #mobile-menu li a {
    font-size: 1.3em;
    color: rgba(0, 0, 0, 0.8);
  }
  #mobile-menu li a i {
    margin-right: 5px;
  }
  #mobile-menu li ul {
    list-style: none;
  }
  #mobile-menu li ul li {
    display: flex;
    width: 100%;
  }
  #mobile-menu li ul li a {
    width: 100%;
  }
  #mobile-menu li:hover {
    background: rgba(0, 0, 0, 0.3);
  }
  #mobile-menu .submenu-mobile {
    text-align: center;
    color: rgba(0, 0, 0, 0.7);
    border-bottom: 1px solid silver;
    padding: 0 20px 15px 20px;
    text-transform: uppercase;
  }
  .informativo {
    margin-top: 60px;
  }
  /* MODELO DE FOLHA A4*/
  .main_section_ocorrencias {
    width: 100%;
    max-width: 100%;
    min-height: 100%;
    padding: 0.5cm;
  }
}
/* Responsividade */
@media (max-width: 600px) {
  #mobile-menu li a {
    font-size: 1em;
  }
}
/* Responsividade */
@media (max-width: 940px) {
  .arraial-container {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    height: auto;
    padding-bottom: 70px;
  }
  .arraial-container .arraial-header {
    width: 100%;
  }
  .arraial-container .arraial-vendas {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .arraial-container .arraial-vendas .vendas-confirmadas, .arraial-container .arraial-vendas .vendas-a-confirmar {
    width: 100%;
  }
  .arraial-container .arraial-itens {
    width: 100%;
  }
}
@media print {
  * {
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  body {
    -webkit-print-color-adjust: exact;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.5em;
    font-family: "Georgia", "Times New Roman", sans-serif;
    line-height: 1.5em;
  }
  .main_menu_section {
    display: none;
  }
  a {
    word-wrap: break-word;
  }
  a, a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: "";
  }
  p {
    widows: 3;
    orphans: 3;
  }
  .page-break {
    page-break-before: always;
  }
  .print-bg-primary {
    background-color: #337ab7 !important;
    color: white !important;
  }
  .print-bg-primary td {
    color: white !important;
  }
  .print-bg-gray {
    background-color: rgba(0, 0, 0, 0.3) !important;
  }
  .print-bg-info {
    background-color: #d9edf7 !important;
  }
  .print-bg-danger {
    background-color: #f2dede !important;
  }
  .print-bg-success {
    background-color: #dff0d8 !important;
  }
  .bg-gray {
    background-color: rgba(0, 0, 0, 0.1) !important;
  }
  .closexd {
    display: none !important;
  }
  .main_section_contents {
    margin: 0 !important;
    width: 100%;
  }
  .main_section_contents .secao-ocorrencia, .main_section_contents .section_altas_habilidades {
    display: flex;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
  }
  .main_section_contents .secao-ocorrencia .main_section_ocorrencias, .main_section_contents .secao-ocorrencia .documento, .main_section_contents .section_altas_habilidades .main_section_ocorrencias, .main_section_contents .section_altas_habilidades .documento {
    display: flex;
    flex-direction: column;
    margin: 0 !important;
    padding: 0 !important;
    border: none;
    width: 100%;
    background: white;
  }
  .main_section_contents .secao-ocorrencia .main_section_ocorrencias .mso_cabecalho, .main_section_contents .secao-ocorrencia .documento .mso_cabecalho, .main_section_contents .section_altas_habilidades .main_section_ocorrencias .mso_cabecalho, .main_section_contents .section_altas_habilidades .documento .mso_cabecalho {
    width: 17cm;
  }
  .main_section_contents .secao-ocorrencia .main_section_ocorrencias .mso_cabecalho .image_mso_cabecalho_section_ocorrencia, .main_section_contents .secao-ocorrencia .documento .mso_cabecalho .image_mso_cabecalho_section_ocorrencia, .main_section_contents .section_altas_habilidades .main_section_ocorrencias .mso_cabecalho .image_mso_cabecalho_section_ocorrencia, .main_section_contents .section_altas_habilidades .documento .mso_cabecalho .image_mso_cabecalho_section_ocorrencia {
    margin-bottom: 1.5em;
    max-width: 17cm;
  }
  .main_section_contents .secao-ocorrencia .main_section_ocorrencias .text-center, .main_section_contents .secao-ocorrencia .documento .text-center, .main_section_contents .section_altas_habilidades .main_section_ocorrencias .text-center, .main_section_contents .section_altas_habilidades .documento .text-center {
    text-align: center !important;
  }
  .main_section_contents .secao-ocorrencia .main_section_ocorrencias .print, .main_section_contents .secao-ocorrencia .documento .print, .main_section_contents .section_altas_habilidades .main_section_ocorrencias .print, .main_section_contents .section_altas_habilidades .documento .print {
    width: 100%;
  }
  .main_section_contents .sulfite-a4, .main_section_contents .doca4-retrato {
    margin: 0 !important;
    padding: 0 !important;
    border: none;
    width: 100%;
    background: white;
  }
  .section_main_footer {
    display: none;
  }
  .tac-Floater {
    display: none;
  }
  .tac-Floater .tac-Floater-button {
    display: none;
  }
  #main-menu-bars-bottom {
    display: none;
  }
  @page {
    margin: 1cm 1.5cm 1cm 2cm;
  }
  table {
    border-collapse: collapse;
    width: 100%;
  }
  th, td {
    border: 1px solid black;
    padding: 5px;
  }
}
#administrador {
  display: flex;
  width: 100%;
  height: 100%;
  color: white;
  margin-top: 70px;
}
#administrador .menu-left {
  width: 100%;
  max-width: 250px;
  max-height: calc(100vh - 70px);
  border-right: 1px solid #185b87;
  padding: 10px 0 10px 5px;
  overflow-y: scroll;
}
#administrador .menu-left ul li {
  padding: 5px 0 5px 10px;
}
#administrador .menu-left ul li a {
  display: flex;
  align-items: center;
  color: black;
  font-size: 0.9em;
}
#administrador .menu-left ul li a i {
  padding-right: 5px;
}
#administrador .menu-left ul li:hover {
  background: rgba(0, 0, 0, 0.3);
}
#administrador .menu-left ul li:hover a {
  text-decoration: none;
}
#administrador .body {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: calc(100vh - 70px);
}
#administrador .body .debug {
  background: white;
  color: black;
  padding: 10px;
  min-width: 100%;
  height: 100%;
  max-width: calc(100vw - 250px);
  overflow-x: scroll;
}
#administrador .body .debug table.dados-estrutura {
  width: 100%;
}
#administrador .body .debug table.dados-estrutura thead tr {
  background: rgba(0, 0, 0, 0.7);
  color: white;
}
#administrador .body .debug table.dados-estrutura thead tr td {
  padding: 3px 5px;
}
#administrador .body .debug table.dados-estrutura tbody tr td {
  min-width: 50px;
  max-width: 420px;
  padding: 5px 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
#administrador .btn {
  display: flex;
  align-items: center;
  height: 25px;
  margin: 1px 3px;
}
#administrador .btn i {
  margin-right: 5px;
}

.pdf {
  min-height: 80vh;
}

/* SCROLLBAR */
::-webkit-scrollbar, ::-webkit-scrollbar-corner {
  width: 7px;
  height: 5px;
}

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #ff6105;
  -webkit-box-shadow: inset 0 0 6px #185b88;
}

.tac-Floater {
  display: none;
}
.tac-Floater .tac-Floater-button {
  display: none;
}

ol {
  list-style-type: decimal; /* Garante que a numeração apareça */
  padding-left: 20px;
}

/*# sourceMappingURL=style.css.map */