/* ----- */
/* WIDTH */
/* ----- */
.w-auto {
    width: auto;
}

.w-auto-i {
    width: auto!important;
}

.w-100 {
    width: 100%;
}

.w-90 {
    width: 90%;
}

.w-85 {
    width: 85%;
}

.w-80 {
    width: 80%;
}

.w-75 {
    width: 75%;
}

.w-60 {
    width: 60%;
}

.w-50 {
    width: 50%;
}

.w-45 {
    width: 45%;
}

.w-40 {
    width: 40%;
}

.w-33 {
    width: 33%;
}

.w-30 {
    width: 30%;
}

.w-25 {
    width: 25%;
}

.w-20 {
    width: 20%;
}

.w-10 {
    width: 10%;
}

/* MAX */
.mw-auto {
    max-width: auto;
}

.mw-auto-i {
    max-width: auto!important;
}

.mw-100 {
    max-width: 100%;
}

.mw-90 {
    max-width: 90%;
}

.mw-85 {
    max-width: 85%;
}

.mw-80 {
    max-width: 80%;
}

.mw-75 {
    max-width: 75%;
}

.mw-60 {
    max-width: 60%;
}

.mw-50 {
    max-width: 50%;
}

.mw-40 {
    max-width: 40%;
}

.mw-33 {
    max-width: 33%;
}

.mw-30 {
    max-width: 30%;
}

.mw-25 {
    max-width: 25%;
}

.mw-20 {
    max-width: 20%;
}

.mw-10 {
    max-width: 10%;
}

.mw-p100 {
    max-width: 100px;
}

/* ------ */
/* HEIGHT */
/* ------ */
.h-auto {
    height: auto;
}

.h-100 {
    height: 100%;
}

.h-90 {
    height: 90%;
}

.h-85 {
    height: 85%;
}

.h-80 {
    height: 80%;
}

.h-75 {
    height: 75%;
}

.h-60 {
    height: 60%;
}

.h-50 {
    height: 50%;
}

.h-40 {
    height: 40%;
}

.h-30 {
    height: 30%;
}

.h-25 {
    height: 25%;
}

.h-20 {
    height: 20%;
}

.h-10 {
    height: 10%;
}

/* MAX */
.mh-auto {
    max-height: auto;
}

.mh-100 {
    max-height: 100%;
}

.mh-90 {
    max-height: 90%;
}

.mh-85 {
    max-height: 85%;
}

.mh-80 {
    max-height: 80%;
}

.mh-75 {
    max-height: 75%;
}

.mh-60 {
    max-height: 60%;
}

.mh-50 {
    max-height: 50%;
}

.mh-40 {
    max-height: 40%;
}

.mh-30 {
    max-height: 30%;
}

.mh-30 {
    max-height: 30%;
}

.mh-25 {
    max-height: 25%;
}

.mh-20 {
    max-height: 20%;
}

.mh-10 {
    max-height: 10%;
}

.mh-p100 {
    max-height: 100px;
}