@import url(https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap);
.skin-black .main-header .logo{
  background-color:#333;
  border-bottom:0 solid rgba(0,0,0,0);
  border-right:1px solid #eee;
  color:#fff
}

.skin-black .main-header .logo:hover,.skin-black .main-header .logo:focus{
  background-color:#333;
  font-weight:400
}

.modal-header{
  display:flex;
  justify-content:space-between
}

.modal-header:before,.modal-header:after{
  content:none
}

#warning-img-environment span{
  font-weight:bold
}

#warning-img-environment{
  background:repeating-linear-gradient(45deg, #ffa500, #ffa500 10px, #f8bf56 10px, #f8bf56 20px)
}

#warning-nav-environment{
  background:repeating-linear-gradient(45deg, #ffa500, #ffa500 10px, #f8bf56 10px, #f8bf56 20px)
}

.env-warning-img{
  height:500px;
  display:block;
  margin:auto
}

.env-warning-message{
  text-align:center;
  margin:15px;
  font-size:1.5em
}

.s-alert-box{
  z-index:2048
}

.create-note-button{
  padding:0;
  font-size:24px;
  font-weight:700
}

.create-note-button:hover,.create-note-button:focus{
  text-decoration:none
}

.dropdown-item{
  display:block;
  width:100%;
  padding:.25rem 1.5rem;
  clear:both;
  font-weight:400;
  color:#212529;
  text-align:inherit;
  white-space:nowrap;
  background-color:rgba(0,0,0,0);
  border:0
}

.dropdown-item:hover,.dropdown-item:focus{
  color:#16181b;
  text-decoration:none;
  background-color:#f8f9fa
}

#is-correct-btn{
  margin-top:45px;
  display:block;
  font-size:small
}

#is-correct-btn a.is-correct{
  background-color:#66f5c6
}

#is-correct-btn a.is-not-correct{
  background-color:#fa8d4d
}

.dropdown-user{
  text-align:center;
  width:100%
}

#nav-user-avatar{
  height:120px;
  width:120px;
  border-radius:60px;
  box-shadow:5px 10px 10px gray;
  margin:10px auto
}

#nav-username{
  text-align:center;
  margin:10px 0
}

#nav-username span{
  color:#3c8dbc;
  font-weight:bold
}

#nav-logout{
  background-color:#222d32;
  color:#b8c7ce
}

#nav-logout:hover{
  background-color:#141a1d;
  color:#fff
}

.status-circles{
  font-size:20pt !important
}

.status-circles .text-warning{
  color:#fa8d4d
}

.status-circles .text-success{
  color:#5cb85c
}

.status-circles .text-danger{
  color:#d9534f
}

.bug-report-header{
  text-align:center
}

.bug-report-header h1{
  font-size:1.5em
}

.bug-report-form{
  width:80%;
  margin:auto
}

.bug-report-form textarea{
  height:100px
}

.livesearch{
  padding:.5em 1em;
  display:flex;
  justify-content:space-between
}

ul.categorisation-score{
  padding-left:10px
}