@import "variables";

#settings{

    .alternative-gap {
        gap: 0.5rem;
    }

    .input-string,
    .input-number,
    .setting-name-inner,
    .form-check-label {
        font-size: 1.6rem;
        color: $text-color;
        border: none;
        border-radius: 5px;
    }

    .form-check-input {
        margin-left: 5px;
    }

    .form-check-input:focus {
        border: 1px solid rgba(0, 0, 0, 0.25);
        outline: none !important;
        box-shadow: none !important;
    }
    .setting-number {
        width: 20%;
    }
    .setting-name {
        width: 25%;
    }

    .status {
        width: 40% !important;
    }

    .action {
        width: 33%;
    }

    .main-info-container--btn {   
        padding: 1.1rem 5.2rem;
        width: auto;
        max-width: 189px;
    }
}