/*colors*/
/*font*/
/*screen*/
.hidden {
  display: none !important;
}
.btn-info-caspae {
  background-color: #477efd;
  color: #f7f7f7;
  font-weight: 700;
}
.btn-info-caspae:hover {
  text-decoration: underline;
  color: #1b2032;
  border-color: #1b2032;
}
.container-return-btn {
  margin-bottom: 16px;
}
.container-return-btn .return-to-form {
  color: #1b2032;
  font-weight: 700;
}
.container-return-btn .return-to-form:hover {
  text-decoration: underline;
  color: blue;
}
.container-return-btn .return-to-form .return-icon {
  font-size: 20px;
  margin-right: 5px;
  padding-top: 5px;
}
.site-navbar {
  height: 100px;
  position: initial;
  background: #1b2032 !important;
}
@media (max-width: 1200px) {
  .site-navbar .navbar-collapse {
    background: #1b2032;
    position: relative;
    z-index: 1;
  }
  .site-navbar .navbar-collapse .navbar-nav {
    margin-right: 10px;
    margin-left: 10px !important;
  }
}
.top-menu-container {
  background-color: lightgray;
  border-radius: 10px;
  background-color: #427bffc4;
}
@media (max-width: 1200px) {
  .top-menu-container {
    margin-left: 1%;
    margin-right: 1%;
  }
}
.top-menu-container .navbar-light {
  padding-left: 5px;
}
.top-menu-container .navbar-light .navbar-nav .nav-item:active {
  background-color: #97b5fbc4;
}
.top-menu-container .navbar-light .navbar-nav .nav-link {
  color: #f7f7f7;
}
@media (max-width: 1200px) {
  .login-btns-row {
    display: inline-flex;
  }
  .login-btns-row button {
    margin-bottom: 5px;
  }
}
.main-escola-mode-container .escola-header-container .title-container {
  font-weight: 700;
  font-size: 20px;
}
.main-escola-mode-container .escola-btns-container .btn {
  margin-left: 10px;
}