#progress-indicator {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.spinner {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 3px solid #ccc;
  border-top-color: #3498db;
  animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to {transform: rotate(360deg);}
}

.aurami,
.avatar {
  border-radius: 50%;
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.avatar img {
  width: 50%;
  height: 50%;
  object-fit: cover;
}
.autocomplete-selected{
  height: auto;
  margin: 5px 10px;
  clear: both;
}
.selected-value{
 padding: 10px 5px 10px 5px;
 background-color: rgb(226, 226, 226); 
 font-weight: bold;
 border: #999 1px solid;
 display: inline-block;
 margin-right: 5px;
}
.remove-icon {
  margin-left: 5px;
  cursor: pointer;
}

.remove-icon:before {
  font-weight: bolder;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  padding: 1px 5px 1px 5px;
  margin-top: -5px;
  background-color: #F30;
  content: "X"; 
  color:rgb(255, 255, 255);
}
.lightin{
  clear: both !important;
  width: 100%;
  font-size: 15px;
}

.lightin td {
  width: auto;
  height: auto;
  border: 1px solid #ccc;
  padding-left:5px;
  display: table-cell;  
  vertical-align:middle;   
}
.lightin th {
  border-color: white;
}

.lightin .header td{
	background-color: #D1D1D1;
	font-weight:800;
	font-size:14px;
	height:40px;	
}
.first td:nth-child(1) {  
  width:5px;
  text-align: center;
}
.first td:nth-child(2) {  
  width:5px;
  text-align: center;
}
.first td:nth-child(3) {  
  width:5px;
  text-align: center;
}
img.transparent
{
   opacity: 0.3; filter: alpha(opacity=30); 
}
.red{color:rgb(153, 0, 0)} 
.green{color:#096}  
.meses{
	font-weight:bold; padding:10px; background-color:#FFF;border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC;	
} 
a.mesesoff{
	padding-bottom:10px;color:#999;
}  
a {
  text-decoration: none; /* no underline */
}
/* fim do modal */
#menu-escola li {
  position: relative;
}

#menu-escola ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 0;
  list-style: none;
}

#menu-escola li:hover ul {
  display: block;
}

.icons{
	width:16px;
	height:24px;
	margin:0;
	float: left;
	vertical-align: middle;
}
.error{
	color:#F00;
	font-style: italic;
	padding-left: 10px;
}
#content {
	width: 100%;
	padding:0px;
	margin:44px 0px 0px 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	background-color:#FFF;
}
 
#content div p {
	font-family: Arial, Verdana;
	font-size: 14px;
}
 
#line{
	margin-top:42px;
	height:1px;
	width:100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
#print{
	float:right;
	margin-top:-50px;	
	height:50px;
	width:50px;
}
.margin{
	padding:30px;
	clear:both;
}

.boletim td{
	border: 0.1em solid #CCC;
	padding:5px;
}
#wpfooter{
	display:none;	
}
.hiden{ display:none}
.x{color:#999;text-decoration:none;position:absolute;top:5px;left:94%;font-weight:bold;cursor:pointer;font-size:18px !important}
.cursor{cursor:pointer;}
.progress{width:100%;height:7px;background-image:url(../images/progress.gif)}
.left{float:left;margin:5px}
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #F30;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
}

.col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
}
@media screen and (max-width: 600px) {
  .col-25, .col-75, input[type=submit] {
    width: 100%;
    margin-top: 0;
  }
}

label {
  padding: 12px 12px 12px 0;
  display: inline-block;
}
/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
#posicao { min-width: 5.5em }

.div-table {
  width: 380px;
  display: table;         
  width: auto;         
  background-color: #eee;         
  border: 1px solid #666666;         
  border-spacing: 5px; 
}
.div-table-row {
  display: table-row;
  width: auto;
  clear: both;
}
.div-table-col {
  float: left; /* fix for  buggy browsers */
  display: table-column;         
  width: 200px;         
  background-color: #ccc;  
}
.scroll{
  max-width: 100%;  
  overflow-x: hidden;
}
@media only screen and (max-width: 768px) {
  .scroll {
    max-width: 768px;  
    overflow-x: scroll;
  }
  .lightin input[type=text] {
    width: 100%;
  }  
}
@media only screen and (max-width: 380px) {
  .scroll {
    max-width: 380px;  
    overflow-x: scroll;
  }
  .lightin input[type="text"] {
    width: 100%;
  } 
  .lightin input[type="submit"] {
    width: auto;
  } 
  input[type="select"]{
    max-width: auto;
  } 
}
@media print {
  .print{display:none}
  #header, header {
    display:none;
  }
  #nav, nav {
    display:none;
  } 
  html, body {
    width: 210mm;
    height: 297mm;        
  }
  .boletim{
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;	}
  .page {
    margin: 0;
    border: initial;
    border-radius: initial;
    width: initial;
    min-height: initial;
    box-shadow: initial;
    background: initial;
    page-break-after: always;
    font-family:Courier, monospace;
    font-size:12px;	
  width: 210mm;
  height: 297mm;
  min-height: 297mm !important;
  padding: 5mm;							
  }
}
@media print {
  body * {
      visibility: hidden; 
  }
  .lightin, .lightin * {
      visibility: visible;
  }
  .lightin {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
  }
}