html {
  height: 100%;
  margin: 0; }

body {
  height: 100%;
  margin: 0; }

.login-logo {
  background-color: black;
  margin-bottom: 0;
  color: white; }

.navbar-light ul.navbar-nav li.nav-item.active {
  background-color: red; }
  .navbar-light ul.navbar-nav li.nav-item.active a {
    color: white; }

.nav a.nav-link.active {
  font-weight: bold; }

.operation-button {
  cursor: pointer;
  border: 1px solid transparent;
  width: 20px;
  height: 20px; }
  .operation-button:hover {
    border: 1px solid black; }

.error-404 {
  min-height: 100%;
  vertical-align: middle;
  position: relative; }
  .error-404 .error {
    border: 10px solid #444;
    border-radius: 20px;
    padding: 20px;
    position: absolute;
    top: 20%;
    left: 50%;
    width: 300px;
    margin-left: -150px;
    height: 150px;
    margin-top: -75px; }
    .error-404 .error .code {
      text-align: center;
      font-family: Times New Roman;
      font-size: 96px;
      font-weight: bold; }
    .error-404 .error .info {
      text-align: right; }

.mandatory-asterisk {
  color: #f00;
  padding-left: 5px; }

.form-widget-wrapper.on-loading {
  opacity: 0.2; }

.hide {
  display: none; }

.table-sticky {
  border-collapse: collapse;
  position: relative; }
  .table-sticky thead th {
    background-color: white;
    position: sticky;
    top: 0; }

[x-cloak] {
  display: none !important; }