/* Position the search box in the center and make it float */
.select2-selection--single {
    border: 0px solid #fff !important;
    box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075) !important;
    padding: 8px !important;
    border-radius: 46px !important;
    transition: box-shadow 0.8s ease-in-out;
}

.select2-selection--single:hover {
    box-shadow: inset 0 5px 10px rgba(5, 0, 0, 0.075) !important;
    border-radius: 46px !important;
    cursor: pointer;
}

.ui-widget-content {
    border-radius: 8px !important;
    border: 0px solid #fff !important;
    background: #FFFFFF !important;
    /*z-index:1500!important;*/
    box-shadow: 2px 2px 5px #999;
    padding: 10px !important;
    overflow-y: auto;
}

.select2-dropdown {
    border: 0px solid #fff !important;
    border-radius: 8px !important;
}

.form-control-global-search {
    border: 0px solid #fff !important;
    box-shadown: 0px 0px 0px #fff !important;
}

.invalid-feedback {
    display: none !important;
}

.select2-selection__clear {
    display: none !important;
}

#searchcommodityform-term {
    border: 0px solid #F3F2F2 !important;
    box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075) !important;
}

.form-control-global-search {
    border: 0px solid #fff !important;
    box-shadown: 0px 0px 0px #fff !important;
}

.invalid-feedback {
    display: none !important;
}

.select2-selection__clear {
    padding: 5px !important;
    display: block !important;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    right: 8px;
    transform: translateY(-15%);
}

.field-searchcommodityform-operation, .field-searchcommodityform-country, .field-searchcommodityform-term {
    margin-bottom: 0.5rem !important;
}

.btn-primary {
    background-color: #007bff;
    border-color: #007bff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: relative;
}

.btn-primary:hover {
    background-color: #0069d9;
    border-color: #0062cc;
}

.fa-search {
    font-size: 20px;
}

.spinner-overlay {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-top-color: #fff;
    animation: none;
    visibility: hidden;
    opacity: 0;
}

.btn-primary:hover .spinner-overlay {
    animation: spin 1s linear infinite;
    visibility: visible;
    opacity: 1;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

@media (min-width: 1400px) {
    .ui-widget-content {
        height: 260px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .ui-widget-content {
        height: 165px;
    }
}

@media (max-width: 1199.98px) {
    .ui-widget-content {
        height: 150px;
    }
}

#search_mobile .select2-selection__rendered , #search_mobile input::placeholder{
    text-align: center;
}