.topnavbar {
  background: none;
  background-color: #3a3f51;
  
	background: none;
	background-image: linear-gradient( 45deg, #fd7e14 25%, #ffc107 25%, #ffc107 50%, #fd7e14 50%, #fd7e14 75%, #ffc107 75%, #ffc107 100% );
  background-size: 56.57px 56.57px;
}

.form-text {
  margin-bottom: 0;
  color: #929292;
}

.form-text.-extra-margin-top {
  margin-top: 6px;
}

fieldset.-no-margin-bottom {
  margin-bottom: 0;
}

fieldset.-no-padding-bottom {
  padding-bottom: 0;
}

.checkbox label.-no-margin-bottom {
  margin-bottom: 0;
}

body .whirl:before {
  background-color: #020304;
  opacity: 0.1;
}

body .whirl.duo:after {
  border-right-color: #3a3f51;
  border-left-color: #3a3f51;
  border-top-color: #656d8c;
  border-bottom-color: #656d8c;
}

.sidebar-nav > li > a,
.sidebar-nav > li > .nav-item {
  color: #3a3f51;
}

.sidebar-nav > li > a:focus,
.sidebar-nav > li > a:hover,
.sidebar-nav > li > .nav-item:focus,
.sidebar-nav > li > .nav-item:hover {
  color: #3a3f51 !important;
}

.sidebar-nav > li > a:focus span,
.sidebar-nav > li > a:hover span,
.sidebar-nav > li > .nav-item:focus span,
.sidebar-nav > li > .nav-item:hover span {
  text-decoration: underline !important;
}

.topnavbar .navbar-nav > .nav-item > .nav-link:hover,
.topnavbar .navbar-nav > .nav-item > .nav-link:focus,
.topnavbar .navbar-nav > .nav-item.show > .nav-link:hover,
.topnavbar .navbar-nav > .nav-item.show > .nav-link:focus {
  color: #FFFFFF !important;
}

[type="password"] {
  letter-spacing: 2px;
}

.invalid-feedback.-form-error {
  display: block;
  margin-top: 15px;
}

.js-date-picker:not( [disabled] ),
.js-time-picker:not( [disabled] ) {
  background-color: #FFFFFF !important;
}

.form-group .timelog-row {
  margin-bottom: 10px;
}

.form-group .timelog-row:last-of-type {
  margin-bottom: 0;
}

.wrapper .section-container {
  margin-bottom: 0 !important;
}

/* !password strength */

  .password-strength {
    width: 100%;
    padding: 0;
    margin: 6px 0 0 0;
    font-size: 0;
  }
  
  .password-strength li {
    display: inline-block;
    width: calc( ( 100% - 6px ) / 3 );
    height: 6px;
    margin: 0 3px 0 0;
    background-color: #e4eaec;
    position: relative;
    overflow: hidden;
  }
  
  .password-strength li::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
  }
  
  .password-strength li:nth-of-type( 1 )::before {
    background-color: #f05050;
  }
  
  .password-strength li:nth-of-type( 2 )::before {
    background-color: #ff902b;
  }
  
  .password-strength li:nth-of-type( 3 )::before {
    background-color: #27c24c;
  }

  .password-strength li:first-of-type {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }

  .password-strength li:last-of-type {
    margin-right: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  
  .password-strength li.-active::before {
    display: block;
  }

@media ( min-width: 576px ) {
  
  .form-group .timelog-row {
    margin-bottom: 0;
  }
  
  .form-group .timelog-row:first-of-type {
    padding-right: 5px;
  }
  
  .form-group .timelog-row:last-of-type {
    padding-left: 5px;
  }
  
}

@media ( min-width: 992px ) {
  
  .form-group .timelog-row {
    margin-bottom: 10px;
  }
  
  .form-group .timelog-row:last-of-type {
    margin-bottom: 0;
  } 
  
  .form-group .timelog-row:first-of-type {
    padding-right: 15px;
  }
  
  .form-group .timelog-row:last-of-type {
    padding-left: 15px;
  }
  
}

@media ( min-width: 1200px ) {
  
  .form-group .timelog-row {
    margin-bottom: 0;
  }
  
  .form-group .timelog-row:first-of-type {
    padding-right: 5px;
  }
  
  .form-group .timelog-row:last-of-type {
    padding-left: 5px;
  }  
  
}

/* !colour picker */

  .sp-container .sp-picker-container {
    padding-bottom: 295px !important;
  }

  .sp-container .sp-top {
    margin-bottom: 0;
  }

  .sp-container .sp-button-container {
    display: none !important;
  }

/* !table */

  table th,
  table td {
    padding: 0.25rem 0.5rem !important;
  }

  .table-responsive > .table-bordered {
    border: 1px solid #EEEEEE !important;
  }

/* !outdated */

  div#outdated,
  div#insecure {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background-color: #ED1849;
  }

  div#outdated > div.inner,
  div#insecure > div.inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }

  div#outdated > div.inner > h1,
  div#insecure > div.inner > h1 {
    width: 100%;
    text-align: center;
    margin: 0 0 40px 0;
    font-size: 32px;
    color: #FFFFFF;
  }

  div#outdated > div.inner > p,
  div#insecure > div.inner > p {
    width: 100%;
    text-align: center;
    margin: 5px 0 0 0;
    font-size: 16px;
    color: #FFFFFF;
  }

  div#outdated > div.inner > p > a,
  div#insecure > div.inner > p > a {
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid #ffffff;
    cursor: pointer;
  }

  div#outdated.visible,
  div#insecure.visible {
    display: block;
  }