body {
    overscroll-behavior: none !important;
}
/* Admin */
.field-get_picture img {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    object-fit: cover;
}
.bg-primary {
    background-color: #262b40!important;
}
.admin-filters h3{
  font-size:14px;
}
.admin-filters ul{
  list-style: none;
  padding-left: 0;
}
.admin-filters select{
  margin-left: 0 !important;
}
.avatar img {
    width: 2rem;
    height: 2rem;
    object-fit: cover;
}
.related-widget-wrapper {
    width: 100% !important;
    margin-bottom: 10px;
}
.field-step_percentage {
    margin-top: 1.5rem;
}
.field-name .vTextField{
    width: 100%;
}
.field-client .related-widget-wrapper .select2-container--admin-autocomplete{
  display: block;
  padding: 0.5rem 1rem 0.5rem 1rem;
  -moz-padding-start: calc(1rem - 3px);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #6B7280;
  background-color: #ffffff;
  width: 100% !important;
  border: 0.0625rem solid #D1D5DB;
  border-radius: 0.5rem;
  box-shadow: inset 0 1px 2px rgb(17 24 39 / 1%);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
nav.navbar.navbar-top.navbar-expand.navbar-dashboard {
    margin-bottom: -50px;
    z-index: 9;
}
.errorlist{
  margin-top:1.5rem !important;
}
/* Frontend */
#navbar-main .nav-item .nav-link.active {
    color: #F8BC7A !important;
}
#navbar-main .nav-item .nav-link:hover {
    color: #F8BC7A !important;
}
.projectmanagers-filter .card,.departments-filter .card{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 0 5px;
}
.projectmanagers-filter .card:hover, .departments-filter .card:hover{
  background-color: #262B3F !important;
  cursor: pointer;
}
.projectmanagers-filter .card.active, .departments-filter .card.active{
  background-color: #262B3F !important;
}
.projectmanagers-filter .card.active .projectmanager-name, .departments-filter .card.active .department-name{
  color: #FFFFFF !important
}

.projectmanagers-filter .card:hover .projectmanager-name, .departments-filter .card:hover .department-name{
  color: #FFFFFF !important
}
.projectmanagers-filter .projectmanager-picture{
  height: 100px;
  width: 100px;
  border-radius: 50%;
  margin: 2rem 0 1rem 0;
  object-fit: cover;
}
.projectmanagers-filter .projectmanager-name{
  margin-bottom: 2rem;
}
.departments-filter .department-name{
  margin: 2rem 0.5rem;
  text-align: center
}
.filter-title{
  font-size: 1.5rem;
  font-weight: bold;
  margin-right: 20px;
}
.tab-button{
  margin: 0 10px;
  cursor: pointer;
}
.tab-button.active{
  font-weight: bold;
}
.tab.hidden {
    display: none;
}
.projects-list .progress{
  height:40px;
}
.projects-list .project-name{
  font-weight: bold;
}
.reset-button{
  color: #EA2C2D;
  float:right;
  cursor: pointer;
}
.progress-bar.bg-blue{
  background-color: #262B3F !important;
}