.login-container {
    margin-top: 50px;
}
.login-image {
    max-width: 100%;
    height: auto;
}
.login-form {
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
/* Width of the scrollbar */
::-webkit-scrollbar {
    display: none;
  }

.active{
    background-color: rgb(243 245 243 / 57%) !important;
    color: #343a40 !important;
}

.parent-active{
    background-color: #2285ef !important;
    color: white !important;
}
.custom-table-container {
    max-height: 100vh;  /* Fix height */
    overflow-y: auto;   /* Enable vertical scroll */
    overflow-x: hidden; /* Hide horizontal scroll */
}

.table {
    width: 100%;
    table-layout: fixed; /* Ensures columns stay aligned */
}

.table-scroll{
    min-height: 75vh;
    max-height: 75vh;
    overflow-y: auto;
}
.table-header{
    position: sticky;
    top: 0;
    background: white;
    z-index: 2;
}

.slider-container {
    position: relative;
    width: 100%;
    max-width: 400px;
    height: 6px;
    background: #ddd;
    border-radius: 5px;
   
}

.slider-bar {
    position: absolute;
    height: 6px;
    background: #007bff;
    border-radius: 5px;
}

.slider-handle {
    position: absolute;
    width: 16px;
    height: 16px;
    background: #007bff;
    border-radius: 50%;
    cursor: pointer;
    top: -5px;
    transform: translateX(-50%);
}


#title{
    background-color: rgb(23 162 184 / 51%);
    color: #fff;
}

#startValue{
    min-width: 35px;
}

#endValue{
    margin-left: 20px;
    min-width: 35px;
}