/* Button Clear background color */
.btn-warning, .btn-warning:hover, .btn-warning:active, .btn-warning:visited {
    background-color: #333333 !important;
    border-color: #333333 !important;
    color: white !important;
    box-shadow: #333333 !important;
}

/* Button Search background color */
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
    color: white !important;
    background-color: #CF4240 !important;
    border-color: #CF4240 !important;
}

/* Button New Search background color */
.btn-info, .btn-info:hover, .btn-info:active, .btn-info:visited {
    color: white !important;
    background-color: #038391 !important;
    border-color: #038391 !important;
}

.btn:focus {
    box-shadow: none !important;
}

.form-control {
    border-color: #6c757d; /* Darker border color for better contrast */
}
.form-select {
    border-color: #6c757d; /* Darker border color for better contrast */
}
@media (max-width: 767.98px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        padding-bottom: 1rem; /* Adjust the value as needed */
    }
    .text-right-sm {
        text-align: left !important;
    }

    .autocomplete_completionListElement {
        left: auto;
        right: auto;
        top: auto;
        bottom: 0;
        transform: translateY(100%); /* Adjust based on zoom level */
    }
}
@media (max-width: 767.98px) {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        padding-bottom: 1rem; /* Adjust the value as needed */
    }
}
@media (max-width: 767.98px) {
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        padding-bottom: 1rem; /* Adjust the value as needed */
    }
}
@media (max-width: 767.98px) {
    .col-xl-1,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12 {
        padding-bottom: 1rem; /* Adjust the value as needed */
    }
}