.cursor {
    cursor: pointer;
}

.input-group .dropdown {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}

.dropdown-item {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*
    https://laravel-livewire.com/docs/2.x/actions#introduction
    Like the above example using `wire:submit.prevent` directly at the form opening tag will generate "readonly" properties for all html elements inside the form during the requests.
*/

/* [wire\:submit\.prevent] > input {
    width: 5% !important;
} */

/* input[readonly] {
    color: black !important;
    background-color: yellow !important;
} */

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .swiper-middle {
        margin: 0 -10%;
    }
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .swiper-middle {
        margin: 0;
    }
}