/* Bootstrap - Extension */

/* Width */
.w-5 {
    width: 5% !important;
}
.w-10 {
    width: 10% !important;
}
.w-20 {
    width: 20% !important;
}
.w-30 {
    width: 30% !important;
}
.w-33 {
    width: 33% !important;
}
.w-40 {
    width: 40% !important;
}
.w-60 {
    width: 60% !important;
}
.w-70 {
    width: 70% !important;
}
.w-80 {
    width: 80% !important;
}
.w-90 {
    width: 90% !important;
}
.w-98 {
    width: 98% !important;
}

/* Height */
.h-5 {
    height: 5% !important;
}
.h-10 {
    height: 10% !important;
}
.h-20 {
    height: 20% !important;
}
.h-30 {
    height: 30% !important;
}
.h-33 {
    height: 33% !important;
}
.h-40 {
    height: 40% !important;
}
.h-60 {
    height: 60% !important;
}
.h-70 {
    height: 70% !important;
}
.h-80 {
    height: 80% !important;
}
.h-90 {
    height: 90% !important;
}

/* Margin Start */
.ms-6 {
    margin-left: 4rem !important;
}
.ms-7 {
    margin-left: 5rem !important;
}
.ms-8 {
    margin-left: 6rem !important;
}
.ms-9 {
    margin-left: 7rem !important;
}
.ms-10 {
    margin-left: 8rem !important;
}

/* Margin End */
.me-6 {
    margin-right: 4rem !important;
}
.me-7 {
    margin-right: 5rem !important;
}
.me-8 {
    margin-right: 6rem !important;
}
.me-9 {
    margin-right: 7rem !important;
}
.me-10 {
    margin-right: 8rem !important;
}

/* Top */
.t-1 {
  top: 0.25rem !important;
}
.t-2 {
  top: 0.5rem !important;
}
.t-3 {
  top: 1rem !important;
}
.t-4 {
  top: 1.5rem !important;
}
.t-5 {
  top: 3rem !important;
}
.t-6 {
    top: 4rem !important;
}
.t-7 {
    top: 5rem !important;
}
.t-8 {
    top: 6rem !important;
}
.t-9 {
    top: 7rem !important;
}
.t-10 {
    top: 8rem !important;
}
.t-25p {
    top: 25% !important;
}
.t-5Op {
    top: 50% !important;
}
.t-75p {
    top: 75% !important;
}

/* Left */
.l-25p {
    left: 25% !important;
}
.l-5Op {
    left: 50% !important;
}
.l-75p {
    left: 75% !important;
}