.debug-1 {
    border: 1px solid red !important
}

.debug-2 {
    border: 1px solid green !important
}

.debug-3 {
    border: 1px solid blue !important
}


.mt-8 {
    margin-top: 2rem
}

.mt-5 {
    margin-top: 1.25rem
}

.mt-10 {
    margin-top: 2.5rem
}

.mb-0 {
    margin-bottom: 0
}

.mb-3 {
    margin-bottom: 3.25rem !important;
}
.mt-3 {
    margin-top: .75rem
}

.mr-2 {
    margin-right: .5rem
}

.mt-4 {
    margin-top: 1rem
}

.ml-1 {
    margin-left: .25rem
}

.mr-10 {
    margin-right: 2.5rem
}

.mt-20 {
    margin-top: 5rem
}

.mr-1 {
    margin-right: .25rem
}

.p-7 {
    padding: 1.75rem
}

.p-4 {
    padding: 1rem
}

.p-0 {
    padding: 0
}

.px-50 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}


.h-1 {
    height: 30px !important
}

.h-2 {
    height: 100px !important
}

.h-3 {
    height: 150px !important
}

.h-4 {
    height: 200px !important
}

.h-5 {
    height: 250px !important
}

.h-6 {
    height: 300px !important
}

.h-7 {
    height: 350px !important
}

.h-8 {
    height: 400px !important
}

.h-9 {
    height: 450px !important
}

.h-10 {
    height: 500px !important
}

.w-data {
    width: 10px !important
}
.w-desc {
    width: 80px !important
}
.w-valor {
    width: 10px !important
}
.w-0 {
    width: 0 !important
}

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

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

.w-3 {
    width: 150px !important
}

.w-4 {
    width: 200px !important
}

.w-5 {
    width: 250px !important
}

.w-6 {
    width: 300px !important
}

.w-7 {
    width: 350px !important
}

.w-8 {
    width: 400px !important
}

.w-9 {
    width: 450px !important
}

.w-10 {
    width: 500px !important
}

.w-11 {
    width: 600px !important
}

.w-12 {
    width: 700px !important
}

.w-13 {
    width: 800px !important
}

.w-14 {
    width: 900px !important
}

.w-15 {
    width: 1000px !important
}

.w-16 {
    width: 1100px !important
}

.w-17 {
    width: 1200px !important
}

.w-18 {
    width: 1300px !important
}

.w-19 {
    width: 1400px !important
}

.w-20 {
    width: 1500px !important
}

.w-10p {
    width: 10% !important
}

.w-20p {
    width: 20% !important
}

.w-25p {
    width: 25% !important
}

.w-30p {
    width: 30% !important
}

.w-33p {
    width: 33.333% !important
}

.w-40p {
    width: 40% !important
}

.w-50p {
    width: 50% !important
}

.w-60p {
    width: 60% !important
}

.w-66p {
    width: 66.666% !important
}

.w-70p {
    width: 70% !important
}

.w-75p {
    width: 75% !important
}

.w-80p {
    width: 80% !important
}

.w-90p {
    width: 90% !important
}

.w-100p {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.maxw-80p {
    max-width: 80% !important
}

.maxw-90p {
    max-width: 90% !important
}

.maxw-100p {
    max-width: 100% !important
}

@media(min-width:768px) {
    .w-md-data {
        width: 10px !important
    }
    .w-md-desc {
        width: 80px !important
    }
    .w-md-valor {
        width: 10px !important
    }
    
    .w-md-0 {
        width: 0 !important
    }

    .w-md-1 {
        width: 50px !important
    }

    .w-md-2 {
        width: 100px !important
    }

    .w-md-3 {
        width: 150px !important
    }

    .w-md-4 {
        width: 200px !important
    }

    .w-md-5 {
        width: 250px !important
    }

    .w-md-6 {
        width: 300px !important
    }

    .w-md-7 {
        width: 350px !important
    }

    .w-md-8 {
        width: 400px !important
    }

    .w-md-9 {
        width: 450px !important
    }

    .w-md-10 {
        width: 500px !important
    }

    .w-md-11 {
        width: 600px !important
    }

    .w-md-12 {
        width: 700px !important
    }

    .w-md-13 {
        width: 800px !important
    }

    .w-md-14 {
        width: 900px !important
    }

    .w-md-15 {
        width: 1000px !important
    }

    .w-md-16 {
        width: 1100px !important
    }

    .w-md-17 {
        width: 1200px !important
    }

    .w-md-18 {
        width: 1300px !important
    }

    .w-md-19 {
        width: 1400px !important
    }

    .w-md-20 {
        width: 1500px !important
    }

    .w-md-10p {
        width: 10% !important
    }

    .w-md-20p {
        width: 20% !important
    }

    .w-md-25p {
        width: 25% !important
    }

    .w-md-30p {
        width: 30% !important
    }

    .w-md-33p {
        width: 33.333% !important
    }

    .w-md-40p {
        width: 40% !important
    }

    .w-md-50p {
        width: 50% !important
    }

    .w-md-60p {
        width: 60% !important
    }

    .w-md-66p {
        width: 66.666% !important
    }

    .w-md-70p {
        width: 70% !important
    }

    .w-md-75p {
        width: 75% !important
    }

    .w-md-80p {
        width: 80% !important
    }

    .w-md-90p {
        width: 90% !important
    }

    .w-md-100p {
        width: 100% !important
    }

    .w-md-auto {
        width: auto !important
    }

    .maxw-md-80p {
        max-width: 80% !important
    }

    .maxw-md-90p {
        max-width: 90% !important
    }

    .maxw-md-100p {
        max-width: 100% !important
    }
}

@media(min-width:992px) {
    .w-lg-0 {
        width: 0 !important
    }

    .w-lg-1 {
        width: 50px !important
    }

    .w-lg-2 {
        width: 100px !important
    }

    .w-lg-3 {
        width: 150px !important
    }

    .w-lg-4 {
        width: 200px !important
    }

    .w-lg-5 {
        width: 250px !important
    }

    .w-lg-6 {
        width: 300px !important
    }

    .w-lg-7 {
        width: 350px !important
    }

    .w-lg-8 {
        width: 400px !important
    }

    .w-lg-9 {
        width: 450px !important
    }

    .w-lg-10 {
        width: 500px !important
    }

    .w-lg-11 {
        width: 600px !important
    }

    .w-lg-12 {
        width: 700px !important
    }

    .w-lg-13 {
        width: 800px !important
    }

    .w-lg-14 {
        width: 900px !important
    }

    .w-lg-15 {
        width: 1000px !important
    }

    .w-lg-16 {
        width: 1100px !important
    }

    .w-lg-17 {
        width: 1200px !important
    }

    .w-lg-18 {
        width: 1300px !important
    }

    .w-lg-19 {
        width: 1400px !important
    }

    .w-lg-20 {
        width: 1500px !important
    }

    .w-lg-10p {
        width: 10% !important
    }

    .w-lg-20p {
        width: 20% !important
    }

    .w-lg-25p {
        width: 25% !important
    }

    .w-lg-30p {
        width: 30% !important
    }

    .w-lg-33p {
        width: 33.333% !important
    }

    .w-lg-40p {
        width: 40% !important
    }

    .w-lg-50p {
        width: 50% !important
    }

    .w-lg-60p {
        width: 60% !important
    }

    .w-lg-66p {
        width: 66.666% !important
    }

    .w-lg-70p {
        width: 70% !important
    }

    .w-lg-75p {
        width: 75% !important
    }

    .w-lg-80p {
        width: 80% !important
    }

    .w-lg-90p {
        width: 90% !important
    }

    .w-lg-100p {
        width: 100% !important
    }

    .w-lg-auto {
        width: auto !important
    }

    .maxw-lg-80p {
        max-width: 80% !important
    }

    .maxw-lg-90p {
        max-width: 90% !important
    }

    .maxw-lg-100p {
        max-width: 100% !important
    }
}