.pos-relative {
  position: relative !important;
}

.pos-absolute {
  position: absolute !important;
}

.pos-fixed {
  position: fixed !important;
}

.pos-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

.pos-static {
  position: static !important;
}

.d-flex {
  display: flex !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.flex-row, .flex-direction-row {
  flex-direction: row !important;
}

.flex-column, .flex-direction-column {
  flex-direction: column !important;
}

.font-size-1 {
  font-size: 2.5rem !important;
}

.font-size-2 {
  font-size: 2rem !important;
}

.font-size-3 {
  font-size: 1.75rem !important;
}

.font-size-4 {
  font-size: 1.5rem !important;
}

.font-size-5 {
  font-size: 1.25rem !important;
}

.font-size-6 {
  font-size: 1rem !important;
}

.text-align-left {
  text-align: "left" !important;
}

.text-align-right {
  text-align: "right" !important;
}

.text-align-center {
  text-align: "center" !important;
}

.text-align-justify {
  text-align: "justify" !important;
}

.w-0 {
  width: 0% !important;
}

.h-0 {
  height: 0% !important;
}

.z-index-0 {
  z-index: 0 !important;
}

.op-0 {
  opacity: 0 !important;
}

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

.h-10 {
  height: 10% !important;
}

.z-index-100 {
  z-index: 100 !important;
}

.op-10 {
  opacity: 0.1 !important;
}

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

.h-20 {
  height: 20% !important;
}

.z-index-200 {
  z-index: 200 !important;
}

.op-20 {
  opacity: 0.2 !important;
}

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

.h-25 {
  height: 25% !important;
}

.z-index-250 {
  z-index: 250 !important;
}

.op-25 {
  opacity: 0.25 !important;
}

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

.h-30 {
  height: 30% !important;
}

.z-index-300 {
  z-index: 300 !important;
}

.op-30 {
  opacity: 0.3 !important;
}

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

.h-40 {
  height: 40% !important;
}

.z-index-400 {
  z-index: 400 !important;
}

.op-40 {
  opacity: 0.4 !important;
}

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

.h-50 {
  height: 50% !important;
}

.z-index-500 {
  z-index: 500 !important;
}

.op-50 {
  opacity: 0.5 !important;
}

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

.h-60 {
  height: 60% !important;
}

.z-index-600 {
  z-index: 600 !important;
}

.op-60 {
  opacity: 0.6 !important;
}

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

.h-70 {
  height: 70% !important;
}

.z-index-700 {
  z-index: 700 !important;
}

.op-70 {
  opacity: 0.7 !important;
}

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

.h-75 {
  height: 75% !important;
}

.z-index-750 {
  z-index: 750 !important;
}

.op-75 {
  opacity: 0.75 !important;
}

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

.h-80 {
  height: 80% !important;
}

.z-index-800 {
  z-index: 800 !important;
}

.op-80 {
  opacity: 0.8 !important;
}

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

.h-90 {
  height: 90% !important;
}

.z-index-900 {
  z-index: 900 !important;
}

.op-90 {
  opacity: 0.9 !important;
}

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

.h-100 {
  height: 100% !important;
}

.z-index-1000 {
  z-index: 1000 !important;
}

.op-100 {
  opacity: 1 !important;
}

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

.h-auto {
  height: auto !important;
}

.p-0 {
  padding: 0rem !important;
}

.pt-0 {
  padding-top: 0rem !important;
}

.pl-0 {
  padding-left: 0rem !important;
}

.pr-0 {
  padding-right: 0rem !important;
}

.pb-0 {
  padding-bottom: 0rem !important;
}

.px-0 {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}

.py-0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.m-0 {
  margin: 0rem !important;
}

.mt-0 {
  margin-top: 0rem !important;
}

.ml-0 {
  margin-left: 0rem !important;
}

.mr-0 {
  margin-right: 0rem !important;
}

.mb-0 {
  margin-bottom: 0rem !important;
}

.mx-0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}

.my-0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.p-1 {
  padding: 1rem !important;
}

.pt-1 {
  padding-top: 1rem !important;
}

.pl-1 {
  padding-left: 1rem !important;
}

.pr-1 {
  padding-right: 1rem !important;
}

.pb-1 {
  padding-bottom: 1rem !important;
}

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

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

.m-1 {
  margin: 1rem !important;
}

.mt-1 {
  margin-top: 1rem !important;
}

.ml-1 {
  margin-left: 1rem !important;
}

.mr-1 {
  margin-right: 1rem !important;
}

.mb-1 {
  margin-bottom: 1rem !important;
}

.mx-1 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.my-1 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.p-2 {
  padding: 2rem !important;
}

.pt-2 {
  padding-top: 2rem !important;
}

.pl-2 {
  padding-left: 2rem !important;
}

.pr-2 {
  padding-right: 2rem !important;
}

.pb-2 {
  padding-bottom: 2rem !important;
}

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

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

.m-2 {
  margin: 2rem !important;
}

.mt-2 {
  margin-top: 2rem !important;
}

.ml-2 {
  margin-left: 2rem !important;
}

.mr-2 {
  margin-right: 2rem !important;
}

.mb-2 {
  margin-bottom: 2rem !important;
}

.mx-2 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.my-2 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.p-3 {
  padding: 3rem !important;
}

.pt-3 {
  padding-top: 3rem !important;
}

.pl-3 {
  padding-left: 3rem !important;
}

.pr-3 {
  padding-right: 3rem !important;
}

.pb-3 {
  padding-bottom: 3rem !important;
}

.px-3 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.py-3 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.m-3 {
  margin: 3rem !important;
}

.mt-3 {
  margin-top: 3rem !important;
}

.ml-3 {
  margin-left: 3rem !important;
}

.mr-3 {
  margin-right: 3rem !important;
}

.mb-3 {
  margin-bottom: 3rem !important;
}

.mx-3 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.my-3 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.p-4 {
  padding: 4rem !important;
}

.pt-4 {
  padding-top: 4rem !important;
}

.pl-4 {
  padding-left: 4rem !important;
}

.pr-4 {
  padding-right: 4rem !important;
}

.pb-4 {
  padding-bottom: 4rem !important;
}

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

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

.m-4 {
  margin: 4rem !important;
}

.mt-4 {
  margin-top: 4rem !important;
}

.ml-4 {
  margin-left: 4rem !important;
}

.mr-4 {
  margin-right: 4rem !important;
}

.mb-4 {
  margin-bottom: 4rem !important;
}

.mx-4 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}

.my-4 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.p-5 {
  padding: 5rem !important;
}

.pt-5 {
  padding-top: 5rem !important;
}

.pl-5 {
  padding-left: 5rem !important;
}

.pr-5 {
  padding-right: 5rem !important;
}

.pb-5 {
  padding-bottom: 5rem !important;
}

.px-5 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

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

.m-5 {
  margin: 5rem !important;
}

.mt-5 {
  margin-top: 5rem !important;
}

.ml-5 {
  margin-left: 5rem !important;
}

.mr-5 {
  margin-right: 5rem !important;
}

.mb-5 {
  margin-bottom: 5rem !important;
}

.mx-5 {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}

.my-5 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.p-auto {
  padding: auto !important;
}

.pt-auto {
  padding-top: auto !important;
}

.pl-auto {
  padding-left: auto !important;
}

.pr-auto {
  padding-right: auto !important;
}

.pb-auto {
  padding-bottom: auto !important;
}

.px-auto {
  padding-left: auto !important;
  padding-right: auto !important;
}

.py-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

@media (min-width: 576px) {
  .pos-sm-relative {
    position: relative !important;
  }
  .pos-sm-absolute {
    position: absolute !important;
  }
  .pos-sm-fixed {
    position: fixed !important;
  }
  .pos-sm-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
  }
  .pos-sm-static {
    position: static !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .flex-sm-row, .flex-direction-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column, .flex-direction-sm-column {
    flex-direction: column !important;
  }
  .font-size-sm-1 {
    font-size: 2.5rem !important;
  }
  .font-size-sm-2 {
    font-size: 2rem !important;
  }
  .font-size-sm-3 {
    font-size: 1.75rem !important;
  }
  .font-size-sm-4 {
    font-size: 1.5rem !important;
  }
  .font-size-sm-5 {
    font-size: 1.25rem !important;
  }
  .font-size-sm-6 {
    font-size: 1rem !important;
  }
  .font-size-sm-left {
    text-align: "left" !important;
  }
  .font-size-sm-right {
    text-align: "right" !important;
  }
  .font-size-sm-center {
    text-align: "center" !important;
  }
  .font-size-sm-justify {
    text-align: "justify" !important;
  }
  .w-sm-0 {
    width: 0% !important;
  }
  .h-sm-0 {
    height: 0% !important;
  }
  .z-index-sm-0 {
    z-index: 0 !important;
  }
  .op-sm-0 {
    opacity: 0;
  }
  .w-sm-10 {
    width: 10% !important;
  }
  .h-sm-10 {
    height: 10% !important;
  }
  .z-index-sm-100 {
    z-index: 100 !important;
  }
  .op-sm-10 {
    opacity: 0.1;
  }
  .w-sm-20 {
    width: 20% !important;
  }
  .h-sm-20 {
    height: 20% !important;
  }
  .z-index-sm-200 {
    z-index: 200 !important;
  }
  .op-sm-20 {
    opacity: 0.2;
  }
  .w-sm-25 {
    width: 25% !important;
  }
  .h-sm-25 {
    height: 25% !important;
  }
  .z-index-sm-250 {
    z-index: 250 !important;
  }
  .op-sm-25 {
    opacity: 0.25;
  }
  .w-sm-30 {
    width: 30% !important;
  }
  .h-sm-30 {
    height: 30% !important;
  }
  .z-index-sm-300 {
    z-index: 300 !important;
  }
  .op-sm-30 {
    opacity: 0.3;
  }
  .w-sm-40 {
    width: 40% !important;
  }
  .h-sm-40 {
    height: 40% !important;
  }
  .z-index-sm-400 {
    z-index: 400 !important;
  }
  .op-sm-40 {
    opacity: 0.4;
  }
  .w-sm-50 {
    width: 50% !important;
  }
  .h-sm-50 {
    height: 50% !important;
  }
  .z-index-sm-500 {
    z-index: 500 !important;
  }
  .op-sm-50 {
    opacity: 0.5;
  }
  .w-sm-60 {
    width: 60% !important;
  }
  .h-sm-60 {
    height: 60% !important;
  }
  .z-index-sm-600 {
    z-index: 600 !important;
  }
  .op-sm-60 {
    opacity: 0.6;
  }
  .w-sm-70 {
    width: 70% !important;
  }
  .h-sm-70 {
    height: 70% !important;
  }
  .z-index-sm-700 {
    z-index: 700 !important;
  }
  .op-sm-70 {
    opacity: 0.7;
  }
  .w-sm-75 {
    width: 75% !important;
  }
  .h-sm-75 {
    height: 75% !important;
  }
  .z-index-sm-750 {
    z-index: 750 !important;
  }
  .op-sm-75 {
    opacity: 0.75;
  }
  .w-sm-80 {
    width: 80% !important;
  }
  .h-sm-80 {
    height: 80% !important;
  }
  .z-index-sm-800 {
    z-index: 800 !important;
  }
  .op-sm-80 {
    opacity: 0.8;
  }
  .w-sm-90 {
    width: 90% !important;
  }
  .h-sm-90 {
    height: 90% !important;
  }
  .z-index-sm-900 {
    z-index: 900 !important;
  }
  .op-sm-90 {
    opacity: 0.9;
  }
  .w-sm-100 {
    width: 100% !important;
  }
  .h-sm-100 {
    height: 100% !important;
  }
  .z-index-sm-1000 {
    z-index: 1000 !important;
  }
  .op-sm-100 {
    opacity: 1;
  }
  .w-sm-auto {
    width: auto !important;
  }
  .h-sm-auto {
    height: auto !important;
  }
}
@media (min-width: 576px) and (min-width: 576px) {
  .p-sm-0 {
    padding: 0rem !important;
  }
  .pt-sm-0 {
    padding-top: 0rem !important;
  }
  .pl-sm-0 {
    padding-left: 0rem !important;
  }
  .pr-sm-0 {
    padding-right: 0rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0rem !important;
  }
  .px-sm-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .py-sm-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .m-sm-0 {
    margin: 0rem !important;
  }
  .mt-sm-0 {
    margin-top: 0rem !important;
  }
  .ml-sm-0 {
    margin-left: 0rem !important;
  }
  .mr-sm-0 {
    margin-right: 0rem !important;
  }
  .mb-sm-0 {
    margin-bottom: 0rem !important;
  }
  .mx-sm-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .my-sm-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
}
@media (min-width: 576px) and (min-width: 576px) {
  .p-sm-1 {
    padding: 1rem !important;
  }
  .pt-sm-1 {
    padding-top: 1rem !important;
  }
  .pl-sm-1 {
    padding-left: 1rem !important;
  }
  .pr-sm-1 {
    padding-right: 1rem !important;
  }
  .pb-sm-1 {
    padding-bottom: 1rem !important;
  }
  .px-sm-1 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .py-sm-1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .m-sm-1 {
    margin: 1rem !important;
  }
  .mt-sm-1 {
    margin-top: 1rem !important;
  }
  .ml-sm-1 {
    margin-left: 1rem !important;
  }
  .mr-sm-1 {
    margin-right: 1rem !important;
  }
  .mb-sm-1 {
    margin-bottom: 1rem !important;
  }
  .mx-sm-1 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .my-sm-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 576px) and (min-width: 576px) {
  .p-sm-2 {
    padding: 2rem !important;
  }
  .pt-sm-2 {
    padding-top: 2rem !important;
  }
  .pl-sm-2 {
    padding-left: 2rem !important;
  }
  .pr-sm-2 {
    padding-right: 2rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 2rem !important;
  }
  .px-sm-2 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .py-sm-2 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .m-sm-2 {
    margin: 2rem !important;
  }
  .mt-sm-2 {
    margin-top: 2rem !important;
  }
  .ml-sm-2 {
    margin-left: 2rem !important;
  }
  .mr-sm-2 {
    margin-right: 2rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 2rem !important;
  }
  .mx-sm-2 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .my-sm-2 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 576px) and (min-width: 576px) {
  .p-sm-3 {
    padding: 3rem !important;
  }
  .pt-sm-3 {
    padding-top: 3rem !important;
  }
  .pl-sm-3 {
    padding-left: 3rem !important;
  }
  .pr-sm-3 {
    padding-right: 3rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 3rem !important;
  }
  .px-sm-3 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-sm-3 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-sm-3 {
    margin: 3rem !important;
  }
  .mt-sm-3 {
    margin-top: 3rem !important;
  }
  .ml-sm-3 {
    margin-left: 3rem !important;
  }
  .mr-sm-3 {
    margin-right: 3rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 3rem !important;
  }
  .mx-sm-3 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .my-sm-3 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 576px) and (min-width: 576px) {
  .p-sm-4 {
    padding: 4rem !important;
  }
  .pt-sm-4 {
    padding-top: 4rem !important;
  }
  .pl-sm-4 {
    padding-left: 4rem !important;
  }
  .pr-sm-4 {
    padding-right: 4rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 4rem !important;
  }
  .px-sm-4 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .py-sm-4 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .m-sm-4 {
    margin: 4rem !important;
  }
  .mt-sm-4 {
    margin-top: 4rem !important;
  }
  .ml-sm-4 {
    margin-left: 4rem !important;
  }
  .mr-sm-4 {
    margin-right: 4rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 4rem !important;
  }
  .mx-sm-4 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .my-sm-4 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 576px) and (min-width: 576px) {
  .p-sm-5 {
    padding: 5rem !important;
  }
  .pt-sm-5 {
    padding-top: 5rem !important;
  }
  .pl-sm-5 {
    padding-left: 5rem !important;
  }
  .pr-sm-5 {
    padding-right: 5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 5rem !important;
  }
  .px-sm-5 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .py-sm-5 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .m-sm-5 {
    margin: 5rem !important;
  }
  .mt-sm-5 {
    margin-top: 5rem !important;
  }
  .ml-sm-5 {
    margin-left: 5rem !important;
  }
  .mr-sm-5 {
    margin-right: 5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 5rem !important;
  }
  .mx-sm-5 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .my-sm-5 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 576px) and (min-width: 576px) {
  .p-sm-auto {
    padding: auto !important;
  }
  .pt-sm-auto {
    padding-top: auto !important;
  }
  .pl-sm-auto {
    padding-left: auto !important;
  }
  .pr-sm-auto {
    padding-right: auto !important;
  }
  .pb-sm-auto {
    padding-bottom: auto !important;
  }
  .px-sm-auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }
  .py-sm-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .ml-sm-auto {
    margin-left: auto !important;
  }
  .mr-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .mx-sm-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media (min-width: 768px) {
  .pos-md-relative {
    position: relative !important;
  }
  .pos-md-absolute {
    position: absolute !important;
  }
  .pos-md-fixed {
    position: fixed !important;
  }
  .pos-md-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
  }
  .pos-md-static {
    position: static !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .flex-md-row, .flex-direction-md-row {
    flex-direction: row !important;
  }
  .flex-md-column, .flex-direction-md-column {
    flex-direction: column !important;
  }
  .font-size-md-1 {
    font-size: 2.5rem !important;
  }
  .font-size-md-2 {
    font-size: 2rem !important;
  }
  .font-size-md-3 {
    font-size: 1.75rem !important;
  }
  .font-size-md-4 {
    font-size: 1.5rem !important;
  }
  .font-size-md-5 {
    font-size: 1.25rem !important;
  }
  .font-size-md-6 {
    font-size: 1rem !important;
  }
  .font-size-md-left {
    text-align: "left" !important;
  }
  .font-size-md-right {
    text-align: "right" !important;
  }
  .font-size-md-center {
    text-align: "center" !important;
  }
  .font-size-md-justify {
    text-align: "justify" !important;
  }
  .w-md-0 {
    width: 0% !important;
  }
  .h-md-0 {
    height: 0% !important;
  }
  .z-index-md-0 {
    z-index: 0 !important;
  }
  .op-md-0 {
    opacity: 0;
  }
  .w-md-10 {
    width: 10% !important;
  }
  .h-md-10 {
    height: 10% !important;
  }
  .z-index-md-100 {
    z-index: 100 !important;
  }
  .op-md-10 {
    opacity: 0.1;
  }
  .w-md-20 {
    width: 20% !important;
  }
  .h-md-20 {
    height: 20% !important;
  }
  .z-index-md-200 {
    z-index: 200 !important;
  }
  .op-md-20 {
    opacity: 0.2;
  }
  .w-md-25 {
    width: 25% !important;
  }
  .h-md-25 {
    height: 25% !important;
  }
  .z-index-md-250 {
    z-index: 250 !important;
  }
  .op-md-25 {
    opacity: 0.25;
  }
  .w-md-30 {
    width: 30% !important;
  }
  .h-md-30 {
    height: 30% !important;
  }
  .z-index-md-300 {
    z-index: 300 !important;
  }
  .op-md-30 {
    opacity: 0.3;
  }
  .w-md-40 {
    width: 40% !important;
  }
  .h-md-40 {
    height: 40% !important;
  }
  .z-index-md-400 {
    z-index: 400 !important;
  }
  .op-md-40 {
    opacity: 0.4;
  }
  .w-md-50 {
    width: 50% !important;
  }
  .h-md-50 {
    height: 50% !important;
  }
  .z-index-md-500 {
    z-index: 500 !important;
  }
  .op-md-50 {
    opacity: 0.5;
  }
  .w-md-60 {
    width: 60% !important;
  }
  .h-md-60 {
    height: 60% !important;
  }
  .z-index-md-600 {
    z-index: 600 !important;
  }
  .op-md-60 {
    opacity: 0.6;
  }
  .w-md-70 {
    width: 70% !important;
  }
  .h-md-70 {
    height: 70% !important;
  }
  .z-index-md-700 {
    z-index: 700 !important;
  }
  .op-md-70 {
    opacity: 0.7;
  }
  .w-md-75 {
    width: 75% !important;
  }
  .h-md-75 {
    height: 75% !important;
  }
  .z-index-md-750 {
    z-index: 750 !important;
  }
  .op-md-75 {
    opacity: 0.75;
  }
  .w-md-80 {
    width: 80% !important;
  }
  .h-md-80 {
    height: 80% !important;
  }
  .z-index-md-800 {
    z-index: 800 !important;
  }
  .op-md-80 {
    opacity: 0.8;
  }
  .w-md-90 {
    width: 90% !important;
  }
  .h-md-90 {
    height: 90% !important;
  }
  .z-index-md-900 {
    z-index: 900 !important;
  }
  .op-md-90 {
    opacity: 0.9;
  }
  .w-md-100 {
    width: 100% !important;
  }
  .h-md-100 {
    height: 100% !important;
  }
  .z-index-md-1000 {
    z-index: 1000 !important;
  }
  .op-md-100 {
    opacity: 1;
  }
  .w-md-auto {
    width: auto !important;
  }
  .h-md-auto {
    height: auto !important;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .p-md-0 {
    padding: 0rem !important;
  }
  .pt-md-0 {
    padding-top: 0rem !important;
  }
  .pl-md-0 {
    padding-left: 0rem !important;
  }
  .pr-md-0 {
    padding-right: 0rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0rem !important;
  }
  .px-md-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .py-md-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .m-md-0 {
    margin: 0rem !important;
  }
  .mt-md-0 {
    margin-top: 0rem !important;
  }
  .ml-md-0 {
    margin-left: 0rem !important;
  }
  .mr-md-0 {
    margin-right: 0rem !important;
  }
  .mb-md-0 {
    margin-bottom: 0rem !important;
  }
  .mx-md-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .my-md-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .p-md-1 {
    padding: 1rem !important;
  }
  .pt-md-1 {
    padding-top: 1rem !important;
  }
  .pl-md-1 {
    padding-left: 1rem !important;
  }
  .pr-md-1 {
    padding-right: 1rem !important;
  }
  .pb-md-1 {
    padding-bottom: 1rem !important;
  }
  .px-md-1 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .py-md-1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .m-md-1 {
    margin: 1rem !important;
  }
  .mt-md-1 {
    margin-top: 1rem !important;
  }
  .ml-md-1 {
    margin-left: 1rem !important;
  }
  .mr-md-1 {
    margin-right: 1rem !important;
  }
  .mb-md-1 {
    margin-bottom: 1rem !important;
  }
  .mx-md-1 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .my-md-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .p-md-2 {
    padding: 2rem !important;
  }
  .pt-md-2 {
    padding-top: 2rem !important;
  }
  .pl-md-2 {
    padding-left: 2rem !important;
  }
  .pr-md-2 {
    padding-right: 2rem !important;
  }
  .pb-md-2 {
    padding-bottom: 2rem !important;
  }
  .px-md-2 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .py-md-2 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .m-md-2 {
    margin: 2rem !important;
  }
  .mt-md-2 {
    margin-top: 2rem !important;
  }
  .ml-md-2 {
    margin-left: 2rem !important;
  }
  .mr-md-2 {
    margin-right: 2rem !important;
  }
  .mb-md-2 {
    margin-bottom: 2rem !important;
  }
  .mx-md-2 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .my-md-2 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .p-md-3 {
    padding: 3rem !important;
  }
  .pt-md-3 {
    padding-top: 3rem !important;
  }
  .pl-md-3 {
    padding-left: 3rem !important;
  }
  .pr-md-3 {
    padding-right: 3rem !important;
  }
  .pb-md-3 {
    padding-bottom: 3rem !important;
  }
  .px-md-3 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-md-3 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-md-3 {
    margin: 3rem !important;
  }
  .mt-md-3 {
    margin-top: 3rem !important;
  }
  .ml-md-3 {
    margin-left: 3rem !important;
  }
  .mr-md-3 {
    margin-right: 3rem !important;
  }
  .mb-md-3 {
    margin-bottom: 3rem !important;
  }
  .mx-md-3 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .my-md-3 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .p-md-4 {
    padding: 4rem !important;
  }
  .pt-md-4 {
    padding-top: 4rem !important;
  }
  .pl-md-4 {
    padding-left: 4rem !important;
  }
  .pr-md-4 {
    padding-right: 4rem !important;
  }
  .pb-md-4 {
    padding-bottom: 4rem !important;
  }
  .px-md-4 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .py-md-4 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .m-md-4 {
    margin: 4rem !important;
  }
  .mt-md-4 {
    margin-top: 4rem !important;
  }
  .ml-md-4 {
    margin-left: 4rem !important;
  }
  .mr-md-4 {
    margin-right: 4rem !important;
  }
  .mb-md-4 {
    margin-bottom: 4rem !important;
  }
  .mx-md-4 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .my-md-4 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .p-md-5 {
    padding: 5rem !important;
  }
  .pt-md-5 {
    padding-top: 5rem !important;
  }
  .pl-md-5 {
    padding-left: 5rem !important;
  }
  .pr-md-5 {
    padding-right: 5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 5rem !important;
  }
  .px-md-5 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .py-md-5 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .m-md-5 {
    margin: 5rem !important;
  }
  .mt-md-5 {
    margin-top: 5rem !important;
  }
  .ml-md-5 {
    margin-left: 5rem !important;
  }
  .mr-md-5 {
    margin-right: 5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 5rem !important;
  }
  .mx-md-5 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .my-md-5 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .p-md-auto {
    padding: auto !important;
  }
  .pt-md-auto {
    padding-top: auto !important;
  }
  .pl-md-auto {
    padding-left: auto !important;
  }
  .pr-md-auto {
    padding-right: auto !important;
  }
  .pb-md-auto {
    padding-bottom: auto !important;
  }
  .px-md-auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }
  .py-md-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .ml-md-auto {
    margin-left: auto !important;
  }
  .mr-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .mx-md-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media (min-width: 992px) {
  .pos-lg-relative {
    position: relative !important;
  }
  .pos-lg-absolute {
    position: absolute !important;
  }
  .pos-lg-fixed {
    position: fixed !important;
  }
  .pos-lg-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
  }
  .pos-lg-static {
    position: static !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .flex-lg-row, .flex-direction-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column, .flex-direction-lg-column {
    flex-direction: column !important;
  }
  .font-size-lg-1 {
    font-size: 2.5rem !important;
  }
  .font-size-lg-2 {
    font-size: 2rem !important;
  }
  .font-size-lg-3 {
    font-size: 1.75rem !important;
  }
  .font-size-lg-4 {
    font-size: 1.5rem !important;
  }
  .font-size-lg-5 {
    font-size: 1.25rem !important;
  }
  .font-size-lg-6 {
    font-size: 1rem !important;
  }
  .font-size-lg-left {
    text-align: "left" !important;
  }
  .font-size-lg-right {
    text-align: "right" !important;
  }
  .font-size-lg-center {
    text-align: "center" !important;
  }
  .font-size-lg-justify {
    text-align: "justify" !important;
  }
  .w-lg-0 {
    width: 0% !important;
  }
  .h-lg-0 {
    height: 0% !important;
  }
  .z-index-lg-0 {
    z-index: 0 !important;
  }
  .op-lg-0 {
    opacity: 0;
  }
  .w-lg-10 {
    width: 10% !important;
  }
  .h-lg-10 {
    height: 10% !important;
  }
  .z-index-lg-100 {
    z-index: 100 !important;
  }
  .op-lg-10 {
    opacity: 0.1;
  }
  .w-lg-20 {
    width: 20% !important;
  }
  .h-lg-20 {
    height: 20% !important;
  }
  .z-index-lg-200 {
    z-index: 200 !important;
  }
  .op-lg-20 {
    opacity: 0.2;
  }
  .w-lg-25 {
    width: 25% !important;
  }
  .h-lg-25 {
    height: 25% !important;
  }
  .z-index-lg-250 {
    z-index: 250 !important;
  }
  .op-lg-25 {
    opacity: 0.25;
  }
  .w-lg-30 {
    width: 30% !important;
  }
  .h-lg-30 {
    height: 30% !important;
  }
  .z-index-lg-300 {
    z-index: 300 !important;
  }
  .op-lg-30 {
    opacity: 0.3;
  }
  .w-lg-40 {
    width: 40% !important;
  }
  .h-lg-40 {
    height: 40% !important;
  }
  .z-index-lg-400 {
    z-index: 400 !important;
  }
  .op-lg-40 {
    opacity: 0.4;
  }
  .w-lg-50 {
    width: 50% !important;
  }
  .h-lg-50 {
    height: 50% !important;
  }
  .z-index-lg-500 {
    z-index: 500 !important;
  }
  .op-lg-50 {
    opacity: 0.5;
  }
  .w-lg-60 {
    width: 60% !important;
  }
  .h-lg-60 {
    height: 60% !important;
  }
  .z-index-lg-600 {
    z-index: 600 !important;
  }
  .op-lg-60 {
    opacity: 0.6;
  }
  .w-lg-70 {
    width: 70% !important;
  }
  .h-lg-70 {
    height: 70% !important;
  }
  .z-index-lg-700 {
    z-index: 700 !important;
  }
  .op-lg-70 {
    opacity: 0.7;
  }
  .w-lg-75 {
    width: 75% !important;
  }
  .h-lg-75 {
    height: 75% !important;
  }
  .z-index-lg-750 {
    z-index: 750 !important;
  }
  .op-lg-75 {
    opacity: 0.75;
  }
  .w-lg-80 {
    width: 80% !important;
  }
  .h-lg-80 {
    height: 80% !important;
  }
  .z-index-lg-800 {
    z-index: 800 !important;
  }
  .op-lg-80 {
    opacity: 0.8;
  }
  .w-lg-90 {
    width: 90% !important;
  }
  .h-lg-90 {
    height: 90% !important;
  }
  .z-index-lg-900 {
    z-index: 900 !important;
  }
  .op-lg-90 {
    opacity: 0.9;
  }
  .w-lg-100 {
    width: 100% !important;
  }
  .h-lg-100 {
    height: 100% !important;
  }
  .z-index-lg-1000 {
    z-index: 1000 !important;
  }
  .op-lg-100 {
    opacity: 1;
  }
  .w-lg-auto {
    width: auto !important;
  }
  .h-lg-auto {
    height: auto !important;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .p-lg-0 {
    padding: 0rem !important;
  }
  .pt-lg-0 {
    padding-top: 0rem !important;
  }
  .pl-lg-0 {
    padding-left: 0rem !important;
  }
  .pr-lg-0 {
    padding-right: 0rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0rem !important;
  }
  .px-lg-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .py-lg-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .m-lg-0 {
    margin: 0rem !important;
  }
  .mt-lg-0 {
    margin-top: 0rem !important;
  }
  .ml-lg-0 {
    margin-left: 0rem !important;
  }
  .mr-lg-0 {
    margin-right: 0rem !important;
  }
  .mb-lg-0 {
    margin-bottom: 0rem !important;
  }
  .mx-lg-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .my-lg-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .p-lg-1 {
    padding: 1rem !important;
  }
  .pt-lg-1 {
    padding-top: 1rem !important;
  }
  .pl-lg-1 {
    padding-left: 1rem !important;
  }
  .pr-lg-1 {
    padding-right: 1rem !important;
  }
  .pb-lg-1 {
    padding-bottom: 1rem !important;
  }
  .px-lg-1 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .py-lg-1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .m-lg-1 {
    margin: 1rem !important;
  }
  .mt-lg-1 {
    margin-top: 1rem !important;
  }
  .ml-lg-1 {
    margin-left: 1rem !important;
  }
  .mr-lg-1 {
    margin-right: 1rem !important;
  }
  .mb-lg-1 {
    margin-bottom: 1rem !important;
  }
  .mx-lg-1 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .my-lg-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .p-lg-2 {
    padding: 2rem !important;
  }
  .pt-lg-2 {
    padding-top: 2rem !important;
  }
  .pl-lg-2 {
    padding-left: 2rem !important;
  }
  .pr-lg-2 {
    padding-right: 2rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 2rem !important;
  }
  .px-lg-2 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .py-lg-2 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .m-lg-2 {
    margin: 2rem !important;
  }
  .mt-lg-2 {
    margin-top: 2rem !important;
  }
  .ml-lg-2 {
    margin-left: 2rem !important;
  }
  .mr-lg-2 {
    margin-right: 2rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 2rem !important;
  }
  .mx-lg-2 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .my-lg-2 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .p-lg-3 {
    padding: 3rem !important;
  }
  .pt-lg-3 {
    padding-top: 3rem !important;
  }
  .pl-lg-3 {
    padding-left: 3rem !important;
  }
  .pr-lg-3 {
    padding-right: 3rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 3rem !important;
  }
  .px-lg-3 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-lg-3 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-lg-3 {
    margin: 3rem !important;
  }
  .mt-lg-3 {
    margin-top: 3rem !important;
  }
  .ml-lg-3 {
    margin-left: 3rem !important;
  }
  .mr-lg-3 {
    margin-right: 3rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 3rem !important;
  }
  .mx-lg-3 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .my-lg-3 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .p-lg-4 {
    padding: 4rem !important;
  }
  .pt-lg-4 {
    padding-top: 4rem !important;
  }
  .pl-lg-4 {
    padding-left: 4rem !important;
  }
  .pr-lg-4 {
    padding-right: 4rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 4rem !important;
  }
  .px-lg-4 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .py-lg-4 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .m-lg-4 {
    margin: 4rem !important;
  }
  .mt-lg-4 {
    margin-top: 4rem !important;
  }
  .ml-lg-4 {
    margin-left: 4rem !important;
  }
  .mr-lg-4 {
    margin-right: 4rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 4rem !important;
  }
  .mx-lg-4 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .my-lg-4 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .p-lg-5 {
    padding: 5rem !important;
  }
  .pt-lg-5 {
    padding-top: 5rem !important;
  }
  .pl-lg-5 {
    padding-left: 5rem !important;
  }
  .pr-lg-5 {
    padding-right: 5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 5rem !important;
  }
  .px-lg-5 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .py-lg-5 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .m-lg-5 {
    margin: 5rem !important;
  }
  .mt-lg-5 {
    margin-top: 5rem !important;
  }
  .ml-lg-5 {
    margin-left: 5rem !important;
  }
  .mr-lg-5 {
    margin-right: 5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 5rem !important;
  }
  .mx-lg-5 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .my-lg-5 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .p-lg-auto {
    padding: auto !important;
  }
  .pt-lg-auto {
    padding-top: auto !important;
  }
  .pl-lg-auto {
    padding-left: auto !important;
  }
  .pr-lg-auto {
    padding-right: auto !important;
  }
  .pb-lg-auto {
    padding-bottom: auto !important;
  }
  .px-lg-auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }
  .py-lg-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .ml-lg-auto {
    margin-left: auto !important;
  }
  .mr-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .mx-lg-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media (min-width: 1200px) {
  .pos-xl-relative {
    position: relative !important;
  }
  .pos-xl-absolute {
    position: absolute !important;
  }
  .pos-xl-fixed {
    position: fixed !important;
  }
  .pos-xl-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
  }
  .pos-xl-static {
    position: static !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .flex-xl-row, .flex-direction-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column, .flex-direction-xl-column {
    flex-direction: column !important;
  }
  .font-size-xl-1 {
    font-size: 2.5rem !important;
  }
  .font-size-xl-2 {
    font-size: 2rem !important;
  }
  .font-size-xl-3 {
    font-size: 1.75rem !important;
  }
  .font-size-xl-4 {
    font-size: 1.5rem !important;
  }
  .font-size-xl-5 {
    font-size: 1.25rem !important;
  }
  .font-size-xl-6 {
    font-size: 1rem !important;
  }
  .font-size-xl-left {
    text-align: "left" !important;
  }
  .font-size-xl-right {
    text-align: "right" !important;
  }
  .font-size-xl-center {
    text-align: "center" !important;
  }
  .font-size-xl-justify {
    text-align: "justify" !important;
  }
  .w-xl-0 {
    width: 0% !important;
  }
  .h-xl-0 {
    height: 0% !important;
  }
  .z-index-xl-0 {
    z-index: 0 !important;
  }
  .op-xl-0 {
    opacity: 0;
  }
  .w-xl-10 {
    width: 10% !important;
  }
  .h-xl-10 {
    height: 10% !important;
  }
  .z-index-xl-100 {
    z-index: 100 !important;
  }
  .op-xl-10 {
    opacity: 0.1;
  }
  .w-xl-20 {
    width: 20% !important;
  }
  .h-xl-20 {
    height: 20% !important;
  }
  .z-index-xl-200 {
    z-index: 200 !important;
  }
  .op-xl-20 {
    opacity: 0.2;
  }
  .w-xl-25 {
    width: 25% !important;
  }
  .h-xl-25 {
    height: 25% !important;
  }
  .z-index-xl-250 {
    z-index: 250 !important;
  }
  .op-xl-25 {
    opacity: 0.25;
  }
  .w-xl-30 {
    width: 30% !important;
  }
  .h-xl-30 {
    height: 30% !important;
  }
  .z-index-xl-300 {
    z-index: 300 !important;
  }
  .op-xl-30 {
    opacity: 0.3;
  }
  .w-xl-40 {
    width: 40% !important;
  }
  .h-xl-40 {
    height: 40% !important;
  }
  .z-index-xl-400 {
    z-index: 400 !important;
  }
  .op-xl-40 {
    opacity: 0.4;
  }
  .w-xl-50 {
    width: 50% !important;
  }
  .h-xl-50 {
    height: 50% !important;
  }
  .z-index-xl-500 {
    z-index: 500 !important;
  }
  .op-xl-50 {
    opacity: 0.5;
  }
  .w-xl-60 {
    width: 60% !important;
  }
  .h-xl-60 {
    height: 60% !important;
  }
  .z-index-xl-600 {
    z-index: 600 !important;
  }
  .op-xl-60 {
    opacity: 0.6;
  }
  .w-xl-70 {
    width: 70% !important;
  }
  .h-xl-70 {
    height: 70% !important;
  }
  .z-index-xl-700 {
    z-index: 700 !important;
  }
  .op-xl-70 {
    opacity: 0.7;
  }
  .w-xl-75 {
    width: 75% !important;
  }
  .h-xl-75 {
    height: 75% !important;
  }
  .z-index-xl-750 {
    z-index: 750 !important;
  }
  .op-xl-75 {
    opacity: 0.75;
  }
  .w-xl-80 {
    width: 80% !important;
  }
  .h-xl-80 {
    height: 80% !important;
  }
  .z-index-xl-800 {
    z-index: 800 !important;
  }
  .op-xl-80 {
    opacity: 0.8;
  }
  .w-xl-90 {
    width: 90% !important;
  }
  .h-xl-90 {
    height: 90% !important;
  }
  .z-index-xl-900 {
    z-index: 900 !important;
  }
  .op-xl-90 {
    opacity: 0.9;
  }
  .w-xl-100 {
    width: 100% !important;
  }
  .h-xl-100 {
    height: 100% !important;
  }
  .z-index-xl-1000 {
    z-index: 1000 !important;
  }
  .op-xl-100 {
    opacity: 1;
  }
  .w-xl-auto {
    width: auto !important;
  }
  .h-xl-auto {
    height: auto !important;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .p-xl-0 {
    padding: 0rem !important;
  }
  .pt-xl-0 {
    padding-top: 0rem !important;
  }
  .pl-xl-0 {
    padding-left: 0rem !important;
  }
  .pr-xl-0 {
    padding-right: 0rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0rem !important;
  }
  .px-xl-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .py-xl-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .m-xl-0 {
    margin: 0rem !important;
  }
  .mt-xl-0 {
    margin-top: 0rem !important;
  }
  .ml-xl-0 {
    margin-left: 0rem !important;
  }
  .mr-xl-0 {
    margin-right: 0rem !important;
  }
  .mb-xl-0 {
    margin-bottom: 0rem !important;
  }
  .mx-xl-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .my-xl-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .p-xl-1 {
    padding: 1rem !important;
  }
  .pt-xl-1 {
    padding-top: 1rem !important;
  }
  .pl-xl-1 {
    padding-left: 1rem !important;
  }
  .pr-xl-1 {
    padding-right: 1rem !important;
  }
  .pb-xl-1 {
    padding-bottom: 1rem !important;
  }
  .px-xl-1 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .py-xl-1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .m-xl-1 {
    margin: 1rem !important;
  }
  .mt-xl-1 {
    margin-top: 1rem !important;
  }
  .ml-xl-1 {
    margin-left: 1rem !important;
  }
  .mr-xl-1 {
    margin-right: 1rem !important;
  }
  .mb-xl-1 {
    margin-bottom: 1rem !important;
  }
  .mx-xl-1 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .my-xl-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .p-xl-2 {
    padding: 2rem !important;
  }
  .pt-xl-2 {
    padding-top: 2rem !important;
  }
  .pl-xl-2 {
    padding-left: 2rem !important;
  }
  .pr-xl-2 {
    padding-right: 2rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 2rem !important;
  }
  .px-xl-2 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .py-xl-2 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .m-xl-2 {
    margin: 2rem !important;
  }
  .mt-xl-2 {
    margin-top: 2rem !important;
  }
  .ml-xl-2 {
    margin-left: 2rem !important;
  }
  .mr-xl-2 {
    margin-right: 2rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 2rem !important;
  }
  .mx-xl-2 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .my-xl-2 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .p-xl-3 {
    padding: 3rem !important;
  }
  .pt-xl-3 {
    padding-top: 3rem !important;
  }
  .pl-xl-3 {
    padding-left: 3rem !important;
  }
  .pr-xl-3 {
    padding-right: 3rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 3rem !important;
  }
  .px-xl-3 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-xl-3 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-xl-3 {
    margin: 3rem !important;
  }
  .mt-xl-3 {
    margin-top: 3rem !important;
  }
  .ml-xl-3 {
    margin-left: 3rem !important;
  }
  .mr-xl-3 {
    margin-right: 3rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 3rem !important;
  }
  .mx-xl-3 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .my-xl-3 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .p-xl-4 {
    padding: 4rem !important;
  }
  .pt-xl-4 {
    padding-top: 4rem !important;
  }
  .pl-xl-4 {
    padding-left: 4rem !important;
  }
  .pr-xl-4 {
    padding-right: 4rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 4rem !important;
  }
  .px-xl-4 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .py-xl-4 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .m-xl-4 {
    margin: 4rem !important;
  }
  .mt-xl-4 {
    margin-top: 4rem !important;
  }
  .ml-xl-4 {
    margin-left: 4rem !important;
  }
  .mr-xl-4 {
    margin-right: 4rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 4rem !important;
  }
  .mx-xl-4 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .my-xl-4 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .p-xl-5 {
    padding: 5rem !important;
  }
  .pt-xl-5 {
    padding-top: 5rem !important;
  }
  .pl-xl-5 {
    padding-left: 5rem !important;
  }
  .pr-xl-5 {
    padding-right: 5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 5rem !important;
  }
  .px-xl-5 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .py-xl-5 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .m-xl-5 {
    margin: 5rem !important;
  }
  .mt-xl-5 {
    margin-top: 5rem !important;
  }
  .ml-xl-5 {
    margin-left: 5rem !important;
  }
  .mr-xl-5 {
    margin-right: 5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 5rem !important;
  }
  .mx-xl-5 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .my-xl-5 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .p-xl-auto {
    padding: auto !important;
  }
  .pt-xl-auto {
    padding-top: auto !important;
  }
  .pl-xl-auto {
    padding-left: auto !important;
  }
  .pr-xl-auto {
    padding-right: auto !important;
  }
  .pb-xl-auto {
    padding-bottom: auto !important;
  }
  .px-xl-auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }
  .py-xl-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .ml-xl-auto {
    margin-left: auto !important;
  }
  .mr-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .mx-xl-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
.flex-wrap {
  flex-wrap: wrap;
}

.flex-no-wrap {
  flex-wrap: nowrap;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.flex-grow {
  flex-grow: 1;
}

.no-border {
  border: none;
}

.no-outline {
  outline: none;
}

.color-purple-lighten-3 {
  color: #ACA9E4 !important;
}

.hover-color-purple-lighten-3:hover {
  color: #ACA9E4 !important;
}

.bg-purple-lighten-3 {
  background-color: #ACA9E4 !important;
}

.hover-bg-purple-lighten-3:hover {
  background-color: #ACA9E4 !important;
}

.border-purple-lighten-3 {
  border-color: #ACA9E4 !important;
}

.hover-border-purple-lighten-3:hover {
  border-color: #ACA9E4 !important;
}

.color-purple-lighten-2 {
  color: #9F9BE0 !important;
}

.hover-color-purple-lighten-2:hover {
  color: #9F9BE0 !important;
}

.bg-purple-lighten-2 {
  background-color: #9F9BE0 !important;
}

.hover-bg-purple-lighten-2:hover {
  background-color: #9F9BE0 !important;
}

.border-purple-lighten-2 {
  border-color: #9F9BE0 !important;
}

.hover-border-purple-lighten-2:hover {
  border-color: #9F9BE0 !important;
}

.color-purple-lighten-1 {
  color: #7570D3 !important;
}

.hover-color-purple-lighten-1:hover {
  color: #7570D3 !important;
}

.bg-purple-lighten-1 {
  background-color: #7570D3 !important;
}

.hover-bg-purple-lighten-1:hover {
  background-color: #7570D3 !important;
}

.border-purple-lighten-1 {
  border-color: #7570D3 !important;
}

.hover-border-purple-lighten-1:hover {
  border-color: #7570D3 !important;
}

.color-purple {
  color: #5C5290 !important;
}

.hover-color-purple:hover {
  color: #5C5290 !important;
}

.bg-purple {
  background-color: #5C5290 !important;
}

.hover-bg-purple:hover {
  background-color: #5C5290 !important;
}

.border-purple {
  border-color: #5C5290 !important;
}

.hover-border-purple:hover {
  border-color: #5C5290 !important;
}

.color-purple-darker-1 {
  color: #4D4F6B !important;
}

.hover-color-purple-darker-1:hover {
  color: #4D4F6B !important;
}

.bg-purple-darker-1 {
  background-color: #4D4F6B !important;
}

.hover-bg-purple-darker-1:hover {
  background-color: #4D4F6B !important;
}

.border-purple-darker-1 {
  border-color: #4D4F6B !important;
}

.hover-border-purple-darker-1:hover {
  border-color: #4D4F6B !important;
}

.color-purple-darker-2 {
  color: #3B4151 !important;
}

.hover-color-purple-darker-2:hover {
  color: #3B4151 !important;
}

.bg-purple-darker-2 {
  background-color: #3B4151 !important;
}

.hover-bg-purple-darker-2:hover {
  background-color: #3B4151 !important;
}

.border-purple-darker-2 {
  border-color: #3B4151 !important;
}

.hover-border-purple-darker-2:hover {
  border-color: #3B4151 !important;
}

.color-deep-purple {
  color: #211C37 !important;
}

.hover-color-deep-purple:hover {
  color: #211C37 !important;
}

.bg-deep-purple {
  background-color: #211C37 !important;
}

.hover-bg-deep-purple:hover {
  background-color: #211C37 !important;
}

.border-deep-purple {
  border-color: #211C37 !important;
}

.hover-border-deep-purple:hover {
  border-color: #211C37 !important;
}

.color-gray-lighten-2 {
  color: #F7F7F7 !important;
}

.hover-color-gray-lighten-2:hover {
  color: #F7F7F7 !important;
}

.bg-gray-lighten-2 {
  background-color: #F7F7F7 !important;
}

.hover-bg-gray-lighten-2:hover {
  background-color: #F7F7F7 !important;
}

.border-gray-lighten-2 {
  border-color: #F7F7F7 !important;
}

.hover-border-gray-lighten-2:hover {
  border-color: #F7F7F7 !important;
}

.color-gray-lighten-1 {
  color: #E8EAED !important;
}

.hover-color-gray-lighten-1:hover {
  color: #E8EAED !important;
}

.bg-gray-lighten-1 {
  background-color: #E8EAED !important;
}

.hover-bg-gray-lighten-1:hover {
  background-color: #E8EAED !important;
}

.border-gray-lighten-1 {
  border-color: #E8EAED !important;
}

.hover-border-gray-lighten-1:hover {
  border-color: #E8EAED !important;
}

.color-gray {
  color: #DDDDDD !important;
}

.hover-color-gray:hover {
  color: #DDDDDD !important;
}

.bg-gray {
  background-color: #DDDDDD !important;
}

.hover-bg-gray:hover {
  background-color: #DDDDDD !important;
}

.border-gray {
  border-color: #DDDDDD !important;
}

.hover-border-gray:hover {
  border-color: #DDDDDD !important;
}

.color-gray-darker-1 {
  color: #E6E6E6 !important;
}

.hover-color-gray-darker-1:hover {
  color: #E6E6E6 !important;
}

.bg-gray-darker-1 {
  background-color: #E6E6E6 !important;
}

.hover-bg-gray-darker-1:hover {
  background-color: #E6E6E6 !important;
}

.border-gray-darker-1 {
  border-color: #E6E6E6 !important;
}

.hover-border-gray-darker-1:hover {
  border-color: #E6E6E6 !important;
}

.color-gray-darker-2 {
  color: #ABB1BE !important;
}

.hover-color-gray-darker-2:hover {
  color: #ABB1BE !important;
}

.bg-gray-darker-2 {
  background-color: #ABB1BE !important;
}

.hover-bg-gray-darker-2:hover {
  background-color: #ABB1BE !important;
}

.border-gray-darker-2 {
  border-color: #ABB1BE !important;
}

.hover-border-gray-darker-2:hover {
  border-color: #ABB1BE !important;
}

.color-gray-darker-3 {
  color: #898989 !important;
}

.hover-color-gray-darker-3:hover {
  color: #898989 !important;
}

.bg-gray-darker-3 {
  background-color: #898989 !important;
}

.hover-bg-gray-darker-3:hover {
  background-color: #898989 !important;
}

.border-gray-darker-3 {
  border-color: #898989 !important;
}

.hover-border-gray-darker-3:hover {
  border-color: #898989 !important;
}

.color-gray-darker-4 {
  color: #7B7B7B !important;
}

.hover-color-gray-darker-4:hover {
  color: #7B7B7B !important;
}

.bg-gray-darker-4 {
  background-color: #7B7B7B !important;
}

.hover-bg-gray-darker-4:hover {
  background-color: #7B7B7B !important;
}

.border-gray-darker-4 {
  border-color: #7B7B7B !important;
}

.hover-border-gray-darker-4:hover {
  border-color: #7B7B7B !important;
}

.color-white {
  color: #FFFFFF !important;
}

.hover-color-white:hover {
  color: #FFFFFF !important;
}

.bg-white {
  background-color: #FFFFFF !important;
}

.hover-bg-white:hover {
  background-color: #FFFFFF !important;
}

.border-white {
  border-color: #FFFFFF !important;
}

.hover-border-white:hover {
  border-color: #FFFFFF !important;
}

.color-black {
  color: #000000 !important;
}

.hover-color-black:hover {
  color: #000000 !important;
}

.bg-black {
  background-color: #000000 !important;
}

.hover-bg-black:hover {
  background-color: #000000 !important;
}

.border-black {
  border-color: #000000 !important;
}

.hover-border-black:hover {
  border-color: #000000 !important;
}

.color-transparent {
  color: transparent !important;
}

.hover-color-transparent:hover {
  color: transparent !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.hover-bg-transparent:hover {
  background-color: transparent !important;
}

.border-transparent {
  border-color: transparent !important;
}

.hover-border-transparent:hover {
  border-color: transparent !important;
}

.color-red {
  color: #e53935 !important;
}

.hover-color-red:hover {
  color: #e53935 !important;
}

.bg-red {
  background-color: #e53935 !important;
}

.hover-bg-red:hover {
  background-color: #e53935 !important;
}

.border-red {
  border-color: #e53935 !important;
}

.hover-border-red:hover {
  border-color: #e53935 !important;
}

.color-green {
  color: #66bb6a !important;
}

.hover-color-green:hover {
  color: #66bb6a !important;
}

.bg-green {
  background-color: #66bb6a !important;
}

.hover-bg-green:hover {
  background-color: #66bb6a !important;
}

.border-green {
  border-color: #66bb6a !important;
}

.hover-border-green:hover {
  border-color: #66bb6a !important;
}

.color-order-canceled {
  color: #ef5350 !important;
}

.hover-color-order-canceled:hover {
  color: #ef5350 !important;
}

.bg-order-canceled {
  background-color: #ef5350 !important;
}

.hover-bg-order-canceled:hover {
  background-color: #ef5350 !important;
}

.border-order-canceled {
  border-color: #ef5350 !important;
}

.hover-border-order-canceled:hover {
  border-color: #ef5350 !important;
}

.color-order-pending {
  color: #E3816A !important;
}

.hover-color-order-pending:hover {
  color: #E3816A !important;
}

.bg-order-pending {
  background-color: #E3816A !important;
}

.hover-bg-order-pending:hover {
  background-color: #E3816A !important;
}

.border-order-pending {
  border-color: #E3816A !important;
}

.hover-border-order-pending:hover {
  border-color: #E3816A !important;
}

.color-order-cooking {
  color: #f7bf5e !important;
}

.hover-color-order-cooking:hover {
  color: #f7bf5e !important;
}

.bg-order-cooking {
  background-color: #f7bf5e !important;
}

.hover-bg-order-cooking:hover {
  background-color: #f7bf5e !important;
}

.border-order-cooking {
  border-color: #f7bf5e !important;
}

.hover-border-order-cooking:hover {
  border-color: #f7bf5e !important;
}

.color-order-on-delivery {
  color: #489FCD !important;
}

.hover-color-order-on-delivery:hover {
  color: #489FCD !important;
}

.bg-order-on-delivery {
  background-color: #489FCD !important;
}

.hover-bg-order-on-delivery:hover {
  background-color: #489FCD !important;
}

.border-order-on-delivery {
  border-color: #489FCD !important;
}

.hover-border-order-on-delivery:hover {
  border-color: #489FCD !important;
}

.color-order-paid {
  color: #41C77C !important;
}

.hover-color-order-paid:hover {
  color: #41C77C !important;
}

.bg-order-paid {
  background-color: #41C77C !important;
}

.hover-bg-order-paid:hover {
  background-color: #41C77C !important;
}

.border-order-paid {
  border-color: #41C77C !important;
}

.hover-border-order-paid:hover {
  border-color: #41C77C !important;
}

.secondary-navbar {
  position: fixed;
  display: flex;
  background-color: #5C5290;
}

.switch {
  height: 2.25rem;
  padding: 0.25rem;
  width: 3.5rem;
  border-radius: 1.125rem;
  transition: all 0.3s ease;
}
.switch .lever {
  height: 1.75rem;
  width: 1.75rem;
  border-radius: 0.875rem;
  transition: all 0.75s ease;
}
.switch input[type=checkbox] {
  visibility: hidden;
  opacity: 0;
}
.switch.on .lever {
  transform: translateX(18px);
}

.md-input.readonly input {
  pointer-events: none;
  outline: none;
}
.md-input.readonly.no-border input {
  border-color: transparent !important;
}
.md-input.readonly input::-webkit-outer-spin-button,
.md-input.readonly input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.md-input.readonly input[type=number] {
  -moz-appearance: textfield;
}

.midelivery-button {
  padding: 0 16px;
  border-radius: 6px;
  height: 36px;
  display: flex;
  align-items: center;
  text-align: center;
  outline: none !important;
  box-shadow: unset;
  border-style: solid;
  border-width: 1px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.midelivery-button:hover {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25), 0 6px 12px rgba(0, 0, 0, 0.125);
}
.midelivery-button.button-sm {
  height: 33px;
  padding: 0 8px;
}
.midelivery-button.button-lg {
  height: 42px;
  padding: 0 20px;
}

.md-checkbox-wrapper {
  display: block;
  width: 100%;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  height: 33px;
}
.md-checkbox-wrapper label.checkbox {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.md-checkbox-wrapper label.checkbox::before {
  position: absolute;
  display: block;
  content: "";
  height: 20px;
  width: 20px;
  border-width: 2px;
  border-style: solid;
  border-color: #ABB1BE;
  border-radius: 2px;
  left: 8px;
  transition: all 0.3s ease;
}
.md-checkbox-wrapper label.checkbox.checked::before {
  transform: rotate(45deg) translateX(2px) translateY(-6px);
  width: 10px !important;
  border-top-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: #7570D3 !important;
  border-bottom-color: #7570D3 !important;
}
.md-checkbox-wrapper label.checkbox.checked em {
  color: #211C37;
}
.md-checkbox-wrapper label.checkbox input[type=checkbox] {
  display: none;
}
.md-checkbox-wrapper label.checkbox em {
  position: absolute;
  left: 36px;
  font-size: 1rem !important;
  font-style: normal !important;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: color 0.3s ease;
}

.secondary-navbar {
  height: 4rem;
  left: 0;
  right: 0;
  bottom: 0;
}

@media (min-width: 992px) {
  .view-body {
    margin-left: 4rem;
  }
  .secondary-navbar {
    width: 4rem;
    height: 100%;
    left: unset;
    right: unset;
    bottom: unset;
  }
}