.error-text{
    font-size: 12px !important;
    color: red;
}

.avatar {
    width: 100px; /* Adjust the width and height as needed */
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
  }
  
  .flash-message{
    width: fit-content !important;
    padding: 20px;
    border-radius: 20px;
    margin-top: 20px;
    transition: all 0.3s ease-in-out 0s;
    z-index: 1000000;
}

.card{
  box-shadow: none !important;
}

.flex-box{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.shadow-card{
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1) !important;
  border-radius: 10px;
}

.construction-image-container{
  position: relative;
  width: 100%;
  height: 100%;
}

.construction-image{
  width: 100%;
  height: 100%;
}

.construction-text{
  position: absolute;
  top: 20%;
  left: 10%;
  font-size: 150px;
}

.table-wrapper {
  width: 100%;
  overflow-x: auto !important;
}

.nav-sidebar .nav-item>.nav-link{
  background-color: black !important;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #007bff !important;
  color: #fff !important;
}

/* custom-scrollbar.css */

/* WebKit-based browsers (Chrome, Safari) */
::-webkit-scrollbar {
  width: 6px;
  border-radius: 4px;
  height: 6px; /* Set the width of the scrollbar */
}

::-webkit-scrollbar-thumb {
  background: #999; /* Color of the scrollbar thumb */
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #555; /* Color of the scrollbar thumb on hover */
}

::-webkit-scrollbar-track {
  background: #ccc; /* Color of the scrollbar track */
}

/* Firefox */
.scrollable-container {
  scrollbar-width: thin;
  scrollbar-color: #999 #ccc;
}

.os-host-overflow-x .nav-link{
  display: flex !important;
    justify-content: center !important;
}

.select2-container--bootstrap4 .select2-dropdown.select2-dropdown--below{
  z-index: 9999 !important;
}

.select2-container{
  z-index: 9999 !important;
}