﻿body {background-color:  #3a73aa;font-family: arial}
.btn-blue{background-color:#436e96 ;color:white }
.text-blue{color:#3a73aa}
.text-gray{color:gray !important}
.text-pink02{color:#db5151}
.bg-blue{background-color:#3a73aa !important}
.bg-pink{background-color: #d84b81   !important}
.bg-pink02{background-color: #db5151  !important}
.bg-orange{background-color: #e5a96e !important}
.bg-purple{background-color: #835199  !important}
.bg-blueGradient{background: -webkit-linear-gradient(left, #3a73aa , white)}
.box-white{background-color:white;padding:5px;margin-bottom: 10px}
.slick-dots{top: 85%}
.bigThumbnail{background-color: transparent;cursor: pointer;}
.thumb{ background: -webkit-linear-gradient(bottom, #6d4c41 , black)}
.thumb .title{background-color:#6d4c41;color:white; font-size:0.9em;padding-left:0.5em;height:45px;overflow:hidden;text-transform: capitalize}
.thumb .detail, .thumb .detail a{color:gray;background-color: white;}

.navbar{padding-top:2px;padding-bottom:2px}
.navbar, .dropdown-menu {background-color:white;border:0px}
.navbar .navbar-brand{color:white}
.navbar .navbar-brand:hover{color:#ffe0b2}
.navbar-nav .nav-item{white-space: nowrap}
.navbar-nav .nav-item .nav-link, .navbar-right, a{color:  #555555 }
.navbar-nav .nav-item .nav-link{border-left: 0px solid #ededed}
.navbar-nav .nav-item .nav-link:hover, a:hover{color: #31708f }
.navbar-nav .nav-item a.activeLink, a.activeLink{color:#31708f}

.modal-dialog{
    display: table; /* <-- This makes the trick */
   
}
@media (min-width: 979px) {
 li.dropdown:hover > div.dropdown-menu {
    display: block;
  }
  
}
.dropdown-menu {margin-top:0px}
/*ENSINO*/
.ensinos {margin-bottom: 5px}
.ensinos a:hover{text-decoration: none}
.ensinos .rounded{;overflow:hidden;}
.rounded img{overflow:hidden;}
.ensinos div{}
.ensinos div.bg-purple {background-color: #835199;}
.boxSecao{color:white;padding:5px;border-radius: 10px;font-size:16px;display: inline-block}
.nav-ensino .nav-link{padding:2px;padding-left:10px;margin-top:-10px;margin-right: 3px;float:left;background-color: white;width:19%;overflow:hidden;border-radius: 10px;max-height:30px;white-space: nowrap;}
.ensinos .content .darkLayer{height:30%;bottom:0px;opacity:0.7;text-align: left;padding:0 2px 0 4px}
.ensinos .darkLayer span{top:0px;font-size: 12px;font-style:italic}

@media (max-width: 800px) {
.nav-ensino .nav-link{width:40px;margin-right:5px;margin-bottom: -5px;padding:5px }
.nav-ensino .nav-link span{display: none}
.nav-ensino-center{text-align: center}
.nav-ensino{display:inline-block;}
  }
  
/*IMAGE EFFECT */
.content{margin-top:0px;font-size: 12px;position:relative;}
.frame{position:relative}
.content .darkLayer{cursor:pointer;display:none;background-color:black;position: absolute;width:100%;height:100%;z-index:100;opacity:0.5;color:white;text-align: center;font-size:16px}
.darkLayer span{position:relative;top:40%;}

/*INFANTIL*/
.boxInfantil{}
.boxInfantil div{color:white;margin:10px;border-radius: 10px;padding-top: 20px;}
.boxInfantil div img{margin-bottom: 20px}
.infantil h5{}
.box-infantil{background-color: #835199; color:white;padding:10px;font-family:comic sans ms;border-radius: 10px}
.box-infantil div{border-radius: 10px;padding:3px;display:inline-block;margin-bottom:5px }



.filter input{}
.form-control{display: inline}
.btn1{width:100px}
h4{margin-bottom: 25px}
.masterContainer{background-color: #ededed;padding-bottom: 30px;padding-top:30px;font-size: 14px;color:#424242;  }
.footer{background-color:white;padding-top: 2px;color:gray;font-size:12px}
.footer span{color: white;}
.footer small{color: white;margin-top: 3px}
.rightsReserved{background-color:orange;color:white;font-size:12px;text-align: center;font-weight:bold}


.table tr{font-size: 14px;cursor: pointer}
thead, thead a{color: white;background-color:#81c784; }
thead a{text-decoration:underline }
thead a:hover{color:#ffbb33}

.table-striped>tbody>tr:nth-child(even), 
.table-striped>tbody>tr:nth-child(even) {
   background-color: white;
  
 }
.table-striped>tbody>tr:nth-child(odd), 
.table-striped>tbody>tr:nth-child(odd) {
   background-color: #f2eeea;
 }

.table-hover tbody tr:hover{background-color: #dcedc8 }

.tableBox a{font-size: 14px}

/*Notas*/
table.notas td{text-align:center;}
table.notas th{text-decoration: none;background-color: #4f6b8c;border: 1px solid #adadad;text-align:center;}
table.notas td.disciplina{background-color: #4f6b8c;color:white;border: 1px solid #adadad}
.txt-nota, .txt-falta{text-align:center;background-color: transparent;border:none;color:#4f6b8c;font-size:14px;font-weight: bold}
.txt-falta{color:#FF8800}
.notas-aluno-header label{display:inline-block;border:1px solid #bdbdbd;background-color: white;padding:7px;border-radius: 5px }
.label-box{border:0px solid #bdbdbd;border-radius: 5px;}