.mysettings-modal .modal-content {
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb-background) var(--scrollbar-background);
}

.mysettings-modal .modal-content::-webkit-scrollbar {
    width: 11px;
}

.mysettings-modal .modal-content::-webkit-scrollbar-track {
    background: var(--scrollbar-background);
}

.mysettings-modal .modal-content::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb-background);
    border-radius: 6px;
    border: 3px solid var(--scrollbar-background);
}

.mysettings-modal .form-row:not(.nogrid) label,
.mysettings-modal .form-row:not(.nogrid) select {
    width: 100%;
}

@media (min-width: 1024px) {
    .mysettings-modal .form-row:not(.nogrid) label,
    .mysettings-modal .form-row:not(.nogrid) select {
        width: 50%;
    }

    .mysettings-modal select.with-margin {
        width: calc(50% - 10px);
        margin-right: 10px;
    }
}

.mysettings-modal .form-row label:not(.checkbox-label) {
    font-size: 18px;
}

.mysettings-modal .form-row select {
    /*margin-top: 8px;*/
    height: 40px;
    /*width: 100%;*/
    border: 1px solid var(--border-color-light);
    border-radius: var(--border-radius);
}