.form-denuncia-cbcs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

    h4, p {
        width: 100%;
    }

    h4 {
        margin: 0.5rem 0;
    }

    .obli {
        color: red;
        font-weight: 600;
    }
}

form#form-denuncia {
    display: flex;
    flex-wrap: wrap;
    margin: 0.35rem 0.75rem;
    padding: 1.35rem 1.75rem;
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 0.5rem;
}

form#form-denuncia > .form-row {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;

    .form-group {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        padding: 0rem 0.35rem;
        margin: 0.6rem;

        label {
            font-size: medium;
        }

        input.form-control {
            width: 100%;
            margin: 0.6rem 0;
            padding: 0.65rem 0.95rem;
            border: 1px solid rgba(0, 0, 0, 0.25);
            border-radius: 0.25rem;
        }
    }

    [class*="col"] {
        position: relative;
        width: 100%;
    }
}

form#form-denuncia > .form-row:last-child {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;

    input[type="submit"] {
        padding: 0.65rem 0.95rem;
        background-color: #00AB66;
        color: #FAFAFA;
        box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
    }

    input[type="submit"]:hover {
        box-shadow: unset;
    }
}

/* -- Responsive -- */
@media screen and (max-width: 768px) {
    form#form-denuncia > .form-row {
        flex-wrap: wrap;

        .form-group {
            width: 100%;
        }

        input[type="submit"] {
            padding: 0.65rem 0.95rem;
            width: 100%;
        }
    }
}