span.mandatory {
    color: #ff0000;
    font-size: 16px;
    vertical-align: sub;
}

.text-red {
    color: #ff0000;
}


.logo {
    display: inline-block;
}

.login-logo {
    max-width: 150px;
    width: 100%;
    height: auto;
    object-fit: contain;
    transition: all 0.3s ease;
}

.login-logo:hover {
    transform: scale(1.05);
}

.dropdown-list {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1000;
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
    max-height: 150px;
    overflow-y: auto;
    background-color: #f0f0f0;
    display: none;
}


.dropdown-list li {
    padding: 5px 10px;
    cursor: pointer;
}


.dropdown-list li.active {
    background-color: rgb(5, 72, 174);
    color: #fff;
}

.dropdown-list li:hover:not(.active) {
    background-color: #ddd;
    color: #000;
}

.selectpicker + .dropdown-toggle,
.bootstrap-select{
    width:100% !important;
}

.bootstrap-select .dropdown-toggle{
    height:38px;
    border:1px solid #ced4da;
    background:#fff;
    display:flex;
    align-items:center;
}

.bootstrap-select .dropdown-toggle:focus{
    box-shadow:none;
}

.form-label{
    margin-bottom:6px;
    font-weight:600;
}

.row.g-3 > [class*="col-"]{
    display:flex;
    flex-direction:column;
}