/*
.navbar-nav > li >a{
  color:  !important;
}
.navbar-nav > li:hover >a,
.navbar-nav > li.active >a
{
  background-color:  !important;
  color:  !important;
}*/

.iconefonte{
  }
.iconeimagem{
  display:none;}

@media (min-width: 992px) and (max-width: 1199px) {
  .border-left{
    border-left: 1px solid #bbb;
  }

  .border-right{
    border-right: 1px solid #bbb;
  }
}
@media (min-width: 1200px) {
  .border-left{
    border-left: 1px solid #bbb;
  }

  .border-right{
    border-right: 1px solid #bbb;
  }  
}



.menuactive > a{
  background-color:  !important;
  color:  !important;
}

.menuactive > a:hover, .menuactive > a:focus, .menuactive > a:active {
  background-color:  !important;
  color:  !important;

}

.menunav > a{
  background-color:  !important;
  color:  !important;
}

.menunav > a:hover, .menunav > a:focus, .menunav > a:active {
  background-color:  !important;
  color:  !important;
}



.navsecundario{
  font-size: 10px;
  color:  !important;
}

.navsecundario:hover{
  font-size: 10px;
  background-color:  !important;
  color:  !important;
}



.segundoMenu {background-color:  !important;}



@media (max-width: 767px) {
  .menutoggle{
    border-radius: 4px;
    border: 0px solid ;
    position: relative;
    padding: 3px 3px;
    margin: 8px 15px 8px;
    background-color: ;
    float: right;
    color:   }

  .menutoggle:hover, .menutoggle:focus, .menutoggle:active { 
    border-radius: 4px;
    border: 0px solid ;
    position: relative;
    padding: 3px 3px;
    margin: 8px 15px 8px;
    background-color: ;
    float: right;
    color:    ;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .menutoggle{display: none;}
}
@media (min-width: 992px) and (max-width: 1199px) {
  .menutoggle{display: none;}
}
@media (min-width: 1200px) {
  .menutoggle{display: none;}
}



/*CORES*/
.bg-primaria{
    background-color:  !important;
}
.bg-secundaria{
    background-color:  !important;
}
.bg-terciaria{
    background-color:  !important;
}
.bg-escola{
    background-color:  !important;
}

.color-primaria{
    color:  !important;
}
.color-secundaria{
    color:  !important;
}
.color-terciaria{
    color:  !important;
}
.color-escola{
    color:  !important;
}

.border-primaria{
    border-color:  !important;
}
.border-secundaria{
    border-color:  !important;
}
.border-terciaria{
    border-color:  !important;
}
.border-escola{
    border-color:  !important;
}

.btn-primaria{
  font-weight: bold;
  color: ;
  background-color:  !important;
  border-color:  !important;
}
.btn-primaria:hover, .btn-primaria:active{
  font-weight: bold;
  color: ;
  background-color:  !important;
  border-color:  !important;
  filter:brightness(120%);
}
.btn-secundaria{
  font-weight: bold;
  color: ;
  background-color:  !important;
  border-color:  !important;
}
.btn-secundaria:hover, .btn-secundaria:active{
  font-weight: bold;
  color: ;
  background-color:  !important;
  border-color:  !important;
  filter:brightness(120%);
}
.btn-terciaria{
  font-weight: bold;
  color: ;
  background-color:  !important;
  border-color:  !important;
}
.btn-terciaria:hover, .btn-terciaria:active{
  font-weight: bold;
  color: ;
  background-color:  !important;
  border-color:  !important;
  filter:brightness(120%);
}
.btn-escola{
  font-weight: bold;
  color: ;
  background-color:  !important;
  border-color:  !important;
}
.btn-escola:hover, .btn-escola:active{
  font-weight: bold;
  color: ;
  background-color:  !important;
  border-color:  !important;
  filter:brightness(120%);
}

.btn-acao{
  font-weight: bold;
  color:  !important;
  background-color:  !important;
  border-color:  !important;
}
.btn-acao:hover, .btn-acao:active{
  font-weight: bold;
  color:  !important;
  background-color:  !important;
  border-color:  !important;
}


.botaoEnviar{
  background-color:  !important;
  border-color:  !important;
  color:  !important;
  font-weight: bold !important;
  display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-top-color: transparent;border-right-color: transparent;border-bottom-color: transparent;border-left-color: transparent;border-radius: 4px;
}
.botaoEnviar:hover{
  background-color:  !important;
  border-color:  !important;
  color: COR_TEXT !important;
  filter:brightness(120%);
  font-weight: bold !important;
  display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-top-color: transparent;border-right-color: transparent;border-bottom-color: transparent;border-left-color: transparent;border-radius: 4px;  

}

.square{
    width: 95%;
    height: 0; /* A mágica está aqui */
    padding-bottom: 95%; /* ... e está aqui */
    margin: 1%;
}

.square a{
  text-decoration: none;
  font-weight: bold;
  color:  !important;
}

.square a:link{
  text-decoration: none;
  font-weight: bold;
  color:  !important;
}

.quadrado-app{
  border: 1px solid #DDDDDD; 
  <!-- border-radius: 5px;  -->
  padding: 5px;
  justify-content: center; 
  background-color: #EEEEEE;
}

.quadrado-app:hover, .quadrado-app:active{
  border: 1px solid #EEEEEE; 
  <!-- border-radius: 5px;  -->
  padding: 5px;
  justify-content: center; 
  background-color: #DDDDDD;
}