:root {
    --color-base: #1b1f34; 
}

* {
    font-family: Montserrat, Helvetica, Arial, sans-serif;
    font-size: 13px;
}

html, body {
    width: 100%;
    height: 100vh;
    background-color: #F4F4F4 !important;
    overflow-x: hidden;
    overflow-y: hidden;
}

    body.body-home {
        overflow-y: scroll !important;
        overflow-x: auto !important;
    }

        body.body-home::-webkit-scrollbar {
            scrollbar-width: thin;
            width: 10px;
        }

        body.body-home::-webkit-scrollbar-track {
            background: #f1f1f1;
            border-radius: 25px;
        }

        body.body-home::-webkit-scrollbar-thumb {
            background-color: var(--color-base);
            border-radius: 25px;
            border: 1px solid #fff
        }

            body.body-home::-webkit-scrollbar-thumb:hover {
                background: #d1d1d1;
            }

.btn {
    width: 100px;
    background-color: var(--color-base) !important;
}

    .btn,
    .btn:active:focus,
    .btn:focus,
    .btn:focus-visible {
        outline: none !important;
        box-shadow: none !important;
        border: 0 none;
        border-radius: 8px;
    }

.btn-text {
    font-weight: 500;
}

.form-control:focus, .form-check-input:focus {
    box-shadow: none !important;
    border: 1px solid #0000002d !important;
}

i.status-1, span.status-1 {
    color: var(--bs-danger);
}

i.status-2, span.status-2 {
    color: var(--bs-success);
}

i.status-3, span.status-3 {
    color: var(--bs-warning);
}

i.status-4, span.status-4 {
    color: var(--bs-success);
}

i.status-5, span.status-5 {
    color: var(--bs-danger);
}

i.status-6, span.status-6 {
    color: var(--bs-primary);
}

.accordion-button {
    font-size: 1.25rem;
    font-weight: bold;
    color: #666
}

    .accordion-button:focus,
    .accordion-button:active:focus {
        box-shadow: none !important;
        border: 0 none !important;
    }

    .accordion-button:not(.collapsed) {
        background-color: #f1f1f1;
        color: #333;
    }


.w-50px {
    width: 50px !important;
}

.w-100px {
    width: 100px !important;
}

.input-text,
.valid {
    border: 1px solid #0000002d !important;
    outline: 0 none !important;
    color: #666;
}

    .valid.modified:not([type=checkbox]) {
        outline: 1px solid #26b050;
    }


.validation-message {
    color: #e50000;
}

.invalid {
    outline: 1px solid #e50000 !important;
}


@media (max-width: 767px) {
    .accordion-cliente {
        text-align: justify;
        padding-bottom: 8px;
    }
}