.mandatoryFieldMarker {
    color: red;
    font-weight: bold;
}
::-webkit-scrollbar {
    width: 5px;
}
/*Track*/
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
/*Handle*/
::-webkit-scrollbar-thumb {
    background: #888;
}
    /*Handle on hover*/
    ::-webkit-scrollbar-thumb:hover {
        cursor: pointer;
        background: #555;
    }

.submenu i {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    outline: 1px solid var(--bs-primary);
    background: #fff;
    color: var(--bs-primary);
    transition: all 0.3s ease; /* smooth transition */
}

.submenu:hover i,
.submenu:active i,
.submenu.active i {
    background-color: var(--bs-primary); /* or var(--bs-dark) if you prefer */
    color: #fff;
    outline: 1px solid var(--bs-primary);
}

.td_center {
    text-align: center;
}

.td_verticalCenter {
    vertical-align: middle !important;
    text-align: center !important;
}

.td_vertical {
    vertical-align: middle !important;
}

.td_vertical_right {
    vertical-align: middle !important;
    text-align: right;
}

/* Hide dropdown arrow for datalist inputs */
input[list]::-webkit-calendar-picker-indicator {
    display: none !important;
    -webkit-appearance: none;
}

input[list] {
    -moz-appearance: textfield; /* Firefox */
    appearance: textfield;
}