.home-image{position:absolute;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}
html,body{
  overflow-x:hidden;
  font-family: "Noto Sans", sans-serif!important;

}


/*
 * Admin Sidebar
 */
.bi {
  display: inline-block;
  width: 1rem;
  height: auto;
}
@media (min-width: 768px) {
  .sidebar .offcanvas-lg {
    position: -webkit-sticky;
    position: sticky;
    top: 48px;
  }
  .navbar-search {
    display: block;
  }
}

.sidebar .nav-link {
  font-size: .875rem;
  
  color: black;
}

.nav-link.active {
  color: #2470dc!important;
  font-weight: 500;
}

.sidebar-heading {
  font-size: .75rem;
}

/*
 * Navbar
 */

.navbar-brand {
  padding-top: .75rem;
  padding-bottom: .75rem;
  
}

.navbar .form-control {
  padding: .75rem 1rem;
}

/** Other */
.avatar{
  width: 100%;
  height:500px;
  max-height:300px;
  position:relative;
  overflow: hidden;
}
.avatar img{
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;

}
.card.with-avatar{
  max-width:300px;
}


/** Form */
.form-floating  label{
  
}
.disabled{
  pointer-events:none;
  background-color:#ffffff!important;
  border:unset !important;
}


/** Survey */

.question-star{
  cursor:pointer;
  color:#CCB363 ;
}
.star-container{
  caret-color: transparent;
}

.text-green{
  color: #567332 !important
}

/** Trix */
trix-editor, trix-toolbar .trix-button {
  background: white!important;
}
.img-thumbnail{
  max-width: 100px !important;
  object-fit: cover;
  min-width: 63px;
}

.navbar-brand img {
  max-width: 200px;
}

.word-cloud{
    background-color: white;
}
.word-cloud-word {
  border: 2px dashed orange;
  text-shadow: 1px 1px 1px black;
  box-sizing: border-box;
  display:none;
}
.circle-avatar{
  height: 100px;
  width: 100px;
  margin: auto;
  overflow: hidden;
  border-radius: 50%;
}