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

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

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

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

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

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

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

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

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

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

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

.mnw-1 {
  min-width: 1% !important;
}

.mxw-1 {
  max-width: 1% !important;
}

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

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

.f-1 {
  font-size: 1px !important;
}

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

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

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

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

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

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

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

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

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

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

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

.mnw-2 {
  min-width: 2% !important;
}

.mxw-2 {
  max-width: 2% !important;
}

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

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

.f-2 {
  font-size: 2px !important;
}

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

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

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

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

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

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

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

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

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

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

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

.mnw-3 {
  min-width: 3% !important;
}

.mxw-3 {
  max-width: 3% !important;
}

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

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

.f-3 {
  font-size: 3px !important;
}

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

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

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

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

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

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

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

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

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

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

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

.mnw-4 {
  min-width: 4% !important;
}

.mxw-4 {
  max-width: 4% !important;
}

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

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

.f-4 {
  font-size: 4px !important;
}

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

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

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

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

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

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

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

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

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

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

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

.mnw-5 {
  min-width: 5% !important;
}

.mxw-5 {
  max-width: 5% !important;
}

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

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

.f-5 {
  font-size: 5px !important;
}

.m-6 {
  margin: 6px !important;
}

.mb-6 {
  margin-bottom: 6px !important;
}

.mr-6 {
  margin-right: 6px !important;
}

.ml-6 {
  margin-left: 6px !important;
}

.mt-6 {
  margin-top: 6px !important;
}

.p-6 {
  padding: 6px !important;
}

.pb-6 {
  padding-bottom: 6px !important;
}

.pr-6 {
  padding-right: 6px !important;
}

.pl-6 {
  padding-left: 6px !important;
}

.pt-6 {
  padding-top: 6px !important;
}

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

.mnw-6 {
  min-width: 6% !important;
}

.mxw-6 {
  max-width: 6% !important;
}

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

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

.f-6 {
  font-size: 6px !important;
}

.m-7 {
  margin: 7px !important;
}

.mb-7 {
  margin-bottom: 7px !important;
}

.mr-7 {
  margin-right: 7px !important;
}

.ml-7 {
  margin-left: 7px !important;
}

.mt-7 {
  margin-top: 7px !important;
}

.p-7 {
  padding: 7px !important;
}

.pb-7 {
  padding-bottom: 7px !important;
}

.pr-7 {
  padding-right: 7px !important;
}

.pl-7 {
  padding-left: 7px !important;
}

.pt-7 {
  padding-top: 7px !important;
}

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

.mnw-7 {
  min-width: 7% !important;
}

.mxw-7 {
  max-width: 7% !important;
}

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

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

.f-7 {
  font-size: 7px !important;
}

.m-8 {
  margin: 8px !important;
}

.mb-8 {
  margin-bottom: 8px !important;
}

.mr-8 {
  margin-right: 8px !important;
}

.ml-8 {
  margin-left: 8px !important;
}

.mt-8 {
  margin-top: 8px !important;
}

.p-8 {
  padding: 8px !important;
}

.pb-8 {
  padding-bottom: 8px !important;
}

.pr-8 {
  padding-right: 8px !important;
}

.pl-8 {
  padding-left: 8px !important;
}

.pt-8 {
  padding-top: 8px !important;
}

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

.mnw-8 {
  min-width: 8% !important;
}

.mxw-8 {
  max-width: 8% !important;
}

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

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

.f-8 {
  font-size: 8px !important;
}

.m-9 {
  margin: 9px !important;
}

.mb-9 {
  margin-bottom: 9px !important;
}

.mr-9 {
  margin-right: 9px !important;
}

.ml-9 {
  margin-left: 9px !important;
}

.mt-9 {
  margin-top: 9px !important;
}

.p-9 {
  padding: 9px !important;
}

.pb-9 {
  padding-bottom: 9px !important;
}

.pr-9 {
  padding-right: 9px !important;
}

.pl-9 {
  padding-left: 9px !important;
}

.pt-9 {
  padding-top: 9px !important;
}

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

.mnw-9 {
  min-width: 9% !important;
}

.mxw-9 {
  max-width: 9% !important;
}

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

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

.f-9 {
  font-size: 9px !important;
}

.m-10 {
  margin: 10px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.p-10 {
  padding: 10px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

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

.mnw-10 {
  min-width: 10% !important;
}

.mxw-10 {
  max-width: 10% !important;
}

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

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

.f-10 {
  font-size: 10px !important;
}

.m-11 {
  margin: 11px !important;
}

.mb-11 {
  margin-bottom: 11px !important;
}

.mr-11 {
  margin-right: 11px !important;
}

.ml-11 {
  margin-left: 11px !important;
}

.mt-11 {
  margin-top: 11px !important;
}

.p-11 {
  padding: 11px !important;
}

.pb-11 {
  padding-bottom: 11px !important;
}

.pr-11 {
  padding-right: 11px !important;
}

.pl-11 {
  padding-left: 11px !important;
}

.pt-11 {
  padding-top: 11px !important;
}

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

.mnw-11 {
  min-width: 11% !important;
}

.mxw-11 {
  max-width: 11% !important;
}

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

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

.f-11 {
  font-size: 11px !important;
}

.m-12 {
  margin: 12px !important;
}

.mb-12 {
  margin-bottom: 12px !important;
}

.mr-12 {
  margin-right: 12px !important;
}

.ml-12 {
  margin-left: 12px !important;
}

.mt-12 {
  margin-top: 12px !important;
}

.p-12 {
  padding: 12px !important;
}

.pb-12 {
  padding-bottom: 12px !important;
}

.pr-12 {
  padding-right: 12px !important;
}

.pl-12 {
  padding-left: 12px !important;
}

.pt-12 {
  padding-top: 12px !important;
}

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

.mnw-12 {
  min-width: 12% !important;
}

.mxw-12 {
  max-width: 12% !important;
}

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

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

.f-12 {
  font-size: 12px !important;
}

.m-13 {
  margin: 13px !important;
}

.mb-13 {
  margin-bottom: 13px !important;
}

.mr-13 {
  margin-right: 13px !important;
}

.ml-13 {
  margin-left: 13px !important;
}

.mt-13 {
  margin-top: 13px !important;
}

.p-13 {
  padding: 13px !important;
}

.pb-13 {
  padding-bottom: 13px !important;
}

.pr-13 {
  padding-right: 13px !important;
}

.pl-13 {
  padding-left: 13px !important;
}

.pt-13 {
  padding-top: 13px !important;
}

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

.mnw-13 {
  min-width: 13% !important;
}

.mxw-13 {
  max-width: 13% !important;
}

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

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

.f-13 {
  font-size: 13px !important;
}

.m-14 {
  margin: 14px !important;
}

.mb-14 {
  margin-bottom: 14px !important;
}

.mr-14 {
  margin-right: 14px !important;
}

.ml-14 {
  margin-left: 14px !important;
}

.mt-14 {
  margin-top: 14px !important;
}

.p-14 {
  padding: 14px !important;
}

.pb-14 {
  padding-bottom: 14px !important;
}

.pr-14 {
  padding-right: 14px !important;
}

.pl-14 {
  padding-left: 14px !important;
}

.pt-14 {
  padding-top: 14px !important;
}

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

.mnw-14 {
  min-width: 14% !important;
}

.mxw-14 {
  max-width: 14% !important;
}

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

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

.f-14 {
  font-size: 14px !important;
}

.m-15 {
  margin: 15px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.p-15 {
  padding: 15px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

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

.mnw-15 {
  min-width: 15% !important;
}

.mxw-15 {
  max-width: 15% !important;
}

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

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

.f-15 {
  font-size: 15px !important;
}

.m-16 {
  margin: 16px !important;
}

.mb-16 {
  margin-bottom: 16px !important;
}

.mr-16 {
  margin-right: 16px !important;
}

.ml-16 {
  margin-left: 16px !important;
}

.mt-16 {
  margin-top: 16px !important;
}

.p-16 {
  padding: 16px !important;
}

.pb-16 {
  padding-bottom: 16px !important;
}

.pr-16 {
  padding-right: 16px !important;
}

.pl-16 {
  padding-left: 16px !important;
}

.pt-16 {
  padding-top: 16px !important;
}

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

.mnw-16 {
  min-width: 16% !important;
}

.mxw-16 {
  max-width: 16% !important;
}

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

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

.f-16 {
  font-size: 16px !important;
}

.m-17 {
  margin: 17px !important;
}

.mb-17 {
  margin-bottom: 17px !important;
}

.mr-17 {
  margin-right: 17px !important;
}

.ml-17 {
  margin-left: 17px !important;
}

.mt-17 {
  margin-top: 17px !important;
}

.p-17 {
  padding: 17px !important;
}

.pb-17 {
  padding-bottom: 17px !important;
}

.pr-17 {
  padding-right: 17px !important;
}

.pl-17 {
  padding-left: 17px !important;
}

.pt-17 {
  padding-top: 17px !important;
}

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

.mnw-17 {
  min-width: 17% !important;
}

.mxw-17 {
  max-width: 17% !important;
}

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

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

.f-17 {
  font-size: 17px !important;
}

.m-18 {
  margin: 18px !important;
}

.mb-18 {
  margin-bottom: 18px !important;
}

.mr-18 {
  margin-right: 18px !important;
}

.ml-18 {
  margin-left: 18px !important;
}

.mt-18 {
  margin-top: 18px !important;
}

.p-18 {
  padding: 18px !important;
}

.pb-18 {
  padding-bottom: 18px !important;
}

.pr-18 {
  padding-right: 18px !important;
}

.pl-18 {
  padding-left: 18px !important;
}

.pt-18 {
  padding-top: 18px !important;
}

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

.mnw-18 {
  min-width: 18% !important;
}

.mxw-18 {
  max-width: 18% !important;
}

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

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

.f-18 {
  font-size: 18px !important;
}

.m-19 {
  margin: 19px !important;
}

.mb-19 {
  margin-bottom: 19px !important;
}

.mr-19 {
  margin-right: 19px !important;
}

.ml-19 {
  margin-left: 19px !important;
}

.mt-19 {
  margin-top: 19px !important;
}

.p-19 {
  padding: 19px !important;
}

.pb-19 {
  padding-bottom: 19px !important;
}

.pr-19 {
  padding-right: 19px !important;
}

.pl-19 {
  padding-left: 19px !important;
}

.pt-19 {
  padding-top: 19px !important;
}

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

.mnw-19 {
  min-width: 19% !important;
}

.mxw-19 {
  max-width: 19% !important;
}

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

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

.f-19 {
  font-size: 19px !important;
}

.m-20 {
  margin: 20px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.p-20 {
  padding: 20px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

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

.mnw-20 {
  min-width: 20% !important;
}

.mxw-20 {
  max-width: 20% !important;
}

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

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

.f-20 {
  font-size: 20px !important;
}

.m-21 {
  margin: 21px !important;
}

.mb-21 {
  margin-bottom: 21px !important;
}

.mr-21 {
  margin-right: 21px !important;
}

.ml-21 {
  margin-left: 21px !important;
}

.mt-21 {
  margin-top: 21px !important;
}

.p-21 {
  padding: 21px !important;
}

.pb-21 {
  padding-bottom: 21px !important;
}

.pr-21 {
  padding-right: 21px !important;
}

.pl-21 {
  padding-left: 21px !important;
}

.pt-21 {
  padding-top: 21px !important;
}

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

.mnw-21 {
  min-width: 21% !important;
}

.mxw-21 {
  max-width: 21% !important;
}

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

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

.f-21 {
  font-size: 21px !important;
}

.m-22 {
  margin: 22px !important;
}

.mb-22 {
  margin-bottom: 22px !important;
}

.mr-22 {
  margin-right: 22px !important;
}

.ml-22 {
  margin-left: 22px !important;
}

.mt-22 {
  margin-top: 22px !important;
}

.p-22 {
  padding: 22px !important;
}

.pb-22 {
  padding-bottom: 22px !important;
}

.pr-22 {
  padding-right: 22px !important;
}

.pl-22 {
  padding-left: 22px !important;
}

.pt-22 {
  padding-top: 22px !important;
}

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

.mnw-22 {
  min-width: 22% !important;
}

.mxw-22 {
  max-width: 22% !important;
}

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

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

.f-22 {
  font-size: 22px !important;
}

.m-23 {
  margin: 23px !important;
}

.mb-23 {
  margin-bottom: 23px !important;
}

.mr-23 {
  margin-right: 23px !important;
}

.ml-23 {
  margin-left: 23px !important;
}

.mt-23 {
  margin-top: 23px !important;
}

.p-23 {
  padding: 23px !important;
}

.pb-23 {
  padding-bottom: 23px !important;
}

.pr-23 {
  padding-right: 23px !important;
}

.pl-23 {
  padding-left: 23px !important;
}

.pt-23 {
  padding-top: 23px !important;
}

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

.mnw-23 {
  min-width: 23% !important;
}

.mxw-23 {
  max-width: 23% !important;
}

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

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

.f-23 {
  font-size: 23px !important;
}

.m-24 {
  margin: 24px !important;
}

.mb-24 {
  margin-bottom: 24px !important;
}

.mr-24 {
  margin-right: 24px !important;
}

.ml-24 {
  margin-left: 24px !important;
}

.mt-24 {
  margin-top: 24px !important;
}

.p-24 {
  padding: 24px !important;
}

.pb-24 {
  padding-bottom: 24px !important;
}

.pr-24 {
  padding-right: 24px !important;
}

.pl-24 {
  padding-left: 24px !important;
}

.pt-24 {
  padding-top: 24px !important;
}

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

.mnw-24 {
  min-width: 24% !important;
}

.mxw-24 {
  max-width: 24% !important;
}

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

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

.f-24 {
  font-size: 24px !important;
}

.m-25 {
  margin: 25px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.mr-25 {
  margin-right: 25px !important;
}

.ml-25 {
  margin-left: 25px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.p-25 {
  padding: 25px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

.pr-25 {
  padding-right: 25px !important;
}

.pl-25 {
  padding-left: 25px !important;
}

.pt-25 {
  padding-top: 25px !important;
}

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

.mnw-25 {
  min-width: 25% !important;
}

.mxw-25 {
  max-width: 25% !important;
}

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

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

.f-25 {
  font-size: 25px !important;
}

.m-26 {
  margin: 26px !important;
}

.mb-26 {
  margin-bottom: 26px !important;
}

.mr-26 {
  margin-right: 26px !important;
}

.ml-26 {
  margin-left: 26px !important;
}

.mt-26 {
  margin-top: 26px !important;
}

.p-26 {
  padding: 26px !important;
}

.pb-26 {
  padding-bottom: 26px !important;
}

.pr-26 {
  padding-right: 26px !important;
}

.pl-26 {
  padding-left: 26px !important;
}

.pt-26 {
  padding-top: 26px !important;
}

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

.mnw-26 {
  min-width: 26% !important;
}

.mxw-26 {
  max-width: 26% !important;
}

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

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

.f-26 {
  font-size: 26px !important;
}

.m-27 {
  margin: 27px !important;
}

.mb-27 {
  margin-bottom: 27px !important;
}

.mr-27 {
  margin-right: 27px !important;
}

.ml-27 {
  margin-left: 27px !important;
}

.mt-27 {
  margin-top: 27px !important;
}

.p-27 {
  padding: 27px !important;
}

.pb-27 {
  padding-bottom: 27px !important;
}

.pr-27 {
  padding-right: 27px !important;
}

.pl-27 {
  padding-left: 27px !important;
}

.pt-27 {
  padding-top: 27px !important;
}

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

.mnw-27 {
  min-width: 27% !important;
}

.mxw-27 {
  max-width: 27% !important;
}

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

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

.f-27 {
  font-size: 27px !important;
}

.m-28 {
  margin: 28px !important;
}

.mb-28 {
  margin-bottom: 28px !important;
}

.mr-28 {
  margin-right: 28px !important;
}

.ml-28 {
  margin-left: 28px !important;
}

.mt-28 {
  margin-top: 28px !important;
}

.p-28 {
  padding: 28px !important;
}

.pb-28 {
  padding-bottom: 28px !important;
}

.pr-28 {
  padding-right: 28px !important;
}

.pl-28 {
  padding-left: 28px !important;
}

.pt-28 {
  padding-top: 28px !important;
}

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

.mnw-28 {
  min-width: 28% !important;
}

.mxw-28 {
  max-width: 28% !important;
}

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

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

.f-28 {
  font-size: 28px !important;
}

.m-29 {
  margin: 29px !important;
}

.mb-29 {
  margin-bottom: 29px !important;
}

.mr-29 {
  margin-right: 29px !important;
}

.ml-29 {
  margin-left: 29px !important;
}

.mt-29 {
  margin-top: 29px !important;
}

.p-29 {
  padding: 29px !important;
}

.pb-29 {
  padding-bottom: 29px !important;
}

.pr-29 {
  padding-right: 29px !important;
}

.pl-29 {
  padding-left: 29px !important;
}

.pt-29 {
  padding-top: 29px !important;
}

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

.mnw-29 {
  min-width: 29% !important;
}

.mxw-29 {
  max-width: 29% !important;
}

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

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

.f-29 {
  font-size: 29px !important;
}

.m-30 {
  margin: 30px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.p-30 {
  padding: 30px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

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

.mnw-30 {
  min-width: 30% !important;
}

.mxw-30 {
  max-width: 30% !important;
}

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

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

.f-30 {
  font-size: 30px !important;
}

.m-31 {
  margin: 31px !important;
}

.mb-31 {
  margin-bottom: 31px !important;
}

.mr-31 {
  margin-right: 31px !important;
}

.ml-31 {
  margin-left: 31px !important;
}

.mt-31 {
  margin-top: 31px !important;
}

.p-31 {
  padding: 31px !important;
}

.pb-31 {
  padding-bottom: 31px !important;
}

.pr-31 {
  padding-right: 31px !important;
}

.pl-31 {
  padding-left: 31px !important;
}

.pt-31 {
  padding-top: 31px !important;
}

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

.mnw-31 {
  min-width: 31% !important;
}

.mxw-31 {
  max-width: 31% !important;
}

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

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

.f-31 {
  font-size: 31px !important;
}

.m-32 {
  margin: 32px !important;
}

.mb-32 {
  margin-bottom: 32px !important;
}

.mr-32 {
  margin-right: 32px !important;
}

.ml-32 {
  margin-left: 32px !important;
}

.mt-32 {
  margin-top: 32px !important;
}

.p-32 {
  padding: 32px !important;
}

.pb-32 {
  padding-bottom: 32px !important;
}

.pr-32 {
  padding-right: 32px !important;
}

.pl-32 {
  padding-left: 32px !important;
}

.pt-32 {
  padding-top: 32px !important;
}

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

.mnw-32 {
  min-width: 32% !important;
}

.mxw-32 {
  max-width: 32% !important;
}

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

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

.f-32 {
  font-size: 32px !important;
}

.m-33 {
  margin: 33px !important;
}

.mb-33 {
  margin-bottom: 33px !important;
}

.mr-33 {
  margin-right: 33px !important;
}

.ml-33 {
  margin-left: 33px !important;
}

.mt-33 {
  margin-top: 33px !important;
}

.p-33 {
  padding: 33px !important;
}

.pb-33 {
  padding-bottom: 33px !important;
}

.pr-33 {
  padding-right: 33px !important;
}

.pl-33 {
  padding-left: 33px !important;
}

.pt-33 {
  padding-top: 33px !important;
}

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

.mnw-33 {
  min-width: 33% !important;
}

.mxw-33 {
  max-width: 33% !important;
}

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

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

.f-33 {
  font-size: 33px !important;
}

.m-34 {
  margin: 34px !important;
}

.mb-34 {
  margin-bottom: 34px !important;
}

.mr-34 {
  margin-right: 34px !important;
}

.ml-34 {
  margin-left: 34px !important;
}

.mt-34 {
  margin-top: 34px !important;
}

.p-34 {
  padding: 34px !important;
}

.pb-34 {
  padding-bottom: 34px !important;
}

.pr-34 {
  padding-right: 34px !important;
}

.pl-34 {
  padding-left: 34px !important;
}

.pt-34 {
  padding-top: 34px !important;
}

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

.mnw-34 {
  min-width: 34% !important;
}

.mxw-34 {
  max-width: 34% !important;
}

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

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

.f-34 {
  font-size: 34px !important;
}

.m-35 {
  margin: 35px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

.mr-35 {
  margin-right: 35px !important;
}

.ml-35 {
  margin-left: 35px !important;
}

.mt-35 {
  margin-top: 35px !important;
}

.p-35 {
  padding: 35px !important;
}

.pb-35 {
  padding-bottom: 35px !important;
}

.pr-35 {
  padding-right: 35px !important;
}

.pl-35 {
  padding-left: 35px !important;
}

.pt-35 {
  padding-top: 35px !important;
}

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

.mnw-35 {
  min-width: 35% !important;
}

.mxw-35 {
  max-width: 35% !important;
}

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

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

.f-35 {
  font-size: 35px !important;
}

.m-36 {
  margin: 36px !important;
}

.mb-36 {
  margin-bottom: 36px !important;
}

.mr-36 {
  margin-right: 36px !important;
}

.ml-36 {
  margin-left: 36px !important;
}

.mt-36 {
  margin-top: 36px !important;
}

.p-36 {
  padding: 36px !important;
}

.pb-36 {
  padding-bottom: 36px !important;
}

.pr-36 {
  padding-right: 36px !important;
}

.pl-36 {
  padding-left: 36px !important;
}

.pt-36 {
  padding-top: 36px !important;
}

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

.mnw-36 {
  min-width: 36% !important;
}

.mxw-36 {
  max-width: 36% !important;
}

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

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

.f-36 {
  font-size: 36px !important;
}

.m-37 {
  margin: 37px !important;
}

.mb-37 {
  margin-bottom: 37px !important;
}

.mr-37 {
  margin-right: 37px !important;
}

.ml-37 {
  margin-left: 37px !important;
}

.mt-37 {
  margin-top: 37px !important;
}

.p-37 {
  padding: 37px !important;
}

.pb-37 {
  padding-bottom: 37px !important;
}

.pr-37 {
  padding-right: 37px !important;
}

.pl-37 {
  padding-left: 37px !important;
}

.pt-37 {
  padding-top: 37px !important;
}

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

.mnw-37 {
  min-width: 37% !important;
}

.mxw-37 {
  max-width: 37% !important;
}

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

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

.f-37 {
  font-size: 37px !important;
}

.m-38 {
  margin: 38px !important;
}

.mb-38 {
  margin-bottom: 38px !important;
}

.mr-38 {
  margin-right: 38px !important;
}

.ml-38 {
  margin-left: 38px !important;
}

.mt-38 {
  margin-top: 38px !important;
}

.p-38 {
  padding: 38px !important;
}

.pb-38 {
  padding-bottom: 38px !important;
}

.pr-38 {
  padding-right: 38px !important;
}

.pl-38 {
  padding-left: 38px !important;
}

.pt-38 {
  padding-top: 38px !important;
}

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

.mnw-38 {
  min-width: 38% !important;
}

.mxw-38 {
  max-width: 38% !important;
}

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

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

.f-38 {
  font-size: 38px !important;
}

.m-39 {
  margin: 39px !important;
}

.mb-39 {
  margin-bottom: 39px !important;
}

.mr-39 {
  margin-right: 39px !important;
}

.ml-39 {
  margin-left: 39px !important;
}

.mt-39 {
  margin-top: 39px !important;
}

.p-39 {
  padding: 39px !important;
}

.pb-39 {
  padding-bottom: 39px !important;
}

.pr-39 {
  padding-right: 39px !important;
}

.pl-39 {
  padding-left: 39px !important;
}

.pt-39 {
  padding-top: 39px !important;
}

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

.mnw-39 {
  min-width: 39% !important;
}

.mxw-39 {
  max-width: 39% !important;
}

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

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

.f-39 {
  font-size: 39px !important;
}

.m-40 {
  margin: 40px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.ml-40 {
  margin-left: 40px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.p-40 {
  padding: 40px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pr-40 {
  padding-right: 40px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

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

.mnw-40 {
  min-width: 40% !important;
}

.mxw-40 {
  max-width: 40% !important;
}

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

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

.f-40 {
  font-size: 40px !important;
}

.m-41 {
  margin: 41px !important;
}

.mb-41 {
  margin-bottom: 41px !important;
}

.mr-41 {
  margin-right: 41px !important;
}

.ml-41 {
  margin-left: 41px !important;
}

.mt-41 {
  margin-top: 41px !important;
}

.p-41 {
  padding: 41px !important;
}

.pb-41 {
  padding-bottom: 41px !important;
}

.pr-41 {
  padding-right: 41px !important;
}

.pl-41 {
  padding-left: 41px !important;
}

.pt-41 {
  padding-top: 41px !important;
}

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

.mnw-41 {
  min-width: 41% !important;
}

.mxw-41 {
  max-width: 41% !important;
}

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

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

.f-41 {
  font-size: 41px !important;
}

.m-42 {
  margin: 42px !important;
}

.mb-42 {
  margin-bottom: 42px !important;
}

.mr-42 {
  margin-right: 42px !important;
}

.ml-42 {
  margin-left: 42px !important;
}

.mt-42 {
  margin-top: 42px !important;
}

.p-42 {
  padding: 42px !important;
}

.pb-42 {
  padding-bottom: 42px !important;
}

.pr-42 {
  padding-right: 42px !important;
}

.pl-42 {
  padding-left: 42px !important;
}

.pt-42 {
  padding-top: 42px !important;
}

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

.mnw-42 {
  min-width: 42% !important;
}

.mxw-42 {
  max-width: 42% !important;
}

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

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

.f-42 {
  font-size: 42px !important;
}

.m-43 {
  margin: 43px !important;
}

.mb-43 {
  margin-bottom: 43px !important;
}

.mr-43 {
  margin-right: 43px !important;
}

.ml-43 {
  margin-left: 43px !important;
}

.mt-43 {
  margin-top: 43px !important;
}

.p-43 {
  padding: 43px !important;
}

.pb-43 {
  padding-bottom: 43px !important;
}

.pr-43 {
  padding-right: 43px !important;
}

.pl-43 {
  padding-left: 43px !important;
}

.pt-43 {
  padding-top: 43px !important;
}

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

.mnw-43 {
  min-width: 43% !important;
}

.mxw-43 {
  max-width: 43% !important;
}

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

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

.f-43 {
  font-size: 43px !important;
}

.m-44 {
  margin: 44px !important;
}

.mb-44 {
  margin-bottom: 44px !important;
}

.mr-44 {
  margin-right: 44px !important;
}

.ml-44 {
  margin-left: 44px !important;
}

.mt-44 {
  margin-top: 44px !important;
}

.p-44 {
  padding: 44px !important;
}

.pb-44 {
  padding-bottom: 44px !important;
}

.pr-44 {
  padding-right: 44px !important;
}

.pl-44 {
  padding-left: 44px !important;
}

.pt-44 {
  padding-top: 44px !important;
}

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

.mnw-44 {
  min-width: 44% !important;
}

.mxw-44 {
  max-width: 44% !important;
}

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

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

.f-44 {
  font-size: 44px !important;
}

.m-45 {
  margin: 45px !important;
}

.mb-45 {
  margin-bottom: 45px !important;
}

.mr-45 {
  margin-right: 45px !important;
}

.ml-45 {
  margin-left: 45px !important;
}

.mt-45 {
  margin-top: 45px !important;
}

.p-45 {
  padding: 45px !important;
}

.pb-45 {
  padding-bottom: 45px !important;
}

.pr-45 {
  padding-right: 45px !important;
}

.pl-45 {
  padding-left: 45px !important;
}

.pt-45 {
  padding-top: 45px !important;
}

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

.mnw-45 {
  min-width: 45% !important;
}

.mxw-45 {
  max-width: 45% !important;
}

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

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

.f-45 {
  font-size: 45px !important;
}

.m-46 {
  margin: 46px !important;
}

.mb-46 {
  margin-bottom: 46px !important;
}

.mr-46 {
  margin-right: 46px !important;
}

.ml-46 {
  margin-left: 46px !important;
}

.mt-46 {
  margin-top: 46px !important;
}

.p-46 {
  padding: 46px !important;
}

.pb-46 {
  padding-bottom: 46px !important;
}

.pr-46 {
  padding-right: 46px !important;
}

.pl-46 {
  padding-left: 46px !important;
}

.pt-46 {
  padding-top: 46px !important;
}

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

.mnw-46 {
  min-width: 46% !important;
}

.mxw-46 {
  max-width: 46% !important;
}

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

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

.f-46 {
  font-size: 46px !important;
}

.m-47 {
  margin: 47px !important;
}

.mb-47 {
  margin-bottom: 47px !important;
}

.mr-47 {
  margin-right: 47px !important;
}

.ml-47 {
  margin-left: 47px !important;
}

.mt-47 {
  margin-top: 47px !important;
}

.p-47 {
  padding: 47px !important;
}

.pb-47 {
  padding-bottom: 47px !important;
}

.pr-47 {
  padding-right: 47px !important;
}

.pl-47 {
  padding-left: 47px !important;
}

.pt-47 {
  padding-top: 47px !important;
}

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

.mnw-47 {
  min-width: 47% !important;
}

.mxw-47 {
  max-width: 47% !important;
}

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

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

.f-47 {
  font-size: 47px !important;
}

.m-48 {
  margin: 48px !important;
}

.mb-48 {
  margin-bottom: 48px !important;
}

.mr-48 {
  margin-right: 48px !important;
}

.ml-48 {
  margin-left: 48px !important;
}

.mt-48 {
  margin-top: 48px !important;
}

.p-48 {
  padding: 48px !important;
}

.pb-48 {
  padding-bottom: 48px !important;
}

.pr-48 {
  padding-right: 48px !important;
}

.pl-48 {
  padding-left: 48px !important;
}

.pt-48 {
  padding-top: 48px !important;
}

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

.mnw-48 {
  min-width: 48% !important;
}

.mxw-48 {
  max-width: 48% !important;
}

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

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

.f-48 {
  font-size: 48px !important;
}

.m-49 {
  margin: 49px !important;
}

.mb-49 {
  margin-bottom: 49px !important;
}

.mr-49 {
  margin-right: 49px !important;
}

.ml-49 {
  margin-left: 49px !important;
}

.mt-49 {
  margin-top: 49px !important;
}

.p-49 {
  padding: 49px !important;
}

.pb-49 {
  padding-bottom: 49px !important;
}

.pr-49 {
  padding-right: 49px !important;
}

.pl-49 {
  padding-left: 49px !important;
}

.pt-49 {
  padding-top: 49px !important;
}

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

.mnw-49 {
  min-width: 49% !important;
}

.mxw-49 {
  max-width: 49% !important;
}

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

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

.f-49 {
  font-size: 49px !important;
}

.m-50 {
  margin: 50px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mr-50 {
  margin-right: 50px !important;
}

.ml-50 {
  margin-left: 50px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.p-50 {
  padding: 50px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.pr-50 {
  padding-right: 50px !important;
}

.pl-50 {
  padding-left: 50px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

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

.mnw-50 {
  min-width: 50% !important;
}

.mxw-50 {
  max-width: 50% !important;
}

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

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

.f-50 {
  font-size: 50px !important;
}

.m-51 {
  margin: 51px !important;
}

.mb-51 {
  margin-bottom: 51px !important;
}

.mr-51 {
  margin-right: 51px !important;
}

.ml-51 {
  margin-left: 51px !important;
}

.mt-51 {
  margin-top: 51px !important;
}

.p-51 {
  padding: 51px !important;
}

.pb-51 {
  padding-bottom: 51px !important;
}

.pr-51 {
  padding-right: 51px !important;
}

.pl-51 {
  padding-left: 51px !important;
}

.pt-51 {
  padding-top: 51px !important;
}

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

.mnw-51 {
  min-width: 51% !important;
}

.mxw-51 {
  max-width: 51% !important;
}

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

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

.f-51 {
  font-size: 51px !important;
}

.m-52 {
  margin: 52px !important;
}

.mb-52 {
  margin-bottom: 52px !important;
}

.mr-52 {
  margin-right: 52px !important;
}

.ml-52 {
  margin-left: 52px !important;
}

.mt-52 {
  margin-top: 52px !important;
}

.p-52 {
  padding: 52px !important;
}

.pb-52 {
  padding-bottom: 52px !important;
}

.pr-52 {
  padding-right: 52px !important;
}

.pl-52 {
  padding-left: 52px !important;
}

.pt-52 {
  padding-top: 52px !important;
}

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

.mnw-52 {
  min-width: 52% !important;
}

.mxw-52 {
  max-width: 52% !important;
}

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

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

.f-52 {
  font-size: 52px !important;
}

.m-53 {
  margin: 53px !important;
}

.mb-53 {
  margin-bottom: 53px !important;
}

.mr-53 {
  margin-right: 53px !important;
}

.ml-53 {
  margin-left: 53px !important;
}

.mt-53 {
  margin-top: 53px !important;
}

.p-53 {
  padding: 53px !important;
}

.pb-53 {
  padding-bottom: 53px !important;
}

.pr-53 {
  padding-right: 53px !important;
}

.pl-53 {
  padding-left: 53px !important;
}

.pt-53 {
  padding-top: 53px !important;
}

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

.mnw-53 {
  min-width: 53% !important;
}

.mxw-53 {
  max-width: 53% !important;
}

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

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

.f-53 {
  font-size: 53px !important;
}

.m-54 {
  margin: 54px !important;
}

.mb-54 {
  margin-bottom: 54px !important;
}

.mr-54 {
  margin-right: 54px !important;
}

.ml-54 {
  margin-left: 54px !important;
}

.mt-54 {
  margin-top: 54px !important;
}

.p-54 {
  padding: 54px !important;
}

.pb-54 {
  padding-bottom: 54px !important;
}

.pr-54 {
  padding-right: 54px !important;
}

.pl-54 {
  padding-left: 54px !important;
}

.pt-54 {
  padding-top: 54px !important;
}

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

.mnw-54 {
  min-width: 54% !important;
}

.mxw-54 {
  max-width: 54% !important;
}

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

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

.f-54 {
  font-size: 54px !important;
}

.m-55 {
  margin: 55px !important;
}

.mb-55 {
  margin-bottom: 55px !important;
}

.mr-55 {
  margin-right: 55px !important;
}

.ml-55 {
  margin-left: 55px !important;
}

.mt-55 {
  margin-top: 55px !important;
}

.p-55 {
  padding: 55px !important;
}

.pb-55 {
  padding-bottom: 55px !important;
}

.pr-55 {
  padding-right: 55px !important;
}

.pl-55 {
  padding-left: 55px !important;
}

.pt-55 {
  padding-top: 55px !important;
}

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

.mnw-55 {
  min-width: 55% !important;
}

.mxw-55 {
  max-width: 55% !important;
}

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

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

.f-55 {
  font-size: 55px !important;
}

.m-56 {
  margin: 56px !important;
}

.mb-56 {
  margin-bottom: 56px !important;
}

.mr-56 {
  margin-right: 56px !important;
}

.ml-56 {
  margin-left: 56px !important;
}

.mt-56 {
  margin-top: 56px !important;
}

.p-56 {
  padding: 56px !important;
}

.pb-56 {
  padding-bottom: 56px !important;
}

.pr-56 {
  padding-right: 56px !important;
}

.pl-56 {
  padding-left: 56px !important;
}

.pt-56 {
  padding-top: 56px !important;
}

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

.mnw-56 {
  min-width: 56% !important;
}

.mxw-56 {
  max-width: 56% !important;
}

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

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

.f-56 {
  font-size: 56px !important;
}

.m-57 {
  margin: 57px !important;
}

.mb-57 {
  margin-bottom: 57px !important;
}

.mr-57 {
  margin-right: 57px !important;
}

.ml-57 {
  margin-left: 57px !important;
}

.mt-57 {
  margin-top: 57px !important;
}

.p-57 {
  padding: 57px !important;
}

.pb-57 {
  padding-bottom: 57px !important;
}

.pr-57 {
  padding-right: 57px !important;
}

.pl-57 {
  padding-left: 57px !important;
}

.pt-57 {
  padding-top: 57px !important;
}

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

.mnw-57 {
  min-width: 57% !important;
}

.mxw-57 {
  max-width: 57% !important;
}

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

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

.f-57 {
  font-size: 57px !important;
}

.m-58 {
  margin: 58px !important;
}

.mb-58 {
  margin-bottom: 58px !important;
}

.mr-58 {
  margin-right: 58px !important;
}

.ml-58 {
  margin-left: 58px !important;
}

.mt-58 {
  margin-top: 58px !important;
}

.p-58 {
  padding: 58px !important;
}

.pb-58 {
  padding-bottom: 58px !important;
}

.pr-58 {
  padding-right: 58px !important;
}

.pl-58 {
  padding-left: 58px !important;
}

.pt-58 {
  padding-top: 58px !important;
}

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

.mnw-58 {
  min-width: 58% !important;
}

.mxw-58 {
  max-width: 58% !important;
}

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

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

.f-58 {
  font-size: 58px !important;
}

.m-59 {
  margin: 59px !important;
}

.mb-59 {
  margin-bottom: 59px !important;
}

.mr-59 {
  margin-right: 59px !important;
}

.ml-59 {
  margin-left: 59px !important;
}

.mt-59 {
  margin-top: 59px !important;
}

.p-59 {
  padding: 59px !important;
}

.pb-59 {
  padding-bottom: 59px !important;
}

.pr-59 {
  padding-right: 59px !important;
}

.pl-59 {
  padding-left: 59px !important;
}

.pt-59 {
  padding-top: 59px !important;
}

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

.mnw-59 {
  min-width: 59% !important;
}

.mxw-59 {
  max-width: 59% !important;
}

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

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

.f-59 {
  font-size: 59px !important;
}

.m-60 {
  margin: 60px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.mr-60 {
  margin-right: 60px !important;
}

.ml-60 {
  margin-left: 60px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.p-60 {
  padding: 60px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.pr-60 {
  padding-right: 60px !important;
}

.pl-60 {
  padding-left: 60px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

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

.mnw-60 {
  min-width: 60% !important;
}

.mxw-60 {
  max-width: 60% !important;
}

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

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

.f-60 {
  font-size: 60px !important;
}

.m-61 {
  margin: 61px !important;
}

.mb-61 {
  margin-bottom: 61px !important;
}

.mr-61 {
  margin-right: 61px !important;
}

.ml-61 {
  margin-left: 61px !important;
}

.mt-61 {
  margin-top: 61px !important;
}

.p-61 {
  padding: 61px !important;
}

.pb-61 {
  padding-bottom: 61px !important;
}

.pr-61 {
  padding-right: 61px !important;
}

.pl-61 {
  padding-left: 61px !important;
}

.pt-61 {
  padding-top: 61px !important;
}

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

.mnw-61 {
  min-width: 61% !important;
}

.mxw-61 {
  max-width: 61% !important;
}

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

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

.f-61 {
  font-size: 61px !important;
}

.m-62 {
  margin: 62px !important;
}

.mb-62 {
  margin-bottom: 62px !important;
}

.mr-62 {
  margin-right: 62px !important;
}

.ml-62 {
  margin-left: 62px !important;
}

.mt-62 {
  margin-top: 62px !important;
}

.p-62 {
  padding: 62px !important;
}

.pb-62 {
  padding-bottom: 62px !important;
}

.pr-62 {
  padding-right: 62px !important;
}

.pl-62 {
  padding-left: 62px !important;
}

.pt-62 {
  padding-top: 62px !important;
}

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

.mnw-62 {
  min-width: 62% !important;
}

.mxw-62 {
  max-width: 62% !important;
}

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

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

.f-62 {
  font-size: 62px !important;
}

.m-63 {
  margin: 63px !important;
}

.mb-63 {
  margin-bottom: 63px !important;
}

.mr-63 {
  margin-right: 63px !important;
}

.ml-63 {
  margin-left: 63px !important;
}

.mt-63 {
  margin-top: 63px !important;
}

.p-63 {
  padding: 63px !important;
}

.pb-63 {
  padding-bottom: 63px !important;
}

.pr-63 {
  padding-right: 63px !important;
}

.pl-63 {
  padding-left: 63px !important;
}

.pt-63 {
  padding-top: 63px !important;
}

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

.mnw-63 {
  min-width: 63% !important;
}

.mxw-63 {
  max-width: 63% !important;
}

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

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

.f-63 {
  font-size: 63px !important;
}

.m-64 {
  margin: 64px !important;
}

.mb-64 {
  margin-bottom: 64px !important;
}

.mr-64 {
  margin-right: 64px !important;
}

.ml-64 {
  margin-left: 64px !important;
}

.mt-64 {
  margin-top: 64px !important;
}

.p-64 {
  padding: 64px !important;
}

.pb-64 {
  padding-bottom: 64px !important;
}

.pr-64 {
  padding-right: 64px !important;
}

.pl-64 {
  padding-left: 64px !important;
}

.pt-64 {
  padding-top: 64px !important;
}

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

.mnw-64 {
  min-width: 64% !important;
}

.mxw-64 {
  max-width: 64% !important;
}

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

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

.f-64 {
  font-size: 64px !important;
}

.m-65 {
  margin: 65px !important;
}

.mb-65 {
  margin-bottom: 65px !important;
}

.mr-65 {
  margin-right: 65px !important;
}

.ml-65 {
  margin-left: 65px !important;
}

.mt-65 {
  margin-top: 65px !important;
}

.p-65 {
  padding: 65px !important;
}

.pb-65 {
  padding-bottom: 65px !important;
}

.pr-65 {
  padding-right: 65px !important;
}

.pl-65 {
  padding-left: 65px !important;
}

.pt-65 {
  padding-top: 65px !important;
}

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

.mnw-65 {
  min-width: 65% !important;
}

.mxw-65 {
  max-width: 65% !important;
}

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

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

.f-65 {
  font-size: 65px !important;
}

.m-66 {
  margin: 66px !important;
}

.mb-66 {
  margin-bottom: 66px !important;
}

.mr-66 {
  margin-right: 66px !important;
}

.ml-66 {
  margin-left: 66px !important;
}

.mt-66 {
  margin-top: 66px !important;
}

.p-66 {
  padding: 66px !important;
}

.pb-66 {
  padding-bottom: 66px !important;
}

.pr-66 {
  padding-right: 66px !important;
}

.pl-66 {
  padding-left: 66px !important;
}

.pt-66 {
  padding-top: 66px !important;
}

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

.mnw-66 {
  min-width: 66% !important;
}

.mxw-66 {
  max-width: 66% !important;
}

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

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

.f-66 {
  font-size: 66px !important;
}

.m-67 {
  margin: 67px !important;
}

.mb-67 {
  margin-bottom: 67px !important;
}

.mr-67 {
  margin-right: 67px !important;
}

.ml-67 {
  margin-left: 67px !important;
}

.mt-67 {
  margin-top: 67px !important;
}

.p-67 {
  padding: 67px !important;
}

.pb-67 {
  padding-bottom: 67px !important;
}

.pr-67 {
  padding-right: 67px !important;
}

.pl-67 {
  padding-left: 67px !important;
}

.pt-67 {
  padding-top: 67px !important;
}

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

.mnw-67 {
  min-width: 67% !important;
}

.mxw-67 {
  max-width: 67% !important;
}

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

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

.f-67 {
  font-size: 67px !important;
}

.m-68 {
  margin: 68px !important;
}

.mb-68 {
  margin-bottom: 68px !important;
}

.mr-68 {
  margin-right: 68px !important;
}

.ml-68 {
  margin-left: 68px !important;
}

.mt-68 {
  margin-top: 68px !important;
}

.p-68 {
  padding: 68px !important;
}

.pb-68 {
  padding-bottom: 68px !important;
}

.pr-68 {
  padding-right: 68px !important;
}

.pl-68 {
  padding-left: 68px !important;
}

.pt-68 {
  padding-top: 68px !important;
}

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

.mnw-68 {
  min-width: 68% !important;
}

.mxw-68 {
  max-width: 68% !important;
}

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

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

.f-68 {
  font-size: 68px !important;
}

.m-69 {
  margin: 69px !important;
}

.mb-69 {
  margin-bottom: 69px !important;
}

.mr-69 {
  margin-right: 69px !important;
}

.ml-69 {
  margin-left: 69px !important;
}

.mt-69 {
  margin-top: 69px !important;
}

.p-69 {
  padding: 69px !important;
}

.pb-69 {
  padding-bottom: 69px !important;
}

.pr-69 {
  padding-right: 69px !important;
}

.pl-69 {
  padding-left: 69px !important;
}

.pt-69 {
  padding-top: 69px !important;
}

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

.mnw-69 {
  min-width: 69% !important;
}

.mxw-69 {
  max-width: 69% !important;
}

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

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

.f-69 {
  font-size: 69px !important;
}

.m-70 {
  margin: 70px !important;
}

.mb-70 {
  margin-bottom: 70px !important;
}

.mr-70 {
  margin-right: 70px !important;
}

.ml-70 {
  margin-left: 70px !important;
}

.mt-70 {
  margin-top: 70px !important;
}

.p-70 {
  padding: 70px !important;
}

.pb-70 {
  padding-bottom: 70px !important;
}

.pr-70 {
  padding-right: 70px !important;
}

.pl-70 {
  padding-left: 70px !important;
}

.pt-70 {
  padding-top: 70px !important;
}

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

.mnw-70 {
  min-width: 70% !important;
}

.mxw-70 {
  max-width: 70% !important;
}

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

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

.f-70 {
  font-size: 70px !important;
}

.m-71 {
  margin: 71px !important;
}

.mb-71 {
  margin-bottom: 71px !important;
}

.mr-71 {
  margin-right: 71px !important;
}

.ml-71 {
  margin-left: 71px !important;
}

.mt-71 {
  margin-top: 71px !important;
}

.p-71 {
  padding: 71px !important;
}

.pb-71 {
  padding-bottom: 71px !important;
}

.pr-71 {
  padding-right: 71px !important;
}

.pl-71 {
  padding-left: 71px !important;
}

.pt-71 {
  padding-top: 71px !important;
}

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

.mnw-71 {
  min-width: 71% !important;
}

.mxw-71 {
  max-width: 71% !important;
}

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

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

.f-71 {
  font-size: 71px !important;
}

.m-72 {
  margin: 72px !important;
}

.mb-72 {
  margin-bottom: 72px !important;
}

.mr-72 {
  margin-right: 72px !important;
}

.ml-72 {
  margin-left: 72px !important;
}

.mt-72 {
  margin-top: 72px !important;
}

.p-72 {
  padding: 72px !important;
}

.pb-72 {
  padding-bottom: 72px !important;
}

.pr-72 {
  padding-right: 72px !important;
}

.pl-72 {
  padding-left: 72px !important;
}

.pt-72 {
  padding-top: 72px !important;
}

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

.mnw-72 {
  min-width: 72% !important;
}

.mxw-72 {
  max-width: 72% !important;
}

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

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

.f-72 {
  font-size: 72px !important;
}

.m-73 {
  margin: 73px !important;
}

.mb-73 {
  margin-bottom: 73px !important;
}

.mr-73 {
  margin-right: 73px !important;
}

.ml-73 {
  margin-left: 73px !important;
}

.mt-73 {
  margin-top: 73px !important;
}

.p-73 {
  padding: 73px !important;
}

.pb-73 {
  padding-bottom: 73px !important;
}

.pr-73 {
  padding-right: 73px !important;
}

.pl-73 {
  padding-left: 73px !important;
}

.pt-73 {
  padding-top: 73px !important;
}

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

.mnw-73 {
  min-width: 73% !important;
}

.mxw-73 {
  max-width: 73% !important;
}

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

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

.f-73 {
  font-size: 73px !important;
}

.m-74 {
  margin: 74px !important;
}

.mb-74 {
  margin-bottom: 74px !important;
}

.mr-74 {
  margin-right: 74px !important;
}

.ml-74 {
  margin-left: 74px !important;
}

.mt-74 {
  margin-top: 74px !important;
}

.p-74 {
  padding: 74px !important;
}

.pb-74 {
  padding-bottom: 74px !important;
}

.pr-74 {
  padding-right: 74px !important;
}

.pl-74 {
  padding-left: 74px !important;
}

.pt-74 {
  padding-top: 74px !important;
}

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

.mnw-74 {
  min-width: 74% !important;
}

.mxw-74 {
  max-width: 74% !important;
}

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

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

.f-74 {
  font-size: 74px !important;
}

.m-75 {
  margin: 75px !important;
}

.mb-75 {
  margin-bottom: 75px !important;
}

.mr-75 {
  margin-right: 75px !important;
}

.ml-75 {
  margin-left: 75px !important;
}

.mt-75 {
  margin-top: 75px !important;
}

.p-75 {
  padding: 75px !important;
}

.pb-75 {
  padding-bottom: 75px !important;
}

.pr-75 {
  padding-right: 75px !important;
}

.pl-75 {
  padding-left: 75px !important;
}

.pt-75 {
  padding-top: 75px !important;
}

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

.mnw-75 {
  min-width: 75% !important;
}

.mxw-75 {
  max-width: 75% !important;
}

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

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

.f-75 {
  font-size: 75px !important;
}

.m-76 {
  margin: 76px !important;
}

.mb-76 {
  margin-bottom: 76px !important;
}

.mr-76 {
  margin-right: 76px !important;
}

.ml-76 {
  margin-left: 76px !important;
}

.mt-76 {
  margin-top: 76px !important;
}

.p-76 {
  padding: 76px !important;
}

.pb-76 {
  padding-bottom: 76px !important;
}

.pr-76 {
  padding-right: 76px !important;
}

.pl-76 {
  padding-left: 76px !important;
}

.pt-76 {
  padding-top: 76px !important;
}

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

.mnw-76 {
  min-width: 76% !important;
}

.mxw-76 {
  max-width: 76% !important;
}

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

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

.f-76 {
  font-size: 76px !important;
}

.m-77 {
  margin: 77px !important;
}

.mb-77 {
  margin-bottom: 77px !important;
}

.mr-77 {
  margin-right: 77px !important;
}

.ml-77 {
  margin-left: 77px !important;
}

.mt-77 {
  margin-top: 77px !important;
}

.p-77 {
  padding: 77px !important;
}

.pb-77 {
  padding-bottom: 77px !important;
}

.pr-77 {
  padding-right: 77px !important;
}

.pl-77 {
  padding-left: 77px !important;
}

.pt-77 {
  padding-top: 77px !important;
}

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

.mnw-77 {
  min-width: 77% !important;
}

.mxw-77 {
  max-width: 77% !important;
}

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

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

.f-77 {
  font-size: 77px !important;
}

.m-78 {
  margin: 78px !important;
}

.mb-78 {
  margin-bottom: 78px !important;
}

.mr-78 {
  margin-right: 78px !important;
}

.ml-78 {
  margin-left: 78px !important;
}

.mt-78 {
  margin-top: 78px !important;
}

.p-78 {
  padding: 78px !important;
}

.pb-78 {
  padding-bottom: 78px !important;
}

.pr-78 {
  padding-right: 78px !important;
}

.pl-78 {
  padding-left: 78px !important;
}

.pt-78 {
  padding-top: 78px !important;
}

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

.mnw-78 {
  min-width: 78% !important;
}

.mxw-78 {
  max-width: 78% !important;
}

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

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

.f-78 {
  font-size: 78px !important;
}

.m-79 {
  margin: 79px !important;
}

.mb-79 {
  margin-bottom: 79px !important;
}

.mr-79 {
  margin-right: 79px !important;
}

.ml-79 {
  margin-left: 79px !important;
}

.mt-79 {
  margin-top: 79px !important;
}

.p-79 {
  padding: 79px !important;
}

.pb-79 {
  padding-bottom: 79px !important;
}

.pr-79 {
  padding-right: 79px !important;
}

.pl-79 {
  padding-left: 79px !important;
}

.pt-79 {
  padding-top: 79px !important;
}

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

.mnw-79 {
  min-width: 79% !important;
}

.mxw-79 {
  max-width: 79% !important;
}

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

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

.f-79 {
  font-size: 79px !important;
}

.m-80 {
  margin: 80px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.mr-80 {
  margin-right: 80px !important;
}

.ml-80 {
  margin-left: 80px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.p-80 {
  padding: 80px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

.pr-80 {
  padding-right: 80px !important;
}

.pl-80 {
  padding-left: 80px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

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

.mnw-80 {
  min-width: 80% !important;
}

.mxw-80 {
  max-width: 80% !important;
}

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

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

.f-80 {
  font-size: 80px !important;
}

.m-81 {
  margin: 81px !important;
}

.mb-81 {
  margin-bottom: 81px !important;
}

.mr-81 {
  margin-right: 81px !important;
}

.ml-81 {
  margin-left: 81px !important;
}

.mt-81 {
  margin-top: 81px !important;
}

.p-81 {
  padding: 81px !important;
}

.pb-81 {
  padding-bottom: 81px !important;
}

.pr-81 {
  padding-right: 81px !important;
}

.pl-81 {
  padding-left: 81px !important;
}

.pt-81 {
  padding-top: 81px !important;
}

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

.mnw-81 {
  min-width: 81% !important;
}

.mxw-81 {
  max-width: 81% !important;
}

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

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

.f-81 {
  font-size: 81px !important;
}

.m-82 {
  margin: 82px !important;
}

.mb-82 {
  margin-bottom: 82px !important;
}

.mr-82 {
  margin-right: 82px !important;
}

.ml-82 {
  margin-left: 82px !important;
}

.mt-82 {
  margin-top: 82px !important;
}

.p-82 {
  padding: 82px !important;
}

.pb-82 {
  padding-bottom: 82px !important;
}

.pr-82 {
  padding-right: 82px !important;
}

.pl-82 {
  padding-left: 82px !important;
}

.pt-82 {
  padding-top: 82px !important;
}

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

.mnw-82 {
  min-width: 82% !important;
}

.mxw-82 {
  max-width: 82% !important;
}

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

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

.f-82 {
  font-size: 82px !important;
}

.m-83 {
  margin: 83px !important;
}

.mb-83 {
  margin-bottom: 83px !important;
}

.mr-83 {
  margin-right: 83px !important;
}

.ml-83 {
  margin-left: 83px !important;
}

.mt-83 {
  margin-top: 83px !important;
}

.p-83 {
  padding: 83px !important;
}

.pb-83 {
  padding-bottom: 83px !important;
}

.pr-83 {
  padding-right: 83px !important;
}

.pl-83 {
  padding-left: 83px !important;
}

.pt-83 {
  padding-top: 83px !important;
}

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

.mnw-83 {
  min-width: 83% !important;
}

.mxw-83 {
  max-width: 83% !important;
}

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

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

.f-83 {
  font-size: 83px !important;
}

.m-84 {
  margin: 84px !important;
}

.mb-84 {
  margin-bottom: 84px !important;
}

.mr-84 {
  margin-right: 84px !important;
}

.ml-84 {
  margin-left: 84px !important;
}

.mt-84 {
  margin-top: 84px !important;
}

.p-84 {
  padding: 84px !important;
}

.pb-84 {
  padding-bottom: 84px !important;
}

.pr-84 {
  padding-right: 84px !important;
}

.pl-84 {
  padding-left: 84px !important;
}

.pt-84 {
  padding-top: 84px !important;
}

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

.mnw-84 {
  min-width: 84% !important;
}

.mxw-84 {
  max-width: 84% !important;
}

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

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

.f-84 {
  font-size: 84px !important;
}

.m-85 {
  margin: 85px !important;
}

.mb-85 {
  margin-bottom: 85px !important;
}

.mr-85 {
  margin-right: 85px !important;
}

.ml-85 {
  margin-left: 85px !important;
}

.mt-85 {
  margin-top: 85px !important;
}

.p-85 {
  padding: 85px !important;
}

.pb-85 {
  padding-bottom: 85px !important;
}

.pr-85 {
  padding-right: 85px !important;
}

.pl-85 {
  padding-left: 85px !important;
}

.pt-85 {
  padding-top: 85px !important;
}

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

.mnw-85 {
  min-width: 85% !important;
}

.mxw-85 {
  max-width: 85% !important;
}

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

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

.f-85 {
  font-size: 85px !important;
}

.m-86 {
  margin: 86px !important;
}

.mb-86 {
  margin-bottom: 86px !important;
}

.mr-86 {
  margin-right: 86px !important;
}

.ml-86 {
  margin-left: 86px !important;
}

.mt-86 {
  margin-top: 86px !important;
}

.p-86 {
  padding: 86px !important;
}

.pb-86 {
  padding-bottom: 86px !important;
}

.pr-86 {
  padding-right: 86px !important;
}

.pl-86 {
  padding-left: 86px !important;
}

.pt-86 {
  padding-top: 86px !important;
}

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

.mnw-86 {
  min-width: 86% !important;
}

.mxw-86 {
  max-width: 86% !important;
}

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

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

.f-86 {
  font-size: 86px !important;
}

.m-87 {
  margin: 87px !important;
}

.mb-87 {
  margin-bottom: 87px !important;
}

.mr-87 {
  margin-right: 87px !important;
}

.ml-87 {
  margin-left: 87px !important;
}

.mt-87 {
  margin-top: 87px !important;
}

.p-87 {
  padding: 87px !important;
}

.pb-87 {
  padding-bottom: 87px !important;
}

.pr-87 {
  padding-right: 87px !important;
}

.pl-87 {
  padding-left: 87px !important;
}

.pt-87 {
  padding-top: 87px !important;
}

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

.mnw-87 {
  min-width: 87% !important;
}

.mxw-87 {
  max-width: 87% !important;
}

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

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

.f-87 {
  font-size: 87px !important;
}

.m-88 {
  margin: 88px !important;
}

.mb-88 {
  margin-bottom: 88px !important;
}

.mr-88 {
  margin-right: 88px !important;
}

.ml-88 {
  margin-left: 88px !important;
}

.mt-88 {
  margin-top: 88px !important;
}

.p-88 {
  padding: 88px !important;
}

.pb-88 {
  padding-bottom: 88px !important;
}

.pr-88 {
  padding-right: 88px !important;
}

.pl-88 {
  padding-left: 88px !important;
}

.pt-88 {
  padding-top: 88px !important;
}

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

.mnw-88 {
  min-width: 88% !important;
}

.mxw-88 {
  max-width: 88% !important;
}

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

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

.f-88 {
  font-size: 88px !important;
}

.m-89 {
  margin: 89px !important;
}

.mb-89 {
  margin-bottom: 89px !important;
}

.mr-89 {
  margin-right: 89px !important;
}

.ml-89 {
  margin-left: 89px !important;
}

.mt-89 {
  margin-top: 89px !important;
}

.p-89 {
  padding: 89px !important;
}

.pb-89 {
  padding-bottom: 89px !important;
}

.pr-89 {
  padding-right: 89px !important;
}

.pl-89 {
  padding-left: 89px !important;
}

.pt-89 {
  padding-top: 89px !important;
}

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

.mnw-89 {
  min-width: 89% !important;
}

.mxw-89 {
  max-width: 89% !important;
}

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

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

.f-89 {
  font-size: 89px !important;
}

.m-90 {
  margin: 90px !important;
}

.mb-90 {
  margin-bottom: 90px !important;
}

.mr-90 {
  margin-right: 90px !important;
}

.ml-90 {
  margin-left: 90px !important;
}

.mt-90 {
  margin-top: 90px !important;
}

.p-90 {
  padding: 90px !important;
}

.pb-90 {
  padding-bottom: 90px !important;
}

.pr-90 {
  padding-right: 90px !important;
}

.pl-90 {
  padding-left: 90px !important;
}

.pt-90 {
  padding-top: 90px !important;
}

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

.mnw-90 {
  min-width: 90% !important;
}

.mxw-90 {
  max-width: 90% !important;
}

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

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

.f-90 {
  font-size: 90px !important;
}

.m-91 {
  margin: 91px !important;
}

.mb-91 {
  margin-bottom: 91px !important;
}

.mr-91 {
  margin-right: 91px !important;
}

.ml-91 {
  margin-left: 91px !important;
}

.mt-91 {
  margin-top: 91px !important;
}

.p-91 {
  padding: 91px !important;
}

.pb-91 {
  padding-bottom: 91px !important;
}

.pr-91 {
  padding-right: 91px !important;
}

.pl-91 {
  padding-left: 91px !important;
}

.pt-91 {
  padding-top: 91px !important;
}

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

.mnw-91 {
  min-width: 91% !important;
}

.mxw-91 {
  max-width: 91% !important;
}

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

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

.f-91 {
  font-size: 91px !important;
}

.m-92 {
  margin: 92px !important;
}

.mb-92 {
  margin-bottom: 92px !important;
}

.mr-92 {
  margin-right: 92px !important;
}

.ml-92 {
  margin-left: 92px !important;
}

.mt-92 {
  margin-top: 92px !important;
}

.p-92 {
  padding: 92px !important;
}

.pb-92 {
  padding-bottom: 92px !important;
}

.pr-92 {
  padding-right: 92px !important;
}

.pl-92 {
  padding-left: 92px !important;
}

.pt-92 {
  padding-top: 92px !important;
}

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

.mnw-92 {
  min-width: 92% !important;
}

.mxw-92 {
  max-width: 92% !important;
}

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

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

.f-92 {
  font-size: 92px !important;
}

.m-93 {
  margin: 93px !important;
}

.mb-93 {
  margin-bottom: 93px !important;
}

.mr-93 {
  margin-right: 93px !important;
}

.ml-93 {
  margin-left: 93px !important;
}

.mt-93 {
  margin-top: 93px !important;
}

.p-93 {
  padding: 93px !important;
}

.pb-93 {
  padding-bottom: 93px !important;
}

.pr-93 {
  padding-right: 93px !important;
}

.pl-93 {
  padding-left: 93px !important;
}

.pt-93 {
  padding-top: 93px !important;
}

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

.mnw-93 {
  min-width: 93% !important;
}

.mxw-93 {
  max-width: 93% !important;
}

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

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

.f-93 {
  font-size: 93px !important;
}

.m-94 {
  margin: 94px !important;
}

.mb-94 {
  margin-bottom: 94px !important;
}

.mr-94 {
  margin-right: 94px !important;
}

.ml-94 {
  margin-left: 94px !important;
}

.mt-94 {
  margin-top: 94px !important;
}

.p-94 {
  padding: 94px !important;
}

.pb-94 {
  padding-bottom: 94px !important;
}

.pr-94 {
  padding-right: 94px !important;
}

.pl-94 {
  padding-left: 94px !important;
}

.pt-94 {
  padding-top: 94px !important;
}

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

.mnw-94 {
  min-width: 94% !important;
}

.mxw-94 {
  max-width: 94% !important;
}

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

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

.f-94 {
  font-size: 94px !important;
}

.m-95 {
  margin: 95px !important;
}

.mb-95 {
  margin-bottom: 95px !important;
}

.mr-95 {
  margin-right: 95px !important;
}

.ml-95 {
  margin-left: 95px !important;
}

.mt-95 {
  margin-top: 95px !important;
}

.p-95 {
  padding: 95px !important;
}

.pb-95 {
  padding-bottom: 95px !important;
}

.pr-95 {
  padding-right: 95px !important;
}

.pl-95 {
  padding-left: 95px !important;
}

.pt-95 {
  padding-top: 95px !important;
}

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

.mnw-95 {
  min-width: 95% !important;
}

.mxw-95 {
  max-width: 95% !important;
}

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

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

.f-95 {
  font-size: 95px !important;
}

.m-96 {
  margin: 96px !important;
}

.mb-96 {
  margin-bottom: 96px !important;
}

.mr-96 {
  margin-right: 96px !important;
}

.ml-96 {
  margin-left: 96px !important;
}

.mt-96 {
  margin-top: 96px !important;
}

.p-96 {
  padding: 96px !important;
}

.pb-96 {
  padding-bottom: 96px !important;
}

.pr-96 {
  padding-right: 96px !important;
}

.pl-96 {
  padding-left: 96px !important;
}

.pt-96 {
  padding-top: 96px !important;
}

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

.mnw-96 {
  min-width: 96% !important;
}

.mxw-96 {
  max-width: 96% !important;
}

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

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

.f-96 {
  font-size: 96px !important;
}

.m-97 {
  margin: 97px !important;
}

.mb-97 {
  margin-bottom: 97px !important;
}

.mr-97 {
  margin-right: 97px !important;
}

.ml-97 {
  margin-left: 97px !important;
}

.mt-97 {
  margin-top: 97px !important;
}

.p-97 {
  padding: 97px !important;
}

.pb-97 {
  padding-bottom: 97px !important;
}

.pr-97 {
  padding-right: 97px !important;
}

.pl-97 {
  padding-left: 97px !important;
}

.pt-97 {
  padding-top: 97px !important;
}

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

.mnw-97 {
  min-width: 97% !important;
}

.mxw-97 {
  max-width: 97% !important;
}

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

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

.f-97 {
  font-size: 97px !important;
}

.m-98 {
  margin: 98px !important;
}

.mb-98 {
  margin-bottom: 98px !important;
}

.mr-98 {
  margin-right: 98px !important;
}

.ml-98 {
  margin-left: 98px !important;
}

.mt-98 {
  margin-top: 98px !important;
}

.p-98 {
  padding: 98px !important;
}

.pb-98 {
  padding-bottom: 98px !important;
}

.pr-98 {
  padding-right: 98px !important;
}

.pl-98 {
  padding-left: 98px !important;
}

.pt-98 {
  padding-top: 98px !important;
}

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

.mnw-98 {
  min-width: 98% !important;
}

.mxw-98 {
  max-width: 98% !important;
}

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

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

.f-98 {
  font-size: 98px !important;
}

.m-99 {
  margin: 99px !important;
}

.mb-99 {
  margin-bottom: 99px !important;
}

.mr-99 {
  margin-right: 99px !important;
}

.ml-99 {
  margin-left: 99px !important;
}

.mt-99 {
  margin-top: 99px !important;
}

.p-99 {
  padding: 99px !important;
}

.pb-99 {
  padding-bottom: 99px !important;
}

.pr-99 {
  padding-right: 99px !important;
}

.pl-99 {
  padding-left: 99px !important;
}

.pt-99 {
  padding-top: 99px !important;
}

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

.mnw-99 {
  min-width: 99% !important;
}

.mxw-99 {
  max-width: 99% !important;
}

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

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

.f-99 {
  font-size: 99px !important;
}

.m-100 {
  margin: 100px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.mr-100 {
  margin-right: 100px !important;
}

.ml-100 {
  margin-left: 100px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.p-100 {
  padding: 100px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

.pr-100 {
  padding-right: 100px !important;
}

.pl-100 {
  padding-left: 100px !important;
}

.pt-100 {
  padding-top: 100px !important;
}

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

.mnw-100 {
  min-width: 100% !important;
}

.mxw-100 {
  max-width: 100% !important;
}

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

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

.f-100 {
  font-size: 100px !important;
}

.btn-logout {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.form-group .form-label {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 5px;
  color: #111111;
}
.form-group .form-control,
.form-group .form-select {
  height: 48px;
  border: 1px solid #cccccc;
  font-size: 0.875rem;
  border-radius: 4px;
  outline: none !important;
  box-shadow: none !important;
  color: #111111;
}
.form-group textarea.form-control {
  height: 150px;
}

.btn {
  display: flex;
  height: 44px;
  padding: 12px;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  width: 100%;
  text-wrap: nowrap;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}

.btn-bordered-primary-600 {
  background-color: #fff !important;
  border: 1px solid #9c260e !important;
  color: #9c260e !important;
}
.btn-bordered-primary-600:hover {
  color: #9c260e !important;
  background-color: #fff !important;
  border: 1px solid #9c260e;
  color: #9c260e !important;
}
.btn-bordered-primary-600:focus {
  outline: rgba(156, 38, 14, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(156, 38, 14, 0.4) !important;
}

.btn-filled-primary-600 {
  background-color: #9c260e !important;
  border-color: #9c260e !important;
  color: #fff !important;
}
.btn-filled-primary-600:hover {
  color: #fff !important;
}
.btn-filled-primary-600:focus {
  outline: rgba(156, 38, 14, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(156, 38, 14, 0.4) !important;
}

.btn-empty {
  background-color: transparent !important;
  color: #9c260e !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.btn-empty-primary-600 {
  background-color: transparent !important;
  color: #9c260e !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.color-primary-600 {
  color: #9c260e !important;
}

.bg-primary-600 {
  background-color: #9c260e !important;
}

.btn.color-primary-600 {
  color: #9c260e !important;
}

.btn-bordered-primary-500 {
  background-color: #fff !important;
  border: 1px solid #DF1C41 !important;
  color: #DF1C41 !important;
}
.btn-bordered-primary-500:hover {
  color: #DF1C41 !important;
  background-color: #fff !important;
  border: 1px solid #DF1C41;
  color: #DF1C41 !important;
}
.btn-bordered-primary-500:focus {
  outline: rgba(223, 28, 65, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(223, 28, 65, 0.4) !important;
}

.btn-filled-primary-500 {
  background-color: #DF1C41 !important;
  border-color: #DF1C41 !important;
  color: #fff !important;
}
.btn-filled-primary-500:hover {
  color: #fff !important;
}
.btn-filled-primary-500:focus {
  outline: rgba(223, 28, 65, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(223, 28, 65, 0.4) !important;
}

.btn-empty {
  background-color: transparent !important;
  color: #DF1C41 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.btn-empty-primary-500 {
  background-color: transparent !important;
  color: #DF1C41 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.color-primary-500 {
  color: #DF1C41 !important;
}

.bg-primary-500 {
  background-color: #DF1C41 !important;
}

.btn.color-primary-500 {
  color: #DF1C41 !important;
}

.btn-bordered-primary {
  background-color: #fff !important;
  border: 1px solid #ff3e17 !important;
  color: #ff3e17 !important;
}
.btn-bordered-primary:hover {
  color: #ff3e17 !important;
  background-color: #fff !important;
  border: 1px solid #ff3e17;
  color: #ff3e17 !important;
}
.btn-bordered-primary:focus {
  outline: rgba(255, 62, 23, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(255, 62, 23, 0.4) !important;
}

.btn-filled-primary {
  background-color: #ff3e17 !important;
  border-color: #ff3e17 !important;
  color: #fff !important;
}
.btn-filled-primary:hover {
  color: #fff !important;
}
.btn-filled-primary:focus {
  outline: rgba(255, 62, 23, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(255, 62, 23, 0.4) !important;
}

.btn-empty {
  background-color: transparent !important;
  color: #ff3e17 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.btn-empty-primary {
  background-color: transparent !important;
  color: #ff3e17 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.color-primary {
  color: #ff3e17 !important;
}

.bg-primary {
  background-color: #ff3e17 !important;
}

.btn.color-primary {
  color: #ff3e17 !important;
}

.btn-bordered-primary-300 {
  background-color: #fff !important;
  border: 1px solid #ff5f3e !important;
  color: #ff5f3e !important;
}
.btn-bordered-primary-300:hover {
  color: #ff5f3e !important;
  background-color: #fff !important;
  border: 1px solid #ff5f3e;
  color: #ff5f3e !important;
}
.btn-bordered-primary-300:focus {
  outline: rgba(255, 95, 62, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(255, 95, 62, 0.4) !important;
}

.btn-filled-primary-300 {
  background-color: #ff5f3e !important;
  border-color: #ff5f3e !important;
  color: #fff !important;
}
.btn-filled-primary-300:hover {
  color: #fff !important;
}
.btn-filled-primary-300:focus {
  outline: rgba(255, 95, 62, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(255, 95, 62, 0.4) !important;
}

.btn-empty {
  background-color: transparent !important;
  color: #ff5f3e !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.btn-empty-primary-300 {
  background-color: transparent !important;
  color: #ff5f3e !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.color-primary-300 {
  color: #ff5f3e !important;
}

.bg-primary-300 {
  background-color: #ff5f3e !important;
}

.btn.color-primary-300 {
  color: #ff5f3e !important;
}

.btn-bordered-primary-200 {
  background-color: #fff !important;
  border: 1px solid #ff8f78 !important;
  color: #ff8f78 !important;
}
.btn-bordered-primary-200:hover {
  color: #ff8f78 !important;
  background-color: #fff !important;
  border: 1px solid #ff8f78;
  color: #ff8f78 !important;
}
.btn-bordered-primary-200:focus {
  outline: rgba(255, 143, 120, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(255, 143, 120, 0.4) !important;
}

.btn-filled-primary-200 {
  background-color: #ff8f78 !important;
  border-color: #ff8f78 !important;
  color: #fff !important;
}
.btn-filled-primary-200:hover {
  color: #fff !important;
}
.btn-filled-primary-200:focus {
  outline: rgba(255, 143, 120, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(255, 143, 120, 0.4) !important;
}

.btn-empty {
  background-color: transparent !important;
  color: #ff8f78 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.btn-empty-primary-200 {
  background-color: transparent !important;
  color: #ff8f78 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.color-primary-200 {
  color: #ff8f78 !important;
}

.bg-primary-200 {
  background-color: #ff8f78 !important;
}

.btn.color-primary-200 {
  color: #ff8f78 !important;
}

.btn-bordered-primary-100 {
  background-color: #fff !important;
  border: 1px solid #ffb0a0 !important;
  color: #ffb0a0 !important;
}
.btn-bordered-primary-100:hover {
  color: #ffb0a0 !important;
  background-color: #fff !important;
  border: 1px solid #ffb0a0;
  color: #ffb0a0 !important;
}
.btn-bordered-primary-100:focus {
  outline: rgba(255, 176, 160, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(255, 176, 160, 0.4) !important;
}

.btn-filled-primary-100 {
  background-color: #ffb0a0 !important;
  border-color: #ffb0a0 !important;
  color: #fff !important;
}
.btn-filled-primary-100:hover {
  color: #fff !important;
}
.btn-filled-primary-100:focus {
  outline: rgba(255, 176, 160, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(255, 176, 160, 0.4) !important;
}

.btn-empty {
  background-color: transparent !important;
  color: #ffb0a0 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.btn-empty-primary-100 {
  background-color: transparent !important;
  color: #ffb0a0 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.color-primary-100 {
  color: #ffb0a0 !important;
}

.bg-primary-100 {
  background-color: #ffb0a0 !important;
}

.btn.color-primary-100 {
  color: #ffb0a0 !important;
}

.btn-bordered-primary-50 {
  background-color: #fff !important;
  border: 1px solid #ffece8 !important;
  color: #ffece8 !important;
}
.btn-bordered-primary-50:hover {
  color: #ffece8 !important;
  background-color: #fff !important;
  border: 1px solid #ffece8;
  color: #ffece8 !important;
}
.btn-bordered-primary-50:focus {
  outline: rgba(255, 236, 232, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(255, 236, 232, 0.4) !important;
}

.btn-filled-primary-50 {
  background-color: #ffece8 !important;
  border-color: #ffece8 !important;
  color: #fff !important;
}
.btn-filled-primary-50:hover {
  color: #fff !important;
}
.btn-filled-primary-50:focus {
  outline: rgba(255, 236, 232, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(255, 236, 232, 0.4) !important;
}

.btn-empty {
  background-color: transparent !important;
  color: #ffece8 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.btn-empty-primary-50 {
  background-color: transparent !important;
  color: #ffece8 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.color-primary-50 {
  color: #ffece8 !important;
}

.bg-primary-50 {
  background-color: #ffece8 !important;
}

.btn.color-primary-50 {
  color: #ffece8 !important;
}

.btn-bordered-secondary-500 {
  background-color: #fff !important;
  border: 1px solid #111111 !important;
  color: #111111 !important;
}
.btn-bordered-secondary-500:hover {
  color: #111111 !important;
  background-color: #fff !important;
  border: 1px solid #111111;
  color: #111111 !important;
}
.btn-bordered-secondary-500:focus {
  outline: rgba(17, 17, 17, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(17, 17, 17, 0.4) !important;
}

.btn-filled-secondary-500 {
  background-color: #111111 !important;
  border-color: #111111 !important;
  color: #fff !important;
}
.btn-filled-secondary-500:hover {
  color: #fff !important;
}
.btn-filled-secondary-500:focus {
  outline: rgba(17, 17, 17, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(17, 17, 17, 0.4) !important;
}

.btn-empty {
  background-color: transparent !important;
  color: #111111 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.btn-empty-secondary-500 {
  background-color: transparent !important;
  color: #111111 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.color-secondary-500 {
  color: #111111 !important;
}

.bg-secondary-500 {
  background-color: #111111 !important;
}

.btn.color-secondary-500 {
  color: #111111 !important;
}

.btn-bordered-secondary-400 {
  background-color: #fff !important;
  border: 1px solid #3f3f3f !important;
  color: #3f3f3f !important;
}
.btn-bordered-secondary-400:hover {
  color: #3f3f3f !important;
  background-color: #fff !important;
  border: 1px solid #3f3f3f;
  color: #3f3f3f !important;
}
.btn-bordered-secondary-400:focus {
  outline: rgba(63, 63, 63, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(63, 63, 63, 0.4) !important;
}

.btn-filled-secondary-400 {
  background-color: #3f3f3f !important;
  border-color: #3f3f3f !important;
  color: #fff !important;
}
.btn-filled-secondary-400:hover {
  color: #fff !important;
}
.btn-filled-secondary-400:focus {
  outline: rgba(63, 63, 63, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(63, 63, 63, 0.4) !important;
}

.btn-empty {
  background-color: transparent !important;
  color: #3f3f3f !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.btn-empty-secondary-400 {
  background-color: transparent !important;
  color: #3f3f3f !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.color-secondary-400 {
  color: #3f3f3f !important;
}

.bg-secondary-400 {
  background-color: #3f3f3f !important;
}

.btn.color-secondary-400 {
  color: #3f3f3f !important;
}

.btn-bordered-secondary-300 {
  background-color: #fff !important;
  border: 1px solid #585857 !important;
  color: #585857 !important;
}
.btn-bordered-secondary-300:hover {
  color: #585857 !important;
  background-color: #fff !important;
  border: 1px solid #585857;
  color: #585857 !important;
}
.btn-bordered-secondary-300:focus {
  outline: rgba(88, 88, 87, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(88, 88, 87, 0.4) !important;
}

.btn-filled-secondary-300 {
  background-color: #585857 !important;
  border-color: #585857 !important;
  color: #fff !important;
}
.btn-filled-secondary-300:hover {
  color: #fff !important;
}
.btn-filled-secondary-300:focus {
  outline: rgba(88, 88, 87, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(88, 88, 87, 0.4) !important;
}

.btn-empty {
  background-color: transparent !important;
  color: #585857 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.btn-empty-secondary-300 {
  background-color: transparent !important;
  color: #585857 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.color-secondary-300 {
  color: #585857 !important;
}

.bg-secondary-300 {
  background-color: #585857 !important;
}

.btn.color-secondary-300 {
  color: #585857 !important;
}

.btn-bordered-secondary-200 {
  background-color: #fff !important;
  border: 1px solid #797979 !important;
  color: #797979 !important;
}
.btn-bordered-secondary-200:hover {
  color: #797979 !important;
  background-color: #fff !important;
  border: 1px solid #797979;
  color: #797979 !important;
}
.btn-bordered-secondary-200:focus {
  outline: rgba(121, 121, 121, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(121, 121, 121, 0.4) !important;
}

.btn-filled-secondary-200 {
  background-color: #797979 !important;
  border-color: #797979 !important;
  color: #fff !important;
}
.btn-filled-secondary-200:hover {
  color: #fff !important;
}
.btn-filled-secondary-200:focus {
  outline: rgba(121, 121, 121, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(121, 121, 121, 0.4) !important;
}

.btn-empty {
  background-color: transparent !important;
  color: #797979 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.btn-empty-secondary-200 {
  background-color: transparent !important;
  color: #797979 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.color-secondary-200 {
  color: #797979 !important;
}

.bg-secondary-200 {
  background-color: #797979 !important;
}

.btn.color-secondary-200 {
  color: #797979 !important;
}

.btn-bordered-white {
  background-color: #fff !important;
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
}
.btn-bordered-white:hover {
  color: #ffffff !important;
  background-color: #fff !important;
  border: 1px solid #ffffff;
  color: #ffffff !important;
}
.btn-bordered-white:focus {
  outline: rgba(255, 255, 255, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.4) !important;
}

.btn-filled-white {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  color: #fff !important;
}
.btn-filled-white:hover {
  color: #fff !important;
}
.btn-filled-white:focus {
  outline: rgba(255, 255, 255, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.4) !important;
}

.btn-empty {
  background-color: transparent !important;
  color: #ffffff !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.btn-empty-white {
  background-color: transparent !important;
  color: #ffffff !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

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

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

.btn.color-white {
  color: #ffffff !important;
}

.btn-bordered-black {
  background-color: #fff !important;
  border: 1px solid #000000 !important;
  color: #000000 !important;
}
.btn-bordered-black:hover {
  color: #000000 !important;
  background-color: #fff !important;
  border: 1px solid #000000;
  color: #000000 !important;
}
.btn-bordered-black:focus {
  outline: rgba(0, 0, 0, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.4) !important;
}

.btn-filled-black {
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #fff !important;
}
.btn-filled-black:hover {
  color: #fff !important;
}
.btn-filled-black:focus {
  outline: rgba(0, 0, 0, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.4) !important;
}

.btn-empty {
  background-color: transparent !important;
  color: #000000 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.btn-empty-black {
  background-color: transparent !important;
  color: #000000 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

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

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

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

.btn-bordered-natural-600 {
  background-color: #fff !important;
  border: 1px solid #525252 !important;
  color: #525252 !important;
}
.btn-bordered-natural-600:hover {
  color: #525252 !important;
  background-color: #fff !important;
  border: 1px solid #525252;
  color: #525252 !important;
}
.btn-bordered-natural-600:focus {
  outline: rgba(82, 82, 82, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(82, 82, 82, 0.4) !important;
}

.btn-filled-natural-600 {
  background-color: #525252 !important;
  border-color: #525252 !important;
  color: #fff !important;
}
.btn-filled-natural-600:hover {
  color: #fff !important;
}
.btn-filled-natural-600:focus {
  outline: rgba(82, 82, 82, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(82, 82, 82, 0.4) !important;
}

.btn-empty {
  background-color: transparent !important;
  color: #525252 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.btn-empty-natural-600 {
  background-color: transparent !important;
  color: #525252 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.color-natural-600 {
  color: #525252 !important;
}

.bg-natural-600 {
  background-color: #525252 !important;
}

.btn.color-natural-600 {
  color: #525252 !important;
}

.btn-bordered-natural-500 {
  background-color: #fff !important;
  border: 1px solid #666666 !important;
  color: #666666 !important;
}
.btn-bordered-natural-500:hover {
  color: #666666 !important;
  background-color: #fff !important;
  border: 1px solid #666666;
  color: #666666 !important;
}
.btn-bordered-natural-500:focus {
  outline: rgba(102, 102, 102, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(102, 102, 102, 0.4) !important;
}

.btn-filled-natural-500 {
  background-color: #666666 !important;
  border-color: #666666 !important;
  color: #fff !important;
}
.btn-filled-natural-500:hover {
  color: #fff !important;
}
.btn-filled-natural-500:focus {
  outline: rgba(102, 102, 102, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(102, 102, 102, 0.4) !important;
}

.btn-empty {
  background-color: transparent !important;
  color: #666666 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.btn-empty-natural-500 {
  background-color: transparent !important;
  color: #666666 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.color-natural-500 {
  color: #666666 !important;
}

.bg-natural-500 {
  background-color: #666666 !important;
}

.btn.color-natural-500 {
  color: #666666 !important;
}

.btn-bordered-natural-400 {
  background-color: #fff !important;
  border: 1px solid #858585 !important;
  color: #858585 !important;
}
.btn-bordered-natural-400:hover {
  color: #858585 !important;
  background-color: #fff !important;
  border: 1px solid #858585;
  color: #858585 !important;
}
.btn-bordered-natural-400:focus {
  outline: rgba(133, 133, 133, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(133, 133, 133, 0.4) !important;
}

.btn-filled-natural-400 {
  background-color: #858585 !important;
  border-color: #858585 !important;
  color: #fff !important;
}
.btn-filled-natural-400:hover {
  color: #fff !important;
}
.btn-filled-natural-400:focus {
  outline: rgba(133, 133, 133, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(133, 133, 133, 0.4) !important;
}

.btn-empty {
  background-color: transparent !important;
  color: #858585 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.btn-empty-natural-400 {
  background-color: transparent !important;
  color: #858585 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.color-natural-400 {
  color: #858585 !important;
}

.bg-natural-400 {
  background-color: #858585 !important;
}

.btn.color-natural-400 {
  color: #858585 !important;
}

.btn-bordered-natural-300 {
  background-color: #fff !important;
  border: 1px solid #a3a3a3 !important;
  color: #a3a3a3 !important;
}
.btn-bordered-natural-300:hover {
  color: #a3a3a3 !important;
  background-color: #fff !important;
  border: 1px solid #a3a3a3;
  color: #a3a3a3 !important;
}
.btn-bordered-natural-300:focus {
  outline: rgba(163, 163, 163, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(163, 163, 163, 0.4) !important;
}

.btn-filled-natural-300 {
  background-color: #a3a3a3 !important;
  border-color: #a3a3a3 !important;
  color: #fff !important;
}
.btn-filled-natural-300:hover {
  color: #fff !important;
}
.btn-filled-natural-300:focus {
  outline: rgba(163, 163, 163, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(163, 163, 163, 0.4) !important;
}

.btn-empty {
  background-color: transparent !important;
  color: #a3a3a3 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.btn-empty-natural-300 {
  background-color: transparent !important;
  color: #a3a3a3 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.color-natural-300 {
  color: #a3a3a3 !important;
}

.bg-natural-300 {
  background-color: #a3a3a3 !important;
}

.btn.color-natural-300 {
  color: #a3a3a3 !important;
}

.btn-bordered-natural-200 {
  background-color: #fff !important;
  border: 1px solid #c2c2c2 !important;
  color: #c2c2c2 !important;
}
.btn-bordered-natural-200:hover {
  color: #c2c2c2 !important;
  background-color: #fff !important;
  border: 1px solid #c2c2c2;
  color: #c2c2c2 !important;
}
.btn-bordered-natural-200:focus {
  outline: rgba(194, 194, 194, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(194, 194, 194, 0.4) !important;
}

.btn-filled-natural-200 {
  background-color: #c2c2c2 !important;
  border-color: #c2c2c2 !important;
  color: #fff !important;
}
.btn-filled-natural-200:hover {
  color: #fff !important;
}
.btn-filled-natural-200:focus {
  outline: rgba(194, 194, 194, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(194, 194, 194, 0.4) !important;
}

.btn-empty {
  background-color: transparent !important;
  color: #c2c2c2 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.btn-empty-natural-200 {
  background-color: transparent !important;
  color: #c2c2c2 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.color-natural-200 {
  color: #c2c2c2 !important;
}

.bg-natural-200 {
  background-color: #c2c2c2 !important;
}

.btn.color-natural-200 {
  color: #c2c2c2 !important;
}

.btn-bordered-natural-100 {
  background-color: #fff !important;
  border: 1px solid #e0e0e0 !important;
  color: #e0e0e0 !important;
}
.btn-bordered-natural-100:hover {
  color: #e0e0e0 !important;
  background-color: #fff !important;
  border: 1px solid #e0e0e0;
  color: #e0e0e0 !important;
}
.btn-bordered-natural-100:focus {
  outline: rgba(224, 224, 224, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(224, 224, 224, 0.4) !important;
}

.btn-filled-natural-100 {
  background-color: #e0e0e0 !important;
  border-color: #e0e0e0 !important;
  color: #fff !important;
}
.btn-filled-natural-100:hover {
  color: #fff !important;
}
.btn-filled-natural-100:focus {
  outline: rgba(224, 224, 224, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(224, 224, 224, 0.4) !important;
}

.btn-empty {
  background-color: transparent !important;
  color: #e0e0e0 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.btn-empty-natural-100 {
  background-color: transparent !important;
  color: #e0e0e0 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.color-natural-100 {
  color: #e0e0e0 !important;
}

.bg-natural-100 {
  background-color: #e0e0e0 !important;
}

.btn.color-natural-100 {
  color: #e0e0e0 !important;
}

.btn-bordered-natural-50 {
  background-color: #fff !important;
  border: 1px solid #fafcff !important;
  color: #fafcff !important;
}
.btn-bordered-natural-50:hover {
  color: #fafcff !important;
  background-color: #fff !important;
  border: 1px solid #fafcff;
  color: #fafcff !important;
}
.btn-bordered-natural-50:focus {
  outline: rgba(250, 252, 255, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(250, 252, 255, 0.4) !important;
}

.btn-filled-natural-50 {
  background-color: #fafcff !important;
  border-color: #fafcff !important;
  color: #fff !important;
}
.btn-filled-natural-50:hover {
  color: #fff !important;
}
.btn-filled-natural-50:focus {
  outline: rgba(250, 252, 255, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(250, 252, 255, 0.4) !important;
}

.btn-empty {
  background-color: transparent !important;
  color: #fafcff !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.btn-empty-natural-50 {
  background-color: transparent !important;
  color: #fafcff !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.color-natural-50 {
  color: #fafcff !important;
}

.bg-natural-50 {
  background-color: #fafcff !important;
}

.btn.color-natural-50 {
  color: #fafcff !important;
}

.btn-bordered-danger-400 {
  background-color: #fff !important;
  border: 1px solid #710e21 !important;
  color: #710e21 !important;
}
.btn-bordered-danger-400:hover {
  color: #710e21 !important;
  background-color: #fff !important;
  border: 1px solid #710e21;
  color: #710e21 !important;
}
.btn-bordered-danger-400:focus {
  outline: rgba(113, 14, 33, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(113, 14, 33, 0.4) !important;
}

.btn-filled-danger-400 {
  background-color: #710e21 !important;
  border-color: #710e21 !important;
  color: #fff !important;
}
.btn-filled-danger-400:hover {
  color: #fff !important;
}
.btn-filled-danger-400:focus {
  outline: rgba(113, 14, 33, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(113, 14, 33, 0.4) !important;
}

.btn-empty {
  background-color: transparent !important;
  color: #710e21 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.btn-empty-danger-400 {
  background-color: transparent !important;
  color: #710e21 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.color-danger-400 {
  color: #710e21 !important;
}

.bg-danger-400 {
  background-color: #710e21 !important;
}

.btn.color-danger-400 {
  color: #710e21 !important;
}

.btn-bordered-danger-300 {
  background-color: #fff !important;
  border: 1px solid #af1d38 !important;
  color: #af1d38 !important;
}
.btn-bordered-danger-300:hover {
  color: #af1d38 !important;
  background-color: #fff !important;
  border: 1px solid #af1d38;
  color: #af1d38 !important;
}
.btn-bordered-danger-300:focus {
  outline: rgba(175, 29, 56, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(175, 29, 56, 0.4) !important;
}

.btn-filled-danger-300 {
  background-color: #af1d38 !important;
  border-color: #af1d38 !important;
  color: #fff !important;
}
.btn-filled-danger-300:hover {
  color: #fff !important;
}
.btn-filled-danger-300:focus {
  outline: rgba(175, 29, 56, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(175, 29, 56, 0.4) !important;
}

.btn-empty {
  background-color: transparent !important;
  color: #af1d38 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.btn-empty-danger-300 {
  background-color: transparent !important;
  color: #af1d38 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.color-danger-300 {
  color: #af1d38 !important;
}

.bg-danger-300 {
  background-color: #af1d38 !important;
}

.btn.color-danger-300 {
  color: #af1d38 !important;
}

.btn-bordered-danger-200 {
  background-color: #fff !important;
  border: 1px solid #df1c41 !important;
  color: #df1c41 !important;
}
.btn-bordered-danger-200:hover {
  color: #df1c41 !important;
  background-color: #fff !important;
  border: 1px solid #df1c41;
  color: #df1c41 !important;
}
.btn-bordered-danger-200:focus {
  outline: rgba(223, 28, 65, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(223, 28, 65, 0.4) !important;
}

.btn-filled-danger-200 {
  background-color: #df1c41 !important;
  border-color: #df1c41 !important;
  color: #fff !important;
}
.btn-filled-danger-200:hover {
  color: #fff !important;
}
.btn-filled-danger-200:focus {
  outline: rgba(223, 28, 65, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(223, 28, 65, 0.4) !important;
}

.btn-empty {
  background-color: transparent !important;
  color: #df1c41 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.btn-empty-danger-200 {
  background-color: transparent !important;
  color: #df1c41 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.color-danger-200 {
  color: #df1c41 !important;
}

.bg-danger-200 {
  background-color: #df1c41 !important;
}

.btn.color-danger-200 {
  color: #df1c41 !important;
}

.btn-bordered-danger-100 {
  background-color: #fff !important;
  border: 1px solid #f8c9d2 !important;
  color: #f8c9d2 !important;
}
.btn-bordered-danger-100:hover {
  color: #f8c9d2 !important;
  background-color: #fff !important;
  border: 1px solid #f8c9d2;
  color: #f8c9d2 !important;
}
.btn-bordered-danger-100:focus {
  outline: rgba(248, 201, 210, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(248, 201, 210, 0.4) !important;
}

.btn-filled-danger-100 {
  background-color: #f8c9d2 !important;
  border-color: #f8c9d2 !important;
  color: #fff !important;
}
.btn-filled-danger-100:hover {
  color: #fff !important;
}
.btn-filled-danger-100:focus {
  outline: rgba(248, 201, 210, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(248, 201, 210, 0.4) !important;
}

.btn-empty {
  background-color: transparent !important;
  color: #f8c9d2 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.btn-empty-danger-100 {
  background-color: transparent !important;
  color: #f8c9d2 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.color-danger-100 {
  color: #f8c9d2 !important;
}

.bg-danger-100 {
  background-color: #f8c9d2 !important;
}

.btn.color-danger-100 {
  color: #f8c9d2 !important;
}

.btn-bordered-danger-50 {
  background-color: #fff !important;
  border: 1px solid #fdedf0 !important;
  color: #fdedf0 !important;
}
.btn-bordered-danger-50:hover {
  color: #fdedf0 !important;
  background-color: #fff !important;
  border: 1px solid #fdedf0;
  color: #fdedf0 !important;
}
.btn-bordered-danger-50:focus {
  outline: rgba(253, 237, 240, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(253, 237, 240, 0.4) !important;
}

.btn-filled-danger-50 {
  background-color: #fdedf0 !important;
  border-color: #fdedf0 !important;
  color: #fff !important;
}
.btn-filled-danger-50:hover {
  color: #fff !important;
}
.btn-filled-danger-50:focus {
  outline: rgba(253, 237, 240, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(253, 237, 240, 0.4) !important;
}

.btn-empty {
  background-color: transparent !important;
  color: #fdedf0 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.btn-empty-danger-50 {
  background-color: transparent !important;
  color: #fdedf0 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.color-danger-50 {
  color: #fdedf0 !important;
}

.bg-danger-50 {
  background-color: #fdedf0 !important;
}

.btn.color-danger-50 {
  color: #fdedf0 !important;
}

.btn-bordered-success-400 {
  background-color: #fff !important;
  border: 1px solid #176448 !important;
  color: #176448 !important;
}
.btn-bordered-success-400:hover {
  color: #176448 !important;
  background-color: #fff !important;
  border: 1px solid #176448;
  color: #176448 !important;
}
.btn-bordered-success-400:focus {
  outline: rgba(23, 100, 72, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(23, 100, 72, 0.4) !important;
}

.btn-filled-success-400 {
  background-color: #176448 !important;
  border-color: #176448 !important;
  color: #fff !important;
}
.btn-filled-success-400:hover {
  color: #fff !important;
}
.btn-filled-success-400:focus {
  outline: rgba(23, 100, 72, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(23, 100, 72, 0.4) !important;
}

.btn-empty {
  background-color: transparent !important;
  color: #176448 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.btn-empty-success-400 {
  background-color: transparent !important;
  color: #176448 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.color-success-400 {
  color: #176448 !important;
}

.bg-success-400 {
  background-color: #176448 !important;
}

.btn.color-success-400 {
  color: #176448 !important;
}

.btn-bordered-success-300 {
  background-color: #fff !important;
  border: 1px solid #2d9f75 !important;
  color: #2d9f75 !important;
}
.btn-bordered-success-300:hover {
  color: #2d9f75 !important;
  background-color: #fff !important;
  border: 1px solid #2d9f75;
  color: #2d9f75 !important;
}
.btn-bordered-success-300:focus {
  outline: rgba(45, 159, 117, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(45, 159, 117, 0.4) !important;
}

.btn-filled-success-300 {
  background-color: #2d9f75 !important;
  border-color: #2d9f75 !important;
  color: #fff !important;
}
.btn-filled-success-300:hover {
  color: #fff !important;
}
.btn-filled-success-300:focus {
  outline: rgba(45, 159, 117, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(45, 159, 117, 0.4) !important;
}

.btn-empty {
  background-color: transparent !important;
  color: #2d9f75 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.btn-empty-success-300 {
  background-color: transparent !important;
  color: #2d9f75 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.color-success-300 {
  color: #2d9f75 !important;
}

.bg-success-300 {
  background-color: #2d9f75 !important;
}

.btn.color-success-300 {
  color: #2d9f75 !important;
}

.btn-bordered-success-200 {
  background-color: #fff !important;
  border: 1px solid #38c793 !important;
  color: #38c793 !important;
}
.btn-bordered-success-200:hover {
  color: #38c793 !important;
  background-color: #fff !important;
  border: 1px solid #38c793;
  color: #38c793 !important;
}
.btn-bordered-success-200:focus {
  outline: rgba(56, 199, 147, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(56, 199, 147, 0.4) !important;
}

.btn-filled-success-200 {
  background-color: #38c793 !important;
  border-color: #38c793 !important;
  color: #fff !important;
}
.btn-filled-success-200:hover {
  color: #fff !important;
}
.btn-filled-success-200:focus {
  outline: rgba(56, 199, 147, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(56, 199, 147, 0.4) !important;
}

.btn-empty {
  background-color: transparent !important;
  color: #38c793 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.btn-empty-success-200 {
  background-color: transparent !important;
  color: #38c793 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.color-success-200 {
  color: #38c793 !important;
}

.bg-success-200 {
  background-color: #38c793 !important;
}

.btn.color-success-200 {
  color: #38c793 !important;
}

.btn-bordered-success-100 {
  background-color: #fff !important;
  border: 1px solid #cbf5e5 !important;
  color: #cbf5e5 !important;
}
.btn-bordered-success-100:hover {
  color: #cbf5e5 !important;
  background-color: #fff !important;
  border: 1px solid #cbf5e5;
  color: #cbf5e5 !important;
}
.btn-bordered-success-100:focus {
  outline: rgba(203, 245, 229, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(203, 245, 229, 0.4) !important;
}

.btn-filled-success-100 {
  background-color: #cbf5e5 !important;
  border-color: #cbf5e5 !important;
  color: #fff !important;
}
.btn-filled-success-100:hover {
  color: #fff !important;
}
.btn-filled-success-100:focus {
  outline: rgba(203, 245, 229, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(203, 245, 229, 0.4) !important;
}

.btn-empty {
  background-color: transparent !important;
  color: #cbf5e5 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.btn-empty-success-100 {
  background-color: transparent !important;
  color: #cbf5e5 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.color-success-100 {
  color: #cbf5e5 !important;
}

.bg-success-100 {
  background-color: #cbf5e5 !important;
}

.btn.color-success-100 {
  color: #cbf5e5 !important;
}

.btn-bordered-success-50 {
  background-color: #fff !important;
  border: 1px solid #effaf6 !important;
  color: #effaf6 !important;
}
.btn-bordered-success-50:hover {
  color: #effaf6 !important;
  background-color: #fff !important;
  border: 1px solid #effaf6;
  color: #effaf6 !important;
}
.btn-bordered-success-50:focus {
  outline: rgba(239, 250, 246, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(239, 250, 246, 0.4) !important;
}

.btn-filled-success-50 {
  background-color: #effaf6 !important;
  border-color: #effaf6 !important;
  color: #fff !important;
}
.btn-filled-success-50:hover {
  color: #fff !important;
}
.btn-filled-success-50:focus {
  outline: rgba(239, 250, 246, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(239, 250, 246, 0.4) !important;
}

.btn-empty {
  background-color: transparent !important;
  color: #effaf6 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.btn-empty-success-50 {
  background-color: transparent !important;
  color: #effaf6 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.color-success-50 {
  color: #effaf6 !important;
}

.bg-success-50 {
  background-color: #effaf6 !important;
}

.btn.color-success-50 {
  color: #effaf6 !important;
}

.btn-bordered-info {
  background-color: #fff !important;
  border: 1px solid #0fa8d1 !important;
  color: #0fa8d1 !important;
}
.btn-bordered-info:hover {
  color: #0fa8d1 !important;
  background-color: #fff !important;
  border: 1px solid #0fa8d1;
  color: #0fa8d1 !important;
}
.btn-bordered-info:focus {
  outline: rgba(15, 168, 209, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(15, 168, 209, 0.4) !important;
}

.btn-filled-info {
  background-color: #0fa8d1 !important;
  border-color: #0fa8d1 !important;
  color: #fff !important;
}
.btn-filled-info:hover {
  color: #fff !important;
}
.btn-filled-info:focus {
  outline: rgba(15, 168, 209, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(15, 168, 209, 0.4) !important;
}

.btn-empty {
  background-color: transparent !important;
  color: #0fa8d1 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.btn-empty-info {
  background-color: transparent !important;
  color: #0fa8d1 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.color-info {
  color: #0fa8d1 !important;
}

.bg-info {
  background-color: #0fa8d1 !important;
}

.btn.color-info {
  color: #0fa8d1 !important;
}

.btn-bordered-warning {
  background-color: #fff !important;
  border: 1px solid #f4ab45 !important;
  color: #f4ab45 !important;
}
.btn-bordered-warning:hover {
  color: #f4ab45 !important;
  background-color: #fff !important;
  border: 1px solid #f4ab45;
  color: #f4ab45 !important;
}
.btn-bordered-warning:focus {
  outline: rgba(244, 171, 69, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(244, 171, 69, 0.4) !important;
}

.btn-filled-warning {
  background-color: #f4ab45 !important;
  border-color: #f4ab45 !important;
  color: #fff !important;
}
.btn-filled-warning:hover {
  color: #fff !important;
}
.btn-filled-warning:focus {
  outline: rgba(244, 171, 69, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(244, 171, 69, 0.4) !important;
}

.btn-empty {
  background-color: transparent !important;
  color: #f4ab45 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.btn-empty-warning {
  background-color: transparent !important;
  color: #f4ab45 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.color-warning {
  color: #f4ab45 !important;
}

.bg-warning {
  background-color: #f4ab45 !important;
}

.btn.color-warning {
  color: #f4ab45 !important;
}

.btn-bordered-pink {
  background-color: #fff !important;
  border: 1px solid #ed8089 !important;
  color: #ed8089 !important;
}
.btn-bordered-pink:hover {
  color: #ed8089 !important;
  background-color: #fff !important;
  border: 1px solid #ed8089;
  color: #ed8089 !important;
}
.btn-bordered-pink:focus {
  outline: rgba(237, 128, 137, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(237, 128, 137, 0.4) !important;
}

.btn-filled-pink {
  background-color: #ed8089 !important;
  border-color: #ed8089 !important;
  color: #fff !important;
}
.btn-filled-pink:hover {
  color: #fff !important;
}
.btn-filled-pink:focus {
  outline: rgba(237, 128, 137, 0.4) !important;
  box-shadow: 0 0 0 0.25rem rgba(237, 128, 137, 0.4) !important;
}

.btn-empty {
  background-color: transparent !important;
  color: #ed8089 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.btn-empty-pink {
  background-color: transparent !important;
  color: #ed8089 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.color-pink {
  color: #ed8089 !important;
}

.bg-pink {
  background-color: #ed8089 !important;
}

.btn.color-pink {
  color: #ed8089 !important;
}

.data-table {
  border-collapse: separate;
  text-align: center;
  white-space: nowrap;
  border-spacing: 0 0px;
  margin-bottom: 0;
}
.data-table thead tr.search th {
  padding-top: 20px;
  padding-bottom: 7px;
  vertical-align: middle;
}
.data-table thead tr.search th:hover {
  outline: none !important;
}
.data-table thead tr.search th .dt-column-order {
  display: none;
}
.data-table thead tr th {
  border-bottom: 0;
  padding: 24px 24px 24px 24px;
  border-bottom: 0 !important;
}
.data-table thead tr:first-child th {
  font-size: 14px;
  font-weight: 400;
  position: relative;
  padding-top: 14px;
  padding-bottom: 14px;
  color: #505050;
  background: #f7f7f7;
  text-align: left;
}
.data-table tbody tr:last-child td {
  border-bottom: none !important;
}
.data-table tbody tr td {
  vertical-align: middle;
  text-align: left;
  padding: 23px 20px 25px !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #111111;
  border-bottom: 1px solid #e6e6e6 !important;
}
.data-table tbody tr td:first-child {
  padding-left: 0 !important;
}
.data-table tbody tr td:last-child {
  padding-right: 0 !important;
}

.table-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
.table-head .table-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 32px;
  color: #111111;
}

.table-body {
  overflow-x: auto;
  scroll-behavior: smooth;
}

.pagination-container {
  padding: 20px 0;
  border-top: 1px solid #f0f0f0;
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination-container .pagination-item {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  border: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #111111;
}
.pagination-container .pagination-item.current {
  background: #111111;
  color: #fff;
}
.pagination-container .pagination-item.disabled {
  background: #f0f0f0;
  opacity: 0.3;
}
.pagination-container .pagination-item:first-child {
  margin-right: auto;
}
.pagination-container .pagination-item:last-child {
  margin-left: auto;
}

#header {
  width: 100%;
  height: 72px;
  background-color: #ff3e17;
  display: flex;
  align-items: center;
  padding: 24px 32px 24px 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
}
#header .logo img {
  max-height: 40px;
}
#header #user-tools {
  display: flex;
  align-items: center;
  margin-left: auto;
  color: #fff;
  position: relative;
}
#header #user-tools:hover ul {
  display: block;
}
#header #user-tools ul {
  position: absolute;
  display: none;
  min-width: 160px;
  background: #fff;
  border-radius: 8px;
  right: 0;
  top: 100%;
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
}
#header #user-tools ul li {
  list-style: none;
  padding: 8px 10px;
  display: flex;
  color: #111111;
  align-items: center;
}
#header #user-tools ul li img {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
#header #user-tools ul li > *,
#header #user-tools ul li .btn {
  color: #111111;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: left;
  padding: 0;
  height: auto;
  justify-content: start;
}

footer {
  border-top: 1px solid #dedede;
  width: 100%;
  display: flex;
  align-items: center;
  background: #fff;
  font-size: 16px;
}
footer .footer-main {
  color: #858585;
  font-size: 12px;
  padding: 16px 32px;
  width: 100%;
  display: flex;
  align-items: center;
}
footer .footer-main .item {
  margin-right: 16px;
}
footer .footer-main .sd-logo {
  max-width: 80px;
  margin-top: -20px;
}
footer .footer-main img {
  max-width: 130px;
}
footer .footer-main a {
  text-decoration: none;
}

aside {
  width: 270px;
  position: fixed;
  left: 0;
  top: 72px;
  height: calc(100vh - 72px);
  background: #3f3f3f;
  z-index: 2;
  transition: all 0.5s;
}
aside nav ul {
  padding: 20px;
  width: 100%;
  flex: 1;
}
aside nav ul li {
  margin-bottom: 16px;
}
aside nav ul li a {
  height: 44px;
  display: flex;
  align-items: center;
  background: transparent;
  color: #ffffff !important;
  text-decoration: none;
  padding: 12px 10px;
  border-radius: 5px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.084px;
  cursor: pointer;
}
aside nav ul li a:hover, aside nav ul li a.active {
  background: #505050;
}

.menu-closed aside {
  left: -100%;
}

main {
  padding: 72px 0 0 270px;
  position: relative;
  z-index: 1;
  background: #f0f0f0;
  transition: all 0.5s;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
main .page-wrapper {
  flex: 1;
  padding: 24px 32px;
  position: relative;
}
main .page-wrapper .page-card {
  border-radius: 10px;
  border: 1px solid #f2f4f7;
  background: #ffffff;
  padding: 32px;
  border-radius: 4px;
  box-shadow: 0px 2px 1px 0px rgba(80, 80, 80, 0.1);
}
main .page-wrapper .page-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

.menu-closed main {
  padding: 72px 0 0 0;
}

.login main {
  padding: 0;
  background: transparent;
}
.login main .page-wrapper {
  padding: 0;
}

.page-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0;
  color: #111;
}

.upload-wrapper .upload-box {
  border: 2px dashed #ddd;
  border-radius: 8px;
  padding: 30px;
  text-align: center;
  cursor: pointer;
  transition: 0.3s;
}
.upload-wrapper .upload-box:hover {
  border-color: #0d6efd;
  background: #f8f9fa;
}
.upload-wrapper .upload-box.dragover {
  border-color: #0d6efd;
  background: #f1f7ff;
}
.upload-wrapper .upload-box .upload-icon {
  font-size: 32px;
  margin-bottom: 10px;
}
.upload-wrapper .preview img {
  margin-top: 10px;
  max-height: 80px;
}

* {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Inter", sans-serif;
}

ul {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

.login-box {
  width: calc(100% - 60px);
  height: calc(100% - 60px);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px auto;
  position: absolute;
  inset: 0;
}
.login-box-wrapper {
  width: 100%;
  height: 100%;
  max-width: 1200px;
  max-height: 900px;
  margin: auto;
  display: flex;
  justify-content: center;
  border-radius: 16px;
  overflow: hidden;
}
.login-box .login-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 64px;
  color: #1f1f1f;
}
.login-box .side {
  position: relative;
  flex-shrink: 1;
}
.login-box .side:first-child {
  padding: 120px;
  width: 45%;
  background: #f4f4f4;
}
.login-box .side:last-child {
  width: 55%;
}
.login-box .side img {
  position: absolute;
  left: 0;
  top: 0;
}
.login-box .side img.login-banner {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.login-box .side img.logo {
  left: 0;
  right: 0;
  width: 100%;
  max-width: 175px;
  margin-left: auto;
  margin-right: auto;
  bottom: 70px;
  top: auto;
}

.password-reset-card {
  max-width: 420px;
  background: #ffffff;
  border-radius: 8px;
  margin: 0 auto;
}
.password-reset-card .title {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  padding: 32px 32px 0;
}
.password-reset-card .desc {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  padding: 16px 32px;
}
.password-reset-card .password-needs {
  padding: 8px 32px;
  background: #f6f6f6;
}
.password-reset-card .password-needs .password_needs_title {
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  color: #666;
  margin-bottom: 16px;
}
.password-reset-card .password-needs ul li {
  background-image: url("../images/exclamation.svg");
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 0 2px;
  padding-left: 25px;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #666666;
}
.password-reset-card form {
  padding: 32px;
}

.card {
  border-radius: 15px;
}

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

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

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

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

.section-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.005em;
  color: #505050;
}

.error-message .errorlist li {
  color: red;
  font-size: 12px;
}

.errornote {
  color: red;
  font-size: 14px;
}

.info-grid .info-group {
  padding: 14px;
  border-radius: 8px;
  height: 100%;
}
.info-grid .info-group .info-item {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  margin-bottom: 14px;
}
.info-grid .info-group .info-item .info-label {
  color: #aaaaaa;
}
.info-grid .info-group .info-item .info-value {
  font-weight: 500;
}

#virtual-pos {
  max-width: 1100px;
  margin: 0 auto;
}

.credit-card-holder {
  position: relative;
  background: #545454;
  border-radius: 12px;
  padding: 24px 18px;
  width: 100%;
  max-width: 330px;
  margin-bottom: 32px;
}
.credit-card-holder .card-logos {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.credit-card-holder .card-logos .card-bank {
  max-width: 130px;
  width: 100%;
  color: #fff;
}
.credit-card-holder .card-logos .card-bank img {
  width: 100%;
}
.credit-card-holder .card-logos .card-type {
  max-width: 45px;
  width: 100%;
  color: #fff;
}
.credit-card-holder .card-logos .card-type img {
  width: 100%;
}
.credit-card-holder .card-number {
  margin: 40px 0 20px;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.005em;
  color: #fff;
}
.credit-card-holder .card-owner {
  margin-bottom: 10px;
}
.credit-card-holder .card-owner,
.credit-card-holder .card-cvv,
.credit-card-holder .card-date {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.0025em;
  color: #fff;
}

.card-types {
  max-width: 300px;
  width: 100%;
}

.alert-box {
  padding: 16px;
  color: #6b6b6b;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.0025em;
  background: #fafafa;
  display: flex;
  align-items: start;
  border-radius: 4px;
}

.maxw-fit {
  max-width: fit-content;
}

.password-input {
  position: relative;
}
.password-input .toggle-btn {
  position: absolute;
  right: 15px;
  top: 36px;
  cursor: pointer;
}

.dashboard-card {
  box-shadow: 0px 2px 1px 0px rgba(80, 80, 80, 0.1019607843);
  border: 1px solid #f0f0f0;
  padding: 16px;
  border-radius: 4px;
  height: 100%;
}
.dashboard-card .card-body {
  padding: 0;
}
.dashboard-card .card-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 24px;
}
.dashboard-card ul li {
  display: flex;
  gap: 16px 57px;
  justify-content: space-between;
}
.dashboard-card ul li .name {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #7d7d7d;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.dashboard-card ul li .amount {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.dashboard-card .chart {
  display: flex;
  align-items: end;
  justify-content: space-around;
  height: 120px;
  margin-bottom: 24px;
  margin-top: 36px;
  border-bottom: 1px solid #cccccc;
}
.dashboard-card .chart .item {
  width: 43px;
  height: 100%;
  background: #1a3958;
}
.dashboard-card .chart .item.month {
  background: #0fa8d1;
  height: 50%;
}
.dashboard-card .chart .item.week {
  background: #f4ab45;
  height: 25%;
}
.dashboard-card .chart .item.day {
  background: #ed8089;
  height: 10%;
}
.dashboard-card .chart-list .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  color: #7d7d7d;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}
.dashboard-card .chart-list .item::before {
  width: 16px;
  height: 16px;
  border-radius: 16px;
  flex-shrink: 1;
  background: #1a3958;
  content: "";
}
.dashboard-card .chart-list .item.month::before {
  background: #0fa8d1;
}
.dashboard-card .chart-list .item.week::before {
  background: #f4ab45;
}
.dashboard-card .chart-list .item.day::before {
  background: #ed8089;
}
.dashboard-card .chart-list .item .name {
  margin-right: auto;
  margin-left: 8px;
}
.dashboard-card .chart-list .item .count {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #111111;
}

.breadcrumbs {
  padding: 24px 32px;
  background: #fff;
  box-shadow: 8px 0px 20px 0px rgba(0, 0, 0, 0.1019607843);
  display: flex;
  column-gap: 8px;
}
.breadcrumbs .item {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #3f3f3f;
  text-decoration: none;
}
.breadcrumbs .btn {
  height: 36px;
}

.status {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  padding: 6px 8px;
  border-radius: 4px;
}
.status.active {
  color: #38c793;
  background: #effaf6;
}
.status.inactive {
  color: #ec2d30;
  background: #fdedf0;
}

.dropdown .dropdown-toggle::after {
  display: none;
}
.dropdown .dropdown-menu {
  padding: 24px 16px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 4px 0px 20px 0px rgba(102, 102, 102, 0.1019607843);
  border: 1px solid #f7f7f7;
}
.dropdown .dropdown-menu li:not(:last-child) {
  margin-bottom: 24px;
}
.dropdown .dropdown-menu .dropdown-item {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  border-radius: 4px;
}
.dropdown .dropdown-menu .dropdown-item:hover {
  background: #f7f7f7;
}

.campaign .campaign-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 8px;
}
.campaign .campaign-desc {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 16px;
  color: #6b6b6b;
}
.campaign .campaign-list {
  padding: 24px;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
.campaign .campaign-list .item {
  padding-top: 8px;
  display: none;
}
.campaign .campaign-list .item:not(:last-child) {
  padding: 8px 0 24px;
  margin-bottom: 7px;
  border-bottom: 1px solid #ececec;
}
.campaign .campaign-list .item .form-check {
  padding-left: 0;
}
.campaign .campaign-list .item label {
  color: #666666;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  position: relative;
}
.campaign .campaign-list .item label::before {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border: 1px solid #e6e6e6;
  content: "";
  display: block;
  flex-shrink: 1;
  margin-right: 16px;
}
.campaign .campaign-list .item input {
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.campaign .campaign-list .item input:checked + label::before {
  border: 1px solid #000000;
}
.campaign .campaign-list .item input:checked + label::after {
  position: absolute;
  left: 2px;
  top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  background-color: #000000;
  content: "";
  display: block;
}

.notify-messages {
  position: fixed;
  right: 30px;
  bottom: 50px;
  z-index: 999;
}
.notify-messages li {
  padding: 20px;
  border-radius: 8px;
  color: #fff;
  margin-bottom: 24px;
  transition: all 0.5s;
}
.notify-messages li.deactive {
  transform: translateX(200%);
}
.notify-messages li.success {
  background: #2d9f75;
}
.notify-messages li.error {
  background: #df1c41;
}

.transaction-result {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 100px 0;
  flex-direction: column;
  max-width: 400px;
  margin: 0 auto;
}
.transaction-result .icon {
  width: 120px !important;
  margin-bottom: 32px;
}
.transaction-result .title {
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.005em;
  margin-bottom: 32px;
  text-align: center;
  width: 100%;
  max-width: 270px;
}
.transaction-result .message {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.005em;
  margin-bottom: 32px;
  text-align: center;
  width: 100%;
  max-width: 540px;
  color: #666666;
}
.transaction-result.failure .icon,
.transaction-result.failure .title {
  color: #df1c41;
}
.transaction-result.success .icon,
.transaction-result.success .title {
  color: #098624 !important;
}

.page-preloader {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  display: none;
  color: #fff;
}

/*# sourceMappingURL=app.css.map */