#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

#myDiv {
  display: none;
  text-align: center;
}

.navbar-light .navbar-brand {
  color: rgb(23,107,184);
}

#principal {
  padding: 20px 0px;
}

#titulo {
  background: #e5e5e5;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 5px 15px;
  margin-bottom: 20px;
  color: rgb(23,107,184);
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
}

#titulo_icon {
  color: #999;
  font-size: 1em;
}

#titulo h1 {
  font-size: 1.2em;
}

#quadro {
  background: #fff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
}

#quadro .input-group {
  margin-bottom: 10px;
}

#quadro label {
  display: block;
}

#quadro textarea {
  width: 100%;
}

#quadro2 {
  background: #fff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin-bottom: 20px;
}

#quadro2 h5 {
  background: #e5e5e5;
  padding: 10px 20px;
  font-size: 1em;
  color: #0f4e8d;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.quadro2_conteudo {
  padding: 20px;
  background: #f6f6f6;
}

.quadro2_conteudo label {
  display: block;
}

.quadro2_conteudo input[type=text] {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin-bottom: 10px;
}

.painel_coluna {
  background: #fff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 10px;
  border: 1px solid #ccc;
}
.painel_pass {
  background: #fff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 10px;
  border: 0px solid #ccc;
}

#painel {
  margin-bottom: 40px;
}

.painel_icone {
  font-size: 4em;
  text-align: center;
  color: #33478e;
}

.painel_icone_num {
  font-size: 2em;
  text-align: center;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.painel_icone_texto {
  text-align: center;
  font-size: 0.875em;
}

.painel_atrasadas {
  background: red;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #fff;
  text-align: center;
  padding-top: 5px;
  margin: 0px;
}

.painel_andamento {
  background: rgb(255,214,0);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #fff;
  text-align: center;
  padding-top: 5px;
  margin: 0px;
}

.painel_noprazo {
  background: rgb(39,160,9);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #fff;
  text-align: center;
  padding-top: 5px;
  margin: 0px;
}

.text-info {
  color: #54b817!important;
}


.btn span.certfile {
    background: url(../img/diploma-icon-23.png) no-repeat;
    float: left;
    width: 16px;
    height: 25px;
}