
@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}


/*Side bar*/
body {
    min-height: 100vh;
    min-height: -webkit-fill-available;
    margin-bottom: 60px;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
}

html {
    height: -webkit-fill-available;
    position: relative;
    min-height: 100%;
    font-size: 14px;
}

main {
    display: flex;
    flex-wrap: nowrap;
    height: -webkit-fill-available;
    overflow-x: auto;
    margin-bottom: 20px;
}


@media (max-width: 767.98px) {
    .sidebar-overlay {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1040;
        background-color: #000;
        filter: alpha(opacity=50);
        opacity: .5;
    }
    #sidebar {
        position: absolute;
        z-index: 9999;
    }
}
#sidebar-nav {
    width: 280px;
}
/*Form*/
.center-align-form {
    align-items: center !important;
    min-height: 100vh;
}

/*Phone validator*/
.iti {
    display: block !important;
}

    .iti .form-control {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

/**Select 2*/
.select2-container--bootstrap-5.select2-container--focus .select2-selection,
.select2-container--bootstrap-5.select2-container--open .select2-selection,
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus {
    border-color: #aad6a4 !important;
    box-shadow: 0 0 0 0.25rem rgba(170, 214, 164, 0.5) !important;
}
.select2-container--bootstrap-5 .select2-dropdown {
    border-color: #aad6a4 !important;
}

    .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected,
    .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
        background-color: #aad6a4 !important;
    }

.card-body .soundpay-logo {
    background-color: #54AC48;
    border-radius: 5px;
    padding: 0.5rem 1rem;
}