/* make the footer stick to bottom*/
html,body{
    height: 100%;
    font-size: 14px;
}
.main-content-container{
    min-height: 100%;
    display: flex;
    flex-direction: column;
}
.content-container{
    flex:1;
}

/*Custom bradcrumb color*/
.breadcrumb .breadcrumb-prev{
    color: #a6a6a6;
    text-decoration:underline;
}
.breadcrumb .breadcrumb-prev:hover{
    color: #595959;
    text-decoration:underline;
}
 
/* Sidebar item overflow control */
.sub-nav .item-name{
    overflow:hidden;
}

/* custom input fields for switch */
.custom-switch .form-check-input {
    width: 70px; /* Adjust the width */
    height: 35px; /* Adjust the height */
}

/* custom input color */
input{
    color:#000000 !important;
}
label{
    color:#000000 !important;
}
textarea {
    resize: none;
    color:#000000 !important;
}

/* custom file input */
.file-input, .input-group-text {
    cursor: pointer;
}
.file-label{
    color:#6c757d;
}
.file-input .file-input-disabled{
    background-color:#e9ecef;
}

/* custom style toast */
.toast {
    background-color: #ffffff !important; /* Set to white, you can change this */
    z-index: 1040;
}

/* blur background for toast */
.overlay-blur {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    z-index: 1000; /* Ensure it sits behind the toast but above other elements */
}   

/* route list for searching */
#routeList a{
    display: block;
    margin:10px 5px;
}

/* pagination style for Datatables */
.pagination .page-item.disabled .page-link {
    background-color: #e9ecef; /* Grayish background for disabled state */
    color: #6c757d; /* Muted text color */
    border-color: #dee2e6; /* Border to match */
    cursor: not-allowed; /* Disable click pointer */
    pointer-events: none; /* Disable all user interactions */
    opacity: 0.7; /* Optional: Add a semi-transparent look */
}