body {
  background: #dcebea;
}

#logo-ifspcjo {
  background: #ffffff;
}

#navegacao {
  background: #111a44;
  color: #ffffff;
}

#navegacao a {
  color: #e7f2f1;
}

#navegacao a:hover {
  background: #2d8c8c;
}

#conteudo {
  background: #17234f;
  color: #f7f9f9;
}

#conteudo>.row>*:nth-child(2) {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 5px;
  padding: 15px 10px 15px 10px;
  text-align: justify;
}

#conteudo a {
  color: #83d0c8;
  text-decoration: underline;
}

#conteudo a:hover {
  color: #ffffff;
}

#logotipos {
  align-items: center;
  justify-content: space-between;
  border-radius: 5px;
  background-color: #ffffff;
  padding: 15px;
  height: 250px;
}

#logo-secjo {
  mix-blend-mode: multiply;
}

#logotipos>img {
  width: auto;
  height: auto;
  max-width: 48%;
  max-height: 100%;
  object-fit: contain;
}

/* Center the event logo when Bootstrap hides the right logo on phones. */
@media only screen and (max-width: 767px) {
  #logotipos {
    justify-content: center;
  }

  #logotipos>img {
    max-width: 100%;
  }
}

/* Bootstrap's small-screen container cannot fit both logos at full height. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #logotipos>img {
    height: auto;
    max-height: 100%;
    max-width: 48%;
    object-fit: contain;
    width: auto;
  }
}

#logo-centro {
  height: 100px !important;
  background: rgba(255, 255, 255, 0.3);
  padding: 15px;
  border-radius: 15px;
}

.well {
  background: rgba(255, 255, 255, 0.12);
  border: none;
}

.well>ul {
  margin-top: 15px;
  font-family: serif;
  text-decoration: none;
  color: #f7f9f9;
}

.well>img {
  width: 200px;
  height: auto;
  border-radius: 5px 25px 5px 25px;
}

.presencas-confirmadas {
  display: flex;
  flex-flow: row wrap;
}

.presencas-confirmadas>li {
  flex: 250px;
  margin: 5px;
  font-weight: bold;
  font-size: 1.3em;
}

.active a {
  background: rgba(45, 140, 140, 0.32) !important;
}

.nav-tabs>li>a:hover {
  background: rgba(128, 105, 166, 0.24) !important;
}

.atividade {
  margin: 15px 0 0 0;
  background: rgba(255, 255, 255, 0.12);
}

.atividade:hover {
  background: rgba(45, 140, 140, 0.24);
}

.atividade>div:nth-child(2) {
  border-left: none;
}

.atividade-horario {
  color: #e7f2f1;
}

@media only screen and (min-width: 768px) {
  .atividade>div:nth-child(2) {
    border-left: 1px dashed #83d0c8;
  }
}

.help-block {
  color: #174f50;
  background: rgba(231, 242, 241, 0.95);
  padding: 5px;
  border-radius: 5px;
}

.has-error .control-label {
  color: #ffffff;
}

.has-error .help-block {
  background: rgba(231, 242, 241, 0.95);
  padding: 5px;
  border-radius: 5px;
}

.minicursos {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.minicurso {
  flex: 300px;
  -webkit-flex: 300px;
  -ms-flex: 300px;
  margin: 5px 5px 15px 5px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 5px;
  padding: 0px 10px 10px 10px;
  box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.15);
  display: flex;
  flex-flow: row wrap;
}

.minicurso-titulo {
  flex: 100%;
  font-size: 1.4em;
  font-weight: bold;
  min-height: 2em;
  text-align: left;
}

.minicurso-horarios {
  flex: 100%;
  height: 1em;
}

.minicurso-ministrante {
  flex: 100%;
  text-align: right;
  font-weight: bold;
}

.minicurso-descricao {
  flex: 100%;
  height: 13em;
  padding: 0.5em;
  margin: 1em 0 1em 0;
  text-align: justify;
  overflow: auto;
  overflow-x: hidden;
  background: rgba(17, 26, 68, 0.35);
  border-radius: 5px;
}

.minicurso>form {
  flex: 100%;
}

.panel {
  background: rgba(17, 26, 68, 0.26);
  border: 0;

}

.panel-body>h3 {
  margin: 0 0 5px;
  font-size: 1.35em;
  padding: 0.25em 0 0.25em 0;
  font-weight: bold;
}

.btn.btn-primary {
  text-decoration: none !important;
  color: white !important;
  background-color: #8069a6;
  border-color: #8069a6;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus {
  background-color: #6e578f;
  border-color: #6e578f;
}