/* Variables */
/* Shadow levels */
/* SCSS */
* {
  box-sizing: border-box; }

p, span, input, button, label, select, td, th {
  font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif; }

table {
  width: 100%; }

td, th {
  border: none;
  border-bottom: 1px solid #dddddd;
  height: 48px;
  vertical-align: middle; }

td.is-old,
th.is-old {
  font-size: 12px;
  color: #BBBBBB; }
td.is-old-normal,
th.is-old-normal {
  color: #BBBBBB; }
td.is-bold,
th.is-bold {
  font-weight: bold; }

.overview-table .is-bold {
  color: #33578A; }

.nocell {
  border-bottom: none; }

th {
  font-weight: 400;
  color: #33578A;
  text-transform: uppercase;
  font-size: 15px; }

th:first-child {
  text-align: left; }
  th:first-child.center {
    text-align: center; }

tr.average td {
  font-size: 18pt;
  font-weight: 700; }
  tr.average td.is-old {
    font-size: 12px; }

tr.is-old {
  font-size: 12px;
  color: #BBBBBB; }

[animate-on-change] {
  transition: all 1s;
  -webkit-transition: all 1s; }

[animate-on-change].changed {
  background-color: red;
  transition: none;
  -webkit-transition: none; }

.large-column {
  width: 70%; }

#summaryTable th[scope="col"] {
  min-width: 110px; }

th[scope="col"] {
  vertical-align: bottom;
  padding: 8px; }
  th[scope="col"].left {
    padding-left: 0; }

#schoolOverallTable td.is-bold {
  font-size: 18pt;
  font-weight: 700; }
#schoolOverallTable td.is-old {
  font-size: 12px; }

p.detail {
  font-size: 10pt;
  color: #999999; }

.pageBase {
  width: calc(100% - 16px);
  max-width: 1080px;
  background: #ffffff;
  box-shadow: 0 4px 9px rgba(0, 0, 0, 0.16);
  padding: 24px 40px;
  border-radius: 4px;
  margin: 80px auto;
  margin-bottom: 16px; }

@media (max-width: 720px) {
  .pageBase {
    padding: 16px 24px; } }
@media (max-width: 320px) {
  .pageBase {
    padding: 8px 8px; } }
@media print {
  .pageBase {
    box-shadow: none;
    margin: 0;
    padding: 0; }

  span.filterCaption {
    display: none; }

  select {
    display: none; } }
div.graph {
  width: 100%; }
  div.graph.mockup {
    height: 400px;
    background: #e5e5e7;
    border: 1px solid #cccccc; }
  div.graph span.graphPlaceholder {
    display: table;
    line-height: 400px;
    text-align: center;
    vertical-align: middle;
    word-wrap: normal;
    overflow-wrap: break-word;
    width: 100%;
    color: #999999;
    font-size: 18pt; }

div.flexBox {
  min-width: 220px;
  margin: 0 16px 0 0; }
  div.flexBox.third {
    width: calc(100%/3 - 16px); }
    @media print {
      div.flexBox.third {
        width: 100%; } }
    div.flexBox.third:last-child {
      margin: 0; }
  div.flexBox.half {
    width: 50%; }
    @media print {
      div.flexBox.half {
        width: 100%; } }
  div.flexBox.twoThirds {
    width: calc(200%/3); }
  div.flexBox.full {
    width: 100%; }

#studentInfo {
  margin-top: 54px;
  margin-right: calc(100%/6 - 16px); }
  @media print {
    #studentInfo {
      margin-right: 0; } }

@media (max-width: 754px) {
  #studentInfo {
    margin-top: 0; } }
.mainBlue {
  color: #33578A; }

.gradeLevel0 {
  color: #BBBBBB; }

.gradeLevel1 {
  color: #B71C1C; }

.gradeLevel2 {
  color: #F44336; }

.gradeLevel3 {
  color: #FB8C00; }

.gradeLevel4 {
  color: #FFB300; }

.gradeLevel5 {
  color: #7CB342; }

.gradeLevel6 {
  color: #2E7D32; }

/*# sourceMappingURL=qmagico-relatorio-secretaria.css.map */