html, body {
    height: 100%;
    margin: 0;
}

.col-sm-6 {
    display: flex;
    align-items: center;
    min-height: 80px;
}

.search-btn:disabled {
    background-color: #e1bee7;
    color: #9c27b0;
    cursor: not-allowed;
}

/* --------- scrollbar --------- */
*::-webkit-scrollbar {
    width: 8px; /* width of the vertical scrollbar */
}

*::-webkit-scrollbar-thumb {
    background-color: #9c27b0; /* color of the scrollbar thumb */
    border-radius: 8px; /* rounded corners of the scrollbar thumb */
}

*::-webkit-scrollbar-track {
    background-color: #f3e5f5; /* color of the scrollbar track (background) */
}

/* --------- end scrollbar --------- */

/* ------------------------------------- media ------------------------------------- */

@media screen and (min-width: 0) and (max-width: 576px) {
    /* --------- scrollbar --------- */
    *::-webkit-scrollbar {
        width: 4px; /* width of the vertical scrollbar */
    }

    *::-webkit-scrollbar-thumb {
        border-radius: 4px; /* rounded corners of the scrollbar thumb */
    }

    /* --------- end scrollbar --------- */
}