body{
  background-color: #002833;
  text-align: center;
  font-family: "Helvetica Neue", sans-serif;
}
*{
  color: white;
}
h1 {
  color: white;
  font-size: 200%;
}
.tipo {
  padding: 20px !important;
  background-color: rgba(255, 255, 255, 0.025);
  transition: .5s;
  cursor: pointer;
  min-height: 300px;
  width: 250px;
  margin: 5px;
}
.tipo:hover {
  box-shadow: 1px 1px 15px #000000;
  background-color: #017999;
}
.tipo:active {
  transform: translateY(10px);
}
.flexbox-traust{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.validate+label{
  text-align: left !important;
}
#sidenav-overlay {
  display: none !important;
}
span.link{
  color: #2A5DB0;
  text-decoration: underline;
  cursor: pointer;
}
nav {
  background-color: #001419 !important;
}
nav li {
  font-weight: bold !important;
}
nav li a {
  transition: .3s !important;
}
nav li a:hover {
  color: #02cbff;
}
nav .brand-logo {
  transition: .3s;
  left: 0;
}
nav .brand-logo:hover {
  color: #02cbff;
}
@media (min-width: 600px) {
  .brand-logo {
    margin-left: 15px !important;
  }
}
@media (max-width: 992px){
  .brand-logo {
    margin-left: 65px !important;
  }
}
.btn-green{
  background-color: #1d9f2c !important;
}
.progress-out{
  width: 100%;
}
.progress-in{
  background-color: #02cbff;
  height: 5px;
  transition: 1s;
}