@font-face {
  font-family: 'matix';
  src: url("../font/matrix.ttf");
}

@font-face {
  font-family: 'indie';
  src: url("../font/IndieFlower-Regular.ttf");
}

@font-face {
  font-family: 'langar';
  src: url("../font/Langar-Regular.ttf");
}

@font-face {
  font-family: 'Lumanosimo';
  src: url("../font/Lumanosimo.ttf");
  
}
@font-face {
  font-family: 'Roboto';
  src: url("../font/Roboto.ttf");
  
}
.langar {
  font-family: "langar";
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow: visible;
  font-family: 'Roboto', sans-serif;
}

textarea {
  resize: none !important;
  outline: 0 !important;
  
}

a {
  text-decoration: none !important;
}
#selecionaAcao:hover {
  color:rgb(48, 37, 207);
  font-weight: 700;
}
.deleta:hover {
  color:red;
  
}
textarea:focus,
input:focus,
select:focus {
  box-shadow: 0 0 0 0;
  border: 0 none;

}

.indie {
  font-family: "indie";
  font-weight: bold;
  font-style: italic;
  font-size: 18px;
}

/* coloca bordas nas buscas de aluno ajax */

#ajax {
  border: 1px solid #ccc;
}

.container {
  margin-top: 100px;
  background-color: none;

}

td,
input[type="text"] {
  list-style-type: none;
  color: black;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.branco a:link {
  /* aqui mudei a cor do link, era black, mudei para white*/
  text-decoration: none;
  color: #000;
}

.black {
  font-weight: 600;
  /*background-color: #f7f7f7; */
  padding: 8px;
}

.black a:visited {
  color: blue;
}

.label {
  background-color: #e9ecef;
  color: black;
  font-weight: bold;
}

.bold {
  font-weight: bold;
  color: #000;
}

.espaco {
  padding: 4px;
}
.italic {
  font-size:14px;
  font-style: italic;
  font-weight: 600;
}
select {
  background-color: #fdfdfd !important;
  font-weight: bold;
}

select:hover {
  background-color: #ffffff04 !important;
  color: #007ebe;
}

/*as novas alterações vou fazer a paritr daqui */

#conteudo {
  display: block;
  width: 90%;
  margin: 0 auto;
}

.cab {
  padding-top: 10px;
  padding-right: 1px;
  padding-left: 5px;
  padding-bottom: 5px;
  font-family: Helvetica;
  font-weight: bold;
  line-height: 1;
  font-size: 13px;
}

.color {
  background-color: #f1f7f4;
}

input {
  background-color: #f4f7f6;
  border-radius: 3px;
  outline: 0;
  font-size: 13px;
  padding: 5px;
  border: 1px solid #ccc;
}

/* em pesquisas das infrações */

.paragrafo {
  margin-top: 2px;
  border: 1px solid #8d9799;
  padding: 5px;
  font-size: 12px;
  font-family: Helvetica;
  border-radius: 5px;
}

.descricao {
  font-family: "Baloo Bhai", cursive;
  letter-spacing: 5px;
  font-weight: 500;
  padding: 5px;
  border-collapse: collapse;
  border: 1px solid rgb(172, 172, 172);
  border-radius: 5px;
  text-align: center;
}

.resumo {
  padding: 5px;
  background-color: #e9ecef;
  font-weight: bold;
  float: left;
}

.space {
  float: left;
  margin-right: 5px;
}

h4 {
  font-weight: 600;
  text-align: center;
}

.comunica {
  /*RESPONSAVEL PELO CONTEUDO DOS FORMULARIOS */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 70%;
  margin: auto;
  border: 1px solid #ccc;
  border-radius: 5px;
  /*  background-color: #fcffe4; */
}

.appearance-select {
  -webkit-appearance: none;
  /* Remove estilo padrão do Chrome */
  -moz-appearance: none;
  /* Remove estilo padrão do FireFox */
  appearance: none;
  /* Remove estilo padrão do FireFox*/
  /*background: url("../images/seta.gif") #fff no-repeat;*/
  background-position: 108px center;
  /*Posição da imagem do background*/
  width: 140px;
  /* Tamanho do select, maior que o tamanho da div "div-select" */
  height: 28px;
  /* Altura do select, importante para que tenha a mesma altura em todo os navegadores */
  border: 1px solid #ddd;
  padding-left: 5px;
  /* background-color: #0d9be291; */
  font-size: 11px;
}

#inputData {
  background-color: #cadffa;
  border: 1px solid #6197df;
}

/* AQUI INICIA  O CSS DO EDITAR DA AGENDA */

.content {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}

#formulario {
  display: flex;
  flex-direction: column;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 2px 4px 6px #ccc;
}

/* formulário de adição dos documentos */

div #formularioDocumento {
  position: absolute;
  width: 900px;
  margin: 0 auto;
}

#formDoc {
  border: 6px solid #ccc;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 2px 4px 12px #ccc;
}

/* formularios de adição Alunos e outros */

.labelForm {
  width: 110px;
  height: auto;
  font-family: "indie";
  font-size: 15px;
  text-align: right;
  font-weight: 700;
  background: #c3edc2;
  border-radius: 5px;
  padding-right: 10px;
  height: 5px;
}

/* Na tela Cadastro de aluno */

.cadAluno2 {
  display: flex;
  justify-content: center;
  width: 480px;
  border: 1px solid #ccc;
  margin-top: 2px;
  padding: 10px 0;
  border-radius: 5px;
}
.cadInfracao {
  display: flex;
  justify-content: center;
  width: 480px;
 
  margin-top: 2px;
  padding: 10px 0;

}
/* Css Radio letra cursiva*/

.cursive {
  font-family: "indie";
  font-size: 15px;
  font-weight: bold;
}

/* retirei para teste
input:hover,
select:hover {
    background-color: #eaf4f8;
    color: #000;
    border: solid 1px #7ab3ff;
}
*/
input[type="radio"]:hover {
  border: solid 1px #7ab3ff;
}

#img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 150px;
  padding-right: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
}
.blink {
  animation: blink 3s infinite;
}

@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.cinza {
  color: #6b6565;
  font-size: 18px;
}
.padrao {
  font-family: 'Roboto';
  color: #413b3b;
  font-weight: 500;
  font-size: 0.9em;
}
/*transforma o que se digita no input em maisucula */
#myInput {
  text-transform: uppercase;
}
.aviso {
  background-color: red; 
  color:#fff; width:100%; 
  padding:10px 0; 
  text-align:center; 
  border-radius:5px; 
  font-size:15px; 
  font-weight:100; 
  margin-top:-14px; 
}

.fundo_cab {
  background-color: rgb(100, 168, 245);
  border: 1px solid rgb(82, 80, 80);
}

.upper {
  text-transform: uppercase;
}

[data-color="ELOGIO"] {
  background-color: #dffbe4;
}

.conteudoTd {
  text-align: center;
  font-size: 12px;
  font-family: Helvetica, Arial, sans-serif;
}

.acao {
  height: 25px;
  line-height: 15px;
}

.resumoPenalizados {
  width: 92px;
  background-color: #e9ecef;
  text-align: center;
  font-weight: bold;
  border-right: solid 1px #ccc;
  font-size: 13px;
}

a {
  color: inherit;
}

#resumoRemedios {
  background-color: rgb(231, 231, 231);
  text-align: center;
}

/*tabela de resumos de pontos do aluno */

.tabelas {
  margin-left: 90px;
}
table td {
    vertical-align: middle;
}
.p_fixa {
  width: 70%;
  font-size: 10px;
  font-family: Helvetica;
}

.p_fixa td {
  border: 1px #888 solid;
  border-collapse: collapse;
  font-family: "Arial";
  text-align: center;
}

.rotate {
  transform: rotate(-20deg);
  font-weight: bold;
}

.fixado {
  position: fixed;
  bottom: 20%;
}

.photoMed {
  border: 1px solid #ccc;
  box-shadow: 1px 1px 2px #444;
  padding: 1px;
  border-radius: 5px;
}

.colegeName {
  width: 70%;
  font-weight: bold;
  font-family: Helvetica;
  border: solid 1px #ccc;
  padding: 10px;
  background-color: #47b0e5;
  border-radius: 20px;
  box-shadow: 2px 4px 2px 4px #ccc;
}

.infracaoDescricao {
  font-family: "Baloo Bhai", cursive;
  letter-spacing: 10px;
  font-weight: 500;
}

.border td {
  border: 1px solid #ccc;
  padding: 5px;
}

/* Css Anotações do aluno */
.titulo {
  color: rgb(13, 13, 161);
  font-size: 16px;
  font-family: 'langar';
  margin-bottom: 15px;
  margin-left: 80px;
}

.anotacoesAluno {
  position: relative;
  margin-left: 100px;
  border: 1px solid #ccc;
  text-align: left;
  padding: 10px;
  width: 850px;
  font-family: Helvetica, sans-serif;
  border-radius: 10px;
  box-shadow: 1px 1px 1px 2px #ccc;
 

}

.labelAnota {
  width: 50px;
  color: rgb(15, 15, 170);
  font-weight: 700;
  font-size: 14px;
}

.labelDados {
  font-family: 'Lumanosimo';
  font-size: 16px;
  font-style: italic;
  font-weight: 600;
  font-size: 14px;
}

.labelAnota1 {
  width: 50px;
  margin-left: 5px;
  text-align: right;
  font-weight: 600;
  color: rgb(15, 15, 170);
  font-size: 14px;
}

.mostraAnotacoes {
  border: 1px solid #ccc;
  text-align: center;
 width: 800px;
  padding: 15px;
  margin-bottom: 15px;
  font-size: 14px;
  font-family: 'Lumanosimo';
  margin-left: 80px;
  color: #363333;
  border-radius: 5px;
  box-shadow: 1px 1px 1px 1px #ccc;
  font-weight: bold;
}

.fonte {
  
  font-style: italic;
}

/* end    */

/* ---------------------------------------- MENU LATERAL NOVO ----------- /*/

* {
  margin: 0;
  padding: 0;
}

#cabecalho {
  width: 100%;
  height: 90px;
  top: 0;
  left: 0;
  position: fixed;
  background-image: url("../images/cab5.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: #fff;
  font-family: "Arial", "sans-serif";
  padding-top: 5px;
  font-size: 18px;
  letter-spacing: 4px;
  text-shadow: 1px 2px 2px #000;
  box-shadow: 2px 2px 2px #304368;
  font-weight: 500;
}

/*daqui para cima se refere a parte superior para baixo o menu lateral*/

.menu {
  display: block;
  height: 100%;
  top: 90px;
  position: fixed;
  background-color: #222;
  overflow: auto;
  /* aantes estava hidden */
  transition: all 0.4s;
}

#principal {
  width: 180px;
  left: -180px;
}

#cadastros,
#lancamentos,
#pesquisar,
#administrativo,
#pedagogia,
#acesso, 
#monitoramento
 {
  width: 180px;
  left: -180px;
}

#cadastros:target,
#lancamentos:target,
#pesquisar:target,
#administrativo:target,
#pedagogia:target,
#acesso:target, 
#monitoramento:target{
  transform: translateX(150px);
  /*aqui ele vai aparecer ao clicar em curos ou contato são os menus dropDowns */
  box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.5);
}

ul {
  list-style: none;
}

ul li a {
  display: block;
  font-size: 14px;
  font-family: "Arial";
  padding: 10px;
  border-bottom: solid 1px #000;
  color: #ccc;
  text-decoration: none;
  transition: all 0.2s;
}

ul li span {
  float: right;
  padding-right: 10px;
}

ul li a:hover {
  background-color: #5b859a;
}

.voltar {
  margin-top: 4px;
  background-color: #111;
  border-left: solid 5px #444;
  color: #fff;
}

.voltar:hover {
  text-decoration: none;
  color: #fff;
  border-radius: 5px;
}

#chk:checked~.bg {
  display: block;
}

#chk:checked~#principal {
  transform: translateX(150px);
}

#esquerdo {
  display: inline-block;
  position: absolute;
  margin-left: 155px;
  margin-top: 10px;
}

#esquerdo1 {
  display: inline-block;
  position: absolute;
  margin-left: 126px;
  margin-top: 10px;
}

#cadastro {
  width: 100%;
  display: inline-block;
  margin-left: 30%;
  margin-top: -20px;
  text-align: center;
}

/* pesquisa memorando */

/*Tela Alterar Senha*/

.pass {
  border: 1px solid #ccc;
  padding: 5px;
  border-radius: 10px;
  color: #9999;
}

.passTitle {
  font-family: "Helvetica";
  font-size: 16px;
  border-bottom: solid 1px #ccc;
  color: #999999;
  font-weight: 600;
}

input[type="password"]::placeholder {
  color: #999;
}

/* FIM * /
/* formulario NotaDisciplinar */
.labelNota {
  font-weight: bold;
  text-align: center;
  padding: 0 5px;
}

.contendNotify {
  padding: 15px;
}

.centro {
  text-align: center;
}

/*  fim */

/* -----------   Cadastro de Aluno --------- */

.cadAluno {
  padding: 10px 0;
  font-size: 16px;
  letter-spacing: 5px;
  font-family: "indie";
  font-weight: bold;
  text-shadow: 2px 3px 2px #ccc;
}

#tabelacadastroAluno {
  border-collapse: separate;
  border: 1px solid #ccc;
  border-radius: 5px;
}

/* -----------  FIM --------- */

.formInfo {
  outline: 0;
  border: 0;
  width: 350px;
  height: 30px;
  background: #f8f8f8;
  border: solid 1px #ccc;
  border-radius: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  padding: 0;
  padding-left: 5px;
  margin-left: 5px;
}

/*
            /* ------ Fim cadastro do Aluno ---------*/

/* AlterarStatus do memorando*/

.caption {
  font-family: fantasy;
  font-size: 20px;
  color: rgb(44, 93, 253);
  text-shadow: 1px 1px 1px rgb(241, 218, 218);
}

.bginput {
  background-color: rgb(239, 240, 221);
}

/*fim AlterarStatus*/

/*Centralizar qualquer div com a classe*/

.notification {
  background-color: #007ebe;
  color: #fff;
  text-decoration: none;
  padding: 5px 10px;
  position: relative;
  display: inline-block;
  border-radius: 5px;
}

.notification:hover {
  text-decoration: none;
  background-color: #194eb1;
  color: #fff;
}

.notification .badge {
  position: absolute;
  top: -18px;
  right: -20px;
  padding: 5px 10px;
  border-radius: 50%;
  background-color: #007ebe;
  color: white;
  text-shadow: 1px 1px 1px #000;
  font-weight: bold;
}

/* memorandos do professor resumo */

.notification2 {
  background-color: #3e8d3e;
  color: #fff;
  text-decoration: none;
  padding: 5px 10px;
  position: relative;
  display: inline-block;
  border-radius: 5px;
}

.notification2:hover {
  text-decoration: none;
  background-color: #1e5017;
}

.notification2 .badge {
  position: absolute;
  top: -18px;
  right: -20px;
  padding: 5px 10px;
  border-radius: 50%;
  background-color: #15640a;
  color: white;
  text-shadow: 1px 1px 1px #000;
  font-weight: bold;
}

/*Formulario PesquisaMemorando*/

.labelSearch {
  width: 150px;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-weight: 700;
  text-align: right;
}

.inputSearch {
  margin-left: -180px;
  outline: 0;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
}

.inputSearch2 {
  outline: 0;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
}

#sobre {
  position: fixed;
  width: 200px;
  background-color: red;
  display: none;
}

#sobre a:hover {
  display: block;
}

#voltar {
  display: block;
  text-decoration: none;
  color: #000;
}

#voltar:hover {
  background-color: #47b0e5;
  color: #fff;
  font-weight: bold;
}

/*Modal do administrativo zerar pontos*/

.colorModal {
  background-color: #f79191;
}

.modal-title {
  font-weight: bold;
}

/*END
            //////////////////////
            //select do cadastro colégio // */

.label20 {
  position: relative;
  border-collapse: collapse;
  border-bottom: 1px solid #888;
  display: inline-block;
  padding: 5px;
  height: 45px;
  width: 160px;
  text-align: right;
  line-height: 35px;
  color: #f9fc9c;
  font-weight: bold;
  margin-left: 5px;
  margin-bottom: 5px;
  letter-spacing: 1px;
}

.conteudo20 {
  position: relative;
  margin-left: -400px;
  display: inline-block;
  padding: 5px;
  height: 35px;
  margin-left: 5px;
  line-height: 35px;
  width: 160px;
  font-weight: bold;
  border-radius: 5px;
}

.conteudo20 select {
  height: 30px;
  width: 200px;
}

.conteudo20 select option {
  background-color: #effcfa;
}

/* NO COLEGE NAME */

#selecionando,
#selecionando1 {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("../images/seta!.png") no-repeat right #fff;
  background-size: 30px;
  border: 1px solid #333;
  font-size: 15px;
  width: 250px;
  line-height: 30px;
  height: 30px;
  padding-left: 5px;
  border-radius: 5px;
}

/* Rotulos das buscas de alunos*/

.cabH1 {
  width: 500px;
  height: auto;
  border: 1px solid #ccc;
  border-radius: 10px;
}

.cabH2 {
  font-family: "indie";
  font-size: 25px;
  margin-top: 10px;
  margin-bottom: 20px;
  font-weight: bold;
  font-style: oblique;
  margin-bottom: -10px;
  background-color: rgba(123, 189, 219, 0.137);
  border-radius: 10px;
}

.newnotes {
  font-family: 'indie';
  font-weight: bold;
  font-size: 18px;
}

.cabH3 {
  font-family: "indie";
  font-size: 25px;
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: 60px;
  font-weight: bold;
  font-style: oblique;
  margin-bottom: -10px;
  background-color: rgba(123, 189, 219, 0.137);
  border-radius: 10px;
}

div.rotulo label {
  font-family: "indie";
  font-size: 18px;
  float: left;
  padding: 0 10px;
  font-weight: bold;
}

div.dados {
  float: left;
}

div.dados input {
  outline: 0;
  width: 300px;
  height: 30px;
}

/* NA TELA QUE BUSCA ALUNOS PARA ELOGIO OU NOTA DISCIPLINAR */

div #result a {
  padding: 5px;
}

div #result a:hover {
  background-color: #007ebe;
  padding: 4px;
  text-decoration: none;
  border-radius: 5px;
  border-left: 2px solid rgb(50, 93, 235);
  /*color: rgb(165, 42, 42);*/
  color: #fff;
}

/** END **/

.clear {
  clear: both;
}

/* fim * /
   /* dados da tela Memorando do professor */

.mem {
  width: 110px;
 background-color: rgb(239, 246, 250);
  float: left;
  margin-bottom: 2px;
  font-size: 16px;
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
  text-align: right;
  padding-right: 10px;
  border-radius: 5px;
  color: #555353;
  font-size: 12px;
}

.mem2 {
  width: 350px;
  background-color: rgba(244, 253, 255, 0.74);
  float: left;
  margin-left: 5px;
  margin-right: 2px;
  border-radius: 5px;
  padding-left: 5px;
  color: #555353;
  font-size: 12px;
  font-weight: bold;
}

/*css tabela de resumo dos pontos tela penalizar*/

section.form {
  width: 85%;
  border: 1px solid #ccc;
  margin-top: 5px;
  font-size: 14px;
  font-family: "indie", cursive;
  font-weight: 600;
  padding: 10px 0;
  border-radius: 10px;
}

.tabela_resumo {
  width: 70%;
  margin-left: 20%;
  border-collapse: collapse;
  text-align: center;
  margin-top: -3px;
}

.td1 {
  width: 110px;
  padding-left: 5px;
}


.formularioPenalizar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-left: 30px;
}

.labelNome {
  margin-left: 5px;
  margin-bottom: 2px;
  border-radius: 3px;
  height: 20px;
  line-height: 20px;
}

.labelNome1 {
  margin-right: 5px;
  border-radius: 3px;
  margin-bottom: 2px;
  height: 20px;
  line-height: 20px;
}

.bgColor {
  background: #93c0ed;
}

.bgColor1 {
  background: #b9d1ea;
}

.bgColor2 {
  background-color: #f3f5dc;
}

.bgColor3 {
  background-color: #edf3ab8a;
}

.divRelato {
  margin: 0 30px;
  border-top: 2px dotted #ddd;
  margin-bottom: 0.5%;
  margin-top: 0.5%;
  border-bottom: 2px dotted rgb(207, 159, 159);
  width: auto;
  height: 26px;
  line-height: 22px;
  font-size: 18px;
  letter-spacing: 5px;
}

.divRelatoFato {
  margin: 0 30px;
  width: auto;
  text-align: justify;
  padding: 5px 0 0 15px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 0.5%;
}

.parecerSupervisor {
  margin: 8px;
  width: auto;
  margin-left: 20px;
}

.relatoDoSupervisor {
  display: flex;
  width: auto;
  text-align: left !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: normal;
  margin: 0 30px;
  margin-top: -10px;
}

div.foto {
  height: auto;
  position: relative;
  margin-right: 15px;
  background: rgba(123, 189, 219, 0.137);
}

div.foto img {
  width: 100%;
  height: 100%;
  margin-top: 30%;
  border: 1px solid rgb(228, 218, 218);
  padding: 5px;
}

/*Encaminhamento do aluno*/

.encAluno {
  max-width: 650px;
  border: 2px solid #ddd;
  height: auto;
  font-family: "indie";
  font-weight: bold;
}

.containerLabel {
  float: left;
  background-color: #afdfcf;
  border-radius: 5px;
  margin-left: 10px;
  height: 30px;
  line-height: 30px;
}

.containerDiv {
  float: left;
  text-align: left;
  height: 30px;
  background-color: #c1d6e0;
  margin-left: 5px;
  padding: 0 5px;
  border-radius: 5px;
  color: #000;
  line-height: 30px;
}

.containerDate {
  float: left;
  text-align: left;
  height: 30px;
  margin-left: 5px;
  padding: 0 5px;
  border-radius: 5px;
  color: #000;
  line-height: 30px;
}

.containerDate>input[type="date"] {
  height: 30px;
  padding: 0;
  font-family: arial !important;
  font-weight: bold;
  background-color: #c1d6e0;
  outline: 0;
  font-size: 12px;
  width: 100px;
  margin-left: -5px;
}

.h1medicamentos {
  font-size: 16px;
  padding: 5px;
  background-color: #f28a8a;
  border-radius: 10px;
  color: rgb(20, 45, 185);
}

.relatoEncaminhamento {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #6d6d6d;
  font-size: 12px !important;
}

.perguntaTurno form>.container>.turnos {
  display: inline-block;
  font-size: 14px;
  color: #111;
}

.perguntaTurno form>.container {
  max-width: 550px;
  border: 1px solid rgb(58, 56, 56);
  padding: 10px;
  border-radius: 10px;
}

.linhaTd {
  padding: 0 5px;
}

/* lancamento de transgressãoo --> */

section.comunica2>form>.container {
  font-size: 12px;
  font-family: "langar";
  border: 1px solid #6d6d6d;
  border-radius: 5px;
}

/*lancamento comunicacao transgressao */

.interna {
  margin-top: 5px;
  width: 80%;
  margin-left: 100px;
  margin-right: 20px;
  border-radius: 5px;
}

.insereMemorando {
  border: 1px solid #73b2d6;
  height: 30px;
  line-height: 10px;
  width: 420px;
  float: left;
  padding: 5px;
  background-color: #bae5ff;
  text-align: left;
  border-radius: 5px;
  padding-bottom: 3px;
  font-size: 13px;
}

.insereMemorando2 {
  border: 1px solid #73b2d6;
  height: 30px;
  line-height: 10px;
  width: 260px;
  float: left;
  padding: 10px;
  background-color: #bae5ff;
  text-align: left;
  border-radius: 5px;
  padding-bottom: 3px;
  margin-left: 5px;
  font-size: 13px;
}

/*
select {
    background-color: #a6dcfc;
}
*/
#arquivo {
  /* no forumulário de anexar documentos */
  display: none;
}

#professor {
  width: 50%;
  border-collapse: collapse;
}

#professor tr td {
  border-bottom: solid white 8px;
  /*Distancia entre tr*/
  border: 1px solid #ccc;
  padding: 5px;
}

.topicos {
  margin-top: -15px;
  background-color: #fff;
}

.notasDisciplinares {
  float: left;
  width: 40%;
  height: 180px;
  border: 1px solid #ddd;
  padding-top: 20px;
}

.tabelaResumo {
  border-collapse: collapse;
}

.tabelaResumo th,
td {
  border: 1px #ccc solid;
}

.tabelaResumo tr>td {
  padding: 0 15px;
}

.tabelaResumo tr>th {
  text-align: center;
}

.medicamentosTabela {
  border-collapse: collapse;
  width: 100%;
}

.medicamentosTabela th,
td {
  border: 1px #ccc solid;
}

.texto {
  position: relative;
  background-color: #fff;
  text-align: justify;
  padding: 25px 20px;
  width: 790px;
  border: solid 1px #ccc;
  box-shadow: 5px 7px #e0e0e0;
  line-height: 30px;
  border-radius: 20px;
  margin-top: 20px;

}

/* controle de acesso */

.addTerceiros {
  width: 700px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  background-color: #fff7f725;
}

.labelTerceiro {
  font-family: "langar";
  color: #504f4f;
  text-align: right;
  font-size: 14px;
}

.atencao_terceiro {
  margin-top: 20px;
  font-size: 15px;
  font-family: "indie";
  font-weight: bold;
  background-color: rgb(224, 65, 65);
  color: #fff;
  width: 500px;
  padding: 2px;
  border-radius: 10px;
  font-style: italic;
}

.telaAluno {
  width: 700px;
  height: 400px;
  border: 2px #ccc solid;
  margin-left: 50px;
  padding: 5px 10px 10px 10px;
  border-radius: 10px;
  -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.75);
  margin-top: 20px;
}

.telaTerceiro {
  width: 600px;
  height: 400px;
  border: 2px #ccc solid;
  margin-left: 50px;
  padding: 5px 10px 10px 10px;
  border-radius: 10px;
  -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.75);
  margin-top: 20px;
}

.portariaAluno {
  width: 150px;
  font-weight: bold;
  font-family: Helvetica, Arial, sans-serif;
  text-align: right;
  font-size: 15px;
}

.pl {
  padding-left: 8px;
  font-family: "Arial, sans-serif";
  font-size:13px;
  font-weight: bold;
  font-style: italic;
  color: #085379 ;
}

/*tela relatorios portaria */

a img {
  border: none;
}

.atual {
  margin-top: 60px;
  margin-left: 150px;
  text-align: left;
  font-size: 14px;
  font-weight: bolder;
}
#btnInf {
  
  width: 20%;
  background: linear-gradient(to top, #0ba360 0%, #3cba92 100%); 
  color:#fff;
  font-weight:700;
  border-radius: 5px;
                        
}
#btnInf:hover {
  color:#000;
  background: linear-gradient(to top, #0ba360 40%, #3cba92 50%); 
}
/* auxiliadores */
.p5 {
  padding: 5px;
}

.fs10 {
  font-size: 10px;
}

.fs12 {
  font-size: 12px;
}
.fs14 {
  font-size: 14px;
}

.fs18 {
  font-size: 18px;
  font-family: sans-serif;
}

.fs16 {
  font-size: 16px;
}

.pl5 {
  padding-left: 5px;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.center {
  text-align: center;
}

.left {
  text-align: left;
}

.right1 {
  text-align: right;
}

.right {
  text-align: right;
  padding-right: 15px;
}
.justify {
  text-align: justify;
}

.white {
  color: #fff;
}

.ml15 {
  margin-left: 15px;
}

.fs13 {
  font-size: 13px;
}

.fs14 {
  font-size: 14px;
}

.lw2 {
  line-height: 2
}

.w20 {
  width: 20px;
}

.w30 {
  width: 30px;
}

.w40 {
  width: 40px;
}

.w45 {
  width: 45px;
}

.w50 {
  width: 50px;
}

.w60 {
  width: 60px;
}

.w65 {
  width: 65px;
}

.w70 {
  width: 70px;
}

.w80 {
  width: 80px;
}

.w90 {
  width: 90px;
}

.w100 {
  width: 100px;
}

.w110 {
  width: 110px;
}

.w120 {
  width: 120px;
}

.w190 {
  width: 190px;
}

.w200 {
  width: 200px;
}

.w210 {
  width: 210px;
}

.w150 {
  width: 150px;
}

.w250 {
  width: 250px;
}

.w300 {
  width: 300px;
}

.w350 {
  width: 350px;
}

.w400 {
  width: 400px;
}

.w500 {
  width: 500px;
}

.w600 {
  width: 600px;
}

.w650 {
  width: 650px;
}

.w700 {
  width: 700px;
}

.ml150 {
  width: 150px;
}

.mr20 {
  margin-right: 20px;
}

/* alterações 10/07/2023 ----------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------*/

/* configurações do view Lancamento -> Elogio.php */

.parecerSupervisor {
  margin-top: 7px;
  margin-left: -8px;
}

.negrito {
  font-weight: bold;
  font-size: 14px;
}

.blue {
  color: rgb(19, 19, 207);
  font-weight: 700;
}
.red {
  color: red;
  font-weight: 700;
}


.formularioPositivo {
  border: 1px solid #ccc;
  width: 60%;
  font-size: 14px;
  padding: 5px;
  box-shadow: 1px 1px 1px 1px #ccc;
  margin-left: 80px;
}

/* fim Elogio */

/* tela de comunicacao de transgressao lancamento/notaDisciplinar.php */

.informainfracao {
  border: 1px solid rgb(141, 140, 140);
  text-align: left;
  font-size: 13px;
  width: 600px;
  /* height: 300px; */
  border-radius: 10px;
}

.lancamentoMemorando {
  padding: 5px;
  border-radius: 5px;
  margin-left: 5px;
}

.lancamentoMemorandoData {
  border-radius: 5px;
  margin-left: 5px;
}

.labelMemorando {
  margin-left: 5px;
  text-transform: uppercase;
}

/* tela nota disciplinar penalizar  -> notas/penalizar.php */

.newNotaDisciplinar {
  border: 1px solid #ccc;
  margin-left: 120px;
  width: auto;
  box-shadow: 2px 2px 2px 2px #b8b3b3;
  margin-top: 10px;
  text-align: left;
  padding: 10px;
  font-size: 10px !important;
}
/* retirei por estar duplicado
.bold {
  font-weight: 700;
  margin-left: 15px;
  margin-right: 5px;
}
*/
.upperCase {
  text-transform: uppercase;
  /*width: 195px; */
  width: auto;
  font-size: 12px;
}

.relatoFato {
  text-align: left;
  margin-top: -10px;
  font-family: "indie";
  font-size: 12px;
  letter-spacing: 2px;
  font-weight: bold;
}

.relatando {
  margin-top: -10px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  margin-right: 10px;
  font-style: oblique;
  margin-bottom: -10px;
}

.penalizacoes {
  text-align: center;
  font-size: 18px;
  font-family: "indie";
  margin-top: -10px;
  font-weight: bold;
  background-color: #364dfab4;
  border: 1px dotted rgb(240, 237, 237);
  border-radius: 5px;
  color: #fff;
  font-style: oblique;
}

/* botoes e de pesquisa anotacao prancheta */

.myButton {
	box-shadow: 0px 0px 0px 2px #9fb4f2;
	background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	background-color:#7892c2;
	border-radius:10px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:8px 15px;

	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
}
.myButton:hover {
	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	background-color:#476e9e;
}
.myButton:active {
	position:relative;
	top:1px;
}
/*   */
.myButton2 {
	background-color:#27b24c;
	border-radius:28px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:9px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
}
.myButton2:hover {
	background-color:#5cbf2a;
}
.myButton2:active {
	position:relative;
	top:1px;
}

/* botao filtrar do Pesquisa Prancheta */
.filtrar {
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	background-color:#3d94f6;
	border-radius:10px;
	border:1px solid #337fed;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Verdana;
	font-size:15px;
	font-weight:bold;
	font-style:italic;
	padding: 4px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1570cd;
}
.filtrar:hover {
	background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
	background-color:#1e62d0;
}
.filtrar:active {
	position:relative;
	top:1px;
}