@charset "UTF-8";

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m--9 {
  margin: -10rem !important;
}

.mt--9,
.my--9 {
  margin-top: -10rem !important;
}

.mr--9,
.mx--9 {
  margin-right: -10rem !important;
}

.mb--9,
.my--9 {
  margin-bottom: -10rem !important;
}

.ml--9,
.mx--9 {
  margin-left: -10rem !important;
}

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

.mt--8,
.my--8 {
  margin-top: -8rem !important;
}

.mr--8,
.mx--8 {
  margin-right: -8rem !important;
}

.mb--8,
.my--8 {
  margin-bottom: -8rem !important;
}

.ml--8,
.mx--8 {
  margin-left: -8rem !important;
}

.m--7 {
  margin: -6rem !important;
}

.mt--7,
.my--7 {
  margin-top: -6rem !important;
}

.mr--7,
.mx--7 {
  margin-right: -6rem !important;
}

.mb--7,
.my--7 {
  margin-bottom: -6rem !important;
}

.ml--7,
.mx--7 {
  margin-left: -6rem !important;
}

.m--6 {
  margin: -4.5rem !important;
}

.mt--6,
.my--6 {
  margin-top: -4.5rem !important;
}

.mr--6,
.mx--6 {
  margin-right: -4.5rem !important;
}

.mb--6,
.my--6 {
  margin-bottom: -4.5rem !important;
}

.ml--6,
.mx--6 {
  margin-left: -4.5rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-6 {
  margin: 4.5rem !important;
}

.mt-6,
.my-6 {
  margin-top: 4.5rem !important;
}

.mr-6,
.mx-6 {
  margin-right: 4.5rem !important;
}

.mb-6,
.my-6 {
  margin-bottom: 4.5rem !important;
}

.ml-6,
.mx-6 {
  margin-left: 4.5rem !important;
}

.m-7 {
  margin: 6rem !important;
}

.mt-7,
.my-7 {
  margin-top: 6rem !important;
}

.mr-7,
.mx-7 {
  margin-right: 6rem !important;
}

.mb-7,
.my-7 {
  margin-bottom: 6rem !important;
}

.ml-7,
.mx-7 {
  margin-left: 6rem !important;
}

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

.mt-8,
.my-8 {
  margin-top: 8rem !important;
}

.mr-8,
.mx-8 {
  margin-right: 8rem !important;
}

.mb-8,
.my-8 {
  margin-bottom: 8rem !important;
}

.ml-8,
.mx-8 {
  margin-left: 8rem !important;
}

.m-9 {
  margin: 10rem !important;
}

.mt-9,
.my-9 {
  margin-top: 10rem !important;
}

.mr-9,
.mx-9 {
  margin-right: 10rem !important;
}

.mb-9,
.my-9 {
  margin-bottom: 10rem !important;
}

.ml-9,
.mx-9 {
  margin-left: 10rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p--9 {
  padding: -10rem !important;
}

.pt--9,
.py--9 {
  padding-top: -10rem !important;
}

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

.pb--9,
.py--9 {
  padding-bottom: -10rem !important;
}

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

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

.pt--8,
.py--8 {
  padding-top: -8rem !important;
}

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

.pb--8,
.py--8 {
  padding-bottom: -8rem !important;
}

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

.p--7 {
  padding: -6rem !important;
}

.pt--7,
.py--7 {
  padding-top: -6rem !important;
}

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

.pb--7,
.py--7 {
  padding-bottom: -6rem !important;
}

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

.p--6 {
  padding: -4.5rem !important;
}

.pt--6,
.py--6 {
  padding-top: -4.5rem !important;
}

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

.pb--6,
.py--6 {
  padding-bottom: -4.5rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p-6 {
  padding: 4.5rem !important;
}

.pt-6,
.py-6 {
  padding-top: 4.5rem !important;
}

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

.pb-6,
.py-6 {
  padding-bottom: 4.5rem !important;
}

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

.p-7 {
  padding: 6rem !important;
}

.pt-7,
.py-7 {
  padding-top: 6rem !important;
}

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

.pb-7,
.py-7 {
  padding-bottom: 6rem !important;
}

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

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

.pt-8,
.py-8 {
  padding-top: 8rem !important;
}

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

.pb-8,
.py-8 {
  padding-bottom: 8rem !important;
}

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

.p-9 {
  padding: 10rem !important;
}

.pt-9,
.py-9 {
  padding-top: 10rem !important;
}

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

.pb-9,
.py-9 {
  padding-bottom: 10rem !important;
}

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

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

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

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

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

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

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

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

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

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

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

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

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

.m-n-9 {
  margin: 10rem !important;
}

.mt-n-9,
.my-n-9 {
  margin-top: 10rem !important;
}

.mr-n-9,
.mx-n-9 {
  margin-right: 10rem !important;
}

.mb-n-9,
.my-n-9 {
  margin-bottom: 10rem !important;
}

.ml-n-9,
.mx-n-9 {
  margin-left: 10rem !important;
}

.m-n-8 {
  margin: 8rem !important;
}

.mt-n-8,
.my-n-8 {
  margin-top: 8rem !important;
}

.mr-n-8,
.mx-n-8 {
  margin-right: 8rem !important;
}

.mb-n-8,
.my-n-8 {
  margin-bottom: 8rem !important;
}

.ml-n-8,
.mx-n-8 {
  margin-left: 8rem !important;
}

.m-n-7 {
  margin: 6rem !important;
}

.mt-n-7,
.my-n-7 {
  margin-top: 6rem !important;
}

.mr-n-7,
.mx-n-7 {
  margin-right: 6rem !important;
}

.mb-n-7,
.my-n-7 {
  margin-bottom: 6rem !important;
}

.ml-n-7,
.mx-n-7 {
  margin-left: 6rem !important;
}

.m-n-6 {
  margin: 4.5rem !important;
}

.mt-n-6,
.my-n-6 {
  margin-top: 4.5rem !important;
}

.mr-n-6,
.mx-n-6 {
  margin-right: 4.5rem !important;
}

.mb-n-6,
.my-n-6 {
  margin-bottom: 4.5rem !important;
}

.ml-n-6,
.mx-n-6 {
  margin-left: 4.5rem !important;
}

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

.mt-n-5,
.my-n-5 {
  margin-top: 3rem !important;
}

.mr-n-5,
.mx-n-5 {
  margin-right: 3rem !important;
}

.mb-n-5,
.my-n-5 {
  margin-bottom: 3rem !important;
}

.ml-n-5,
.mx-n-5 {
  margin-left: 3rem !important;
}

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

.mt-n-4,
.my-n-4 {
  margin-top: 1.5rem !important;
}

.mr-n-4,
.mx-n-4 {
  margin-right: 1.5rem !important;
}

.mb-n-4,
.my-n-4 {
  margin-bottom: 1.5rem !important;
}

.ml-n-4,
.mx-n-4 {
  margin-left: 1.5rem !important;
}

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

.mt-n-3,
.my-n-3 {
  margin-top: 1rem !important;
}

.mr-n-3,
.mx-n-3 {
  margin-right: 1rem !important;
}

.mb-n-3,
.my-n-3 {
  margin-bottom: 1rem !important;
}

.ml-n-3,
.mx-n-3 {
  margin-left: 1rem !important;
}

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

.mt-n-2,
.my-n-2 {
  margin-top: 0.5rem !important;
}

.mr-n-2,
.mx-n-2 {
  margin-right: 0.5rem !important;
}

.mb-n-2,
.my-n-2 {
  margin-bottom: 0.5rem !important;
}

.ml-n-2,
.mx-n-2 {
  margin-left: 0.5rem !important;
}

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

.mt-n-1,
.my-n-1 {
  margin-top: 0.25rem !important;
}

.mr-n-1,
.mx-n-1 {
  margin-right: 0.25rem !important;
}

.mb-n-1,
.my-n-1 {
  margin-bottom: 0.25rem !important;
}

.ml-n-1,
.mx-n-1 {
  margin-left: 0.25rem !important;
}

.m-n6 {
  margin: -4.5rem !important;
}

.mt-n6,
.my-n6 {
  margin-top: -4.5rem !important;
}

.mr-n6,
.mx-n6 {
  margin-right: -4.5rem !important;
}

.mb-n6,
.my-n6 {
  margin-bottom: -4.5rem !important;
}

.ml-n6,
.mx-n6 {
  margin-left: -4.5rem !important;
}

.m-n7 {
  margin: -6rem !important;
}

.mt-n7,
.my-n7 {
  margin-top: -6rem !important;
}

.mr-n7,
.mx-n7 {
  margin-right: -6rem !important;
}

.mb-n7,
.my-n7 {
  margin-bottom: -6rem !important;
}

.ml-n7,
.mx-n7 {
  margin-left: -6rem !important;
}

.m-n8 {
  margin: -8rem !important;
}

.mt-n8,
.my-n8 {
  margin-top: -8rem !important;
}

.mr-n8,
.mx-n8 {
  margin-right: -8rem !important;
}

.mb-n8,
.my-n8 {
  margin-bottom: -8rem !important;
}

.ml-n8,
.mx-n8 {
  margin-left: -8rem !important;
}

.m-n9 {
  margin: -10rem !important;
}

.mt-n9,
.my-n9 {
  margin-top: -10rem !important;
}

.mr-n9,
.mx-n9 {
  margin-right: -10rem !important;
}

.mb-n9,
.my-n9 {
  margin-bottom: -10rem !important;
}

.ml-n9,
.mx-n9 {
  margin-left: -10rem !important;
}

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

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

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

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

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

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }

  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }

  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }

  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }

  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }

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

  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }

  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }

  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }

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

  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }

  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }

  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }

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

  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }

  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }

  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }

  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }

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

  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }

  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }

  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }

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

  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }

  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }

  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }

  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }

  .m-sm--9 {
    margin: -10rem !important;
  }

  .mt-sm--9,
  .my-sm--9 {
    margin-top: -10rem !important;
  }

  .mr-sm--9,
  .mx-sm--9 {
    margin-right: -10rem !important;
  }

  .mb-sm--9,
  .my-sm--9 {
    margin-bottom: -10rem !important;
  }

  .ml-sm--9,
  .mx-sm--9 {
    margin-left: -10rem !important;
  }

  .m-sm--8 {
    margin: -8rem !important;
  }

  .mt-sm--8,
  .my-sm--8 {
    margin-top: -8rem !important;
  }

  .mr-sm--8,
  .mx-sm--8 {
    margin-right: -8rem !important;
  }

  .mb-sm--8,
  .my-sm--8 {
    margin-bottom: -8rem !important;
  }

  .ml-sm--8,
  .mx-sm--8 {
    margin-left: -8rem !important;
  }

  .m-sm--7 {
    margin: -6rem !important;
  }

  .mt-sm--7,
  .my-sm--7 {
    margin-top: -6rem !important;
  }

  .mr-sm--7,
  .mx-sm--7 {
    margin-right: -6rem !important;
  }

  .mb-sm--7,
  .my-sm--7 {
    margin-bottom: -6rem !important;
  }

  .ml-sm--7,
  .mx-sm--7 {
    margin-left: -6rem !important;
  }

  .m-sm--6 {
    margin: -4.5rem !important;
  }

  .mt-sm--6,
  .my-sm--6 {
    margin-top: -4.5rem !important;
  }

  .mr-sm--6,
  .mx-sm--6 {
    margin-right: -4.5rem !important;
  }

  .mb-sm--6,
  .my-sm--6 {
    margin-bottom: -4.5rem !important;
  }

  .ml-sm--6,
  .mx-sm--6 {
    margin-left: -4.5rem !important;
  }

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

  .mt-sm--5,
  .my-sm--5 {
    margin-top: -3rem !important;
  }

  .mr-sm--5,
  .mx-sm--5 {
    margin-right: -3rem !important;
  }

  .mb-sm--5,
  .my-sm--5 {
    margin-bottom: -3rem !important;
  }

  .ml-sm--5,
  .mx-sm--5 {
    margin-left: -3rem !important;
  }

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

  .mt-sm--4,
  .my-sm--4 {
    margin-top: -1.5rem !important;
  }

  .mr-sm--4,
  .mx-sm--4 {
    margin-right: -1.5rem !important;
  }

  .mb-sm--4,
  .my-sm--4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-sm--4,
  .mx-sm--4 {
    margin-left: -1.5rem !important;
  }

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

  .mt-sm--3,
  .my-sm--3 {
    margin-top: -1rem !important;
  }

  .mr-sm--3,
  .mx-sm--3 {
    margin-right: -1rem !important;
  }

  .mb-sm--3,
  .my-sm--3 {
    margin-bottom: -1rem !important;
  }

  .ml-sm--3,
  .mx-sm--3 {
    margin-left: -1rem !important;
  }

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

  .mt-sm--2,
  .my-sm--2 {
    margin-top: -0.5rem !important;
  }

  .mr-sm--2,
  .mx-sm--2 {
    margin-right: -0.5rem !important;
  }

  .mb-sm--2,
  .my-sm--2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-sm--2,
  .mx-sm--2 {
    margin-left: -0.5rem !important;
  }

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

  .mt-sm--1,
  .my-sm--1 {
    margin-top: -0.25rem !important;
  }

  .mr-sm--1,
  .mx-sm--1 {
    margin-right: -0.25rem !important;
  }

  .mb-sm--1,
  .my-sm--1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-sm--1,
  .mx-sm--1 {
    margin-left: -0.25rem !important;
  }

  .m-sm-6 {
    margin: 4.5rem !important;
  }

  .mt-sm-6,
  .my-sm-6 {
    margin-top: 4.5rem !important;
  }

  .mr-sm-6,
  .mx-sm-6 {
    margin-right: 4.5rem !important;
  }

  .mb-sm-6,
  .my-sm-6 {
    margin-bottom: 4.5rem !important;
  }

  .ml-sm-6,
  .mx-sm-6 {
    margin-left: 4.5rem !important;
  }

  .m-sm-7 {
    margin: 6rem !important;
  }

  .mt-sm-7,
  .my-sm-7 {
    margin-top: 6rem !important;
  }

  .mr-sm-7,
  .mx-sm-7 {
    margin-right: 6rem !important;
  }

  .mb-sm-7,
  .my-sm-7 {
    margin-bottom: 6rem !important;
  }

  .ml-sm-7,
  .mx-sm-7 {
    margin-left: 6rem !important;
  }

  .m-sm-8 {
    margin: 8rem !important;
  }

  .mt-sm-8,
  .my-sm-8 {
    margin-top: 8rem !important;
  }

  .mr-sm-8,
  .mx-sm-8 {
    margin-right: 8rem !important;
  }

  .mb-sm-8,
  .my-sm-8 {
    margin-bottom: 8rem !important;
  }

  .ml-sm-8,
  .mx-sm-8 {
    margin-left: 8rem !important;
  }

  .m-sm-9 {
    margin: 10rem !important;
  }

  .mt-sm-9,
  .my-sm-9 {
    margin-top: 10rem !important;
  }

  .mr-sm-9,
  .mx-sm-9 {
    margin-right: 10rem !important;
  }

  .mb-sm-9,
  .my-sm-9 {
    margin-bottom: 10rem !important;
  }

  .ml-sm-9,
  .mx-sm-9 {
    margin-left: 10rem !important;
  }

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

  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }

  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }

  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }

  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }

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

  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }

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

  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }

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

  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }

  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }

  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }

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

  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }

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

  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }

  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }

  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }

  .p-sm--9 {
    padding: -10rem !important;
  }

  .pt-sm--9,
  .py-sm--9 {
    padding-top: -10rem !important;
  }

  .pr-sm--9,
  .px-sm--9 {
    padding-right: -10rem !important;
  }

  .pb-sm--9,
  .py-sm--9 {
    padding-bottom: -10rem !important;
  }

  .pl-sm--9,
  .px-sm--9 {
    padding-left: -10rem !important;
  }

  .p-sm--8 {
    padding: -8rem !important;
  }

  .pt-sm--8,
  .py-sm--8 {
    padding-top: -8rem !important;
  }

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

  .pb-sm--8,
  .py-sm--8 {
    padding-bottom: -8rem !important;
  }

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

  .p-sm--7 {
    padding: -6rem !important;
  }

  .pt-sm--7,
  .py-sm--7 {
    padding-top: -6rem !important;
  }

  .pr-sm--7,
  .px-sm--7 {
    padding-right: -6rem !important;
  }

  .pb-sm--7,
  .py-sm--7 {
    padding-bottom: -6rem !important;
  }

  .pl-sm--7,
  .px-sm--7 {
    padding-left: -6rem !important;
  }

  .p-sm--6 {
    padding: -4.5rem !important;
  }

  .pt-sm--6,
  .py-sm--6 {
    padding-top: -4.5rem !important;
  }

  .pr-sm--6,
  .px-sm--6 {
    padding-right: -4.5rem !important;
  }

  .pb-sm--6,
  .py-sm--6 {
    padding-bottom: -4.5rem !important;
  }

  .pl-sm--6,
  .px-sm--6 {
    padding-left: -4.5rem !important;
  }

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

  .pt-sm--5,
  .py-sm--5 {
    padding-top: -3rem !important;
  }

  .pr-sm--5,
  .px-sm--5 {
    padding-right: -3rem !important;
  }

  .pb-sm--5,
  .py-sm--5 {
    padding-bottom: -3rem !important;
  }

  .pl-sm--5,
  .px-sm--5 {
    padding-left: -3rem !important;
  }

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

  .pt-sm--4,
  .py-sm--4 {
    padding-top: -1.5rem !important;
  }

  .pr-sm--4,
  .px-sm--4 {
    padding-right: -1.5rem !important;
  }

  .pb-sm--4,
  .py-sm--4 {
    padding-bottom: -1.5rem !important;
  }

  .pl-sm--4,
  .px-sm--4 {
    padding-left: -1.5rem !important;
  }

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

  .pt-sm--3,
  .py-sm--3 {
    padding-top: -1rem !important;
  }

  .pr-sm--3,
  .px-sm--3 {
    padding-right: -1rem !important;
  }

  .pb-sm--3,
  .py-sm--3 {
    padding-bottom: -1rem !important;
  }

  .pl-sm--3,
  .px-sm--3 {
    padding-left: -1rem !important;
  }

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

  .pt-sm--2,
  .py-sm--2 {
    padding-top: -0.5rem !important;
  }

  .pr-sm--2,
  .px-sm--2 {
    padding-right: -0.5rem !important;
  }

  .pb-sm--2,
  .py-sm--2 {
    padding-bottom: -0.5rem !important;
  }

  .pl-sm--2,
  .px-sm--2 {
    padding-left: -0.5rem !important;
  }

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

  .pt-sm--1,
  .py-sm--1 {
    padding-top: -0.25rem !important;
  }

  .pr-sm--1,
  .px-sm--1 {
    padding-right: -0.25rem !important;
  }

  .pb-sm--1,
  .py-sm--1 {
    padding-bottom: -0.25rem !important;
  }

  .pl-sm--1,
  .px-sm--1 {
    padding-left: -0.25rem !important;
  }

  .p-sm-6 {
    padding: 4.5rem !important;
  }

  .pt-sm-6,
  .py-sm-6 {
    padding-top: 4.5rem !important;
  }

  .pr-sm-6,
  .px-sm-6 {
    padding-right: 4.5rem !important;
  }

  .pb-sm-6,
  .py-sm-6 {
    padding-bottom: 4.5rem !important;
  }

  .pl-sm-6,
  .px-sm-6 {
    padding-left: 4.5rem !important;
  }

  .p-sm-7 {
    padding: 6rem !important;
  }

  .pt-sm-7,
  .py-sm-7 {
    padding-top: 6rem !important;
  }

  .pr-sm-7,
  .px-sm-7 {
    padding-right: 6rem !important;
  }

  .pb-sm-7,
  .py-sm-7 {
    padding-bottom: 6rem !important;
  }

  .pl-sm-7,
  .px-sm-7 {
    padding-left: 6rem !important;
  }

  .p-sm-8 {
    padding: 8rem !important;
  }

  .pt-sm-8,
  .py-sm-8 {
    padding-top: 8rem !important;
  }

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

  .pb-sm-8,
  .py-sm-8 {
    padding-bottom: 8rem !important;
  }

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

  .p-sm-9 {
    padding: 10rem !important;
  }

  .pt-sm-9,
  .py-sm-9 {
    padding-top: 10rem !important;
  }

  .pr-sm-9,
  .px-sm-9 {
    padding-right: 10rem !important;
  }

  .pb-sm-9,
  .py-sm-9 {
    padding-bottom: 10rem !important;
  }

  .pl-sm-9,
  .px-sm-9 {
    padding-left: 10rem !important;
  }

  .m-sm-n1 {
    margin: -0.25rem !important;
  }

  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }

  .m-sm-n2 {
    margin: -0.5rem !important;
  }

  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }

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

  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }

  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }

  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }

  .m-sm-n4 {
    margin: -1.5rem !important;
  }

  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }

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

  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }

  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }

  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }

  .m-sm-n-9 {
    margin: 10rem !important;
  }

  .mt-sm-n-9,
  .my-sm-n-9 {
    margin-top: 10rem !important;
  }

  .mr-sm-n-9,
  .mx-sm-n-9 {
    margin-right: 10rem !important;
  }

  .mb-sm-n-9,
  .my-sm-n-9 {
    margin-bottom: 10rem !important;
  }

  .ml-sm-n-9,
  .mx-sm-n-9 {
    margin-left: 10rem !important;
  }

  .m-sm-n-8 {
    margin: 8rem !important;
  }

  .mt-sm-n-8,
  .my-sm-n-8 {
    margin-top: 8rem !important;
  }

  .mr-sm-n-8,
  .mx-sm-n-8 {
    margin-right: 8rem !important;
  }

  .mb-sm-n-8,
  .my-sm-n-8 {
    margin-bottom: 8rem !important;
  }

  .ml-sm-n-8,
  .mx-sm-n-8 {
    margin-left: 8rem !important;
  }

  .m-sm-n-7 {
    margin: 6rem !important;
  }

  .mt-sm-n-7,
  .my-sm-n-7 {
    margin-top: 6rem !important;
  }

  .mr-sm-n-7,
  .mx-sm-n-7 {
    margin-right: 6rem !important;
  }

  .mb-sm-n-7,
  .my-sm-n-7 {
    margin-bottom: 6rem !important;
  }

  .ml-sm-n-7,
  .mx-sm-n-7 {
    margin-left: 6rem !important;
  }

  .m-sm-n-6 {
    margin: 4.5rem !important;
  }

  .mt-sm-n-6,
  .my-sm-n-6 {
    margin-top: 4.5rem !important;
  }

  .mr-sm-n-6,
  .mx-sm-n-6 {
    margin-right: 4.5rem !important;
  }

  .mb-sm-n-6,
  .my-sm-n-6 {
    margin-bottom: 4.5rem !important;
  }

  .ml-sm-n-6,
  .mx-sm-n-6 {
    margin-left: 4.5rem !important;
  }

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

  .mt-sm-n-5,
  .my-sm-n-5 {
    margin-top: 3rem !important;
  }

  .mr-sm-n-5,
  .mx-sm-n-5 {
    margin-right: 3rem !important;
  }

  .mb-sm-n-5,
  .my-sm-n-5 {
    margin-bottom: 3rem !important;
  }

  .ml-sm-n-5,
  .mx-sm-n-5 {
    margin-left: 3rem !important;
  }

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

  .mt-sm-n-4,
  .my-sm-n-4 {
    margin-top: 1.5rem !important;
  }

  .mr-sm-n-4,
  .mx-sm-n-4 {
    margin-right: 1.5rem !important;
  }

  .mb-sm-n-4,
  .my-sm-n-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-sm-n-4,
  .mx-sm-n-4 {
    margin-left: 1.5rem !important;
  }

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

  .mt-sm-n-3,
  .my-sm-n-3 {
    margin-top: 1rem !important;
  }

  .mr-sm-n-3,
  .mx-sm-n-3 {
    margin-right: 1rem !important;
  }

  .mb-sm-n-3,
  .my-sm-n-3 {
    margin-bottom: 1rem !important;
  }

  .ml-sm-n-3,
  .mx-sm-n-3 {
    margin-left: 1rem !important;
  }

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

  .mt-sm-n-2,
  .my-sm-n-2 {
    margin-top: 0.5rem !important;
  }

  .mr-sm-n-2,
  .mx-sm-n-2 {
    margin-right: 0.5rem !important;
  }

  .mb-sm-n-2,
  .my-sm-n-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-sm-n-2,
  .mx-sm-n-2 {
    margin-left: 0.5rem !important;
  }

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

  .mt-sm-n-1,
  .my-sm-n-1 {
    margin-top: 0.25rem !important;
  }

  .mr-sm-n-1,
  .mx-sm-n-1 {
    margin-right: 0.25rem !important;
  }

  .mb-sm-n-1,
  .my-sm-n-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-sm-n-1,
  .mx-sm-n-1 {
    margin-left: 0.25rem !important;
  }

  .m-sm-n6 {
    margin: -4.5rem !important;
  }

  .mt-sm-n6,
  .my-sm-n6 {
    margin-top: -4.5rem !important;
  }

  .mr-sm-n6,
  .mx-sm-n6 {
    margin-right: -4.5rem !important;
  }

  .mb-sm-n6,
  .my-sm-n6 {
    margin-bottom: -4.5rem !important;
  }

  .ml-sm-n6,
  .mx-sm-n6 {
    margin-left: -4.5rem !important;
  }

  .m-sm-n7 {
    margin: -6rem !important;
  }

  .mt-sm-n7,
  .my-sm-n7 {
    margin-top: -6rem !important;
  }

  .mr-sm-n7,
  .mx-sm-n7 {
    margin-right: -6rem !important;
  }

  .mb-sm-n7,
  .my-sm-n7 {
    margin-bottom: -6rem !important;
  }

  .ml-sm-n7,
  .mx-sm-n7 {
    margin-left: -6rem !important;
  }

  .m-sm-n8 {
    margin: -8rem !important;
  }

  .mt-sm-n8,
  .my-sm-n8 {
    margin-top: -8rem !important;
  }

  .mr-sm-n8,
  .mx-sm-n8 {
    margin-right: -8rem !important;
  }

  .mb-sm-n8,
  .my-sm-n8 {
    margin-bottom: -8rem !important;
  }

  .ml-sm-n8,
  .mx-sm-n8 {
    margin-left: -8rem !important;
  }

  .m-sm-n9 {
    margin: -10rem !important;
  }

  .mt-sm-n9,
  .my-sm-n9 {
    margin-top: -10rem !important;
  }

  .mr-sm-n9,
  .mx-sm-n9 {
    margin-right: -10rem !important;
  }

  .mb-sm-n9,
  .my-sm-n9 {
    margin-bottom: -10rem !important;
  }

  .ml-sm-n9,
  .mx-sm-n9 {
    margin-left: -10rem !important;
  }

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

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

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

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

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

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }

  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }

  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }

  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }

  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }

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

  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }

  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }

  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }

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

  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }

  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }

  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }

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

  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }

  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }

  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }

  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }

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

  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }

  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }

  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }

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

  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }

  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }

  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }

  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }

  .m-md--9 {
    margin: -10rem !important;
  }

  .mt-md--9,
  .my-md--9 {
    margin-top: -10rem !important;
  }

  .mr-md--9,
  .mx-md--9 {
    margin-right: -10rem !important;
  }

  .mb-md--9,
  .my-md--9 {
    margin-bottom: -10rem !important;
  }

  .ml-md--9,
  .mx-md--9 {
    margin-left: -10rem !important;
  }

  .m-md--8 {
    margin: -8rem !important;
  }

  .mt-md--8,
  .my-md--8 {
    margin-top: -8rem !important;
  }

  .mr-md--8,
  .mx-md--8 {
    margin-right: -8rem !important;
  }

  .mb-md--8,
  .my-md--8 {
    margin-bottom: -8rem !important;
  }

  .ml-md--8,
  .mx-md--8 {
    margin-left: -8rem !important;
  }

  .m-md--7 {
    margin: -6rem !important;
  }

  .mt-md--7,
  .my-md--7 {
    margin-top: -6rem !important;
  }

  .mr-md--7,
  .mx-md--7 {
    margin-right: -6rem !important;
  }

  .mb-md--7,
  .my-md--7 {
    margin-bottom: -6rem !important;
  }

  .ml-md--7,
  .mx-md--7 {
    margin-left: -6rem !important;
  }

  .m-md--6 {
    margin: -4.5rem !important;
  }

  .mt-md--6,
  .my-md--6 {
    margin-top: -4.5rem !important;
  }

  .mr-md--6,
  .mx-md--6 {
    margin-right: -4.5rem !important;
  }

  .mb-md--6,
  .my-md--6 {
    margin-bottom: -4.5rem !important;
  }

  .ml-md--6,
  .mx-md--6 {
    margin-left: -4.5rem !important;
  }

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

  .mt-md--5,
  .my-md--5 {
    margin-top: -3rem !important;
  }

  .mr-md--5,
  .mx-md--5 {
    margin-right: -3rem !important;
  }

  .mb-md--5,
  .my-md--5 {
    margin-bottom: -3rem !important;
  }

  .ml-md--5,
  .mx-md--5 {
    margin-left: -3rem !important;
  }

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

  .mt-md--4,
  .my-md--4 {
    margin-top: -1.5rem !important;
  }

  .mr-md--4,
  .mx-md--4 {
    margin-right: -1.5rem !important;
  }

  .mb-md--4,
  .my-md--4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-md--4,
  .mx-md--4 {
    margin-left: -1.5rem !important;
  }

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

  .mt-md--3,
  .my-md--3 {
    margin-top: -1rem !important;
  }

  .mr-md--3,
  .mx-md--3 {
    margin-right: -1rem !important;
  }

  .mb-md--3,
  .my-md--3 {
    margin-bottom: -1rem !important;
  }

  .ml-md--3,
  .mx-md--3 {
    margin-left: -1rem !important;
  }

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

  .mt-md--2,
  .my-md--2 {
    margin-top: -0.5rem !important;
  }

  .mr-md--2,
  .mx-md--2 {
    margin-right: -0.5rem !important;
  }

  .mb-md--2,
  .my-md--2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-md--2,
  .mx-md--2 {
    margin-left: -0.5rem !important;
  }

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

  .mt-md--1,
  .my-md--1 {
    margin-top: -0.25rem !important;
  }

  .mr-md--1,
  .mx-md--1 {
    margin-right: -0.25rem !important;
  }

  .mb-md--1,
  .my-md--1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-md--1,
  .mx-md--1 {
    margin-left: -0.25rem !important;
  }

  .m-md-6 {
    margin: 4.5rem !important;
  }

  .mt-md-6,
  .my-md-6 {
    margin-top: 4.5rem !important;
  }

  .mr-md-6,
  .mx-md-6 {
    margin-right: 4.5rem !important;
  }

  .mb-md-6,
  .my-md-6 {
    margin-bottom: 4.5rem !important;
  }

  .ml-md-6,
  .mx-md-6 {
    margin-left: 4.5rem !important;
  }

  .m-md-7 {
    margin: 6rem !important;
  }

  .mt-md-7,
  .my-md-7 {
    margin-top: 6rem !important;
  }

  .mr-md-7,
  .mx-md-7 {
    margin-right: 6rem !important;
  }

  .mb-md-7,
  .my-md-7 {
    margin-bottom: 6rem !important;
  }

  .ml-md-7,
  .mx-md-7 {
    margin-left: 6rem !important;
  }

  .m-md-8 {
    margin: 8rem !important;
  }

  .mt-md-8,
  .my-md-8 {
    margin-top: 8rem !important;
  }

  .mr-md-8,
  .mx-md-8 {
    margin-right: 8rem !important;
  }

  .mb-md-8,
  .my-md-8 {
    margin-bottom: 8rem !important;
  }

  .ml-md-8,
  .mx-md-8 {
    margin-left: 8rem !important;
  }

  .m-md-9 {
    margin: 10rem !important;
  }

  .mt-md-9,
  .my-md-9 {
    margin-top: 10rem !important;
  }

  .mr-md-9,
  .mx-md-9 {
    margin-right: 10rem !important;
  }

  .mb-md-9,
  .my-md-9 {
    margin-bottom: 10rem !important;
  }

  .ml-md-9,
  .mx-md-9 {
    margin-left: 10rem !important;
  }

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

  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }

  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }

  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }

  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }

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

  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }

  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }

  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }

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

  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }

  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }

  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }

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

  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }

  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }

  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }

  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }

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

  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }

  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }

  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }

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

  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }

  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }

  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }

  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }

  .p-md--9 {
    padding: -10rem !important;
  }

  .pt-md--9,
  .py-md--9 {
    padding-top: -10rem !important;
  }

  .pr-md--9,
  .px-md--9 {
    padding-right: -10rem !important;
  }

  .pb-md--9,
  .py-md--9 {
    padding-bottom: -10rem !important;
  }

  .pl-md--9,
  .px-md--9 {
    padding-left: -10rem !important;
  }

  .p-md--8 {
    padding: -8rem !important;
  }

  .pt-md--8,
  .py-md--8 {
    padding-top: -8rem !important;
  }

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

  .pb-md--8,
  .py-md--8 {
    padding-bottom: -8rem !important;
  }

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

  .p-md--7 {
    padding: -6rem !important;
  }

  .pt-md--7,
  .py-md--7 {
    padding-top: -6rem !important;
  }

  .pr-md--7,
  .px-md--7 {
    padding-right: -6rem !important;
  }

  .pb-md--7,
  .py-md--7 {
    padding-bottom: -6rem !important;
  }

  .pl-md--7,
  .px-md--7 {
    padding-left: -6rem !important;
  }

  .p-md--6 {
    padding: -4.5rem !important;
  }

  .pt-md--6,
  .py-md--6 {
    padding-top: -4.5rem !important;
  }

  .pr-md--6,
  .px-md--6 {
    padding-right: -4.5rem !important;
  }

  .pb-md--6,
  .py-md--6 {
    padding-bottom: -4.5rem !important;
  }

  .pl-md--6,
  .px-md--6 {
    padding-left: -4.5rem !important;
  }

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

  .pt-md--5,
  .py-md--5 {
    padding-top: -3rem !important;
  }

  .pr-md--5,
  .px-md--5 {
    padding-right: -3rem !important;
  }

  .pb-md--5,
  .py-md--5 {
    padding-bottom: -3rem !important;
  }

  .pl-md--5,
  .px-md--5 {
    padding-left: -3rem !important;
  }

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

  .pt-md--4,
  .py-md--4 {
    padding-top: -1.5rem !important;
  }

  .pr-md--4,
  .px-md--4 {
    padding-right: -1.5rem !important;
  }

  .pb-md--4,
  .py-md--4 {
    padding-bottom: -1.5rem !important;
  }

  .pl-md--4,
  .px-md--4 {
    padding-left: -1.5rem !important;
  }

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

  .pt-md--3,
  .py-md--3 {
    padding-top: -1rem !important;
  }

  .pr-md--3,
  .px-md--3 {
    padding-right: -1rem !important;
  }

  .pb-md--3,
  .py-md--3 {
    padding-bottom: -1rem !important;
  }

  .pl-md--3,
  .px-md--3 {
    padding-left: -1rem !important;
  }

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

  .pt-md--2,
  .py-md--2 {
    padding-top: -0.5rem !important;
  }

  .pr-md--2,
  .px-md--2 {
    padding-right: -0.5rem !important;
  }

  .pb-md--2,
  .py-md--2 {
    padding-bottom: -0.5rem !important;
  }

  .pl-md--2,
  .px-md--2 {
    padding-left: -0.5rem !important;
  }

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

  .pt-md--1,
  .py-md--1 {
    padding-top: -0.25rem !important;
  }

  .pr-md--1,
  .px-md--1 {
    padding-right: -0.25rem !important;
  }

  .pb-md--1,
  .py-md--1 {
    padding-bottom: -0.25rem !important;
  }

  .pl-md--1,
  .px-md--1 {
    padding-left: -0.25rem !important;
  }

  .p-md-6 {
    padding: 4.5rem !important;
  }

  .pt-md-6,
  .py-md-6 {
    padding-top: 4.5rem !important;
  }

  .pr-md-6,
  .px-md-6 {
    padding-right: 4.5rem !important;
  }

  .pb-md-6,
  .py-md-6 {
    padding-bottom: 4.5rem !important;
  }

  .pl-md-6,
  .px-md-6 {
    padding-left: 4.5rem !important;
  }

  .p-md-7 {
    padding: 6rem !important;
  }

  .pt-md-7,
  .py-md-7 {
    padding-top: 6rem !important;
  }

  .pr-md-7,
  .px-md-7 {
    padding-right: 6rem !important;
  }

  .pb-md-7,
  .py-md-7 {
    padding-bottom: 6rem !important;
  }

  .pl-md-7,
  .px-md-7 {
    padding-left: 6rem !important;
  }

  .p-md-8 {
    padding: 8rem !important;
  }

  .pt-md-8,
  .py-md-8 {
    padding-top: 8rem !important;
  }

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

  .pb-md-8,
  .py-md-8 {
    padding-bottom: 8rem !important;
  }

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

  .p-md-9 {
    padding: 10rem !important;
  }

  .pt-md-9,
  .py-md-9 {
    padding-top: 10rem !important;
  }

  .pr-md-9,
  .px-md-9 {
    padding-right: 10rem !important;
  }

  .pb-md-9,
  .py-md-9 {
    padding-bottom: 10rem !important;
  }

  .pl-md-9,
  .px-md-9 {
    padding-left: 10rem !important;
  }

  .m-md-n1 {
    margin: -0.25rem !important;
  }

  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }

  .m-md-n2 {
    margin: -0.5rem !important;
  }

  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }

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

  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }

  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }

  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }

  .m-md-n4 {
    margin: -1.5rem !important;
  }

  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }

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

  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }

  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }

  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }

  .m-md-n-9 {
    margin: 10rem !important;
  }

  .mt-md-n-9,
  .my-md-n-9 {
    margin-top: 10rem !important;
  }

  .mr-md-n-9,
  .mx-md-n-9 {
    margin-right: 10rem !important;
  }

  .mb-md-n-9,
  .my-md-n-9 {
    margin-bottom: 10rem !important;
  }

  .ml-md-n-9,
  .mx-md-n-9 {
    margin-left: 10rem !important;
  }

  .m-md-n-8 {
    margin: 8rem !important;
  }

  .mt-md-n-8,
  .my-md-n-8 {
    margin-top: 8rem !important;
  }

  .mr-md-n-8,
  .mx-md-n-8 {
    margin-right: 8rem !important;
  }

  .mb-md-n-8,
  .my-md-n-8 {
    margin-bottom: 8rem !important;
  }

  .ml-md-n-8,
  .mx-md-n-8 {
    margin-left: 8rem !important;
  }

  .m-md-n-7 {
    margin: 6rem !important;
  }

  .mt-md-n-7,
  .my-md-n-7 {
    margin-top: 6rem !important;
  }

  .mr-md-n-7,
  .mx-md-n-7 {
    margin-right: 6rem !important;
  }

  .mb-md-n-7,
  .my-md-n-7 {
    margin-bottom: 6rem !important;
  }

  .ml-md-n-7,
  .mx-md-n-7 {
    margin-left: 6rem !important;
  }

  .m-md-n-6 {
    margin: 4.5rem !important;
  }

  .mt-md-n-6,
  .my-md-n-6 {
    margin-top: 4.5rem !important;
  }

  .mr-md-n-6,
  .mx-md-n-6 {
    margin-right: 4.5rem !important;
  }

  .mb-md-n-6,
  .my-md-n-6 {
    margin-bottom: 4.5rem !important;
  }

  .ml-md-n-6,
  .mx-md-n-6 {
    margin-left: 4.5rem !important;
  }

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

  .mt-md-n-5,
  .my-md-n-5 {
    margin-top: 3rem !important;
  }

  .mr-md-n-5,
  .mx-md-n-5 {
    margin-right: 3rem !important;
  }

  .mb-md-n-5,
  .my-md-n-5 {
    margin-bottom: 3rem !important;
  }

  .ml-md-n-5,
  .mx-md-n-5 {
    margin-left: 3rem !important;
  }

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

  .mt-md-n-4,
  .my-md-n-4 {
    margin-top: 1.5rem !important;
  }

  .mr-md-n-4,
  .mx-md-n-4 {
    margin-right: 1.5rem !important;
  }

  .mb-md-n-4,
  .my-md-n-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-md-n-4,
  .mx-md-n-4 {
    margin-left: 1.5rem !important;
  }

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

  .mt-md-n-3,
  .my-md-n-3 {
    margin-top: 1rem !important;
  }

  .mr-md-n-3,
  .mx-md-n-3 {
    margin-right: 1rem !important;
  }

  .mb-md-n-3,
  .my-md-n-3 {
    margin-bottom: 1rem !important;
  }

  .ml-md-n-3,
  .mx-md-n-3 {
    margin-left: 1rem !important;
  }

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

  .mt-md-n-2,
  .my-md-n-2 {
    margin-top: 0.5rem !important;
  }

  .mr-md-n-2,
  .mx-md-n-2 {
    margin-right: 0.5rem !important;
  }

  .mb-md-n-2,
  .my-md-n-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-md-n-2,
  .mx-md-n-2 {
    margin-left: 0.5rem !important;
  }

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

  .mt-md-n-1,
  .my-md-n-1 {
    margin-top: 0.25rem !important;
  }

  .mr-md-n-1,
  .mx-md-n-1 {
    margin-right: 0.25rem !important;
  }

  .mb-md-n-1,
  .my-md-n-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-md-n-1,
  .mx-md-n-1 {
    margin-left: 0.25rem !important;
  }

  .m-md-n6 {
    margin: -4.5rem !important;
  }

  .mt-md-n6,
  .my-md-n6 {
    margin-top: -4.5rem !important;
  }

  .mr-md-n6,
  .mx-md-n6 {
    margin-right: -4.5rem !important;
  }

  .mb-md-n6,
  .my-md-n6 {
    margin-bottom: -4.5rem !important;
  }

  .ml-md-n6,
  .mx-md-n6 {
    margin-left: -4.5rem !important;
  }

  .m-md-n7 {
    margin: -6rem !important;
  }

  .mt-md-n7,
  .my-md-n7 {
    margin-top: -6rem !important;
  }

  .mr-md-n7,
  .mx-md-n7 {
    margin-right: -6rem !important;
  }

  .mb-md-n7,
  .my-md-n7 {
    margin-bottom: -6rem !important;
  }

  .ml-md-n7,
  .mx-md-n7 {
    margin-left: -6rem !important;
  }

  .m-md-n8 {
    margin: -8rem !important;
  }

  .mt-md-n8,
  .my-md-n8 {
    margin-top: -8rem !important;
  }

  .mr-md-n8,
  .mx-md-n8 {
    margin-right: -8rem !important;
  }

  .mb-md-n8,
  .my-md-n8 {
    margin-bottom: -8rem !important;
  }

  .ml-md-n8,
  .mx-md-n8 {
    margin-left: -8rem !important;
  }

  .m-md-n9 {
    margin: -10rem !important;
  }

  .mt-md-n9,
  .my-md-n9 {
    margin-top: -10rem !important;
  }

  .mr-md-n9,
  .mx-md-n9 {
    margin-right: -10rem !important;
  }

  .mb-md-n9,
  .my-md-n9 {
    margin-bottom: -10rem !important;
  }

  .ml-md-n9,
  .mx-md-n9 {
    margin-left: -10rem !important;
  }

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

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

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

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

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

@media (min-width: 992px) {
  .bg-lg-none {
    background: transparent !important;
  }

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

  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }

  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }

  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }

  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }

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

  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }

  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }

  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }

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

  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }

  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }

  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }

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

  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }

  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }

  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }

  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }

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

  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }

  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }

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

  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }

  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }

  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }

  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }

  .m-lg--9 {
    margin: -10rem !important;
  }

  .mt-lg--9,
  .my-lg--9 {
    margin-top: -10rem !important;
  }

  .mr-lg--9,
  .mx-lg--9 {
    margin-right: -10rem !important;
  }

  .mb-lg--9,
  .my-lg--9 {
    margin-bottom: -10rem !important;
  }

  .ml-lg--9,
  .mx-lg--9 {
    margin-left: -10rem !important;
  }

  .m-lg--8 {
    margin: -8rem !important;
  }

  .mt-lg--8,
  .my-lg--8 {
    margin-top: -8rem !important;
  }

  .mr-lg--8,
  .mx-lg--8 {
    margin-right: -8rem !important;
  }

  .mb-lg--8,
  .my-lg--8 {
    margin-bottom: -8rem !important;
  }

  .ml-lg--8,
  .mx-lg--8 {
    margin-left: -8rem !important;
  }

  .m-lg--7 {
    margin: -6rem !important;
  }

  .mt-lg--7,
  .my-lg--7 {
    margin-top: -6rem !important;
  }

  .mr-lg--7,
  .mx-lg--7 {
    margin-right: -6rem !important;
  }

  .mb-lg--7,
  .my-lg--7 {
    margin-bottom: -6rem !important;
  }

  .ml-lg--7,
  .mx-lg--7 {
    margin-left: -6rem !important;
  }

  .m-lg--6 {
    margin: -4.5rem !important;
  }

  .mt-lg--6,
  .my-lg--6 {
    margin-top: -4.5rem !important;
  }

  .mr-lg--6,
  .mx-lg--6 {
    margin-right: -4.5rem !important;
  }

  .mb-lg--6,
  .my-lg--6 {
    margin-bottom: -4.5rem !important;
  }

  .ml-lg--6,
  .mx-lg--6 {
    margin-left: -4.5rem !important;
  }

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

  .mt-lg--5,
  .my-lg--5 {
    margin-top: -3rem !important;
  }

  .mr-lg--5,
  .mx-lg--5 {
    margin-right: -3rem !important;
  }

  .mb-lg--5,
  .my-lg--5 {
    margin-bottom: -3rem !important;
  }

  .ml-lg--5,
  .mx-lg--5 {
    margin-left: -3rem !important;
  }

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

  .mt-lg--4,
  .my-lg--4 {
    margin-top: -1.5rem !important;
  }

  .mr-lg--4,
  .mx-lg--4 {
    margin-right: -1.5rem !important;
  }

  .mb-lg--4,
  .my-lg--4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-lg--4,
  .mx-lg--4 {
    margin-left: -1.5rem !important;
  }

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

  .mt-lg--3,
  .my-lg--3 {
    margin-top: -1rem !important;
  }

  .mr-lg--3,
  .mx-lg--3 {
    margin-right: -1rem !important;
  }

  .mb-lg--3,
  .my-lg--3 {
    margin-bottom: -1rem !important;
  }

  .ml-lg--3,
  .mx-lg--3 {
    margin-left: -1rem !important;
  }

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

  .mt-lg--2,
  .my-lg--2 {
    margin-top: -0.5rem !important;
  }

  .mr-lg--2,
  .mx-lg--2 {
    margin-right: -0.5rem !important;
  }

  .mb-lg--2,
  .my-lg--2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-lg--2,
  .mx-lg--2 {
    margin-left: -0.5rem !important;
  }

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

  .mt-lg--1,
  .my-lg--1 {
    margin-top: -0.25rem !important;
  }

  .mr-lg--1,
  .mx-lg--1 {
    margin-right: -0.25rem !important;
  }

  .mb-lg--1,
  .my-lg--1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-lg--1,
  .mx-lg--1 {
    margin-left: -0.25rem !important;
  }

  .m-lg-6 {
    margin: 4.5rem !important;
  }

  .mt-lg-6,
  .my-lg-6 {
    margin-top: 4.5rem !important;
  }

  .mr-lg-6,
  .mx-lg-6 {
    margin-right: 4.5rem !important;
  }

  .mb-lg-6,
  .my-lg-6 {
    margin-bottom: 4.5rem !important;
  }

  .ml-lg-6,
  .mx-lg-6 {
    margin-left: 4.5rem !important;
  }

  .m-lg-7 {
    margin: 6rem !important;
  }

  .mt-lg-7,
  .my-lg-7 {
    margin-top: 6rem !important;
  }

  .mr-lg-7,
  .mx-lg-7 {
    margin-right: 6rem !important;
  }

  .mb-lg-7,
  .my-lg-7 {
    margin-bottom: 6rem !important;
  }

  .ml-lg-7,
  .mx-lg-7 {
    margin-left: 6rem !important;
  }

  .m-lg-8 {
    margin: 8rem !important;
  }

  .mt-lg-8,
  .my-lg-8 {
    margin-top: 8rem !important;
  }

  .mr-lg-8,
  .mx-lg-8 {
    margin-right: 8rem !important;
  }

  .mb-lg-8,
  .my-lg-8 {
    margin-bottom: 8rem !important;
  }

  .ml-lg-8,
  .mx-lg-8 {
    margin-left: 8rem !important;
  }

  .m-lg-9 {
    margin: 10rem !important;
  }

  .mt-lg-9,
  .my-lg-9 {
    margin-top: 10rem !important;
  }

  .mr-lg-9,
  .mx-lg-9 {
    margin-right: 10rem !important;
  }

  .mb-lg-9,
  .my-lg-9 {
    margin-bottom: 10rem !important;
  }

  .ml-lg-9,
  .mx-lg-9 {
    margin-left: 10rem !important;
  }

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

  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }

  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }

  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }

  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }

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

  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }

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

  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }

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

  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }

  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }

  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }

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

  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }

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

  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }

  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }

  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }

  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }

  .p-lg--9 {
    padding: -10rem !important;
  }

  .pt-lg--9,
  .py-lg--9 {
    padding-top: -10rem !important;
  }

  .pr-lg--9,
  .px-lg--9 {
    padding-right: -10rem !important;
  }

  .pb-lg--9,
  .py-lg--9 {
    padding-bottom: -10rem !important;
  }

  .pl-lg--9,
  .px-lg--9 {
    padding-left: -10rem !important;
  }

  .p-lg--8 {
    padding: -8rem !important;
  }

  .pt-lg--8,
  .py-lg--8 {
    padding-top: -8rem !important;
  }

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

  .pb-lg--8,
  .py-lg--8 {
    padding-bottom: -8rem !important;
  }

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

  .p-lg--7 {
    padding: -6rem !important;
  }

  .pt-lg--7,
  .py-lg--7 {
    padding-top: -6rem !important;
  }

  .pr-lg--7,
  .px-lg--7 {
    padding-right: -6rem !important;
  }

  .pb-lg--7,
  .py-lg--7 {
    padding-bottom: -6rem !important;
  }

  .pl-lg--7,
  .px-lg--7 {
    padding-left: -6rem !important;
  }

  .p-lg--6 {
    padding: -4.5rem !important;
  }

  .pt-lg--6,
  .py-lg--6 {
    padding-top: -4.5rem !important;
  }

  .pr-lg--6,
  .px-lg--6 {
    padding-right: -4.5rem !important;
  }

  .pb-lg--6,
  .py-lg--6 {
    padding-bottom: -4.5rem !important;
  }

  .pl-lg--6,
  .px-lg--6 {
    padding-left: -4.5rem !important;
  }

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

  .pt-lg--5,
  .py-lg--5 {
    padding-top: -3rem !important;
  }

  .pr-lg--5,
  .px-lg--5 {
    padding-right: -3rem !important;
  }

  .pb-lg--5,
  .py-lg--5 {
    padding-bottom: -3rem !important;
  }

  .pl-lg--5,
  .px-lg--5 {
    padding-left: -3rem !important;
  }

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

  .pt-lg--4,
  .py-lg--4 {
    padding-top: -1.5rem !important;
  }

  .pr-lg--4,
  .px-lg--4 {
    padding-right: -1.5rem !important;
  }

  .pb-lg--4,
  .py-lg--4 {
    padding-bottom: -1.5rem !important;
  }

  .pl-lg--4,
  .px-lg--4 {
    padding-left: -1.5rem !important;
  }

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

  .pt-lg--3,
  .py-lg--3 {
    padding-top: -1rem !important;
  }

  .pr-lg--3,
  .px-lg--3 {
    padding-right: -1rem !important;
  }

  .pb-lg--3,
  .py-lg--3 {
    padding-bottom: -1rem !important;
  }

  .pl-lg--3,
  .px-lg--3 {
    padding-left: -1rem !important;
  }

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

  .pt-lg--2,
  .py-lg--2 {
    padding-top: -0.5rem !important;
  }

  .pr-lg--2,
  .px-lg--2 {
    padding-right: -0.5rem !important;
  }

  .pb-lg--2,
  .py-lg--2 {
    padding-bottom: -0.5rem !important;
  }

  .pl-lg--2,
  .px-lg--2 {
    padding-left: -0.5rem !important;
  }

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

  .pt-lg--1,
  .py-lg--1 {
    padding-top: -0.25rem !important;
  }

  .pr-lg--1,
  .px-lg--1 {
    padding-right: -0.25rem !important;
  }

  .pb-lg--1,
  .py-lg--1 {
    padding-bottom: -0.25rem !important;
  }

  .pl-lg--1,
  .px-lg--1 {
    padding-left: -0.25rem !important;
  }

  .p-lg-6 {
    padding: 4.5rem !important;
  }

  .pt-lg-6,
  .py-lg-6 {
    padding-top: 4.5rem !important;
  }

  .pr-lg-6,
  .px-lg-6 {
    padding-right: 4.5rem !important;
  }

  .pb-lg-6,
  .py-lg-6 {
    padding-bottom: 4.5rem !important;
  }

  .pl-lg-6,
  .px-lg-6 {
    padding-left: 4.5rem !important;
  }

  .p-lg-7 {
    padding: 6rem !important;
  }

  .pt-lg-7,
  .py-lg-7 {
    padding-top: 6rem !important;
  }

  .pr-lg-7,
  .px-lg-7 {
    padding-right: 6rem !important;
  }

  .pb-lg-7,
  .py-lg-7 {
    padding-bottom: 6rem !important;
  }

  .pl-lg-7,
  .px-lg-7 {
    padding-left: 6rem !important;
  }

  .p-lg-8 {
    padding: 8rem !important;
  }

  .pt-lg-8,
  .py-lg-8 {
    padding-top: 8rem !important;
  }

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

  .pb-lg-8,
  .py-lg-8 {
    padding-bottom: 8rem !important;
  }

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

  .p-lg-9 {
    padding: 10rem !important;
  }

  .pt-lg-9,
  .py-lg-9 {
    padding-top: 10rem !important;
  }

  .pr-lg-9,
  .px-lg-9 {
    padding-right: 10rem !important;
  }

  .pb-lg-9,
  .py-lg-9 {
    padding-bottom: 10rem !important;
  }

  .pl-lg-9,
  .px-lg-9 {
    padding-left: 10rem !important;
  }

  .m-lg-n1 {
    margin: -0.25rem !important;
  }

  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }

  .m-lg-n2 {
    margin: -0.5rem !important;
  }

  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }

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

  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }

  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }

  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }

  .m-lg-n4 {
    margin: -1.5rem !important;
  }

  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }

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

  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }

  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }

  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }

  .m-lg-n-9 {
    margin: 10rem !important;
  }

  .mt-lg-n-9,
  .my-lg-n-9 {
    margin-top: 10rem !important;
  }

  .mr-lg-n-9,
  .mx-lg-n-9 {
    margin-right: 10rem !important;
  }

  .mb-lg-n-9,
  .my-lg-n-9 {
    margin-bottom: 10rem !important;
  }

  .ml-lg-n-9,
  .mx-lg-n-9 {
    margin-left: 10rem !important;
  }

  .m-lg-n-8 {
    margin: 8rem !important;
  }

  .mt-lg-n-8,
  .my-lg-n-8 {
    margin-top: 8rem !important;
  }

  .mr-lg-n-8,
  .mx-lg-n-8 {
    margin-right: 8rem !important;
  }

  .mb-lg-n-8,
  .my-lg-n-8 {
    margin-bottom: 8rem !important;
  }

  .ml-lg-n-8,
  .mx-lg-n-8 {
    margin-left: 8rem !important;
  }

  .m-lg-n-7 {
    margin: 6rem !important;
  }

  .mt-lg-n-7,
  .my-lg-n-7 {
    margin-top: 6rem !important;
  }

  .mr-lg-n-7,
  .mx-lg-n-7 {
    margin-right: 6rem !important;
  }

  .mb-lg-n-7,
  .my-lg-n-7 {
    margin-bottom: 6rem !important;
  }

  .ml-lg-n-7,
  .mx-lg-n-7 {
    margin-left: 6rem !important;
  }

  .m-lg-n-6 {
    margin: 4.5rem !important;
  }

  .mt-lg-n-6,
  .my-lg-n-6 {
    margin-top: 4.5rem !important;
  }

  .mr-lg-n-6,
  .mx-lg-n-6 {
    margin-right: 4.5rem !important;
  }

  .mb-lg-n-6,
  .my-lg-n-6 {
    margin-bottom: 4.5rem !important;
  }

  .ml-lg-n-6,
  .mx-lg-n-6 {
    margin-left: 4.5rem !important;
  }

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

  .mt-lg-n-5,
  .my-lg-n-5 {
    margin-top: 3rem !important;
  }

  .mr-lg-n-5,
  .mx-lg-n-5 {
    margin-right: 3rem !important;
  }

  .mb-lg-n-5,
  .my-lg-n-5 {
    margin-bottom: 3rem !important;
  }

  .ml-lg-n-5,
  .mx-lg-n-5 {
    margin-left: 3rem !important;
  }

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

  .mt-lg-n-4,
  .my-lg-n-4 {
    margin-top: 1.5rem !important;
  }

  .mr-lg-n-4,
  .mx-lg-n-4 {
    margin-right: 1.5rem !important;
  }

  .mb-lg-n-4,
  .my-lg-n-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-lg-n-4,
  .mx-lg-n-4 {
    margin-left: 1.5rem !important;
  }

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

  .mt-lg-n-3,
  .my-lg-n-3 {
    margin-top: 1rem !important;
  }

  .mr-lg-n-3,
  .mx-lg-n-3 {
    margin-right: 1rem !important;
  }

  .mb-lg-n-3,
  .my-lg-n-3 {
    margin-bottom: 1rem !important;
  }

  .ml-lg-n-3,
  .mx-lg-n-3 {
    margin-left: 1rem !important;
  }

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

  .mt-lg-n-2,
  .my-lg-n-2 {
    margin-top: 0.5rem !important;
  }

  .mr-lg-n-2,
  .mx-lg-n-2 {
    margin-right: 0.5rem !important;
  }

  .mb-lg-n-2,
  .my-lg-n-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-lg-n-2,
  .mx-lg-n-2 {
    margin-left: 0.5rem !important;
  }

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

  .mt-lg-n-1,
  .my-lg-n-1 {
    margin-top: 0.25rem !important;
  }

  .mr-lg-n-1,
  .mx-lg-n-1 {
    margin-right: 0.25rem !important;
  }

  .mb-lg-n-1,
  .my-lg-n-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-lg-n-1,
  .mx-lg-n-1 {
    margin-left: 0.25rem !important;
  }

  .m-lg-n6 {
    margin: -4.5rem !important;
  }

  .mt-lg-n6,
  .my-lg-n6 {
    margin-top: -4.5rem !important;
  }

  .mr-lg-n6,
  .mx-lg-n6 {
    margin-right: -4.5rem !important;
  }

  .mb-lg-n6,
  .my-lg-n6 {
    margin-bottom: -4.5rem !important;
  }

  .ml-lg-n6,
  .mx-lg-n6 {
    margin-left: -4.5rem !important;
  }

  .m-lg-n7 {
    margin: -6rem !important;
  }

  .mt-lg-n7,
  .my-lg-n7 {
    margin-top: -6rem !important;
  }

  .mr-lg-n7,
  .mx-lg-n7 {
    margin-right: -6rem !important;
  }

  .mb-lg-n7,
  .my-lg-n7 {
    margin-bottom: -6rem !important;
  }

  .ml-lg-n7,
  .mx-lg-n7 {
    margin-left: -6rem !important;
  }

  .m-lg-n8 {
    margin: -8rem !important;
  }

  .mt-lg-n8,
  .my-lg-n8 {
    margin-top: -8rem !important;
  }

  .mr-lg-n8,
  .mx-lg-n8 {
    margin-right: -8rem !important;
  }

  .mb-lg-n8,
  .my-lg-n8 {
    margin-bottom: -8rem !important;
  }

  .ml-lg-n8,
  .mx-lg-n8 {
    margin-left: -8rem !important;
  }

  .m-lg-n9 {
    margin: -10rem !important;
  }

  .mt-lg-n9,
  .my-lg-n9 {
    margin-top: -10rem !important;
  }

  .mr-lg-n9,
  .mx-lg-n9 {
    margin-right: -10rem !important;
  }

  .mb-lg-n9,
  .my-lg-n9 {
    margin-bottom: -10rem !important;
  }

  .ml-lg-n9,
  .mx-lg-n9 {
    margin-left: -10rem !important;
  }

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

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

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

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

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

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }

  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }

  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }

  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }

  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }

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

  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }

  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }

  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }

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

  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }

  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }

  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }

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

  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }

  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }

  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }

  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }

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

  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }

  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }

  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }

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

  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }

  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }

  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }

  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }

  .m-xl--9 {
    margin: -10rem !important;
  }

  .mt-xl--9,
  .my-xl--9 {
    margin-top: -10rem !important;
  }

  .mr-xl--9,
  .mx-xl--9 {
    margin-right: -10rem !important;
  }

  .mb-xl--9,
  .my-xl--9 {
    margin-bottom: -10rem !important;
  }

  .ml-xl--9,
  .mx-xl--9 {
    margin-left: -10rem !important;
  }

  .m-xl--8 {
    margin: -8rem !important;
  }

  .mt-xl--8,
  .my-xl--8 {
    margin-top: -8rem !important;
  }

  .mr-xl--8,
  .mx-xl--8 {
    margin-right: -8rem !important;
  }

  .mb-xl--8,
  .my-xl--8 {
    margin-bottom: -8rem !important;
  }

  .ml-xl--8,
  .mx-xl--8 {
    margin-left: -8rem !important;
  }

  .m-xl--7 {
    margin: -6rem !important;
  }

  .mt-xl--7,
  .my-xl--7 {
    margin-top: -6rem !important;
  }

  .mr-xl--7,
  .mx-xl--7 {
    margin-right: -6rem !important;
  }

  .mb-xl--7,
  .my-xl--7 {
    margin-bottom: -6rem !important;
  }

  .ml-xl--7,
  .mx-xl--7 {
    margin-left: -6rem !important;
  }

  .m-xl--6 {
    margin: -4.5rem !important;
  }

  .mt-xl--6,
  .my-xl--6 {
    margin-top: -4.5rem !important;
  }

  .mr-xl--6,
  .mx-xl--6 {
    margin-right: -4.5rem !important;
  }

  .mb-xl--6,
  .my-xl--6 {
    margin-bottom: -4.5rem !important;
  }

  .ml-xl--6,
  .mx-xl--6 {
    margin-left: -4.5rem !important;
  }

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

  .mt-xl--5,
  .my-xl--5 {
    margin-top: -3rem !important;
  }

  .mr-xl--5,
  .mx-xl--5 {
    margin-right: -3rem !important;
  }

  .mb-xl--5,
  .my-xl--5 {
    margin-bottom: -3rem !important;
  }

  .ml-xl--5,
  .mx-xl--5 {
    margin-left: -3rem !important;
  }

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

  .mt-xl--4,
  .my-xl--4 {
    margin-top: -1.5rem !important;
  }

  .mr-xl--4,
  .mx-xl--4 {
    margin-right: -1.5rem !important;
  }

  .mb-xl--4,
  .my-xl--4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-xl--4,
  .mx-xl--4 {
    margin-left: -1.5rem !important;
  }

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

  .mt-xl--3,
  .my-xl--3 {
    margin-top: -1rem !important;
  }

  .mr-xl--3,
  .mx-xl--3 {
    margin-right: -1rem !important;
  }

  .mb-xl--3,
  .my-xl--3 {
    margin-bottom: -1rem !important;
  }

  .ml-xl--3,
  .mx-xl--3 {
    margin-left: -1rem !important;
  }

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

  .mt-xl--2,
  .my-xl--2 {
    margin-top: -0.5rem !important;
  }

  .mr-xl--2,
  .mx-xl--2 {
    margin-right: -0.5rem !important;
  }

  .mb-xl--2,
  .my-xl--2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-xl--2,
  .mx-xl--2 {
    margin-left: -0.5rem !important;
  }

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

  .mt-xl--1,
  .my-xl--1 {
    margin-top: -0.25rem !important;
  }

  .mr-xl--1,
  .mx-xl--1 {
    margin-right: -0.25rem !important;
  }

  .mb-xl--1,
  .my-xl--1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-xl--1,
  .mx-xl--1 {
    margin-left: -0.25rem !important;
  }

  .m-xl-6 {
    margin: 4.5rem !important;
  }

  .mt-xl-6,
  .my-xl-6 {
    margin-top: 4.5rem !important;
  }

  .mr-xl-6,
  .mx-xl-6 {
    margin-right: 4.5rem !important;
  }

  .mb-xl-6,
  .my-xl-6 {
    margin-bottom: 4.5rem !important;
  }

  .ml-xl-6,
  .mx-xl-6 {
    margin-left: 4.5rem !important;
  }

  .m-xl-7 {
    margin: 6rem !important;
  }

  .mt-xl-7,
  .my-xl-7 {
    margin-top: 6rem !important;
  }

  .mr-xl-7,
  .mx-xl-7 {
    margin-right: 6rem !important;
  }

  .mb-xl-7,
  .my-xl-7 {
    margin-bottom: 6rem !important;
  }

  .ml-xl-7,
  .mx-xl-7 {
    margin-left: 6rem !important;
  }

  .m-xl-8 {
    margin: 8rem !important;
  }

  .mt-xl-8,
  .my-xl-8 {
    margin-top: 8rem !important;
  }

  .mr-xl-8,
  .mx-xl-8 {
    margin-right: 8rem !important;
  }

  .mb-xl-8,
  .my-xl-8 {
    margin-bottom: 8rem !important;
  }

  .ml-xl-8,
  .mx-xl-8 {
    margin-left: 8rem !important;
  }

  .m-xl-9 {
    margin: 10rem !important;
  }

  .mt-xl-9,
  .my-xl-9 {
    margin-top: 10rem !important;
  }

  .mr-xl-9,
  .mx-xl-9 {
    margin-right: 10rem !important;
  }

  .mb-xl-9,
  .my-xl-9 {
    margin-bottom: 10rem !important;
  }

  .ml-xl-9,
  .mx-xl-9 {
    margin-left: 10rem !important;
  }

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

  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }

  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }

  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }

  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }

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

  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }

  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }

  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }

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

  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }

  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }

  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }

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

  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }

  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }

  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }

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

  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }

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

  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }

  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }

  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }

  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }

  .p-xl--9 {
    padding: -10rem !important;
  }

  .pt-xl--9,
  .py-xl--9 {
    padding-top: -10rem !important;
  }

  .pr-xl--9,
  .px-xl--9 {
    padding-right: -10rem !important;
  }

  .pb-xl--9,
  .py-xl--9 {
    padding-bottom: -10rem !important;
  }

  .pl-xl--9,
  .px-xl--9 {
    padding-left: -10rem !important;
  }

  .p-xl--8 {
    padding: -8rem !important;
  }

  .pt-xl--8,
  .py-xl--8 {
    padding-top: -8rem !important;
  }

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

  .pb-xl--8,
  .py-xl--8 {
    padding-bottom: -8rem !important;
  }

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

  .p-xl--7 {
    padding: -6rem !important;
  }

  .pt-xl--7,
  .py-xl--7 {
    padding-top: -6rem !important;
  }

  .pr-xl--7,
  .px-xl--7 {
    padding-right: -6rem !important;
  }

  .pb-xl--7,
  .py-xl--7 {
    padding-bottom: -6rem !important;
  }

  .pl-xl--7,
  .px-xl--7 {
    padding-left: -6rem !important;
  }

  .p-xl--6 {
    padding: -4.5rem !important;
  }

  .pt-xl--6,
  .py-xl--6 {
    padding-top: -4.5rem !important;
  }

  .pr-xl--6,
  .px-xl--6 {
    padding-right: -4.5rem !important;
  }

  .pb-xl--6,
  .py-xl--6 {
    padding-bottom: -4.5rem !important;
  }

  .pl-xl--6,
  .px-xl--6 {
    padding-left: -4.5rem !important;
  }

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

  .pt-xl--5,
  .py-xl--5 {
    padding-top: -3rem !important;
  }

  .pr-xl--5,
  .px-xl--5 {
    padding-right: -3rem !important;
  }

  .pb-xl--5,
  .py-xl--5 {
    padding-bottom: -3rem !important;
  }

  .pl-xl--5,
  .px-xl--5 {
    padding-left: -3rem !important;
  }

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

  .pt-xl--4,
  .py-xl--4 {
    padding-top: -1.5rem !important;
  }

  .pr-xl--4,
  .px-xl--4 {
    padding-right: -1.5rem !important;
  }

  .pb-xl--4,
  .py-xl--4 {
    padding-bottom: -1.5rem !important;
  }

  .pl-xl--4,
  .px-xl--4 {
    padding-left: -1.5rem !important;
  }

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

  .pt-xl--3,
  .py-xl--3 {
    padding-top: -1rem !important;
  }

  .pr-xl--3,
  .px-xl--3 {
    padding-right: -1rem !important;
  }

  .pb-xl--3,
  .py-xl--3 {
    padding-bottom: -1rem !important;
  }

  .pl-xl--3,
  .px-xl--3 {
    padding-left: -1rem !important;
  }

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

  .pt-xl--2,
  .py-xl--2 {
    padding-top: -0.5rem !important;
  }

  .pr-xl--2,
  .px-xl--2 {
    padding-right: -0.5rem !important;
  }

  .pb-xl--2,
  .py-xl--2 {
    padding-bottom: -0.5rem !important;
  }

  .pl-xl--2,
  .px-xl--2 {
    padding-left: -0.5rem !important;
  }

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

  .pt-xl--1,
  .py-xl--1 {
    padding-top: -0.25rem !important;
  }

  .pr-xl--1,
  .px-xl--1 {
    padding-right: -0.25rem !important;
  }

  .pb-xl--1,
  .py-xl--1 {
    padding-bottom: -0.25rem !important;
  }

  .pl-xl--1,
  .px-xl--1 {
    padding-left: -0.25rem !important;
  }

  .p-xl-6 {
    padding: 4.5rem !important;
  }

  .pt-xl-6,
  .py-xl-6 {
    padding-top: 4.5rem !important;
  }

  .pr-xl-6,
  .px-xl-6 {
    padding-right: 4.5rem !important;
  }

  .pb-xl-6,
  .py-xl-6 {
    padding-bottom: 4.5rem !important;
  }

  .pl-xl-6,
  .px-xl-6 {
    padding-left: 4.5rem !important;
  }

  .p-xl-7 {
    padding: 6rem !important;
  }

  .pt-xl-7,
  .py-xl-7 {
    padding-top: 6rem !important;
  }

  .pr-xl-7,
  .px-xl-7 {
    padding-right: 6rem !important;
  }

  .pb-xl-7,
  .py-xl-7 {
    padding-bottom: 6rem !important;
  }

  .pl-xl-7,
  .px-xl-7 {
    padding-left: 6rem !important;
  }

  .p-xl-8 {
    padding: 8rem !important;
  }

  .pt-xl-8,
  .py-xl-8 {
    padding-top: 8rem !important;
  }

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

  .pb-xl-8,
  .py-xl-8 {
    padding-bottom: 8rem !important;
  }

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

  .p-xl-9 {
    padding: 10rem !important;
  }

  .pt-xl-9,
  .py-xl-9 {
    padding-top: 10rem !important;
  }

  .pr-xl-9,
  .px-xl-9 {
    padding-right: 10rem !important;
  }

  .pb-xl-9,
  .py-xl-9 {
    padding-bottom: 10rem !important;
  }

  .pl-xl-9,
  .px-xl-9 {
    padding-left: 10rem !important;
  }

  .m-xl-n1 {
    margin: -0.25rem !important;
  }

  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }

  .m-xl-n2 {
    margin: -0.5rem !important;
  }

  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }

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

  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }

  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }

  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }

  .m-xl-n4 {
    margin: -1.5rem !important;
  }

  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }

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

  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }

  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }

  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }

  .m-xl-n-9 {
    margin: 10rem !important;
  }

  .mt-xl-n-9,
  .my-xl-n-9 {
    margin-top: 10rem !important;
  }

  .mr-xl-n-9,
  .mx-xl-n-9 {
    margin-right: 10rem !important;
  }

  .mb-xl-n-9,
  .my-xl-n-9 {
    margin-bottom: 10rem !important;
  }

  .ml-xl-n-9,
  .mx-xl-n-9 {
    margin-left: 10rem !important;
  }

  .m-xl-n-8 {
    margin: 8rem !important;
  }

  .mt-xl-n-8,
  .my-xl-n-8 {
    margin-top: 8rem !important;
  }

  .mr-xl-n-8,
  .mx-xl-n-8 {
    margin-right: 8rem !important;
  }

  .mb-xl-n-8,
  .my-xl-n-8 {
    margin-bottom: 8rem !important;
  }

  .ml-xl-n-8,
  .mx-xl-n-8 {
    margin-left: 8rem !important;
  }

  .m-xl-n-7 {
    margin: 6rem !important;
  }

  .mt-xl-n-7,
  .my-xl-n-7 {
    margin-top: 6rem !important;
  }

  .mr-xl-n-7,
  .mx-xl-n-7 {
    margin-right: 6rem !important;
  }

  .mb-xl-n-7,
  .my-xl-n-7 {
    margin-bottom: 6rem !important;
  }

  .ml-xl-n-7,
  .mx-xl-n-7 {
    margin-left: 6rem !important;
  }

  .m-xl-n-6 {
    margin: 4.5rem !important;
  }

  .mt-xl-n-6,
  .my-xl-n-6 {
    margin-top: 4.5rem !important;
  }

  .mr-xl-n-6,
  .mx-xl-n-6 {
    margin-right: 4.5rem !important;
  }

  .mb-xl-n-6,
  .my-xl-n-6 {
    margin-bottom: 4.5rem !important;
  }

  .ml-xl-n-6,
  .mx-xl-n-6 {
    margin-left: 4.5rem !important;
  }

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

  .mt-xl-n-5,
  .my-xl-n-5 {
    margin-top: 3rem !important;
  }

  .mr-xl-n-5,
  .mx-xl-n-5 {
    margin-right: 3rem !important;
  }

  .mb-xl-n-5,
  .my-xl-n-5 {
    margin-bottom: 3rem !important;
  }

  .ml-xl-n-5,
  .mx-xl-n-5 {
    margin-left: 3rem !important;
  }

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

  .mt-xl-n-4,
  .my-xl-n-4 {
    margin-top: 1.5rem !important;
  }

  .mr-xl-n-4,
  .mx-xl-n-4 {
    margin-right: 1.5rem !important;
  }

  .mb-xl-n-4,
  .my-xl-n-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-xl-n-4,
  .mx-xl-n-4 {
    margin-left: 1.5rem !important;
  }

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

  .mt-xl-n-3,
  .my-xl-n-3 {
    margin-top: 1rem !important;
  }

  .mr-xl-n-3,
  .mx-xl-n-3 {
    margin-right: 1rem !important;
  }

  .mb-xl-n-3,
  .my-xl-n-3 {
    margin-bottom: 1rem !important;
  }

  .ml-xl-n-3,
  .mx-xl-n-3 {
    margin-left: 1rem !important;
  }

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

  .mt-xl-n-2,
  .my-xl-n-2 {
    margin-top: 0.5rem !important;
  }

  .mr-xl-n-2,
  .mx-xl-n-2 {
    margin-right: 0.5rem !important;
  }

  .mb-xl-n-2,
  .my-xl-n-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-xl-n-2,
  .mx-xl-n-2 {
    margin-left: 0.5rem !important;
  }

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

  .mt-xl-n-1,
  .my-xl-n-1 {
    margin-top: 0.25rem !important;
  }

  .mr-xl-n-1,
  .mx-xl-n-1 {
    margin-right: 0.25rem !important;
  }

  .mb-xl-n-1,
  .my-xl-n-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-xl-n-1,
  .mx-xl-n-1 {
    margin-left: 0.25rem !important;
  }

  .m-xl-n6 {
    margin: -4.5rem !important;
  }

  .mt-xl-n6,
  .my-xl-n6 {
    margin-top: -4.5rem !important;
  }

  .mr-xl-n6,
  .mx-xl-n6 {
    margin-right: -4.5rem !important;
  }

  .mb-xl-n6,
  .my-xl-n6 {
    margin-bottom: -4.5rem !important;
  }

  .ml-xl-n6,
  .mx-xl-n6 {
    margin-left: -4.5rem !important;
  }

  .m-xl-n7 {
    margin: -6rem !important;
  }

  .mt-xl-n7,
  .my-xl-n7 {
    margin-top: -6rem !important;
  }

  .mr-xl-n7,
  .mx-xl-n7 {
    margin-right: -6rem !important;
  }

  .mb-xl-n7,
  .my-xl-n7 {
    margin-bottom: -6rem !important;
  }

  .ml-xl-n7,
  .mx-xl-n7 {
    margin-left: -6rem !important;
  }

  .m-xl-n8 {
    margin: -8rem !important;
  }

  .mt-xl-n8,
  .my-xl-n8 {
    margin-top: -8rem !important;
  }

  .mr-xl-n8,
  .mx-xl-n8 {
    margin-right: -8rem !important;
  }

  .mb-xl-n8,
  .my-xl-n8 {
    margin-bottom: -8rem !important;
  }

  .ml-xl-n8,
  .mx-xl-n8 {
    margin-left: -8rem !important;
  }

  .m-xl-n9 {
    margin: -10rem !important;
  }

  .mt-xl-n9,
  .my-xl-n9 {
    margin-top: -10rem !important;
  }

  .mr-xl-n9,
  .mx-xl-n9 {
    margin-right: -10rem !important;
  }

  .mb-xl-n9,
  .my-xl-n9 {
    margin-bottom: -10rem !important;
  }

  .ml-xl-n9,
  .mx-xl-n9 {
    margin-left: -10rem !important;
  }

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

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

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

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

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

.simplebar-scroll-content {
  min-height: 100%;
  width: 100%;
}

.simplebar-content {
  padding-bottom: 0.25rem !important;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper,
.simplebar-scroll-content {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: auto;
  visibility: visible;
  max-width: 100%;
  max-height: 100%;
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow: hidden scroll;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-scroll-content::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
  content: " ";
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar .hidden-scrollbar {
  visibility: hidden;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: #8094ae;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: 0.5;
  transition: opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 8px !important;
  transition: width 0.1s;
}

.simplebar-track.simplebar-vertical.simplebar-hover {
  width: 10px !important;
}

.simplebar-track.simplebar-vertical,
.simplebar-track.simplebar-vertical,
.simplebar-track.simplebar-vertical,
.simplebar-track.simplebar-vertical {
  visibility: hidden;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 8px !important;
  transition: height 0.1s;
}

.simplebar-track.simplebar-horizontal.simplebar-hover {
  height: 10px !important;
}

.simplebar-track.simplebar-horizontal,
.simplebar-track.simplebar-horizontal,
.simplebar-track.simplebar-horizontal {
  visibility: hidden !important;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.btn-sm {
  padding: 0.4rem 1rem;
  font-size: 0.875rem;
}

.btn-rounded {
  border-radius: 30px;
}

.box-shadow {
  box-shadow: 0 0 40px rgba(95, 125, 149, 0.1);
}

.box-shadow-lg {
  box-shadow: 0 5px 35px 0 rgba(95, 125, 149, 0.15);
}

.read-more {
  color: #33324e;
  font-weight: 500;
  padding: 2px 0px;
}

.read-more:hover {
  color: #4353ff;
  padding: 2px 0px;
  transition: all 0.3s;
}

.read-more i {
  font-size: 16px;
  position: relative;
  top: 2px;
}

.bg-overlay {
  background-color: rgba(35, 37, 47, 0.8);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.title-box .title-sub-title {
  background: rgba(67, 83, 255, 0.2);
  padding: 7px 22px;
  display: inline;
  border-radius: 30px;
  font-size: 13px;
}

.title-box .title-heading {
  font-size: 30px;
}

.bg-primary {
  background-color: #4353ff !important;
}

.bg-soft-primary {
  background-color: rgba(67, 83, 255, 0.1) !important;
}

.text-primary {
  color: #4353ff !important;
}

.icon-dual-primary {
  color: #4353ff;
  fill: rgba(67, 83, 255, 0.2);
}

.btn-soft-primary {
  background-color: rgba(67, 83, 255, 0.25) !important;
  color: #4353ff !important;
}

.btn-soft-primary:hover {
  background: #2f40ff;
}

.btn-soft-primary:focus {
  background: #2f40ff;
}

.btn-soft-primary:active {
  background: #2f40ff;
}

.btn-soft-primary:not(:disabled):not(.disabled):active {
  background: #2f40ff;
}

.btn-soft-primary:not(:disabled):not(.disabled):active:focus {
  background: #2f40ff;
}

.btn-soft-primary .open > .dropdown-toggle.btn-primary {
  background: #2f40ff;
}

.btn-soft-primary.active {
  background: #2f40ff;
}

.btn-soft-primary.focus {
  background: #2f40ff;
}

.btn-primary {
  background: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.btn-primary:hover {
  background: #2f40ff;
  border-color: #2f40ff;
}

.btn-primary:focus {
  background: #2f40ff;
  border-color: #2f40ff;
}

.btn-primary:active {
  background: #2f40ff;
  border-color: #2f40ff;
}

.btn-primary:not(:disabled):not(.disabled):active {
  background: #2f40ff;
  border-color: #2f40ff;
}

.btn-primary:not(:disabled):not(.disabled):active:focus {
  background: #2f40ff;
  border-color: #2f40ff;
}

.btn-primary .open > .dropdown-toggle.btn-primary {
  background: #2f40ff;
  border-color: #2f40ff;
}

.btn-primary.active {
  background: #2f40ff;
  border-color: #2f40ff;
}

.btn-primary.focus {
  background: #2f40ff;
  border-color: #2f40ff;
}

.btn-outline-primary {
  color: var(--primary-btn-outline-text-color) !important;
  border-color: var(--primary-color) !important;
}

.btn-outline-primary:hover {
  background: var(--primary-color) !important;
  color: var(--primary-btn-outline-hover-text-color) !important;
  border-color: var(--primary-color) !important;
}

.btn-outline-primary:focus {
  background: var(--primary-color) !important;
  color: var(--primary-btn-outline-hover-text-color) !important;
  border-color: var(--primary-color) !important;
}

.btn-outline-primary:active {
  background: var(--primary-color) !important;
  color: var(--primary-btn-outline-hover-text-color) !important;
  border-color: var(--primary-color) !important;
}

.btn-outline-primary:not(:disabled):not(.disabled):active {
  background: var(--primary-color) !important;
  color: var(--primary-btn-outline-hover-text-color) !important;
  border-color: var(--primary-color) !important;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus {
  background: var(--primary-color) !important;
  color: var(--primary-btn-outline-hover-text-color) !important;
  border-color: var(--primary-color) !important;
}

.btn-outline-primary .open > .dropdown-toggle.btn-primary {
  background: var(--primary-color) !important;
  color: var(--primary-btn-outline-hover-text-color) !important;
  border-color: var(--primary-color) !important;
}

.btn-outline-primary.active {
  background: var(--primary-color) !important;
  color: var(--primary-btn-outline-hover-text-color) !important;
  border-color: var(--primary-color) !important;
}

.btn-outline-primary.focus {
  background: var(--primary-color) !important;
  color: var(--primary-btn-outline-hover-text-color) !important;
  border-color: var(--primary-color) !important;
}

.bg-success {
  background-color: #00c99c !important;
}

.bg-soft-success {
  background-color: rgba(0, 201, 156, 0.1) !important;
}

.text-success {
  color: #00c99c !important;
}

.icon-dual-success {
  color: #00c99c;
  fill: rgba(0, 201, 156, 0.2);
}

.btn-soft-success {
  background-color: rgba(0, 201, 156, 0.25) !important;
  color: #00c99c !important;
}

.btn-soft-success:hover {
  background: #00b58c;
}

.btn-soft-success:focus {
  background: #00b58c;
}

.btn-soft-success:active {
  background: #00b58c;
}

.btn-soft-success:not(:disabled):not(.disabled):active {
  background: #00b58c;
}

.btn-soft-success:not(:disabled):not(.disabled):active:focus {
  background: #00b58c;
}

.btn-soft-success .open > .dropdown-toggle.btn-primary {
  background: #00b58c;
}

.btn-soft-success.active {
  background: #00b58c;
}

.btn-soft-success.focus {
  background: #00b58c;
}

.btn-success {
  background: #00c99c !important;
  border-color: #00c99c !important;
}

.btn-success:hover {
  background: #00b58c;
  border-color: #00b58c;
}

.btn-success:focus {
  background: #00b58c;
  border-color: #00b58c;
}

.btn-success:active {
  background: #00b58c;
  border-color: #00b58c;
}

.btn-success:not(:disabled):not(.disabled):active {
  background: #00b58c;
  border-color: #00b58c;
}

.btn-success:not(:disabled):not(.disabled):active:focus {
  background: #00b58c;
  border-color: #00b58c;
}

.btn-success .open > .dropdown-toggle.btn-primary {
  background: #00b58c;
  border-color: #00b58c;
}

.btn-success.active {
  background: #00b58c;
  border-color: #00b58c;
}

.btn-success.focus {
  background: #00b58c;
  border-color: #00b58c;
}

.btn-outline-success {
  color: #00c99c;
  border-color: #00c99c;
}

.btn-outline-success:hover {
  background: #00c99c;
  border-color: #00c99c;
}

.btn-outline-success:focus {
  background: #00c99c;
  border-color: #00c99c;
}

.btn-outline-success:active {
  background: #00c99c;
  border-color: #00c99c;
}

.btn-outline-success:not(:disabled):not(.disabled):active {
  background: #00c99c;
  border-color: #00c99c;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus {
  background: #00c99c;
  border-color: #00c99c;
}

.btn-outline-success .open > .dropdown-toggle.btn-primary {
  background: #00c99c;
  border-color: #00c99c;
}

.btn-outline-success.active {
  background: #00c99c;
  border-color: #00c99c;
}

.btn-outline-success.focus {
  background: #00c99c;
  border-color: #00c99c;
}

.bg-info {
  background-color: #15b2ec !important;
}

.bg-soft-info {
  background-color: rgba(21, 178, 236, 0.1) !important;
}

.text-info {
  color: #15b2ec !important;
}

.icon-dual-info {
  color: #15b2ec;
  fill: rgba(21, 178, 236, 0.2);
}

.btn-soft-info {
  background-color: rgba(21, 178, 236, 0.25) !important;
  color: #15b2ec !important;
}

.btn-soft-info:hover {
  background: #12a5db;
}

.btn-soft-info:focus {
  background: #12a5db;
}

.btn-soft-info:active {
  background: #12a5db;
}

.btn-soft-info:not(:disabled):not(.disabled):active {
  background: #12a5db;
}

.btn-soft-info:not(:disabled):not(.disabled):active:focus {
  background: #12a5db;
}

.btn-soft-info .open > .dropdown-toggle.btn-primary {
  background: #12a5db;
}

.btn-soft-info.active {
  background: #12a5db;
}

.btn-soft-info.focus {
  background: #12a5db;
}

.btn-info {
  background: #15b2ec !important;
  border-color: #15b2ec !important;
}

.btn-info:hover {
  background: #12a5db;
  border-color: #12a5db;
}

.btn-info:focus {
  background: #12a5db;
  border-color: #12a5db;
}

.btn-info:active {
  background: #12a5db;
  border-color: #12a5db;
}

.btn-info:not(:disabled):not(.disabled):active {
  background: #12a5db;
  border-color: #12a5db;
}

.btn-info:not(:disabled):not(.disabled):active:focus {
  background: #12a5db;
  border-color: #12a5db;
}

.btn-info .open > .dropdown-toggle.btn-primary {
  background: #12a5db;
  border-color: #12a5db;
}

.btn-info.active {
  background: #12a5db;
  border-color: #12a5db;
}

.btn-info.focus {
  background: #12a5db;
  border-color: #12a5db;
}

.btn-outline-info {
  color: #15b2ec;
  border-color: #15b2ec;
}

.btn-outline-info:hover {
  background: #15b2ec;
  border-color: #15b2ec;
}

.btn-outline-info:focus {
  background: #15b2ec;
  border-color: #15b2ec;
}

.btn-outline-info:active {
  background: #15b2ec;
  border-color: #15b2ec;
}

.btn-outline-info:not(:disabled):not(.disabled):active {
  background: #15b2ec;
  border-color: #15b2ec;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus {
  background: #15b2ec;
  border-color: #15b2ec;
}

.btn-outline-info .open > .dropdown-toggle.btn-primary {
  background: #15b2ec;
  border-color: #15b2ec;
}

.btn-outline-info.active {
  background: #15b2ec;
  border-color: #15b2ec;
}

.btn-outline-info.focus {
  background: #15b2ec;
  border-color: #15b2ec;
}

.bg-warning {
  background-color: #f5a416 !important;
}

.bg-soft-warning {
  background-color: rgba(245, 164, 22, 0.1) !important;
}

.text-warning {
  color: #f5a416 !important;
}

.icon-dual-warning {
  color: #f5a416;
  fill: rgba(245, 164, 22, 0.2);
}

.btn-soft-warning {
  background-color: rgba(245, 164, 22, 0.25) !important;
  color: #f5a416 !important;
}

.btn-soft-warning:hover {
  background: #ec9a0a;
}

.btn-soft-warning:focus {
  background: #ec9a0a;
}

.btn-soft-warning:active {
  background: #ec9a0a;
}

.btn-soft-warning:not(:disabled):not(.disabled):active {
  background: #ec9a0a;
}

.btn-soft-warning:not(:disabled):not(.disabled):active:focus {
  background: #ec9a0a;
}

.btn-soft-warning .open > .dropdown-toggle.btn-primary {
  background: #ec9a0a;
}

.btn-soft-warning.active {
  background: #ec9a0a;
}

.btn-soft-warning.focus {
  background: #ec9a0a;
}

.btn-warning {
  background: #f5a416 !important;
  border-color: #f5a416 !important;
}

.btn-warning:hover {
  background: #ec9a0a;
  border-color: #ec9a0a;
}

.btn-warning:focus {
  background: #ec9a0a;
  border-color: #ec9a0a;
}

.btn-warning:active {
  background: #ec9a0a;
  border-color: #ec9a0a;
}

.btn-warning:not(:disabled):not(.disabled):active {
  background: #ec9a0a;
  border-color: #ec9a0a;
}

.btn-warning:not(:disabled):not(.disabled):active:focus {
  background: #ec9a0a;
  border-color: #ec9a0a;
}

.btn-warning .open > .dropdown-toggle.btn-primary {
  background: #ec9a0a;
  border-color: #ec9a0a;
}

.btn-warning.active {
  background: #ec9a0a;
  border-color: #ec9a0a;
}

.btn-warning.focus {
  background: #ec9a0a;
  border-color: #ec9a0a;
}

.btn-outline-warning {
  color: #f5a416;
  border-color: #f5a416;
}

.btn-outline-warning:hover {
  background: #f5a416;
  border-color: #f5a416;
}

.btn-outline-warning:focus {
  background: #f5a416;
  border-color: #f5a416;
}

.btn-outline-warning:active {
  background: #f5a416;
  border-color: #f5a416;
}

.btn-outline-warning:not(:disabled):not(.disabled):active {
  background: #f5a416;
  border-color: #f5a416;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus {
  background: #f5a416;
  border-color: #f5a416;
}

.btn-outline-warning .open > .dropdown-toggle.btn-primary {
  background: #f5a416;
  border-color: #f5a416;
}

.btn-outline-warning.active {
  background: #f5a416;
  border-color: #f5a416;
}

.btn-outline-warning.focus {
  background: #f5a416;
  border-color: #f5a416;
}

.bg-danger {
  background-color: #fb7179 !important;
}

.bg-soft-danger {
  background-color: rgba(251, 113, 121, 0.1) !important;
}

.text-danger {
  color: #fb7179 !important;
}

.icon-dual-danger {
  color: #fb7179;
  fill: rgba(251, 113, 121, 0.2);
}

.btn-soft-danger {
  background-color: rgba(251, 113, 121, 0.25) !important;
  color: #fb7179 !important;
}

.btn-soft-danger:hover {
  background: #fa5d66;
}

.btn-soft-danger:focus {
  background: #fa5d66;
}

.btn-soft-danger:active {
  background: #fa5d66;
}

.btn-soft-danger:not(:disabled):not(.disabled):active {
  background: #fa5d66;
}

.btn-soft-danger:not(:disabled):not(.disabled):active:focus {
  background: #fa5d66;
}

.btn-soft-danger .open > .dropdown-toggle.btn-primary {
  background: #fa5d66;
}

.btn-soft-danger.active {
  background: #fa5d66;
}

.btn-soft-danger.focus {
  background: #fa5d66;
}

.btn-danger {
  background: #fb7179 !important;
  border-color: #fb7179 !important;
}

.btn-danger:hover {
  background: #fa5d66;
  border-color: #fa5d66;
}

.btn-danger:focus {
  background: #fa5d66;
  border-color: #fa5d66;
}

.btn-danger:active {
  background: #fa5d66;
  border-color: #fa5d66;
}

.btn-danger:not(:disabled):not(.disabled):active {
  background: #fa5d66;
  border-color: #fa5d66;
}

.btn-danger:not(:disabled):not(.disabled):active:focus {
  background: #fa5d66;
  border-color: #fa5d66;
}

.btn-danger .open > .dropdown-toggle.btn-primary {
  background: #fa5d66;
  border-color: #fa5d66;
}

.btn-danger.active {
  background: #fa5d66;
  border-color: #fa5d66;
}

.btn-danger.focus {
  background: #fa5d66;
  border-color: #fa5d66;
}

.btn-outline-danger {
  color: #fb7179;
  border-color: #fb7179;
}

.btn-outline-danger:hover {
  background: #fb7179;
  border-color: #fb7179;
}

.btn-outline-danger:focus {
  background: #fb7179;
  border-color: #fb7179;
}

.btn-outline-danger:active {
  background: #fb7179;
  border-color: #fb7179;
}

.btn-outline-danger:not(:disabled):not(.disabled):active {
  background: #fb7179;
  border-color: #fb7179;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus {
  background: #fb7179;
  border-color: #fb7179;
}

.btn-outline-danger .open > .dropdown-toggle.btn-primary {
  background: #fb7179;
  border-color: #fb7179;
}

.btn-outline-danger.active {
  background: #fb7179;
  border-color: #fb7179;
}

.btn-outline-danger.focus {
  background: #fb7179;
  border-color: #fb7179;
}

.bg-orange {
  background-color: #fff8f6 !important;
}

.bg-soft-orange {
  background-color: rgba(255, 248, 246, 0.1) !important;
}

.text-orange {
  color: #fff8f6 !important;
}

.icon-dual-orange {
  color: #fff8f6;
  fill: rgba(255, 248, 246, 0.2);
}

.btn-soft-orange {
  background-color: rgba(255, 248, 246, 0.25) !important;
  color: #fff8f6 !important;
}

.btn-soft-orange:hover {
  background: #ffe8e2;
}

.btn-soft-orange:focus {
  background: #ffe8e2;
}

.btn-soft-orange:active {
  background: #ffe8e2;
}

.btn-soft-orange:not(:disabled):not(.disabled):active {
  background: #ffe8e2;
}

.btn-soft-orange:not(:disabled):not(.disabled):active:focus {
  background: #ffe8e2;
}

.btn-soft-orange .open > .dropdown-toggle.btn-primary {
  background: #ffe8e2;
}

.btn-soft-orange.active {
  background: #ffe8e2;
}

.btn-soft-orange.focus {
  background: #ffe8e2;
}

.btn-orange {
  background: #fff8f6 !important;
  border-color: #fff8f6 !important;
}

.btn-orange:hover {
  background: #ffe8e2;
  border-color: #ffe8e2;
}

.btn-orange:focus {
  background: #ffe8e2;
  border-color: #ffe8e2;
}

.btn-orange:active {
  background: #ffe8e2;
  border-color: #ffe8e2;
}

.btn-orange:not(:disabled):not(.disabled):active {
  background: #ffe8e2;
  border-color: #ffe8e2;
}

.btn-orange:not(:disabled):not(.disabled):active:focus {
  background: #ffe8e2;
  border-color: #ffe8e2;
}

.btn-orange .open > .dropdown-toggle.btn-primary {
  background: #ffe8e2;
  border-color: #ffe8e2;
}

.btn-orange.active {
  background: #ffe8e2;
  border-color: #ffe8e2;
}

.btn-orange.focus {
  background: #ffe8e2;
  border-color: #ffe8e2;
}

.btn-outline-orange {
  color: #fff8f6;
  border-color: #fff8f6;
}

.btn-outline-orange:hover {
  background: #fff8f6;
  border-color: #fff8f6;
}

.btn-outline-orange:focus {
  background: #fff8f6;
  border-color: #fff8f6;
}

.btn-outline-orange:active {
  background: #fff8f6;
  border-color: #fff8f6;
}

.btn-outline-orange:not(:disabled):not(.disabled):active {
  background: #fff8f6;
  border-color: #fff8f6;
}

.btn-outline-orange:not(:disabled):not(.disabled):active:focus {
  background: #fff8f6;
  border-color: #fff8f6;
}

.btn-outline-orange .open > .dropdown-toggle.btn-primary {
  background: #fff8f6;
  border-color: #fff8f6;
}

.btn-outline-orange.active {
  background: #fff8f6;
  border-color: #fff8f6;
}

.btn-outline-orange.focus {
  background: #fff8f6;
  border-color: #fff8f6;
}

.bg-dark {
  background-color: #33324e !important;
}

.bg-soft-dark {
  background-color: rgba(51, 50, 78, 0.1) !important;
}

.text-dark {
  color: #33324e !important;
}

.icon-dual-dark {
  color: #33324e;
  fill: rgba(51, 50, 78, 0.2);
}

.btn-soft-dark {
  background-color: rgba(51, 50, 78, 0.25) !important;
  color: #33324e !important;
}

.btn-soft-dark:hover {
  background: #2b2a42;
}

.btn-soft-dark:focus {
  background: #2b2a42;
}

.btn-soft-dark:active {
  background: #2b2a42;
}

.btn-soft-dark:not(:disabled):not(.disabled):active {
  background: #2b2a42;
}

.btn-soft-dark:not(:disabled):not(.disabled):active:focus {
  background: #2b2a42;
}

.btn-soft-dark .open > .dropdown-toggle.btn-primary {
  background: #2b2a42;
}

.btn-soft-dark.active {
  background: #2b2a42;
}

.btn-soft-dark.focus {
  background: #2b2a42;
}

.btn-dark {
  background: #33324e !important;
  border-color: #33324e !important;
}

.btn-dark:hover {
  background: #2b2a42;
  border-color: #2b2a42;
}

.btn-dark:focus {
  background: #2b2a42;
  border-color: #2b2a42;
}

.btn-dark:active {
  background: #2b2a42;
  border-color: #2b2a42;
}

.btn-dark:not(:disabled):not(.disabled):active {
  background: #2b2a42;
  border-color: #2b2a42;
}

.btn-dark:not(:disabled):not(.disabled):active:focus {
  background: #2b2a42;
  border-color: #2b2a42;
}

.btn-dark .open > .dropdown-toggle.btn-primary {
  background: #2b2a42;
  border-color: #2b2a42;
}

.btn-dark.active {
  background: #2b2a42;
  border-color: #2b2a42;
}

.btn-dark.focus {
  background: #2b2a42;
  border-color: #2b2a42;
}

.btn-outline-dark {
  color: #33324e;
  border-color: #33324e;
}

.btn-outline-dark:hover {
  background: #33324e;
  border-color: #33324e;
}

.btn-outline-dark:focus {
  background: #33324e;
  border-color: #33324e;
}

.btn-outline-dark:active {
  background: #33324e;
  border-color: #33324e;
}

.btn-outline-dark:not(:disabled):not(.disabled):active {
  background: #33324e;
  border-color: #33324e;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus {
  background: #33324e;
  border-color: #33324e;
}

.btn-outline-dark .open > .dropdown-toggle.btn-primary {
  background: #33324e;
  border-color: #33324e;
}

.btn-outline-dark.active {
  background: #33324e;
  border-color: #33324e;
}

.btn-outline-dark.focus {
  background: #33324e;
  border-color: #33324e;
}

.bg-muted {
  background-color: #767dac !important;
}

.bg-soft-muted {
  background-color: rgba(118, 125, 172, 0.1) !important;
}

.text-muted {
  color: #767dac !important;
}

.icon-dual-muted {
  color: #767dac;
  fill: rgba(118, 125, 172, 0.2);
}

.btn-soft-muted {
  background-color: rgba(118, 125, 172, 0.25) !important;
  color: #767dac !important;
}

.btn-soft-muted:hover {
  background: #6971a4;
}

.btn-soft-muted:focus {
  background: #6971a4;
}

.btn-soft-muted:active {
  background: #6971a4;
}

.btn-soft-muted:not(:disabled):not(.disabled):active {
  background: #6971a4;
}

.btn-soft-muted:not(:disabled):not(.disabled):active:focus {
  background: #6971a4;
}

.btn-soft-muted .open > .dropdown-toggle.btn-primary {
  background: #6971a4;
}

.btn-soft-muted.active {
  background: #6971a4;
}

.btn-soft-muted.focus {
  background: #6971a4;
}

.btn-muted {
  background: #767dac !important;
  border-color: #767dac !important;
}

.btn-muted:hover {
  background: #6971a4;
  border-color: #6971a4;
}

.btn-muted:focus {
  background: #6971a4;
  border-color: #6971a4;
}

.btn-muted:active {
  background: #6971a4;
  border-color: #6971a4;
}

.btn-muted:not(:disabled):not(.disabled):active {
  background: #6971a4;
  border-color: #6971a4;
}

.btn-muted:not(:disabled):not(.disabled):active:focus {
  background: #6971a4;
  border-color: #6971a4;
}

.btn-muted .open > .dropdown-toggle.btn-primary {
  background: #6971a4;
  border-color: #6971a4;
}

.btn-muted.active {
  background: #6971a4;
  border-color: #6971a4;
}

.btn-muted.focus {
  background: #6971a4;
  border-color: #6971a4;
}

.btn-outline-muted {
  color: #767dac;
  border-color: #767dac;
}

.btn-outline-muted:hover {
  background: #767dac;
  border-color: #767dac;
}

.btn-outline-muted:focus {
  background: #767dac;
  border-color: #767dac;
}

.btn-outline-muted:active {
  background: #767dac;
  border-color: #767dac;
}

.btn-outline-muted:not(:disabled):not(.disabled):active {
  background: #767dac;
  border-color: #767dac;
}

.btn-outline-muted:not(:disabled):not(.disabled):active:focus {
  background: #767dac;
  border-color: #767dac;
}

.btn-outline-muted .open > .dropdown-toggle.btn-primary {
  background: #767dac;
  border-color: #767dac;
}

.btn-outline-muted.active {
  background: #767dac;
  border-color: #767dac;
}

.btn-outline-muted.focus {
  background: #767dac;
  border-color: #767dac;
}

.bg-purple {
  background-color: #9261c6 !important;
}

.bg-soft-purple {
  background-color: rgba(146, 97, 198, 0.1) !important;
}

.text-purple {
  color: #9261c6 !important;
}

.icon-dual-purple {
  color: #9261c6;
  fill: rgba(146, 97, 198, 0.2);
}

.btn-soft-purple {
  background-color: rgba(146, 97, 198, 0.25) !important;
  color: #9261c6 !important;
}

.btn-soft-purple:hover {
  background: #8852c1;
}

.btn-soft-purple:focus {
  background: #8852c1;
}

.btn-soft-purple:active {
  background: #8852c1;
}

.btn-soft-purple:not(:disabled):not(.disabled):active {
  background: #8852c1;
}

.btn-soft-purple:not(:disabled):not(.disabled):active:focus {
  background: #8852c1;
}

.btn-soft-purple .open > .dropdown-toggle.btn-primary {
  background: #8852c1;
}

.btn-soft-purple.active {
  background: #8852c1;
}

.btn-soft-purple.focus {
  background: #8852c1;
}

.btn-purple {
  background: #9261c6 !important;
  border-color: #9261c6 !important;
}

.btn-purple:hover {
  background: #8852c1;
  border-color: #8852c1;
}

.btn-purple:focus {
  background: #8852c1;
  border-color: #8852c1;
}

.btn-purple:active {
  background: #8852c1;
  border-color: #8852c1;
}

.btn-purple:not(:disabled):not(.disabled):active {
  background: #8852c1;
  border-color: #8852c1;
}

.btn-purple:not(:disabled):not(.disabled):active:focus {
  background: #8852c1;
  border-color: #8852c1;
}

.btn-purple .open > .dropdown-toggle.btn-primary {
  background: #8852c1;
  border-color: #8852c1;
}

.btn-purple.active {
  background: #8852c1;
  border-color: #8852c1;
}

.btn-purple.focus {
  background: #8852c1;
  border-color: #8852c1;
}

.btn-outline-purple {
  color: #9261c6;
  border-color: #9261c6;
}

.btn-outline-purple:hover {
  background: #9261c6;
  border-color: #9261c6;
}

.btn-outline-purple:focus {
  background: #9261c6;
  border-color: #9261c6;
}

.btn-outline-purple:active {
  background: #9261c6;
  border-color: #9261c6;
}

.btn-outline-purple:not(:disabled):not(.disabled):active {
  background: #9261c6;
  border-color: #9261c6;
}

.btn-outline-purple:not(:disabled):not(.disabled):active:focus {
  background: #9261c6;
  border-color: #9261c6;
}

.btn-outline-purple .open > .dropdown-toggle.btn-primary {
  background: #9261c6;
  border-color: #9261c6;
}

.btn-outline-purple.active {
  background: #9261c6;
  border-color: #9261c6;
}

.btn-outline-purple.focus {
  background: #9261c6;
  border-color: #9261c6;
}

.bg-pink {
  background-color: #f12699 !important;
}

.bg-soft-pink {
  background-color: rgba(241, 38, 153, 0.1) !important;
}

.text-pink {
  color: #f12699 !important;
}

.icon-dual-pink {
  color: #f12699;
  fill: rgba(241, 38, 153, 0.2);
}

.btn-soft-pink {
  background-color: rgba(241, 38, 153, 0.25) !important;
  color: #f12699 !important;
}

.btn-soft-pink:hover {
  background: #f01390;
}

.btn-soft-pink:focus {
  background: #f01390;
}

.btn-soft-pink:active {
  background: #f01390;
}

.btn-soft-pink:not(:disabled):not(.disabled):active {
  background: #f01390;
}

.btn-soft-pink:not(:disabled):not(.disabled):active:focus {
  background: #f01390;
}

.btn-soft-pink .open > .dropdown-toggle.btn-primary {
  background: #f01390;
}

.btn-soft-pink.active {
  background: #f01390;
}

.btn-soft-pink.focus {
  background: #f01390;
}

.btn-pink {
  background: #f12699 !important;
  border-color: #f12699 !important;
}

.btn-pink:hover {
  background: #f01390;
  border-color: #f01390;
}

.btn-pink:focus {
  background: #f01390;
  border-color: #f01390;
}

.btn-pink:active {
  background: #f01390;
  border-color: #f01390;
}

.btn-pink:not(:disabled):not(.disabled):active {
  background: #f01390;
  border-color: #f01390;
}

.btn-pink:not(:disabled):not(.disabled):active:focus {
  background: #f01390;
  border-color: #f01390;
}

.btn-pink .open > .dropdown-toggle.btn-primary {
  background: #f01390;
  border-color: #f01390;
}

.btn-pink.active {
  background: #f01390;
  border-color: #f01390;
}

.btn-pink.focus {
  background: #f01390;
  border-color: #f01390;
}

.btn-outline-pink {
  color: #f12699;
  border-color: #f12699;
}

.btn-outline-pink:hover {
  background: #f12699;
  border-color: #f12699;
}

.btn-outline-pink:focus {
  background: #f12699;
  border-color: #f12699;
}

.btn-outline-pink:active {
  background: #f12699;
  border-color: #f12699;
}

.btn-outline-pink:not(:disabled):not(.disabled):active {
  background: #f12699;
  border-color: #f12699;
}

.btn-outline-pink:not(:disabled):not(.disabled):active:focus {
  background: #f12699;
  border-color: #f12699;
}

.btn-outline-pink .open > .dropdown-toggle.btn-primary {
  background: #f12699;
  border-color: #f12699;
}

.btn-outline-pink.active {
  background: #f12699;
  border-color: #f12699;
}

.btn-outline-pink.focus {
  background: #f12699;
  border-color: #f12699;
}

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

.bg-soft-white {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.text-white {
  color: #ffffff !important;
}

.icon-dual-white {
  color: #ffffff;
  fill: rgba(255, 255, 255, 0.2);
}

.btn-soft-white {
  background-color: rgba(255, 255, 255, 0.25) !important;
  color: #ffffff !important;
}

.btn-soft-white:hover {
  background: whitesmoke;
}

.btn-soft-white:focus {
  background: whitesmoke;
}

.btn-soft-white:active {
  background: whitesmoke;
}

.btn-soft-white:not(:disabled):not(.disabled):active {
  background: whitesmoke;
}

.btn-soft-white:not(:disabled):not(.disabled):active:focus {
  background: whitesmoke;
}

.btn-soft-white .open > .dropdown-toggle.btn-primary {
  background: whitesmoke;
}

.btn-soft-white.active {
  background: whitesmoke;
}

.btn-soft-white.focus {
  background: whitesmoke;
}

.btn-white {
  background: #ffffff !important;
  border-color: #ffffff !important;
}

.btn-white:hover {
  background: whitesmoke;
  border-color: whitesmoke;
}

.btn-white:focus {
  background: whitesmoke;
  border-color: whitesmoke;
}

.btn-white:active {
  background: whitesmoke;
  border-color: whitesmoke;
}

.btn-white:not(:disabled):not(.disabled):active {
  background: whitesmoke;
  border-color: whitesmoke;
}

.btn-white:not(:disabled):not(.disabled):active:focus {
  background: whitesmoke;
  border-color: whitesmoke;
}

.btn-white .open > .dropdown-toggle.btn-primary {
  background: whitesmoke;
  border-color: whitesmoke;
}

.btn-white.active {
  background: whitesmoke;
  border-color: whitesmoke;
}

.btn-white.focus {
  background: whitesmoke;
  border-color: whitesmoke;
}

.btn-outline-white {
  color: #ffffff;
  border-color: #ffffff;
}

.btn-outline-white:hover {
  background: #ffffff;
  border-color: #ffffff;
}

.btn-outline-white:focus {
  background: #ffffff;
  border-color: #ffffff;
}

.btn-outline-white:active {
  background: #ffffff;
  border-color: #ffffff;
}

.btn-outline-white:not(:disabled):not(.disabled):active {
  background: #ffffff;
  border-color: #ffffff;
}

.btn-outline-white:not(:disabled):not(.disabled):active:focus {
  background: #ffffff;
  border-color: #ffffff;
}

.btn-outline-white .open > .dropdown-toggle.btn-primary {
  background: #ffffff;
  border-color: #ffffff;
}

.btn-outline-white.active {
  background: #ffffff;
  border-color: #ffffff;
}

.btn-outline-white.focus {
  background: #ffffff;
  border-color: #ffffff;
}

.bg-light {
  background-color: #f6f7fb !important;
}

.bg-soft-light {
  background-color: rgba(246, 247, 251, 0.1) !important;
}

.text-light {
  color: #f6f7fb !important;
}

.icon-dual-light {
  color: #f6f7fb;
  fill: rgba(246, 247, 251, 0.2);
}

.btn-soft-light {
  background-color: rgba(246, 247, 251, 0.25) !important;
  color: #f6f7fb !important;
}

.btn-soft-light:hover {
  background: #e8eaf5;
}

.btn-soft-light:focus {
  background: #e8eaf5;
}

.btn-soft-light:active {
  background: #e8eaf5;
}

.btn-soft-light:not(:disabled):not(.disabled):active {
  background: #e8eaf5;
}

.btn-soft-light:not(:disabled):not(.disabled):active:focus {
  background: #e8eaf5;
}

.btn-soft-light .open > .dropdown-toggle.btn-primary {
  background: #e8eaf5;
}

.btn-soft-light.active {
  background: #e8eaf5;
}

.btn-soft-light.focus {
  background: #e8eaf5;
}

.btn-light {
  background: #f6f7fb !important;
  border-color: #f6f7fb !important;
}

.btn-light:hover {
  background: #e8eaf5;
  border-color: #e8eaf5;
}

.btn-light:focus {
  background: #e8eaf5;
  border-color: #e8eaf5;
}

.btn-light:active {
  background: #e8eaf5;
  border-color: #e8eaf5;
}

.btn-light:not(:disabled):not(.disabled):active {
  background: #e8eaf5;
  border-color: #e8eaf5;
}

.btn-light:not(:disabled):not(.disabled):active:focus {
  background: #e8eaf5;
  border-color: #e8eaf5;
}

.btn-light .open > .dropdown-toggle.btn-primary {
  background: #e8eaf5;
  border-color: #e8eaf5;
}

.btn-light.active {
  background: #e8eaf5;
  border-color: #e8eaf5;
}

.btn-light.focus {
  background: #e8eaf5;
  border-color: #e8eaf5;
}

.btn-outline-light {
  color: #f6f7fb;
  border-color: #f6f7fb;
}

.btn-outline-light:hover {
  background: #f6f7fb;
  border-color: #f6f7fb;
}

.btn-outline-light:focus {
  background: #f6f7fb;
  border-color: #f6f7fb;
}

.btn-outline-light:active {
  background: #f6f7fb;
  border-color: #f6f7fb;
}

.btn-outline-light:not(:disabled):not(.disabled):active {
  background: #f6f7fb;
  border-color: #f6f7fb;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus {
  background: #f6f7fb;
  border-color: #f6f7fb;
}

.btn-outline-light .open > .dropdown-toggle.btn-primary {
  background: #f6f7fb;
  border-color: #f6f7fb;
}

.btn-outline-light.active {
  background: #f6f7fb;
  border-color: #f6f7fb;
}

.btn-outline-light.focus {
  background: #f6f7fb;
  border-color: #f6f7fb;
}

.select2 {
  width: 100% !important;
  display: inline-block;
}

.select2-container {
  box-sizing: border-box;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: calc(2.125rem + 2px);
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container.select2-lg .select2-selection--multiple {
  min-height: calc(2.625rem + 2px);
}

.select2-container .select2-search--inline {
  float: left;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: none;
  border: 1px solid #dbdfea;
  font-family: Roboto, sans-serif;
  font-size: 13px;
  font-weight: 400;
  display: block;
  position: absolute;
  left: -100000px;
  z-index: 1051;
  padding: 6px;
}

.select2-dropdown--below {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
}

.select2-dropdown--above {
  margin-top: 1px;
  border-radius: 4px 4px 0 0;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
  border-radius: 4px 4px;
}

.select2-results__option {
  padding: 0.375rem 0.75rem;
  border-radius: 4px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-results__option:not(:last-child) {
  margin-bottom: 0.125rem;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-lg .select2-results__option {
  padding: 0.5rem 0.75rem;
}

.select2-container--open .select2-dropdown {
  left: 0;
  border-color: #b4bdd3;
}

.select2-search--dropdown {
  display: block;
  padding: 0;
}

.select2-search--dropdown .select2-search__field {
  padding: 0.375rem 0.75rem;
  width: 100%;
  border-radius: 4px;
  margin-bottom: 6px;
  color: #526484;
}

.select2-search--dropdown .select2-search__field:focus {
  outline: none;
  border-color: #6576ff;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-lg .select2-search--dropdown .select2-search__field {
  padding: 0.5rem 0.75rem;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  height: calc(2.125rem + 2px);
  font-family: Roboto, sans-serif;
  font-size: 13px;
  font-weight: 400;
  background-color: #fff;
  border: 1px solid #dbdfea;
  border-radius: 4px;
  box-shadow: none;
  transition: all 0.3s;
}

.select2-sm .select2-container--default .select2-selection--single {
  font-size: 12px;
}

.select2-lg .select2-container--default .select2-selection--single {
  font-size: 15px;
}

.select2-container--default .select2-selection--single:focus {
  box-shadow: 0 0 0 3px rgba(101, 118, 255, 0.1);
  border-color: #6576ff;
  outline: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #526484;
  line-height: 1.25rem;
  padding: 0.4375rem calc(2.125rem + 2px) 0.4375rem 1rem;
}

.select2-container--default .select2-selection--single .select2-selection__rendered:focus {
  outline: none;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #8094ae;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: calc(2.125rem + 2px);
  position: absolute;
  top: 0;
  right: 0;
  width: calc(2.125rem + 2px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.select2-container--default .select2-selection--single .select2-selection__arrow:after {
  font-family: "The-Icon-of" !important;
  content: "\E9AB";
  line-height: 1;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.select2-container--default.select2-sm .select2-selection--single {
  height: calc(1.75rem + 2px);
  font-size: 12px;
}

.select2-container--default.select2-sm .select2-selection--single .select2-selection__rendered {
  line-height: 1.25rem;
  padding: 0.25rem calc(1.75rem + 2px) 0.25rem 1rem;
}

.select2-container--default.select2-sm .select2-selection--single .select2-selection__arrow {
  height: calc(1.75rem + 2px);
  width: calc(1.75rem + 2px);
}

.select2-container--default.select2-lg .select2-selection--single {
  height: calc(3.2rem + 2px);
  font-size: 15px;
  position: relative;
}

.select2-container--default.select2-lg .select2-selection--single .select2-selection__rendered {
  line-height: 1.25rem;
  padding: 1.1rem 1rem;
}

.select2-container--default.select2-lg .select2-selection--single .select2-selection__arrow {
  height: calc(3.2rem + 2px);
  width: calc(2.625rem + 2px);
}

.select2-container--default.select2-container--below.select2-container--open .select2-selection--single {
  border-radius: 4px 4px 0 0;
}

.select2-container--default.select2-container--above.select2-container--open .select2-selection--single {
  border-radius: 0 0 4px 4px;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 0;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #fff;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #b4bdd3 !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:after {
  content: "\E995";
}

.select2-container--default .select2-selection--multiple {
  background-color: #fff;
  border: 1px solid #dbdfea;
  border-radius: 4px;
  font-family: Roboto, sans-serif;
  font-size: 13px;
  font-weight: 400;
  cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-search--inline {
  padding-left: 0.1875rem;
}

.select2-container--default .select2-selection--multiple .select2-search--inline input::-moz-placeholder {
  color: #8094ae;
}

.select2-container--default .select2-selection--multiple .select2-search--inline input:-ms-input-placeholder {
  color: #8094ae;
}

.select2-container--default .select2-selection--multiple .select2-search--inline input::-ms-input-placeholder {
  color: #8094ae;
}

.select2-container--default .select2-selection--multiple .select2-search--inline input::placeholder {
  color: #8094ae;
}

.select2-container--default .select2-selection--multiple .select2-search--inline:only-child {
  padding-left: 0.8125rem;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0.125rem 0.1875rem;
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
  padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #ebeef2;
  border-radius: 3px;
  cursor: default;
  line-height: 1.5rem;
  margin: 0.1875rem 0.1875rem;
  padding: 0 0.5rem;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #526484;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 0.5rem;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #526484;
}

.select2-container--default.select2-lg .select2-selection--multiple {
  font-size: 15px;
}

.select2-container--default.select2-lg .select2-selection--multiple .select2-selection__choice {
  border-radius: 4px;
  padding: 0.25rem 0.75rem;
}

.select2-container--default.select2-container--below.select2-container--open .select2-selection--multiple {
  border-radius: 4px 4px 0 0;
}

.select2-container--default.select2-container--above.select2-container--open .select2-selection--multiple {
  border-radius: 0 0 4px 4px;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
  float: right;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 6px;
  margin-right: auto;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #6576ff;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #fff;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--multiple {
  border-color: #b4bdd3;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #dbdfea;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 210px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: rgba(128, 148, 174, 0.7);
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ebeef2;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #ebeef2;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.flex-table.is-compact .flex-table-item {
  margin-bottom: 0;
  border-radius: 0;
}

.flex-table.is-compact .flex-table-item:not(:last-child) {
  border-bottom: none;
}

.flex-table.is-compact .flex-table-item:nth-child(2) {
  border-radius: 8px 8px 0 0;
}

.flex-table.is-compact .flex-table-item:last-child {
  margin-bottom: 6px;
  border-radius: 0 0 8px 8px;
}

.flex-table .flex-table-header {
  display: flex;
  align-items: center;
  padding: 0 10px;
}

.flex-table .flex-table-header span {
  flex: 1 1 0px;
  display: flex;
  align-items: center;
  font-size: 0.8rem;
  font-weight: 600;
  color: #999;
  text-transform: uppercase;
  padding: 0 10px 10px 10px;
}

.flex-table .flex-table-header span.is-checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  max-width: 30px;
}

.flex-table .flex-table-header span.is-checkbox .checkbox {
  padding: 0;
}

.flex-table .flex-table-header span.is-checkbox .checkbox > span {
  height: 22px;
}

.flex-table .flex-table-header span.cell-center {
  justify-content: center;
}

.flex-table .flex-table-header span.cell-end {
  justify-content: flex-end;
}

.flex-table .flex-table-header span.is-grow {
  flex-grow: 2;
}

.flex-table .flex-table-header span.is-grow-lg {
  flex-grow: 3;
}

.flex-table .flex-table-item {
  display: flex;
  align-items: stretch;
  width: 100%;
  min-height: 60px;
  background: #fff;
  border-radius: 8px;
  padding: 8px;
  margin-bottom: 15px;
  box-shadow: 0px 20px 60px 0px rgba(11, 34, 56, 0.1);
  border-radius: 5px;
}

.flex-table .flex-table-item.is-row {
  border: none;
  background: transparent;
}

.flex-table .flex-table-item .flex-table-cell {
  flex: 1 1 0px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  font-family: "Roboto", sans-serif;
}

.flex-table .flex-table-item .flex-table-cell.is-grow {
  flex-grow: 2;
}

.flex-table .flex-table-item .flex-table-cell.cell-center {
  justify-content: center;
}

.flex-table .flex-table-item .flex-table-cell.cell-end {
  justify-content: flex-end;
}

.flex-table .flex-table-item .flex-table-cell.cell-end .button.has-dot .dot {
  position: relative;
  top: 1px;
  font-size: 4px;
  margin: 0 6px;
}

.flex-table .flex-table-item .flex-table-cell.cell-end .action-link {
  font-size: 0.9rem;
}

.flex-table .flex-table-item .flex-table-cell.is-bold > span {
  font-family: "Montserrat", sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
}

.flex-table .flex-table-item .flex-table-cell.is-checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  max-width: 30px;
}

.flex-table .flex-table-item .flex-table-cell.is-checkbox .checkbox {
  padding: 0;
  margin-left: 4px;
}

.flex-table .flex-table-item .flex-table-cell.is-user,
.flex-table .flex-table-item .flex-table-cell.is-media {
  padding-left: 0;
}

.flex-table .flex-table-item .flex-table-cell.is-user.is-grow,
.flex-table .flex-table-item .flex-table-cell.is-media.is-grow {
  flex-grow: 2;
}

.flex-table .flex-table-item .flex-table-cell.is-user.is-grow-lg,
.flex-table .flex-table-item .flex-table-cell.is-media.is-grow-lg {
  flex-grow: 3;
}

.flex-table .flex-table-item .flex-table-cell.is-user > div span:not(.avatar),
.flex-table .flex-table-item .flex-table-cell.is-media > div span:not(.avatar) {
  display: block;
  margin-left: 10px;
}

.flex-table .flex-table-item .flex-table-cell.is-user > div,
.flex-table .flex-table-item .flex-table-cell.is-media > div {
  line-height: 1.2;
}

.flex-table .flex-table-item .flex-table-cell.is-user > div .item-name,
.flex-table .flex-table-item .flex-table-cell.is-media > div .item-name {
  font-family: "Montserrat", sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
  color: #363636;
}

.flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta,
.flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta {
  color: #a2a5b9;
}

.flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta svg,
.flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta svg {
  position: relative;
  top: 2px;
  height: 14px;
  width: 14px;
  stroke-width: 1.6px;
  margin-right: 4px;
}

.flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta span,
.flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta span {
  display: inline-block;
  margin-left: 0;
  font-size: 0.9rem;
}

.flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta .flex-media,
.flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta .flex-media {
  margin-left: 10px;
  margin-top: 4px;
}

.flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta .flex-media .h-avatar,
.flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta .flex-media .h-avatar {
  width: 26px !important;
  min-width: 26px !important;
  height: 26px !important;
}

.flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta .flex-media .h-avatar .avatar,
.flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta .flex-media .h-avatar .avatar {
  width: 26px !important;
  min-width: 26px !important;
  height: 26px !important;
}

.flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta .separator,
.flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta .separator {
  padding: 0 8px;
}

.flex-table .flex-table-item .flex-table-cell.is-user .h-avatar .avatar.is-fake span,
.flex-table .flex-table-item .flex-table-cell.is-media .h-avatar .avatar.is-fake span {
  margin: 0;
}

.flex-table .flex-table-item .flex-table-cell.is-user .media,
.flex-table .flex-table-item .flex-table-cell.is-media .media {
  display: block;
  width: 100%;
  max-width: 130px;
  min-height: 95px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
}

.flex-table .flex-table-item .flex-table-cell.is-user .cell-image,
.flex-table .flex-table-item .flex-table-cell.is-media .cell-image {
  display: block;
  width: 100%;
  max-width: 80px;
}

.flex-table .flex-table-item .flex-table-cell.is-user .cell-image.is-mini,
.flex-table .flex-table-item .flex-table-cell.is-media .cell-image.is-mini {
  max-width: 40px;
}

.flex-table .flex-table-item .flex-table-cell .cell-icon {
  margin-right: 4px;
  color: #a2a5b9;
}

.flex-table .flex-table-item .flex-table-cell .tag {
  margin-bottom: 0 !important;
  line-height: 1.8;
  height: 1.8em;
}

.flex-table .flex-table-item .flex-table-cell .flex-media {
  display: flex;
  align-items: center;
}

.flex-table .flex-table-item .flex-table-cell .flex-media .meta {
  margin-left: 6px;
  line-height: 1.3;
}

.flex-table .flex-table-item .flex-table-cell .flex-media .meta span {
  display: block !important;
  font-size: 0.8rem;
  color: #a2a5b9;
  font-family: "Roboto", sans-serif;
}

.flex-table .flex-table-item .flex-table-cell .dot-levels {
  display: flex;
  align-items: center;
}

.flex-table .flex-table-item .flex-table-cell .dot-levels .dot {
  font-size: 8px;
  color: #b3b6c6;
  margin: 0 6px;
}

.flex-table .flex-table-item .flex-table-cell .dot-levels .dot.active {
  color: #671cc9;
}

body.is-dark .flex-table .flex-table-item {
  background: #323236;
  border-color: #404046;
}

body.is-dark .flex-table .flex-table-item .flex-table-cell.is-user .h-avatar .badge,
body.is-dark .flex-table .flex-table-item .flex-table-cell.is-media .h-avatar .badge {
  border-color: #323236 !important;
}

body.is-dark .flex-table .flex-table-item .flex-table-cell.cell-end .button.dark-outlined:hover {
  border-color: #797bf2 !important;
  color: #797bf2 !important;
}

body.is-dark .flex-table .flex-table-item .flex-table-cell .dark-text {
  color: #aaaab3 !important;
}

body.is-dark .flex-table .flex-table-item .flex-table-cell .avatar-stack .h-avatar {
  border-color: #323236;
}

body.is-dark .flex-table .flex-table-item .flex-table-cell .avatar-stack .h-avatar .is-more .inner {
  border-color: #323236 !important;
}

body.is-dark .flex-table .flex-table-item .flex-table-cell .dot-levels .dot.active {
  color: #797bf2;
}

.flex-pagination {
  padding: 12px 0;
}

.flex-pagination .pagination-next,
.flex-pagination .pagination-previous {
  background: #fff;
  min-width: 85px;
}

.flex-pagination .pagination-next.has-chevron,
.flex-pagination .pagination-previous.has-chevron {
  min-width: 55px;
}

.flex-pagination .pagination-next.has-chevron svg,
.flex-pagination .pagination-previous.has-chevron svg {
  height: 16px;
  width: 16px;
  stroke-width: 3px;
  stroke: #671cc9;
}

.flex-pagination .pagination-list li .pagination-link {
  background: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 0.9em;
}

.flex-pagination .pagination-list li .pagination-link.is-current {
  background: #671cc9;
  border-color: #671cc9;
  box-shadow: 0 14px 26px -12px rgba(103, 28, 201, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(103, 28, 201, 0.2);
}

body.is-dark .flex-pagination .pagination-next,
body.is-dark .flex-pagination .pagination-previous {
  background: #28282b;
  border-color: #2d2d31;
  color: #aaaab3;
}

body.is-dark .flex-pagination .pagination-next svg,
body.is-dark .flex-pagination .pagination-previous svg {
  stroke: #797bf2;
}

body.is-dark .flex-pagination .pagination-list li .pagination-link {
  background: #28282b;
  border-color: #2d2d31;
  color: #aaaab3;
}

body.is-dark .flex-pagination .pagination-list li .pagination-link.is-current {
  background: #797bf2;
  color: #fcfcfc;
  border-color: #797bf2;
  box-shadow: 0 14px 26px -12px rgba(121, 123, 242, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(121, 123, 242, 0.2);
}

.flex-table-wrapper {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 20px;
}

.flex-table-wrapper .flex-table-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}

.flex-table-wrapper .flex-table .flex-table-item {
  margin-bottom: 0;
  border-radius: 0;
  border-left: none;
  border-right: none;
  border-top: none;
}

.flex-table-wrapper .flex-table .flex-table-item:last-child {
  margin-bottom: 6px;
  border-bottom: none;
}

body.is-dark .flex-table-wrapper {
  background: #323236;
  border-color: #404046;
}

.demo-table {
  margin-bottom: 3rem;
}

.table tbody th {
  font-family: "Roboto", sans-serif;
  color: #283252;
}

.table tbody th.is-media {
  width: 40px;
}

.table tbody th.is-end > div {
  display: flex;
  justify-content: flex-end;
}

.table tbody td {
  font-family: "Roboto", sans-serif;
  vertical-align: middle;
}

.table tbody td:not(:first-child) {
  color: #a2a5b9;
}

.table tbody td.is-media {
  width: 40px;
}

.table tbody td.is-end > div {
  display: flex;
  justify-content: flex-end;
}

body.is-dark .table {
  background: #323236;
  border-color: #404046;
}

body.is-dark .table.is-hoverable tr:not(.is-selected):hover {
  background: #39393e;
}

body.is-dark .table.is-striped tr:not(.is-selected):nth-child(even) {
  background: #39393e;
}

body.is-dark .table tbody th,
body.is-dark .table tbody td {
  border-color: #404046;
}

body.is-dark .table tbody th {
  color: #aaaab3;
}

body.is-dark .table tbody td:first-child {
  color: #aaaab3;
}

@media (max-width: 767px) {
  .flex-table-wrapper .flex-table-toolbar {
    margin-bottom: 10px;
  }

  .flex-table-wrapper .flex-table-toolbar .left {
    flex-grow: 2;
  }

  .flex-table-wrapper .flex-table-toolbar .right {
    display: none;
  }

  .flex-table-wrapper .flex-table .flex-table-header .is-checkbox {
    display: none;
  }

  .flex-table-wrapper .flex-table .flex-table-item {
    padding-left: 0;
    padding-right: 0;
  }

  .flex-table-wrapper .flex-table .flex-table-item .is-checkbox {
    display: none;
  }

  .flex-table .flex-table-header {
    display: none;
  }

  .flex-table .flex-table-cell {
    position: relative;
    margin-bottom: 12px;
  }

  .flex-table .flex-table-cell:before {
    content: attr(data-th);
    font-size: 0.9rem;
    text-transform: uppercase;
    font-weight: 500;
    color: #999;
  }

  .flex-table .flex-table-cell.no-label-mobile:before {
    display: none !important;
  }

  .flex-table .flex-table-cell.cell-end {
    justify-content: flex-start !important;
  }

  .flex-table .flex-table-cell.cell-end .btn-group {
    margin-left: auto;
  }

  .flex-table .flex-table-cell.is-user span {
    font-size: 1.2rem;
  }

  .flex-table .flex-table-cell > span,
  .flex-table .flex-table-cell > .is-pushed-mobile {
    margin-left: auto;
  }

  .flex-table .flex-table-cell > span.no-push,
  .flex-table .flex-table-cell > .is-pushed-mobile.no-push {
    margin-left: 0 !important;
  }

  .flex-table .flex-table-item {
    flex-direction: column;
    justify-content: center;
    width: 100% !important;
    padding: 20px;
    margin-bottom: 16px;
  }

  .flex-table .flex-table-item:last-child {
    margin-bottom: 0;
  }

  .flex-table .flex-table-item > div {
    border: none !important;
  }

  .pagination-next.has-chevron,
  .pagination-previous.has-chevron {
    min-width: 55px;
    max-width: 55px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .flex-table .flex-table-cell.is-user img {
    min-width: 50px;
  }

  .pagination-next.has-chevron,
  .pagination-previous.has-chevron {
    min-width: 55px;
    max-width: 55px;
  }

  .pagination-next {
    margin-right: auto;
  }
}

.chat-side-fab {
  position: fixed;
  top: 10px;
  right: 10px;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #e5e5e5;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  transform: translateX(60px) rotate(360deg);
  transition: all 0.3s;
}

.chat-side-fab.is-active {
  transform: translateX(0) rotate(0);
}

.chat-side-fab svg {
  position: relative;
  left: -1px;
  height: 20px;
  width: 20px;
  stroke: #a2a5b9;
}

.is-chat {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  width: 100%;
  border-radius: 16px 6px 6px 16px;
}

.is-chat .chat-header {
  position: absolute;
  display: flex;
  min-height: 55px;
  align-items: center;
  top: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  padding: 5px 10px;
  z-index: 2;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.is-chat .chat-header .is-autocomplete {
  flex-grow: 2;
  max-width: 320px;
  margin-left: 20px;
}

.is-chat .chat-header .is-autocomplete.is-active,
.is-chat .chat-header .is-autocomplete:hover {
  background: transparent !important;
}

.is-chat .chat-header .is-autocomplete .control {
  position: relative;
}

.is-chat .chat-header .is-autocomplete .control .icon {
  position: absolute;
  top: 9px;
  left: 9px;
  color: #cecece;
}

.is-chat .chat-header .is-autocomplete .control .icon span {
  color: #283252;
  font-weight: 500;
}

.is-chat .chat-header .is-autocomplete .control .icon svg {
  width: 20px;
  height: 20px;
  transition: all 0.3s;
}

.is-chat .chat-header .is-autocomplete .control .hide {
  position: absolute;
  top: 2px;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  width: 36px;
  cursor: pointer;
}

.is-chat .chat-header .is-autocomplete .control .hide svg {
  height: 18px;
  width: 18px;
  stroke: #999;
}

.is-chat .chat-header .is-autocomplete .control .easy-autocomplete {
  width: 100% !important;
}

.is-chat .chat-header .is-autocomplete .control .easy-autocomplete input {
  padding-left: 40px;
  border: none;
  box-shadow: none;
  color: #999;
  transition: all 0.3s;
}

.is-chat .chat-header .is-autocomplete .control .easy-autocomplete input:focus + .icon {
  color: #671cc9;
}

.is-chat .chat-header .is-autocomplete .control .easy-autocomplete .template-wrapper {
  display: flex !important;
  justify-content: flex-start;
  align-items: center;
}

.is-chat .chat-header .is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper {
  position: relative;
  width: 40px !important;
  height: 40px !important;
}

.is-chat .chat-header .is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper .autocpl-avatar {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
}

.is-chat .chat-header .is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper .avatar-badge {
  position: absolute;
  bottom: 0;
  right: -5px;
  width: 18px;
  height: 18px;
  border: 2px solid #fff;
  border-radius: 50%;
}

.is-chat .chat-header .is-autocomplete .control .easy-autocomplete .template-wrapper .entry-text {
  margin-left: 15px;
}

.is-chat .chat-header .is-autocomplete .control .easy-autocomplete .template-wrapper .entry-text span {
  font-size: 0.8rem;
  color: #A9ABAC;
}

.is-chat .chat-header .is-autocomplete li {
  height: auto !important;
  padding-top: 8px;
  padding-bottom: 8px;
  border-left: none !important;
  border-right: none !important;
}

.is-chat .chat-header .is-autocomplete .easy-autocomplete-container {
  top: 120% !important;
  border: none !important;
}

.is-chat .chat-header .is-autocomplete .easy-autocomplete-container ul {
  border-radius: 4px !important;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06) !important;
}

.is-chat .chat-header .user-group {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 20px;
  cursor: pointer;
}

.is-chat .chat-header .user-group img {
  height: 36px;
  width: 36px;
  border: 3px solid #fff;
  border-radius: 50%;
  display: block;
}

.is-chat .chat-header .user-group img:nth-child(2),
.is-chat .chat-header .user-group img:nth-child(3),
.is-chat .chat-header .user-group img:nth-child(4) {
  margin-left: -15px;
}

.is-chat .chat-header .user-group .more-indicator {
  display: block;
  height: 36px;
  width: 36px;
  border-radius: 50%;
  background: #671cc9;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: -15px;
  border: 2px solid #fff;
}

.is-chat .chat-header .user-group .more-indicator span {
  display: block;
  color: #fff;
  font-weight: 600;
  font-size: 0.8rem;
}

.chat-body-wrap {
  position: relative;
  display: flex;
  height: 100%;
  overflow: hidden;
}

.chat-body-wrap.side-collapsed .chat-body {
  width: 100% !important;
}

.chat-body-wrap.side-collapsed .chat-side {
  width: 0 !important;
  transform: translateX(100%);
}

.chat-body-wrap.side-collapsed .chat-side .chat-side-content {
  opacity: 0;
}

.chat-side {
  position: relative;
  width: 320px;
  height: 100%;
  border-left: 1px solid #ededed;
  background: #fff;
  z-index: 3;
  transition: all 0.3s;
}

.chat-side .chat-side-header {
  height: 60px;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 20px;
}

.chat-side .chat-side-content {
  text-align: center;
  transition: all 0.3s;
  padding: 20px;
}

.chat-side .chat-side-content .user-pic {
  position: relative;
  max-width: 90px;
  margin: 0 auto;
}

.chat-side .chat-side-content .user-pic img {
  height: 90px;
  width: 90px;
  border-radius: 50%;
  display: block;
}

.chat-side .chat-side-content .user-pic img.is-squared {
  border-radius: 0 !important;
}

.chat-side .chat-side-content .user-pic img.is-badge {
  display: block;
  position: absolute;
  right: -6px;
  bottom: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  height: 34px;
  width: 34px;
  border-radius: 50%;
}

.chat-side .chat-side-content .user-name {
  margin-top: 10px;
  font-size: 1.2rem;
  font-weight: 700;
  color: #283252;
}

.chat-side .chat-side-content .user-job-title {
  color: #999;
}

.chat-side .chat-side-content .side-actions {
  padding: 12px 0;
}

.chat-side .chat-side-content .side-actions .button {
  color: #a2a5b9;
}

.chat-side .chat-side-content .side-actions .button:hover {
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}

.chat-side .chat-side-content .detail-photos {
  margin-top: 30px;
  text-align: center;
  padding: 0 12px;
}

.chat-side .chat-side-content .detail-photos .detail-photo-title {
  display: flex;
  align-items: center;
  color: #a2a5b9;
  font-weight: 400;
  font-size: 1rem;
  margin-bottom: 20px;
  color: #a2a5b9;
}

.chat-side .chat-side-content .detail-photos .detail-photo-title svg {
  width: 16px;
  margin-right: 8px;
}

.chat-side .chat-side-content .detail-photos .detail-photo-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  grid-template-rows: repeat(3, 60px);
}

.chat-side .chat-side-content .detail-photos .detail-photo-grid img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  -o-object-position: center;
  object-position: center;
}

.chat-side .chat-side-content .detail-photos .view-more {
  display: block;
  color: #671cc9;
  font-weight: 600;
  font-size: 15px;
  margin: 25px 0;
}

.chat-body {
  position: relative;
  height: 100%;
  overflow-y: auto;
  list-style: none;
  margin: 0;
  padding: 0 30px 80px 30px;
  transition: all 0.3s;
  padding: 4em;
  width: 100%;
}

.chat-body::-webkit-scrollbar {
  width: 5px;
}

.chat-body::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.2);
}

.chat-body .divider-container {
  max-width: 100%;
}

.chat-body .divider-container .divider {
  margin: 1.5em auto 1.5em auto;
}

.chat-body .divider-container .divider span {
  color: #cecece;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 0.8rem;
}

.chat-body .divider-container .divider span:before,
.chat-body .divider-container .divider span:after {
  top: 0.9em;
  width: 43%;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.chat-body li {
  padding: 0.5rem;
  overflow: hidden;
  display: flex;
}

.chat-body li:last-child {
  margin-bottom: 5em;
}

.chat-body .avatar {
  width: 40px;
  height: 40px;
  position: relative;
  display: block;
  z-index: 2;
  border-radius: 50%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.9);
}

.chat-body .avatar img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.chat-body .day {
  position: relative;
  display: block;
  text-align: center;
  color: #c0c0c0;
  height: 20px;
  text-shadow: 7px 0px 0px #e5e5e5, 6px 0px 0px #e5e5e5, 5px 0px 0px #e5e5e5, 4px 0px 0px #e5e5e5, 3px 0px 0px #e5e5e5, 2px 0px 0px #e5e5e5, 1px 0px 0px #e5e5e5, 1px 0px 0px #e5e5e5, 0px 0px 0px #e5e5e5, -1px 0px 0px #e5e5e5, -2px 0px 0px #e5e5e5, -3px 0px 0px #e5e5e5, -4px 0px 0px #e5e5e5, -5px 0px 0px #e5e5e5, -6px 0px 0px #e5e5e5, -7px 0px 0px #e5e5e5;
  box-shadow: inset 20px 0px 0px #e5e5e5, inset -20px 0px 0px #e5e5e5, inset 0px -2px 0px #d7d7d7;
  line-height: 38px;
  margin-top: 5px;
  margin-bottom: 20px;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.chat-body .other.is-consecutive .avatar,
.chat-body .self.is-consecutive .avatar {
  visibility: hidden !important;
}

.chat-body .other.is-consecutive .msg,
.chat-body .self.is-consecutive .msg {
  border-radius: 6px;
}

.chat-body .other.is-consecutive .msg:after,
.chat-body .self.is-consecutive .msg:after {
  display: none;
}

.chat-body .other + .other .avatar,
.chat-body .self + .self .avatar {
  visibility: hidden !important;
}

.chat-body .other.is-multi + .other.is-multi .avatar {
  visibility: visible !important;
}

.chat-body .other .msg {
  order: 1;
  min-width: 230px;
  max-width: 40%;
  margin-left: 20px;
}

.chat-body .other .msg p {
  font-size: 0.9rem;
  color: #a2a5b9;
}

.chat-body .other .msg .msg-inner {
  background: #fff;
  color: #283252;
  border-radius: 0 12px 12px 12px;
  padding: 16px;
  position: relative;
}

.chat-body .other .msg time {
  display: block;
  text-align: right;
  font-size: 0.8rem;
  color: #a2a5b9;
  margin-top: 3px;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.chat-body .other .msg time svg {
  position: relative;
  top: 1px;
  height: 10px;
  width: 10px;
  stroke: #fff;
  margin-left: 3px;
}

.chat-body .other .msg.is-link-image {
  background: #E6E5ED;
  padding: 0;
}

.chat-body .other .msg.is-link {
  background: #E6E5ED;
}

.chat-body .self {
  justify-content: flex-end;
  align-items: stretch;
}

.chat-body .self .msg {
  order: 1;
  margin-right: 20px;
  min-width: 230px;
  max-width: 40%;
  position: relative;
}

.chat-body .self .msg .msg-inner {
  background: #E6E5ED;
  color: #283252;
  border-radius: 12px 0 12px 12px;
  padding: 12px;
}

.chat-body .self .msg p {
  font-size: 0.9rem;
}

.chat-body .self .msg time {
  display: block;
  text-align: left;
  font-size: 0.8rem;
  color: #a2a5b9;
  margin-top: 3px;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.chat-body .self .msg time svg {
  position: relative;
  top: 1px;
  height: 10px;
  width: 10px;
  stroke: #283252;
  margin-right: 3px;
}

.chat-body .self .msg.is-link-image {
  background: #E6E5ED;
  padding: 0;
}

.chat-body .self .msg.is-link {
  background: #E6E5ED;
}

.chat-body .self .avatar {
  order: 2;
}

.chat-body .self .avatar:before {
  display: none;
}

.chat-body .no-messages {
  display: block;
  width: 50%;
  height: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  text-align: center;
  transform: translateY(-50%);
}

.chat-body .no-messages img {
  display: block;
  margin: 0 auto;
  height: 190px;
}

.chat-body .no-messages .text {
  text-align: center;
}

.chat-body .no-messages .text h3 {
  font-size: 1.4rem;
}

.chat-body .no-messages .text p {
  color: #999;
}

.chat-body .chat-loader {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 9;
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s;
}

.chat-body .chat-loader.is-active {
  opacity: 1;
  pointer-events: all;
  z-index: 9 !important;
}

.chat-body .chat-loader .loader {
  position: relative;
  top: -45px;
  height: 6rem;
  width: 6rem;
}

.msg {
  min-width: 50px;
  max-width: 40%;
}

.msg.is-image .image-container {
  position: relative;
  border-radius: 3px;
}

.msg.is-image .image-container:hover .image-overlay {
  opacity: 0.45;
}

.msg.is-image .image-container:hover .image-actions {
  opacity: 1;
  pointer-events: all;
}

.msg.is-image .image-container img {
  position: relative;
  display: block;
  border-radius: 3px;
  border: 4px solid #fff;
  z-index: 1;
}

.msg.is-image .image-container .image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: #671cc9;
  border: 4px solid #fff;
  border-radius: 3px;
  transition: all 0.3s;
  z-index: 2;
}

.msg.is-image .image-container .image-actions {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s;
  z-index: 3;
}

.msg.is-image .image-container .image-actions .actions-inner {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.msg.is-image .image-container .image-actions .actions-inner .action {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background: #fff;
  margin: 0 6px;
  cursor: pointer;
  transition: all 0.3s;
}

.msg.is-image .image-container .image-actions .actions-inner .action:hover {
  background: #06d6a0;
}

.msg.is-image .image-container .image-actions .actions-inner .action:hover svg {
  stroke: #fcfcfc;
}

.msg.is-image .image-container .image-actions .actions-inner .action svg {
  height: 18px;
  width: 18px;
  stroke: #06d6a0;
  transition: all 0.3s;
}

.msg.is-link-image {
  background: #E6E5ED;
  padding: 0;
  max-width: 320px !important;
}

.msg.is-link-image .image {
  position: relative;
}

.msg.is-link-image .image img {
  max-width: 320px;
  border-radius: 6px 6px 0 0;
}

.msg.is-link-image .image .link-badge {
  height: 40px;
  width: 40px;
  position: absolute;
  right: 15px;
  bottom: 15px;
}

.msg.is-link-image .image .link-badge img {
  position: relative;
  display: block;
  height: 40px;
  width: 40px;
  border-radius: 50%;
}

.msg.is-link-image .link-body {
  padding: 10px 15px;
}

.msg.is-link-image .link-body .link-title {
  display: block;
  font-weight: 500;
  color: #283252;
}

.msg.is-link-image .link-body small {
  display: block;
  width: 100%;
  font-size: 0.75rem;
  color: #999;
  padding-top: 5px;
}

.msg.is-link-image:after {
  display: none;
}

.msg.is-link {
  background: #E6E5ED;
  padding: 10px 20px;
  max-width: 320px;
  display: block;
  position: relative;
}

.msg.is-link .icon-wrapper {
  position: absolute;
  top: calc(50% - 18px);
  left: -18px;
  width: 36px;
  height: 36px;
  min-width: 36px !important;
  max-height: 36px;
  border-radius: 50%;
  border: 2px solid #fff;
  background: #671cc9;
  display: flex;
  justify-content: center;
  align-items: center;
}

.msg.is-link .icon-wrapper svg {
  width: 16px;
  height: 16px;
  stroke: #fff;
}

.msg.is-link .link-meta {
  margin-left: 10px;
}

.msg.is-link .link-meta span {
  color: #283252;
  font-weight: 500;
  font-size: 0.9rem;
}

.msg.is-link .link-meta a {
  display: block;
  font-size: 0.9rem;
  font-weight: 500;
  color: #671cc9;
}

.msg.is-link:after {
  display: none;
}

.msg p {
  font-size: 0.8rem;
  margin: 0 0 0.2rem 0;
}

.msg img {
  position: relative;
  display: block;
  width: 450px;
  border-radius: 5px;
  box-shadow: 0px 0px 3px #eee;
  transition: all 0.4s cubic-bezier(0.565, -0.26, 0.255, 1.41);
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

@media screen and (max-width: 800px) {
  .msg img {
    width: 300px;
  }
}

@media screen and (max-width: 550px) {
  .msg img {
    width: 200px;
  }
}

.message-field-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  height: 60px;
  width: calc(100% - 320px);
  padding: 0 16px;
  transition: all 0.3s;
  z-index: 2;
}

.message-field-wrapper.side-collapsed {
  width: 100% !important;
}

.message-field-wrapper .control {
  position: relative;
  width: 100%;
}

.message-field-wrapper .control input {
  height: 42px;
  padding-left: 70px;
}

[name=data_link] {
  border: 3px solid aliceblue;
}

.message-field-wrapper .control .add-content {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
}

.message-field-wrapper .control .add-content:hover > div .button {
  background: #ededed;
}

.message-field-wrapper .control .add-content:hover > div .button svg {
  stroke: #671cc9;
}

.message-field-wrapper .control .add-content > div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 50px;
}

.message-field-wrapper .control .add-content .button {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: none;
  padding: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}

.message-field-wrapper .control .add-content .button svg {
  stroke: #cecece;
  stroke-width: 2px;
  height: 18px;
  width: 18px;
  transition: all 0.3s;
}

.message-field-wrapper .control .add-content .dropdown-content a {
  display: flex;
  align-items: center;
}

.message-field-wrapper .control .add-content .dropdown-content a svg {
  height: 18px;
  width: 18px;
  stroke: #999;
}

.message-field-wrapper .control .add-content .dropdown-content a .meta {
  margin-left: 12px;
}

.message-field-wrapper .control .add-content .dropdown-content a .meta span {
  display: block;
}

.message-field-wrapper .control .add-content .dropdown-content a .meta span:first-child {
  font-size: 0.9rem;
  font-weight: 500;
  color: #283252;
}

.message-field-wrapper .control .add-content .dropdown-content a .meta span:nth-child(2) {
  font-size: 0.9rem;
  color: #999;
}

.message-field-wrapper .control .add-emoji {
  position: absolute;
  top: 0;
  left: 34px;
  z-index: 11;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 50px;
}

.message-field-wrapper .control .add-emoji:hover .button {
  background: #ededed;
}

.message-field-wrapper .control .add-emoji:hover .button svg {
  stroke: #671cc9;
}

.message-field-wrapper .control .add-emoji .button {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: none;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}

.message-field-wrapper .control .add-emoji .button svg {
  stroke: #cecece;
  stroke-width: 2px;
  height: 18px;
  width: 18px;
  transition: all 0.3s;
}

.message-field-wrapper .control .send-message {
  position: absolute;
  top: 9px;
  right: 10px;
  z-index: 11;
}

.message-field-wrapper .control .send-message .button {
  height: 36px;
  min-width: 90px;
}

.message-field-wrapper .typing-indicator {
  position: absolute;
  bottom: 50px;
  left: 10px;
  width: 100px;
  height: 100px;
  z-index: 2;
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.3s;
}

.message-field-wrapper .typing-indicator.is-active {
  opacity: 1;
  transform: translateY(25px);
}

.message-field-wrapper .typing-indicator img {
  display: block;
  width: 100%;
  height: auto;
}

.is-chat-placeholder {
  position: absolute;
  bottom: 10px;
  height: calc(100% - 80px);
  width: calc(100% - 80px);
}

.is-chat-placeholder .caption {
  display: block;
  width: 50%;
  height: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  transform: translateY(-70%);
}

.is-chat-placeholder .caption img {
  display: block;
  margin: 0 auto;
  max-width: 250px;
}

.is-chat-placeholder .caption .text {
  text-align: center;
  margin-top: 20px;
}

.is-chat-placeholder .caption .text h3 {
  font-size: 1.4rem;
  font-weight: 500;
  color: #283252;
}

.is-chat-placeholder .caption .text p {
  color: #999;
  margin-bottom: 10px;
}

body.is-dark .chat-side-fab {
  background: #28282b !important;
  border-color: #404046 !important;
}

body.is-dark .is-chat-placeholder {
  background: #2f2f33 !important;
  border-color: #2f2f33 !important;
}

body.is-dark .is-chat-placeholder h3 {
  color: #a6a6a6 !important;
}

body.is-dark .is-chat {
  border: none !important;
  background: #2a2a2e !important;
}

body.is-dark .is-chat .chat-loader {
  background: #28282b;
}

body.is-dark .is-chat .chat-header .is-badge {
  border-color: #232326 !important;
}

body.is-dark .is-chat .chat-header .recipient-meta span:first-child {
  color: #dbdbdb !important;
}

body.is-dark .is-chat .chat-header .chat-options #hide-conversation:hover,
body.is-dark .is-chat .chat-header .chat-options #hide-chat-side:hover {
  color: #797bf2 !important;
}

body.is-dark .is-chat .chat-header .is-autocomplete.is-active,
body.is-dark .is-chat .chat-header .is-autocomplete:hover,
body.is-dark .is-chat .chat-header .is-autocomplete.is-active:hover {
  background: transparent !important;
}

body.is-dark .is-chat .chat-header .is-autocomplete #users-autocpl {
  background: none;
  border-color: none;
  color: #c2c2c2;
}

body.is-dark .is-chat .chat-header .is-autocomplete #users-autocpl::-webkit-input-placeholder {
  color: gray !important;
}

body.is-dark .is-chat .chat-header .is-autocomplete #users-autocpl::-moz-placeholder {
  color: gray !important;
}

body.is-dark .is-chat .chat-header .is-autocomplete #users-autocpl:-ms-input-placeholder {
  color: gray !important;
}

body.is-dark .is-chat .chat-header .is-autocomplete #users-autocpl:-moz-placeholder {
  color: gray !important;
}

body.is-dark .is-chat .chat-header .is-autocomplete svg {
  stroke: gray !important;
}

body.is-dark .is-chat .chat-header .is-autocomplete .icon span {
  color: #fcfcfc !important;
}

body.is-dark .is-chat .chat-header .is-autocomplete .easy-autocomplete-container {
  background: #232326;
}

body.is-dark .is-chat .chat-header .is-autocomplete .easy-autocomplete-container ul {
  background: none repeat scroll 0 0 #232326;
  border-top: none;
}

body.is-dark .is-chat .chat-header .is-autocomplete .easy-autocomplete-container ul li {
  border-color: #232326 !important;
}

body.is-dark .is-chat .chat-header .is-autocomplete .easy-autocomplete-container ul li.selected {
  background: #28282b;
}

body.is-dark .is-chat .chat-header .is-autocomplete .easy-autocomplete-container ul li .entry-text {
  color: #b3b3b3;
}

body.is-dark .is-chat .chat-header .is-autocomplete .easy-autocomplete-container ul li .entry-text span {
  color: #666 !important;
}

body.is-dark .is-chat .chat-side {
  background: #2d2d31;
  border-color: #28282b;
}

body.is-dark .is-chat .chat-side .user-name {
  color: #ccc;
}

body.is-dark .is-chat .chat-side .chat-side-content .is-badge {
  border-color: #2d2d31;
}

body.is-dark .is-chat .chat-side .chat-side-content .detail-photos .view-more {
  color: #797bf2;
}

body.is-dark .is-chat .chat-body {
  background: #343439;
}

body.is-dark .is-chat .chat-body .divider span {
  color: #595960 !important;
}

body.is-dark .is-chat .chat-body .divider span:before,
body.is-dark .is-chat .chat-body .divider span:after {
  border-color: #48484e !important;
}

body.is-dark .is-chat .chat-body li.other .msg .msg-inner {
  color: #fcfcfc;
  background: #797bf2;
}

body.is-dark .is-chat .chat-body li.other .msg .msg-inner p {
  color: #fcfcfc;
}

body.is-dark .is-chat .chat-body li.self .msg .msg-inner {
  background: #48484e !important;
  color: #b3b3b3 !important;
}

body.is-dark .is-chat .chat-body li.self .msg time {
  color: #b3b3b3 !important;
}

body.is-dark .is-chat .chat-body li.self .msg time svg {
  stroke: #b3b3b3 !important;
}

body.is-dark .is-chat .chat-body .msg.is-link-image {
  border-radius: 10px;
}

body.is-dark .is-chat .chat-body .msg.is-link-image .link-body {
  background: #2f2f33;
  border-radius: 0 0 6px 6px;
}

body.is-dark .is-chat .chat-body .msg.is-link-image .link-body .link-title,
body.is-dark .is-chat .chat-body .msg.is-link-image .link-body small {
  color: #fcfcfc !important;
}

body.is-dark .is-chat .chat-body .msg.is-link {
  background: #2a2a2e;
  border-radius: 6px;
}

body.is-dark .is-chat .chat-body .msg.is-link .icon-wrapper {
  border-color: #2f2f33;
  background: #797bf2;
}

body.is-dark .is-chat .chat-body .msg.is-link .link-meta span {
  color: #fcfcfc !important;
}

body.is-dark .is-chat .chat-body .msg.is-link .link-meta a {
  color: #797bf2 !important;
}

body.is-dark .is-chat .chat-body .msg.is-image .image-container .image-overlay {
  background: #797bf2;
}

body.is-dark .is-chat .message-field-wrapper .add-content .button {
  background: #797bf2;
  border-color: #797bf2;
}

body.is-dark .is-chat .message-field-wrapper .add-content .dropdown-item .meta span:first-child {
  color: #fcfcfc !important;
}

body.is-dark .is-chat .message-field-wrapper .add-emoji {
  left: 38px;
}

body.is-dark .is-chat #chat-input {
  background: #28282b !important;
  color: #b3b3b3 !important;
}

body.is-dark .is-chat #chat-input::-webkit-input-placeholder {
  color: #a6a6a6 !important;
}

body.is-dark .is-chat #chat-input::-moz-placeholder {
  color: #a6a6a6 !important;
}

body.is-dark .is-chat #chat-input:-ms-input-placeholder {
  color: #a6a6a6 !important;
}

body.is-dark .is-chat #chat-input:-moz-placeholder {
  color: #a6a6a6 !important;
}

body.is-dark .collapsed-messaging {
  background: #2f2f33;
  border-color: #2f2f33 !important;
}

body.is-dark .collapsed-messaging .collapsed-conversations li.is-active {
  background: #28282b;
  border-color: #797bf2 !important;
}

body.is-dark .collapsed-messaging .collapsed-conversations li .user-container .is-badge,
body.is-dark .collapsed-messaging .collapsed-conversations li .user-container .is-count {
  border-color: #2f2f33 !important;
}

@media (max-width: 767px) {
  .chat-side-fab {
    top: 75px;
    right: 16px;
    transform: translateX(0) rotate(0);
  }

  .chat-side-fab.is-active {
    transform: translateX(0) rotate(0);
  }

  .chat-side-fab.is-mobile-active {
    transform: translateX(60px) rotate(360deg) !important;
  }

  .chat-content {
    padding: 0 5px !important;
  }

  .chat-content .is-chat {
    position: absolute;
    top: 0 !important;
    left: 0;
    max-height: calc(100% - 60px) !important;
  }

  .chat-content .is-chat .chat-side {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    transform: translateX(100%);
    transition: all 0.3s;
    z-index: 20;
  }

  .chat-content .is-chat .chat-side.is-mobile-active {
    transform: translateX(0);
  }

  .chat-content .is-chat .chat-header {
    border-radius: 16px 16px 0 0 !important;
  }

  .chat-content .is-chat .chat-body {
    padding-bottom: 60px;
    width: 100% !important;
    padding: 0 10px 40px 10px;
  }

  .chat-content .is-chat .chat-body .avatar,
  .chat-content .is-chat .chat-body .avatar img {
    height: 36px !important;
    width: 36px !important;
    min-height: 36px !important;
    min-width: 36px !important;
  }

  .chat-content .is-chat .chat-body .msg {
    max-width: 230px;
  }

  .chat-content .is-chat .chat-body .msg.is-link-image .image img {
    width: 100%;
  }

  .chat-content .is-chat .message-field-wrapper {
    width: 100% !important;
  }

  .collapsed-messaging {
    display: none;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .chat-side-fab {
    top: 75px;
    right: 16px;
    transform: translateX(0) rotate(0);
  }

  .chat-side-fab.is-active {
    transform: translateX(0) rotate(0);
  }

  .chat-side-fab.is-mobile-active {
    transform: translateX(60px) rotate(360deg) !important;
  }

  .chat-content {
    padding: 0 5px !important;
  }

  .chat-content .is-chat {
    position: absolute;
    top: 0 !important;
    left: 0;
    max-height: calc(100% - 60px) !important;
  }

  .chat-content .is-chat .chat-side {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 340px;
    transform: translateX(100%);
    transition: all 0.3s;
    z-index: 20;
  }

  .chat-content .is-chat .chat-side.is-mobile-active {
    transform: translateX(0);
  }

  .chat-content .is-chat .chat-header {
    border-radius: 16px 16px 0 0 !important;
  }

  .chat-content .is-chat .chat-body {
    padding-bottom: 60px;
    width: 100% !important;
    padding: 0 10px 40px 10px;
  }

  .chat-content .is-chat .chat-body .avatar,
  .chat-content .is-chat .chat-body .avatar img {
    height: 36px !important;
    width: 36px !important;
    min-height: 36px !important;
    min-width: 36px !important;
  }

  .chat-content .is-chat .chat-body .msg {
    max-width: 230px;
  }

  .chat-content .is-chat .chat-body .msg.is-link-image .image img {
    width: 100%;
  }

  .chat-content .is-chat .message-field-wrapper {
    width: 100% !important;
  }

  .collapsed-messaging {
    display: none;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .collapsed-messaging.is-active {
    left: 60px !important;
    border-left: 1px #e5e5e5;
  }
}

.chat-app-wrapper {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  max-width: 1600px;
  height: 100vh;
  margin: 0 auto;
  overflow: hidden;
}

.chat-app-wrapper .chat-app-header {
  height: 80px;
  min-height: 80px;
  width: 100%;
  border-bottom: 1px solid #eef2f4;
  display: flex;
  align-items: center;
  padding: 0 20px;
}

.chat-app-wrapper .chat-app-header .logo {
  width: 38px;
  flex-shrink: 0;
}

.chat-app-wrapper .chat-app-header .search-bar {
  height: 80px;
  flex-grow: 2;
  z-index: 3;
  position: relative;
  margin-left: 280px;
}

.chat-app-wrapper .chat-app-header .search-bar .field {
  height: 100%;
  width: 100%;
}

.chat-app-wrapper .chat-app-header .search-bar .field .control {
  height: 100%;
  width: 100%;
}

.chat-app-wrapper .chat-app-header .search-bar .field .control .form-icon {
  height: 80px;
  width: 80px;
}

.chat-app-wrapper .chat-app-header .search-bar .field .control .form-icon svg {
  height: 20px;
  width: 20px;
}

.chat-app-wrapper .chat-app-header .search-bar .field .control .input {
  height: 100%;
  width: 100%;
  display: block;
  background-color: transparent;
  border: none;
  color: #273346;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 15px;
  padding-left: 80px;
  padding-right: 80px;
}

.chat-app-wrapper .chat-app-header .search-bar .field .control .input:focus {
  box-shadow: none;
}

.chat-app-wrapper .chat-app-header .user-settings {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-left: auto;
  flex-shrink: 0;
}

.chat-app-wrapper .chat-app-header .user-settings > * + * {
  margin-left: 14px;
}

.chat-app-wrapper .chat-app-header .user-settings .user-dropdown .is-trigger {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  cursor: pointer;
}

.chat-app-wrapper .chat-app-header .user-settings .user-dropdown .is-trigger .profile-avatar {
  position: relative;
}

.chat-app-wrapper .chat-app-header .user-settings .user-dropdown .is-trigger .profile-avatar .avatar {
  display: block;
  width: 38px;
  height: 38px;
  border-radius: 50%;
}

.chat-app-wrapper .chat-app-header .user-settings .user-dropdown .is-trigger .profile-avatar .badge {
  position: absolute;
  right: -8px;
  bottom: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #fff;
  border-radius: 50%;
}

.chat-app-wrapper .chat-app-header .user-settings .user-dropdown .is-trigger svg {
  margin-left: 3px;
  width: 18px;
  height: 18px;
  stroke: #a2a5b9;
  transition: all 0.3s;
}

.chat-app-wrapper .chat-app-header .user-settings .user-dropdown .dropdown-menu {
  top: 52px;
  border: 1px solid #e5e5e5;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  padding-top: 0;
  width: 180px;
  overflow: hidden;
}

.chat-app-wrapper .chat-app-header .user-settings .user-dropdown .dropdown-menu .dropdown-item {
  display: flex;
  align-items: center;
  font-family: "Roboto", sans-serif;
  font-size: 0.9rem;
  padding: 8px 12px;
  color: #a2a5b9;
}

.chat-app-wrapper .chat-app-header .user-settings .user-dropdown .dropdown-menu .dropdown-item svg {
  margin-right: 8px;
  height: 16px;
  width: 16px;
  stroke: #a2a5b9;
}

body.is-dark .chat-app-wrapper .chat-app-header {
  background: #1e1e21;
  border-color: #28282b;
}

body.is-dark .chat-app-wrapper .chat-app-header .search-bar .field .control .input {
  color: #aaaab3;
}

body.is-dark .chat-app-wrapper .chat-app-header .user-settings .user-dropdown .dropdown-menu {
  border-color: #404046;
}

.chat-app-wrapper .wrapper {
  width: 100%;
  display: flex;
  flex-grow: 1;
  overflow: hidden;
}

.chat-app-wrapper .wrapper .conversation-area {
  border-right: 1px solid #eef2f4;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 340px;
  flex-shrink: 0;
}

.chat-app-wrapper .wrapper .conversation-area .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  flex-shrink: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 65%, #fff 100%);
  height: 80px;
}

.chat-app-wrapper .wrapper .conversation-area .conversation {
  display: flex;
  align-items: center;
  max-width: 100%;
  padding: 20px;
  cursor: pointer;
  transition: 0.2s;
  position: relative;
}

.chat-app-wrapper .wrapper .conversation-area .conversation:hover {
  background-color: rgba(238, 242, 244, 0.4);
}

.chat-app-wrapper .wrapper .conversation-area .conversation.active {
  background: linear-gradient(to right, rgba(238, 242, 244, 0.4) 0%, rgba(238, 242, 244, 0) 100%);
  border-left: 4px solid #671cc9;
}

.chat-app-wrapper .wrapper .conversation-area .conversation.active .conversation-detail .conversation-username {
  font-weight: 600;
}

.chat-app-wrapper .wrapper .conversation-area .conversation .h-avatar {
  margin-right: 12px;
}

.chat-app-wrapper .wrapper .conversation-area .conversation .conversation-detail {
  overflow: hidden;
  font-family: "Roboto", sans-serif;
}

.chat-app-wrapper .wrapper .conversation-area .conversation .conversation-detail .conversation-username {
  font-family: "Montserrat", sans-serif;
  color: #283252;
  font-weight: 500;
  font-size: 0.95rem;
}

.chat-app-wrapper .wrapper .conversation-area .conversation .conversation-detail .conversation-content {
  font-weight: 500;
  font-size: 0.9rem;
  display: flex;
}

.chat-app-wrapper .wrapper .conversation-area .conversation .conversation-detail .conversation-content .conversation-message {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #a2a5b9;
  max-width: 170px;
}

.chat-app-wrapper .wrapper .conversation-area .conversation .conversation-detail .conversation-content .conversation-date {
  font-size: 0.9rem;
  color: #a2a5b9;
  margin-left: 4px;
}

.chat-app-wrapper .wrapper .conversation-area .conversation .conversation-detail .conversation-content .conversation-date:before {
  content: "\2022";
  margin-right: 2px;
}

body.is-dark .chat-app-wrapper .wrapper .conversation-area {
  background: #2d2d31;
  border-color: #404046;
}

body.is-dark .chat-app-wrapper .wrapper .conversation-area .overlay {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #232326 65%, #232326 100%);
}

body.is-dark .chat-app-wrapper .wrapper .conversation-area .conversation:hover {
  background: #323236;
}

body.is-dark .chat-app-wrapper .wrapper .conversation-area .conversation.active {
  background: #252529;
  border-color: #797bf2;
}

body.is-dark .chat-app-wrapper .wrapper .conversation-area .conversation .conversation-detail .conversation-username {
  color: #aaaab3;
}

.chat-app-wrapper .wrapper .chat-area {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 80px);
  overflow-y: auto;
  overflow-x: hidden !important;
  flex-grow: 1;
}

.chat-app-wrapper .wrapper .chat-area .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  flex-shrink: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 65%, #fff 100%);
  height: 80px;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-content {
  display: none;
  padding-bottom: 80px;
  -webkit-animation: fadeInLeft 0.5s;
  animation: fadeInLeft 0.5s;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-content.is-active {
  display: block;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-header {
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  align-items: center;
  padding: 20px;
  background: #fff;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-header .trigger {
  padding: 8px;
  margin-right: 6px;
  border: none;
  background: none;
  outline: none;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-header .trigger svg {
  height: 20px;
  width: 20px;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-header .chat-area-group {
  flex-shrink: 0;
  display: flex;
  margin-left: auto;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-header .chat-area-group * {
  border: 2px solid #fff;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-header .chat-area-group * + * {
  margin-left: -5px;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-header .chat-area-group > span {
  width: 32px;
  height: 32px;
  background-color: #ebdffb;
  color: #671cc9;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.9rem;
  font-weight: 500;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-header .chat-area-group > span span {
  position: relative;
  top: -1px;
  left: -1px;
  line-height: 1;
  display: block;
  text-align: center;
  margin: 0;
  border: none;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-header .chat-area-profile {
  width: 32px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-header .chat-area-title {
  font-size: 1.1rem;
  font-family: "Montserrat", sans-serif;
  color: #283252;
  font-weight: 700;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-main {
  flex-grow: 1;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-main .chat-msg-img {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-main .chat-msg-profile {
  flex-shrink: 0;
  margin-top: auto;
  margin-bottom: -20px;
  position: relative;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-main .chat-msg-date {
  position: absolute;
  left: calc(100% + 12px);
  bottom: 0;
  font-size: 12px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  color: #c0c7d2;
  white-space: nowrap;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-main .chat-msg {
  display: flex;
  padding: 0 20px 45px;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-main .chat-msg .chat-msg-content {
  margin-left: 12px;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-main .chat-msg .chat-msg-text {
  background-color: #f1f2f6;
  padding: 15px;
  border-radius: 20px 20px 20px 0;
  line-height: 1.5;
  font-family: "Roboto", sans-serif;
  font-size: 0.95rem;
  font-weight: 500;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-main .chat-msg .chat-msg-text + .chat-msg-text {
  margin-top: 10px;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-main .chat-msg-text {
  color: var(--chat-text-color);
}

.chat-app-wrapper .wrapper .chat-area .chat-area-main .owner {
  flex-direction: row-reverse;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-main .owner .chat-msg-content {
  margin-left: 0;
  margin-right: 12px;
  align-items: flex-end;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-main .owner .chat-msg-text {
  background-color: #671cc9;
  color: #fff;
  border-radius: 20px 20px 0 20px;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-main .owner .chat-msg-date {
  left: auto;
  right: calc(100% + 12px);
}

.chat-app-wrapper .wrapper .chat-area .chat-area-main .chat-msg-text img {
  max-width: 300px;
  border-radius: 10px;
  width: 100%;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-footer {
  display: flex;
  border-top: 1px solid #eef2f4;
  width: 100%;
  padding: 10px 20px;
  align-items: center;
  background-color: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(100% - 680px);
  overflow-x: hidden;
  bottom: 0;
  left: 0;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-footer input {
  border: 1px solid transparent;
  outline: none;
  color: #273346;
  background-color: #f8f8fa;
  padding: 12px;
  border-radius: 6px;
  font-size: 15px;
  margin: 0 12px;
  width: 100%;
  transition: all 0.3s;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-footer input::-moz-placeholder {
  color: #a2a2a2;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-footer input:-ms-input-placeholder {
  color: #a2a2a2;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-footer input::-ms-input-placeholder {
  color: #a2a2a2;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-footer input::placeholder {
  color: #a2a2a2;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-footer input:focus {
  background: #fff;
  border-color: #e5e5e5;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}

.chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-content:hover > div .button {
  background: #ededed;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-content:hover > div .button svg {
  stroke: #671cc9;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-content > div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-content .button {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: none;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-content .button svg {
  stroke: #cecece;
  stroke-width: 2px;
  height: 18px;
  width: 18px;
  transition: all 0.3s;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-content .dropdown-content a {
  display: flex;
  align-items: center;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-content .dropdown-content a svg {
  height: 18px;
  width: 18px;
  stroke: #999;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-content .dropdown-content a .meta {
  margin-left: 12px;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-content .dropdown-content a .meta span {
  display: block;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-content .dropdown-content a .meta span:first-child {
  font-size: 0.9rem;
  font-weight: 500;
  color: #283252;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-content .dropdown-content a .meta span:nth-child(2) {
  font-size: 0.9rem;
  color: #999;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-emoji {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 42px;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-emoji:hover .button {
  background: #ededed;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-emoji:hover .button svg {
  stroke: #671cc9;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-emoji .button {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: none;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}

.chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-emoji .button svg {
  stroke: #cecece;
  stroke-width: 2px;
  height: 18px;
  width: 18px;
  transition: all 0.3s;
}

body.is-dark .chat-app-wrapper .wrapper .chat-area {
  background: #3b3b41;
  border-color: #404046;
}

body.is-dark .chat-app-wrapper .wrapper .chat-area .chat-area-header {
  background: #3b3b41;
}

body.is-dark .chat-app-wrapper .wrapper .chat-area .chat-area-header .trigger svg {
  stroke: #aaaab3;
}

body.is-dark .chat-app-wrapper .wrapper .chat-area .chat-area-header .chat-area-title {
  color: #aaaab3;
}

body.is-dark .chat-app-wrapper .wrapper .chat-area .chat-area-header .chat-area-group img {
  border-color: #3b3b41;
}

body.is-dark .chat-app-wrapper .wrapper .chat-area .chat-area-header .chat-area-group > span {
  border-color: #3b3b41;
  color: #6264f0;
  background: #d6d7fb;
}

body.is-dark .chat-app-wrapper .wrapper .chat-area .chat-area-main .chat-msg.owner .chat-msg-content .chat-msg-text {
  background: #6669f0;
  color: #fcfcfc;
}

body.is-dark .chat-app-wrapper .wrapper .chat-area .chat-area-main .chat-msg .chat-msg-content .chat-msg-text {
  background: #323236;
  color: #aaaab3;
}

body.is-dark .chat-app-wrapper .wrapper .chat-area .chat-area-footer {
  background: #3b3b41;
  border-color: #404046;
}

body.is-dark .chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-content .dropdown:hover > div > .button {
  background: #323236 !important;
}

body.is-dark .chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-content .dropdown:hover > div > .button svg {
  stroke: #797bf2;
}

body.is-dark .chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-content .dropdown .dropdown-menu .dropdown-content .dropdown-item .meta span:first-child {
  color: #aaaab3;
}

body.is-dark .chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-emoji:hover .button {
  background: #323236 !important;
}

body.is-dark .chat-app-wrapper .wrapper .chat-area .chat-area-footer .add-emoji:hover .button svg {
  stroke: #797bf2;
}

body.is-dark .chat-app-wrapper .wrapper .chat-area .chat-area-footer input {
  background: #323236;
  color: #aaaab3;
}

body.is-dark .chat-app-wrapper .wrapper .chat-area .chat-area-footer input:focus {
  border-color: #404046;
  background: #2d2d31;
}

.chat-app-wrapper .wrapper {
  width: 100%;
  display: flex;
  flex-grow: 1;
  overflow: hidden;
}

.chat-app-wrapper .wrapper .detail-area {
  width: 340px;
  flex-shrink: 0;
  border-left: 1px solid #eef2f4;
  margin-left: auto;
  padding: 30px 30px 0 30px;
  display: flex;
  flex-direction: column;
  overflow: auto;
  overflow-x: hidden;
}

.chat-app-wrapper .wrapper .detail-area .chat-side-content {
  text-align: center;
  transition: all 0.3s;
  padding: 20px 10px;
}

.chat-app-wrapper .wrapper .detail-area .chat-side-content .user-pic {
  position: relative;
  max-width: 68px;
  margin: 0 auto;
}

.chat-app-wrapper .wrapper .detail-area .chat-side-content .user-name {
  margin-top: 10px;
  font-family: "Montserrat", sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  color: #283252;
}

.chat-app-wrapper .wrapper .detail-area .chat-side-content .user-job-title {
  font-family: "Roboto", sans-serif;
  color: #a2a5b9;
}

.chat-app-wrapper .wrapper .detail-area .chat-side-content .side-actions {
  padding: 12px 0;
}

.chat-app-wrapper .wrapper .detail-area .chat-side-content .side-actions .button {
  color: #a2a5b9;
}

.chat-app-wrapper .wrapper .detail-area .chat-side-content .side-actions .button:hover {
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}

.chat-app-wrapper .wrapper .detail-area .chat-side-content .detail-photos {
  margin-top: 30px;
  text-align: center;
  padding: 0 12px;
}

.chat-app-wrapper .wrapper .detail-area .chat-side-content .detail-photos .detail-photo-title {
  display: flex;
  align-items: center;
  color: #a2a5b9;
  font-weight: 400;
  font-size: 1rem;
  margin-bottom: 20px;
  color: #a2a5b9;
}

.chat-app-wrapper .wrapper .detail-area .chat-side-content .detail-photos .detail-photo-title svg {
  width: 16px;
  margin-right: 8px;
}

.chat-app-wrapper .wrapper .detail-area .chat-side-content .detail-photos .detail-photo-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  grid-template-rows: repeat(3, 60px);
}

.chat-app-wrapper .wrapper .detail-area .chat-side-content .detail-photos .detail-photo-grid img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  -o-object-position: center;
  object-position: center;
}

.chat-app-wrapper .wrapper .detail-area .chat-side-content .detail-photos .view-more {
  display: block;
  color: #671cc9;
  font-weight: 600;
  font-size: 15px;
  margin: 25px 0;
}

body.is-dark .chat-app-wrapper .wrapper .detail-area {
  background: #2d2d31;
  border-color: #404046;
}

body.is-dark .chat-app-wrapper .wrapper .detail-area .chat-side-content .user-name {
  color: #aaaab3;
}

body.is-dark .chat-app-wrapper .wrapper .detail-area .chat-side-content .detail-photos .view-more {
  color: #797bf2;
}

@media (max-width: 767px) {
  .chat-app-wrapper .chat-app-header .search-bar {
    display: none;
  }

  .chat-app-wrapper .wrapper .conversation-area {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    background: #fff;
    z-index: 10;
    transform: translateX(-100%);
    transition: all 0.3s;
  }

  .chat-app-wrapper .wrapper .conversation-area.is-active {
    transform: translateX(0);
  }

  .chat-app-wrapper .wrapper .chat-area .chat-area-main .chat-msg .chat-msg-content {
    max-width: 100%;
  }

  .chat-app-wrapper .wrapper .chat-area .chat-area-footer {
    width: 100%;
    padding: 10px;
  }

  .chat-app-wrapper .wrapper .detail-area {
    display: none !important;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .chat-app-wrapper .chat-app-header .search-bar {
    display: none;
  }

  .chat-app-wrapper .wrapper .conversation-area {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    background: #fff;
    z-index: 10;
    transform: translateX(-100%);
    transition: all 0.3s;
  }

  .chat-app-wrapper .wrapper .conversation-area.is-active {
    transform: translateX(0);
  }

  .chat-app-wrapper .wrapper .chat-area .chat-area-footer {
    position: fixed;
    width: 100%;
  }

  .chat-app-wrapper .wrapper .detail-area {
    display: none !important;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .chat-app-wrapper .wrapper .detail-area {
    display: none !important;
  }

  .chat-app-wrapper .wrapper .chat-area .chat-area-footer {
    width: calc(100% - 340px);
    margin-left: 340px;
  }
}

body {
  background: #f7f8fa;
}

.clov-sidebar + #wrapper {
  padding-left: 350px;
  padding-right: 25px;
}

.clov-sidebar + #wrapper.remove-body-pad {
  padding-left: 0;
  padding-right: 0;
}

a,
button {
  outline: none !important;
}

.cursor-pointer {
  cursor: pointer;
}

.v-hidden {
  visibility: hidden !important;
}

.nav-pills .nav-link.active {
  background: #a057ff;
}

.bg-blue,
.badge-primary {
  background: #a057ff !important;
}

.bg-blue,
.bg-danger {
  color: #fff !important;
}

li {
  list-style: none;
}

.radius-1 {
  border-radius: 1px !important;
}

.radius-2 {
  border-radius: 2px !important;
}

.radius-3 {
  border-radius: 3px !important;
}

.radius-4 {
  border-radius: 4px !important;
}

.radius-5 {
  border-radius: 5px !important;
}

.radius-6 {
  border-radius: 6px !important;
}

.radius-7 {
  border-radius: 7px !important;
}

.radius-8 {
  border-radius: 8px !important;
}

.radius-9 {
  border-radius: 9px !important;
}

.radius-10 {
  border-radius: 10px !important;
}

.radius-11 {
  border-radius: 11px !important;
}

.radius-12 {
  border-radius: 12px !important;
}

.radius-13 {
  border-radius: 13px !important;
}

.radius-14 {
  border-radius: 14px !important;
}

.radius-15 {
  border-radius: 15px !important;
}

.radius-16 {
  border-radius: 16px !important;
}

.radius-17 {
  border-radius: 17px !important;
}

.radius-18 {
  border-radius: 18px !important;
}

.radius-19 {
  border-radius: 19px !important;
}

.radius-20 {
  border-radius: 20px !important;
}

.radius-21 {
  border-radius: 21px !important;
}

.radius-22 {
  border-radius: 22px !important;
}

.radius-23 {
  border-radius: 23px !important;
}

.radius-24 {
  border-radius: 24px !important;
}

.radius-25 {
  border-radius: 25px !important;
}

.radius-26 {
  border-radius: 26px !important;
}

.radius-27 {
  border-radius: 27px !important;
}

.radius-28 {
  border-radius: 28px !important;
}

.radius-29 {
  border-radius: 29px !important;
}

.radius-30 {
  border-radius: 30px !important;
}

.radius-31 {
  border-radius: 31px !important;
}

.radius-32 {
  border-radius: 32px !important;
}

.radius-33 {
  border-radius: 33px !important;
}

.radius-34 {
  border-radius: 34px !important;
}

.radius-35 {
  border-radius: 35px !important;
}

.radius-36 {
  border-radius: 36px !important;
}

.radius-37 {
  border-radius: 37px !important;
}

.radius-38 {
  border-radius: 38px !important;
}

.radius-39 {
  border-radius: 39px !important;
}

.radius-40 {
  border-radius: 40px !important;
}

.radius-41 {
  border-radius: 41px !important;
}

.radius-42 {
  border-radius: 42px !important;
}

.radius-43 {
  border-radius: 43px !important;
}

.radius-44 {
  border-radius: 44px !important;
}

.radius-45 {
  border-radius: 45px !important;
}

.radius-46 {
  border-radius: 46px !important;
}

.radius-47 {
  border-radius: 47px !important;
}

.radius-48 {
  border-radius: 48px !important;
}

.radius-49 {
  border-radius: 49px !important;
}

.radius-50 {
  border-radius: 50px !important;
}

.radius-51 {
  border-radius: 51px !important;
}

.radius-52 {
  border-radius: 52px !important;
}

.radius-53 {
  border-radius: 53px !important;
}

.radius-54 {
  border-radius: 54px !important;
}

.radius-55 {
  border-radius: 55px !important;
}

.radius-56 {
  border-radius: 56px !important;
}

.radius-57 {
  border-radius: 57px !important;
}

.radius-58 {
  border-radius: 58px !important;
}

.radius-59 {
  border-radius: 59px !important;
}

.radius-60 {
  border-radius: 60px !important;
}

.radius-61 {
  border-radius: 61px !important;
}

.radius-62 {
  border-radius: 62px !important;
}

.radius-63 {
  border-radius: 63px !important;
}

.radius-64 {
  border-radius: 64px !important;
}

.radius-65 {
  border-radius: 65px !important;
}

.radius-66 {
  border-radius: 66px !important;
}

.radius-67 {
  border-radius: 67px !important;
}

.radius-68 {
  border-radius: 68px !important;
}

.radius-69 {
  border-radius: 69px !important;
}

.radius-70 {
  border-radius: 70px !important;
}

.radius-71 {
  border-radius: 71px !important;
}

.radius-72 {
  border-radius: 72px !important;
}

.radius-73 {
  border-radius: 73px !important;
}

.radius-74 {
  border-radius: 74px !important;
}

.radius-75 {
  border-radius: 75px !important;
}

.radius-76 {
  border-radius: 76px !important;
}

.radius-77 {
  border-radius: 77px !important;
}

.radius-78 {
  border-radius: 78px !important;
}

.radius-79 {
  border-radius: 79px !important;
}

.radius-80 {
  border-radius: 80px !important;
}

.radius-81 {
  border-radius: 81px !important;
}

.radius-82 {
  border-radius: 82px !important;
}

.radius-83 {
  border-radius: 83px !important;
}

.radius-84 {
  border-radius: 84px !important;
}

.radius-85 {
  border-radius: 85px !important;
}

.radius-86 {
  border-radius: 86px !important;
}

.radius-87 {
  border-radius: 87px !important;
}

.radius-88 {
  border-radius: 88px !important;
}

.radius-89 {
  border-radius: 89px !important;
}

.radius-90 {
  border-radius: 90px !important;
}

.radius-91 {
  border-radius: 91px !important;
}

.radius-92 {
  border-radius: 92px !important;
}

.radius-93 {
  border-radius: 93px !important;
}

.radius-94 {
  border-radius: 94px !important;
}

.radius-95 {
  border-radius: 95px !important;
}

.radius-96 {
  border-radius: 96px !important;
}

.radius-97 {
  border-radius: 97px !important;
}

.radius-98 {
  border-radius: 98px !important;
}

.radius-99 {
  border-radius: 99px !important;
}

.radius-100 {
  border-radius: 100px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fs-51px {
  font-size: 51px !important;
}

.fs-52px {
  font-size: 52px !important;
}

.fs-53px {
  font-size: 53px !important;
}

.fs-54px {
  font-size: 54px !important;
}

.fs-55px {
  font-size: 55px !important;
}

.fs-56px {
  font-size: 56px !important;
}

.fs-57px {
  font-size: 57px !important;
}

.fs-58px {
  font-size: 58px !important;
}

.fs-59px {
  font-size: 59px !important;
}

.fs-60px {
  font-size: 60px !important;
}

.fs-61px {
  font-size: 61px !important;
}

.fs-62px {
  font-size: 62px !important;
}

.fs-63px {
  font-size: 63px !important;
}

.fs-64px {
  font-size: 64px !important;
}

.fs-65px {
  font-size: 65px !important;
}

.fs-66px {
  font-size: 66px !important;
}

.fs-67px {
  font-size: 67px !important;
}

.fs-68px {
  font-size: 68px !important;
}

.fs-69px {
  font-size: 69px !important;
}

.fs-70px {
  font-size: 70px !important;
}

.fs-71px {
  font-size: 71px !important;
}

.fs-72px {
  font-size: 72px !important;
}

.fs-73px {
  font-size: 73px !important;
}

.fs-74px {
  font-size: 74px !important;
}

.fs-75px {
  font-size: 75px !important;
}

.fs-76px {
  font-size: 76px !important;
}

.fs-77px {
  font-size: 77px !important;
}

.fs-78px {
  font-size: 78px !important;
}

.fs-79px {
  font-size: 79px !important;
}

.fs-80px {
  font-size: 80px !important;
}

.fs-81px {
  font-size: 81px !important;
}

.fs-82px {
  font-size: 82px !important;
}

.fs-83px {
  font-size: 83px !important;
}

.fs-84px {
  font-size: 84px !important;
}

.fs-85px {
  font-size: 85px !important;
}

.fs-86px {
  font-size: 86px !important;
}

.fs-87px {
  font-size: 87px !important;
}

.fs-88px {
  font-size: 88px !important;
}

.fs-89px {
  font-size: 89px !important;
}

.fs-90px {
  font-size: 90px !important;
}

.fs-91px {
  font-size: 91px !important;
}

.fs-92px {
  font-size: 92px !important;
}

.fs-93px {
  font-size: 93px !important;
}

.fs-94px {
  font-size: 94px !important;
}

.fs-95px {
  font-size: 95px !important;
}

.fs-96px {
  font-size: 96px !important;
}

.fs-97px {
  font-size: 97px !important;
}

.fs-98px {
  font-size: 98px !important;
}

.fs-99px {
  font-size: 99px !important;
}

.fs-100px {
  font-size: 100px !important;
}

.h-1em {
  height: 1em !important;
}

.h-2em {
  height: 2em !important;
}

.h-3em {
  height: 3em !important;
}

.h-4em {
  height: 4em !important;
}

.h-5em {
  height: 5em !important;
}

.h-6em {
  height: 6em !important;
}

.h-7em {
  height: 7em !important;
}

.h-8em {
  height: 8em !important;
}

.h-9em {
  height: 9em !important;
}

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

.h-11em {
  height: 11em !important;
}

.h-12em {
  height: 12em !important;
}

.h-13em {
  height: 13em !important;
}

.h-14em {
  height: 14em !important;
}

.h-15em {
  height: 15em !important;
}

.h-16em {
  height: 16em !important;
}

.h-17em {
  height: 17em !important;
}

.h-18em {
  height: 18em !important;
}

.h-19em {
  height: 19em !important;
}

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

.h-21em {
  height: 21em !important;
}

.h-22em {
  height: 22em !important;
}

.h-23em {
  height: 23em !important;
}

.h-24em {
  height: 24em !important;
}

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

.h-26em {
  height: 26em !important;
}

.h-27em {
  height: 27em !important;
}

.h-28em {
  height: 28em !important;
}

.h-29em {
  height: 29em !important;
}

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

.h-31em {
  height: 31em !important;
}

.h-32em {
  height: 32em !important;
}

.h-33em {
  height: 33em !important;
}

.h-34em {
  height: 34em !important;
}

.h-35em {
  height: 35em !important;
}

.h-36em {
  height: 36em !important;
}

.h-37em {
  height: 37em !important;
}

.h-38em {
  height: 38em !important;
}

.h-39em {
  height: 39em !important;
}

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

.h-41em {
  height: 41em !important;
}

.h-42em {
  height: 42em !important;
}

.h-43em {
  height: 43em !important;
}

.h-44em {
  height: 44em !important;
}

.h-45em {
  height: 45em !important;
}

.h-46em {
  height: 46em !important;
}

.h-47em {
  height: 47em !important;
}

.h-48em {
  height: 48em !important;
}

.h-49em {
  height: 49em !important;
}

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

.h-51em {
  height: 51em !important;
}

.h-52em {
  height: 52em !important;
}

.h-53em {
  height: 53em !important;
}

.h-54em {
  height: 54em !important;
}

.h-55em {
  height: 55em !important;
}

.h-56em {
  height: 56em !important;
}

.h-57em {
  height: 57em !important;
}

.h-58em {
  height: 58em !important;
}

.h-59em {
  height: 59em !important;
}

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

.h-61em {
  height: 61em !important;
}

.h-62em {
  height: 62em !important;
}

.h-63em {
  height: 63em !important;
}

.h-64em {
  height: 64em !important;
}

.h-65em {
  height: 65em !important;
}

.h-66em {
  height: 66em !important;
}

.h-67em {
  height: 67em !important;
}

.h-68em {
  height: 68em !important;
}

.h-69em {
  height: 69em !important;
}

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

.h-71em {
  height: 71em !important;
}

.h-72em {
  height: 72em !important;
}

.h-73em {
  height: 73em !important;
}

.h-74em {
  height: 74em !important;
}

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

.h-76em {
  height: 76em !important;
}

.h-77em {
  height: 77em !important;
}

.h-78em {
  height: 78em !important;
}

.h-79em {
  height: 79em !important;
}

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

.h-81em {
  height: 81em !important;
}

.h-82em {
  height: 82em !important;
}

.h-83em {
  height: 83em !important;
}

.h-84em {
  height: 84em !important;
}

.h-85em {
  height: 85em !important;
}

.h-86em {
  height: 86em !important;
}

.h-87em {
  height: 87em !important;
}

.h-88em {
  height: 88em !important;
}

.h-89em {
  height: 89em !important;
}

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

.h-91em {
  height: 91em !important;
}

.h-92em {
  height: 92em !important;
}

.h-93em {
  height: 93em !important;
}

.h-94em {
  height: 94em !important;
}

.h-95em {
  height: 95em !important;
}

.h-96em {
  height: 96em !important;
}

.h-97em {
  height: 97em !important;
}

.h-98em {
  height: 98em !important;
}

.h-99em {
  height: 99em !important;
}

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

.h-101em {
  height: 101em !important;
}

.h-102em {
  height: 102em !important;
}

.h-103em {
  height: 103em !important;
}

.h-104em {
  height: 104em !important;
}

.h-105em {
  height: 105em !important;
}

.h-106em {
  height: 106em !important;
}

.h-107em {
  height: 107em !important;
}

.h-108em {
  height: 108em !important;
}

.h-109em {
  height: 109em !important;
}

.h-110em {
  height: 110em !important;
}

.h-111em {
  height: 111em !important;
}

.h-112em {
  height: 112em !important;
}

.h-113em {
  height: 113em !important;
}

.h-114em {
  height: 114em !important;
}

.h-115em {
  height: 115em !important;
}

.h-116em {
  height: 116em !important;
}

.h-117em {
  height: 117em !important;
}

.h-118em {
  height: 118em !important;
}

.h-119em {
  height: 119em !important;
}

.h-120em {
  height: 120em !important;
}

.h-121em {
  height: 121em !important;
}

.h-122em {
  height: 122em !important;
}

.h-123em {
  height: 123em !important;
}

.h-124em {
  height: 124em !important;
}

.h-125em {
  height: 125em !important;
}

.h-126em {
  height: 126em !important;
}

.h-127em {
  height: 127em !important;
}

.h-128em {
  height: 128em !important;
}

.h-129em {
  height: 129em !important;
}

.h-130em {
  height: 130em !important;
}

.h-131em {
  height: 131em !important;
}

.h-132em {
  height: 132em !important;
}

.h-133em {
  height: 133em !important;
}

.h-134em {
  height: 134em !important;
}

.h-135em {
  height: 135em !important;
}

.h-136em {
  height: 136em !important;
}

.h-137em {
  height: 137em !important;
}

.h-138em {
  height: 138em !important;
}

.h-139em {
  height: 139em !important;
}

.h-140em {
  height: 140em !important;
}

.h-141em {
  height: 141em !important;
}

.h-142em {
  height: 142em !important;
}

.h-143em {
  height: 143em !important;
}

.h-144em {
  height: 144em !important;
}

.h-145em {
  height: 145em !important;
}

.h-146em {
  height: 146em !important;
}

.h-147em {
  height: 147em !important;
}

.h-148em {
  height: 148em !important;
}

.h-149em {
  height: 149em !important;
}

.h-150em {
  height: 150em !important;
}

.h-151em {
  height: 151em !important;
}

.h-152em {
  height: 152em !important;
}

.h-153em {
  height: 153em !important;
}

.h-154em {
  height: 154em !important;
}

.h-155em {
  height: 155em !important;
}

.h-156em {
  height: 156em !important;
}

.h-157em {
  height: 157em !important;
}

.h-158em {
  height: 158em !important;
}

.h-159em {
  height: 159em !important;
}

.h-160em {
  height: 160em !important;
}

.h-161em {
  height: 161em !important;
}

.h-162em {
  height: 162em !important;
}

.h-163em {
  height: 163em !important;
}

.h-164em {
  height: 164em !important;
}

.h-165em {
  height: 165em !important;
}

.h-166em {
  height: 166em !important;
}

.h-167em {
  height: 167em !important;
}

.h-168em {
  height: 168em !important;
}

.h-169em {
  height: 169em !important;
}

.h-170em {
  height: 170em !important;
}

.h-171em {
  height: 171em !important;
}

.h-172em {
  height: 172em !important;
}

.h-173em {
  height: 173em !important;
}

.h-174em {
  height: 174em !important;
}

.h-175em {
  height: 175em !important;
}

.h-176em {
  height: 176em !important;
}

.h-177em {
  height: 177em !important;
}

.h-178em {
  height: 178em !important;
}

.h-179em {
  height: 179em !important;
}

.h-180em {
  height: 180em !important;
}

.h-181em {
  height: 181em !important;
}

.h-182em {
  height: 182em !important;
}

.h-183em {
  height: 183em !important;
}

.h-184em {
  height: 184em !important;
}

.h-185em {
  height: 185em !important;
}

.h-186em {
  height: 186em !important;
}

.h-187em {
  height: 187em !important;
}

.h-188em {
  height: 188em !important;
}

.h-189em {
  height: 189em !important;
}

.h-190em {
  height: 190em !important;
}

.h-191em {
  height: 191em !important;
}

.h-192em {
  height: 192em !important;
}

.h-193em {
  height: 193em !important;
}

.h-194em {
  height: 194em !important;
}

.h-195em {
  height: 195em !important;
}

.h-196em {
  height: 196em !important;
}

.h-197em {
  height: 197em !important;
}

.h-198em {
  height: 198em !important;
}

.h-199em {
  height: 199em !important;
}

.h-200em {
  height: 200em !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-51em {
  width: 51em !important;
}

.w-52em {
  width: 52em !important;
}

.w-53em {
  width: 53em !important;
}

.w-54em {
  width: 54em !important;
}

.w-55em {
  width: 55em !important;
}

.w-56em {
  width: 56em !important;
}

.w-57em {
  width: 57em !important;
}

.w-58em {
  width: 58em !important;
}

.w-59em {
  width: 59em !important;
}

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

.w-61em {
  width: 61em !important;
}

.w-62em {
  width: 62em !important;
}

.w-63em {
  width: 63em !important;
}

.w-64em {
  width: 64em !important;
}

.w-65em {
  width: 65em !important;
}

.w-66em {
  width: 66em !important;
}

.w-67em {
  width: 67em !important;
}

.w-68em {
  width: 68em !important;
}

.w-69em {
  width: 69em !important;
}

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

.w-71em {
  width: 71em !important;
}

.w-72em {
  width: 72em !important;
}

.w-73em {
  width: 73em !important;
}

.w-74em {
  width: 74em !important;
}

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

.w-76em {
  width: 76em !important;
}

.w-77em {
  width: 77em !important;
}

.w-78em {
  width: 78em !important;
}

.w-79em {
  width: 79em !important;
}

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

.w-81em {
  width: 81em !important;
}

.w-82em {
  width: 82em !important;
}

.w-83em {
  width: 83em !important;
}

.w-84em {
  width: 84em !important;
}

.w-85em {
  width: 85em !important;
}

.w-86em {
  width: 86em !important;
}

.w-87em {
  width: 87em !important;
}

.w-88em {
  width: 88em !important;
}

.w-89em {
  width: 89em !important;
}

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

.w-91em {
  width: 91em !important;
}

.w-92em {
  width: 92em !important;
}

.w-93em {
  width: 93em !important;
}

.w-94em {
  width: 94em !important;
}

.w-95em {
  width: 95em !important;
}

.w-96em {
  width: 96em !important;
}

.w-97em {
  width: 97em !important;
}

.w-98em {
  width: 98em !important;
}

.w-99em {
  width: 99em !important;
}

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

.w-101em {
  width: 101em !important;
}

.w-102em {
  width: 102em !important;
}

.w-103em {
  width: 103em !important;
}

.w-104em {
  width: 104em !important;
}

.w-105em {
  width: 105em !important;
}

.w-106em {
  width: 106em !important;
}

.w-107em {
  width: 107em !important;
}

.w-108em {
  width: 108em !important;
}

.w-109em {
  width: 109em !important;
}

.w-110em {
  width: 110em !important;
}

.w-111em {
  width: 111em !important;
}

.w-112em {
  width: 112em !important;
}

.w-113em {
  width: 113em !important;
}

.w-114em {
  width: 114em !important;
}

.w-115em {
  width: 115em !important;
}

.w-116em {
  width: 116em !important;
}

.w-117em {
  width: 117em !important;
}

.w-118em {
  width: 118em !important;
}

.w-119em {
  width: 119em !important;
}

.w-120em {
  width: 120em !important;
}

.w-121em {
  width: 121em !important;
}

.w-122em {
  width: 122em !important;
}

.w-123em {
  width: 123em !important;
}

.w-124em {
  width: 124em !important;
}

.w-125em {
  width: 125em !important;
}

.w-126em {
  width: 126em !important;
}

.w-127em {
  width: 127em !important;
}

.w-128em {
  width: 128em !important;
}

.w-129em {
  width: 129em !important;
}

.w-130em {
  width: 130em !important;
}

.w-131em {
  width: 131em !important;
}

.w-132em {
  width: 132em !important;
}

.w-133em {
  width: 133em !important;
}

.w-134em {
  width: 134em !important;
}

.w-135em {
  width: 135em !important;
}

.w-136em {
  width: 136em !important;
}

.w-137em {
  width: 137em !important;
}

.w-138em {
  width: 138em !important;
}

.w-139em {
  width: 139em !important;
}

.w-140em {
  width: 140em !important;
}

.w-141em {
  width: 141em !important;
}

.w-142em {
  width: 142em !important;
}

.w-143em {
  width: 143em !important;
}

.w-144em {
  width: 144em !important;
}

.w-145em {
  width: 145em !important;
}

.w-146em {
  width: 146em !important;
}

.w-147em {
  width: 147em !important;
}

.w-148em {
  width: 148em !important;
}

.w-149em {
  width: 149em !important;
}

.w-150em {
  width: 150em !important;
}

.w-151em {
  width: 151em !important;
}

.w-152em {
  width: 152em !important;
}

.w-153em {
  width: 153em !important;
}

.w-154em {
  width: 154em !important;
}

.w-155em {
  width: 155em !important;
}

.w-156em {
  width: 156em !important;
}

.w-157em {
  width: 157em !important;
}

.w-158em {
  width: 158em !important;
}

.w-159em {
  width: 159em !important;
}

.w-160em {
  width: 160em !important;
}

.w-161em {
  width: 161em !important;
}

.w-162em {
  width: 162em !important;
}

.w-163em {
  width: 163em !important;
}

.w-164em {
  width: 164em !important;
}

.w-165em {
  width: 165em !important;
}

.w-166em {
  width: 166em !important;
}

.w-167em {
  width: 167em !important;
}

.w-168em {
  width: 168em !important;
}

.w-169em {
  width: 169em !important;
}

.w-170em {
  width: 170em !important;
}

.w-171em {
  width: 171em !important;
}

.w-172em {
  width: 172em !important;
}

.w-173em {
  width: 173em !important;
}

.w-174em {
  width: 174em !important;
}

.w-175em {
  width: 175em !important;
}

.w-176em {
  width: 176em !important;
}

.w-177em {
  width: 177em !important;
}

.w-178em {
  width: 178em !important;
}

.w-179em {
  width: 179em !important;
}

.w-180em {
  width: 180em !important;
}

.w-181em {
  width: 181em !important;
}

.w-182em {
  width: 182em !important;
}

.w-183em {
  width: 183em !important;
}

.w-184em {
  width: 184em !important;
}

.w-185em {
  width: 185em !important;
}

.w-186em {
  width: 186em !important;
}

.w-187em {
  width: 187em !important;
}

.w-188em {
  width: 188em !important;
}

.w-189em {
  width: 189em !important;
}

.w-190em {
  width: 190em !important;
}

.w-191em {
  width: 191em !important;
}

.w-192em {
  width: 192em !important;
}

.w-193em {
  width: 193em !important;
}

.w-194em {
  width: 194em !important;
}

.w-195em {
  width: 195em !important;
}

.w-196em {
  width: 196em !important;
}

.w-197em {
  width: 197em !important;
}

.w-198em {
  width: 198em !important;
}

.w-199em {
  width: 199em !important;
}

.w-200em {
  width: 200em !important;
}

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

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

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

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

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

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

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

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

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

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

.h-11px {
  height: 11px !important;
}

.h-12px {
  height: 12px !important;
}

.h-13px {
  height: 13px !important;
}

.h-14px {
  height: 14px !important;
}

.h-15px {
  height: 15px !important;
}

.h-16px {
  height: 16px !important;
}

.h-17px {
  height: 17px !important;
}

.h-18px {
  height: 18px !important;
}

.h-19px {
  height: 19px !important;
}

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

.h-21px {
  height: 21px !important;
}

.h-22px {
  height: 22px !important;
}

.h-23px {
  height: 23px !important;
}

.h-24px {
  height: 24px !important;
}

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

.h-26px {
  height: 26px !important;
}

.h-27px {
  height: 27px !important;
}

.h-28px {
  height: 28px !important;
}

.h-29px {
  height: 29px !important;
}

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

.h-31px {
  height: 31px !important;
}

.h-32px {
  height: 32px !important;
}

.h-33px {
  height: 33px !important;
}

.h-34px {
  height: 34px !important;
}

.h-35px {
  height: 35px !important;
}

.h-36px {
  height: 36px !important;
}

.h-37px {
  height: 37px !important;
}

.h-38px {
  height: 38px !important;
}

.h-39px {
  height: 39px !important;
}

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

.h-41px {
  height: 41px !important;
}

.h-42px {
  height: 42px !important;
}

.h-43px {
  height: 43px !important;
}

.h-44px {
  height: 44px !important;
}

.h-45px {
  height: 45px !important;
}

.h-46px {
  height: 46px !important;
}

.h-47px {
  height: 47px !important;
}

.h-48px {
  height: 48px !important;
}

.h-49px {
  height: 49px !important;
}

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

.h-51px {
  height: 51px !important;
}

.h-52px {
  height: 52px !important;
}

.h-53px {
  height: 53px !important;
}

.h-54px {
  height: 54px !important;
}

.h-55px {
  height: 55px !important;
}

.h-56px {
  height: 56px !important;
}

.h-57px {
  height: 57px !important;
}

.h-58px {
  height: 58px !important;
}

.h-59px {
  height: 59px !important;
}

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

.h-61px {
  height: 61px !important;
}

.h-62px {
  height: 62px !important;
}

.h-63px {
  height: 63px !important;
}

.h-64px {
  height: 64px !important;
}

.h-65px {
  height: 65px !important;
}

.h-66px {
  height: 66px !important;
}

.h-67px {
  height: 67px !important;
}

.h-68px {
  height: 68px !important;
}

.h-69px {
  height: 69px !important;
}

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

.h-71px {
  height: 71px !important;
}

.h-72px {
  height: 72px !important;
}

.h-73px {
  height: 73px !important;
}

.h-74px {
  height: 74px !important;
}

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

.h-76px {
  height: 76px !important;
}

.h-77px {
  height: 77px !important;
}

.h-78px {
  height: 78px !important;
}

.h-79px {
  height: 79px !important;
}

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

.h-81px {
  height: 81px !important;
}

.h-82px {
  height: 82px !important;
}

.h-83px {
  height: 83px !important;
}

.h-84px {
  height: 84px !important;
}

.h-85px {
  height: 85px !important;
}

.h-86px {
  height: 86px !important;
}

.h-87px {
  height: 87px !important;
}

.h-88px {
  height: 88px !important;
}

.h-89px {
  height: 89px !important;
}

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

.h-91px {
  height: 91px !important;
}

.h-92px {
  height: 92px !important;
}

.h-93px {
  height: 93px !important;
}

.h-94px {
  height: 94px !important;
}

.h-95px {
  height: 95px !important;
}

.h-96px {
  height: 96px !important;
}

.h-97px {
  height: 97px !important;
}

.h-98px {
  height: 98px !important;
}

.h-99px {
  height: 99px !important;
}

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

.h-101px {
  height: 101px !important;
}

.h-102px {
  height: 102px !important;
}

.h-103px {
  height: 103px !important;
}

.h-104px {
  height: 104px !important;
}

.h-105px {
  height: 105px !important;
}

.h-106px {
  height: 106px !important;
}

.h-107px {
  height: 107px !important;
}

.h-108px {
  height: 108px !important;
}

.h-109px {
  height: 109px !important;
}

.h-110px {
  height: 110px !important;
}

.h-111px {
  height: 111px !important;
}

.h-112px {
  height: 112px !important;
}

.h-113px {
  height: 113px !important;
}

.h-114px {
  height: 114px !important;
}

.h-115px {
  height: 115px !important;
}

.h-116px {
  height: 116px !important;
}

.h-117px {
  height: 117px !important;
}

.h-118px {
  height: 118px !important;
}

.h-119px {
  height: 119px !important;
}

.h-120px {
  height: 120px !important;
}

.h-121px {
  height: 121px !important;
}

.h-122px {
  height: 122px !important;
}

.h-123px {
  height: 123px !important;
}

.h-124px {
  height: 124px !important;
}

.h-125px {
  height: 125px !important;
}

.h-126px {
  height: 126px !important;
}

.h-127px {
  height: 127px !important;
}

.h-128px {
  height: 128px !important;
}

.h-129px {
  height: 129px !important;
}

.h-130px {
  height: 130px !important;
}

.h-131px {
  height: 131px !important;
}

.h-132px {
  height: 132px !important;
}

.h-133px {
  height: 133px !important;
}

.h-134px {
  height: 134px !important;
}

.h-135px {
  height: 135px !important;
}

.h-136px {
  height: 136px !important;
}

.h-137px {
  height: 137px !important;
}

.h-138px {
  height: 138px !important;
}

.h-139px {
  height: 139px !important;
}

.h-140px {
  height: 140px !important;
}

.h-141px {
  height: 141px !important;
}

.h-142px {
  height: 142px !important;
}

.h-143px {
  height: 143px !important;
}

.h-144px {
  height: 144px !important;
}

.h-145px {
  height: 145px !important;
}

.h-146px {
  height: 146px !important;
}

.h-147px {
  height: 147px !important;
}

.h-148px {
  height: 148px !important;
}

.h-149px {
  height: 149px !important;
}

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

.h-151px {
  height: 151px !important;
}

.h-152px {
  height: 152px !important;
}

.h-153px {
  height: 153px !important;
}

.h-154px {
  height: 154px !important;
}

.h-155px {
  height: 155px !important;
}

.h-156px {
  height: 156px !important;
}

.h-157px {
  height: 157px !important;
}

.h-158px {
  height: 158px !important;
}

.h-159px {
  height: 159px !important;
}

.h-160px {
  height: 160px !important;
}

.h-161px {
  height: 161px !important;
}

.h-162px {
  height: 162px !important;
}

.h-163px {
  height: 163px !important;
}

.h-164px {
  height: 164px !important;
}

.h-165px {
  height: 165px !important;
}

.h-166px {
  height: 166px !important;
}

.h-167px {
  height: 167px !important;
}

.h-168px {
  height: 168px !important;
}

.h-169px {
  height: 169px !important;
}

.h-170px {
  height: 170px !important;
}

.h-171px {
  height: 171px !important;
}

.h-172px {
  height: 172px !important;
}

.h-173px {
  height: 173px !important;
}

.h-174px {
  height: 174px !important;
}

.h-175px {
  height: 175px !important;
}

.h-176px {
  height: 176px !important;
}

.h-177px {
  height: 177px !important;
}

.h-178px {
  height: 178px !important;
}

.h-179px {
  height: 179px !important;
}

.h-180px {
  height: 180px !important;
}

.h-181px {
  height: 181px !important;
}

.h-182px {
  height: 182px !important;
}

.h-183px {
  height: 183px !important;
}

.h-184px {
  height: 184px !important;
}

.h-185px {
  height: 185px !important;
}

.h-186px {
  height: 186px !important;
}

.h-187px {
  height: 187px !important;
}

.h-188px {
  height: 188px !important;
}

.h-189px {
  height: 189px !important;
}

.h-190px {
  height: 190px !important;
}

.h-191px {
  height: 191px !important;
}

.h-192px {
  height: 192px !important;
}

.h-193px {
  height: 193px !important;
}

.h-194px {
  height: 194px !important;
}

.h-195px {
  height: 195px !important;
}

.h-196px {
  height: 196px !important;
}

.h-197px {
  height: 197px !important;
}

.h-198px {
  height: 198px !important;
}

.h-199px {
  height: 199px !important;
}

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

.h-201px {
  height: 201px !important;
}

.h-202px {
  height: 202px !important;
}

.h-203px {
  height: 203px !important;
}

.h-204px {
  height: 204px !important;
}

.h-205px {
  height: 205px !important;
}

.h-206px {
  height: 206px !important;
}

.h-207px {
  height: 207px !important;
}

.h-208px {
  height: 208px !important;
}

.h-209px {
  height: 209px !important;
}

.h-210px {
  height: 210px !important;
}

.h-211px {
  height: 211px !important;
}

.h-212px {
  height: 212px !important;
}

.h-213px {
  height: 213px !important;
}

.h-214px {
  height: 214px !important;
}

.h-215px {
  height: 215px !important;
}

.h-216px {
  height: 216px !important;
}

.h-217px {
  height: 217px !important;
}

.h-218px {
  height: 218px !important;
}

.h-219px {
  height: 219px !important;
}

.h-220px {
  height: 220px !important;
}

.h-221px {
  height: 221px !important;
}

.h-222px {
  height: 222px !important;
}

.h-223px {
  height: 223px !important;
}

.h-224px {
  height: 224px !important;
}

.h-225px {
  height: 225px !important;
}

.h-226px {
  height: 226px !important;
}

.h-227px {
  height: 227px !important;
}

.h-228px {
  height: 228px !important;
}

.h-229px {
  height: 229px !important;
}

.h-230px {
  height: 230px !important;
}

.h-231px {
  height: 231px !important;
}

.h-232px {
  height: 232px !important;
}

.h-233px {
  height: 233px !important;
}

.h-234px {
  height: 234px !important;
}

.h-235px {
  height: 235px !important;
}

.h-236px {
  height: 236px !important;
}

.h-237px {
  height: 237px !important;
}

.h-238px {
  height: 238px !important;
}

.h-239px {
  height: 239px !important;
}

.h-240px {
  height: 240px !important;
}

.h-241px {
  height: 241px !important;
}

.h-242px {
  height: 242px !important;
}

.h-243px {
  height: 243px !important;
}

.h-244px {
  height: 244px !important;
}

.h-245px {
  height: 245px !important;
}

.h-246px {
  height: 246px !important;
}

.h-247px {
  height: 247px !important;
}

.h-248px {
  height: 248px !important;
}

.h-249px {
  height: 249px !important;
}

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

.h-251px {
  height: 251px !important;
}

.h-252px {
  height: 252px !important;
}

.h-253px {
  height: 253px !important;
}

.h-254px {
  height: 254px !important;
}

.h-255px {
  height: 255px !important;
}

.h-256px {
  height: 256px !important;
}

.h-257px {
  height: 257px !important;
}

.h-258px {
  height: 258px !important;
}

.h-259px {
  height: 259px !important;
}

.h-260px {
  height: 260px !important;
}

.h-261px {
  height: 261px !important;
}

.h-262px {
  height: 262px !important;
}

.h-263px {
  height: 263px !important;
}

.h-264px {
  height: 264px !important;
}

.h-265px {
  height: 265px !important;
}

.h-266px {
  height: 266px !important;
}

.h-267px {
  height: 267px !important;
}

.h-268px {
  height: 268px !important;
}

.h-269px {
  height: 269px !important;
}

.h-270px {
  height: 270px !important;
}

.h-271px {
  height: 271px !important;
}

.h-272px {
  height: 272px !important;
}

.h-273px {
  height: 273px !important;
}

.h-274px {
  height: 274px !important;
}

.h-275px {
  height: 275px !important;
}

.h-276px {
  height: 276px !important;
}

.h-277px {
  height: 277px !important;
}

.h-278px {
  height: 278px !important;
}

.h-279px {
  height: 279px !important;
}

.h-280px {
  height: 280px !important;
}

.h-281px {
  height: 281px !important;
}

.h-282px {
  height: 282px !important;
}

.h-283px {
  height: 283px !important;
}

.h-284px {
  height: 284px !important;
}

.h-285px {
  height: 285px !important;
}

.h-286px {
  height: 286px !important;
}

.h-287px {
  height: 287px !important;
}

.h-288px {
  height: 288px !important;
}

.h-289px {
  height: 289px !important;
}

.h-290px {
  height: 290px !important;
}

.h-291px {
  height: 291px !important;
}

.h-292px {
  height: 292px !important;
}

.h-293px {
  height: 293px !important;
}

.h-294px {
  height: 294px !important;
}

.h-295px {
  height: 295px !important;
}

.h-296px {
  height: 296px !important;
}

.h-297px {
  height: 297px !important;
}

.h-298px {
  height: 298px !important;
}

.h-299px {
  height: 299px !important;
}

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

.h-301px {
  height: 301px !important;
}

.h-302px {
  height: 302px !important;
}

.h-303px {
  height: 303px !important;
}

.h-304px {
  height: 304px !important;
}

.h-305px {
  height: 305px !important;
}

.h-306px {
  height: 306px !important;
}

.h-307px {
  height: 307px !important;
}

.h-308px {
  height: 308px !important;
}

.h-309px {
  height: 309px !important;
}

.h-310px {
  height: 310px !important;
}

.h-311px {
  height: 311px !important;
}

.h-312px {
  height: 312px !important;
}

.h-313px {
  height: 313px !important;
}

.h-314px {
  height: 314px !important;
}

.h-315px {
  height: 315px !important;
}

.h-316px {
  height: 316px !important;
}

.h-317px {
  height: 317px !important;
}

.h-318px {
  height: 318px !important;
}

.h-319px {
  height: 319px !important;
}

.h-320px {
  height: 320px !important;
}

.h-321px {
  height: 321px !important;
}

.h-322px {
  height: 322px !important;
}

.h-323px {
  height: 323px !important;
}

.h-324px {
  height: 324px !important;
}

.h-325px {
  height: 325px !important;
}

.h-326px {
  height: 326px !important;
}

.h-327px {
  height: 327px !important;
}

.h-328px {
  height: 328px !important;
}

.h-329px {
  height: 329px !important;
}

.h-330px {
  height: 330px !important;
}

.h-331px {
  height: 331px !important;
}

.h-332px {
  height: 332px !important;
}

.h-333px {
  height: 333px !important;
}

.h-334px {
  height: 334px !important;
}

.h-335px {
  height: 335px !important;
}

.h-336px {
  height: 336px !important;
}

.h-337px {
  height: 337px !important;
}

.h-338px {
  height: 338px !important;
}

.h-339px {
  height: 339px !important;
}

.h-340px {
  height: 340px !important;
}

.h-341px {
  height: 341px !important;
}

.h-342px {
  height: 342px !important;
}

.h-343px {
  height: 343px !important;
}

.h-344px {
  height: 344px !important;
}

.h-345px {
  height: 345px !important;
}

.h-346px {
  height: 346px !important;
}

.h-347px {
  height: 347px !important;
}

.h-348px {
  height: 348px !important;
}

.h-349px {
  height: 349px !important;
}

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

.h-351px {
  height: 351px !important;
}

.h-352px {
  height: 352px !important;
}

.h-353px {
  height: 353px !important;
}

.h-354px {
  height: 354px !important;
}

.h-355px {
  height: 355px !important;
}

.h-356px {
  height: 356px !important;
}

.h-357px {
  height: 357px !important;
}

.h-358px {
  height: 358px !important;
}

.h-359px {
  height: 359px !important;
}

.h-360px {
  height: 360px !important;
}

.h-361px {
  height: 361px !important;
}

.h-362px {
  height: 362px !important;
}

.h-363px {
  height: 363px !important;
}

.h-364px {
  height: 364px !important;
}

.h-365px {
  height: 365px !important;
}

.h-366px {
  height: 366px !important;
}

.h-367px {
  height: 367px !important;
}

.h-368px {
  height: 368px !important;
}

.h-369px {
  height: 369px !important;
}

.h-370px {
  height: 370px !important;
}

.h-371px {
  height: 371px !important;
}

.h-372px {
  height: 372px !important;
}

.h-373px {
  height: 373px !important;
}

.h-374px {
  height: 374px !important;
}

.h-375px {
  height: 375px !important;
}

.h-376px {
  height: 376px !important;
}

.h-377px {
  height: 377px !important;
}

.h-378px {
  height: 378px !important;
}

.h-379px {
  height: 379px !important;
}

.h-380px {
  height: 380px !important;
}

.h-381px {
  height: 381px !important;
}

.h-382px {
  height: 382px !important;
}

.h-383px {
  height: 383px !important;
}

.h-384px {
  height: 384px !important;
}

.h-385px {
  height: 385px !important;
}

.h-386px {
  height: 386px !important;
}

.h-387px {
  height: 387px !important;
}

.h-388px {
  height: 388px !important;
}

.h-389px {
  height: 389px !important;
}

.h-390px {
  height: 390px !important;
}

.h-391px {
  height: 391px !important;
}

.h-392px {
  height: 392px !important;
}

.h-393px {
  height: 393px !important;
}

.h-394px {
  height: 394px !important;
}

.h-395px {
  height: 395px !important;
}

.h-396px {
  height: 396px !important;
}

.h-397px {
  height: 397px !important;
}

.h-398px {
  height: 398px !important;
}

.h-399px {
  height: 399px !important;
}

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

.h-401px {
  height: 401px !important;
}

.h-402px {
  height: 402px !important;
}

.h-403px {
  height: 403px !important;
}

.h-404px {
  height: 404px !important;
}

.h-405px {
  height: 405px !important;
}

.h-406px {
  height: 406px !important;
}

.h-407px {
  height: 407px !important;
}

.h-408px {
  height: 408px !important;
}

.h-409px {
  height: 409px !important;
}

.h-410px {
  height: 410px !important;
}

.h-411px {
  height: 411px !important;
}

.h-412px {
  height: 412px !important;
}

.h-413px {
  height: 413px !important;
}

.h-414px {
  height: 414px !important;
}

.h-415px {
  height: 415px !important;
}

.h-416px {
  height: 416px !important;
}

.h-417px {
  height: 417px !important;
}

.h-418px {
  height: 418px !important;
}

.h-419px {
  height: 419px !important;
}

.h-420px {
  height: 420px !important;
}

.h-421px {
  height: 421px !important;
}

.h-422px {
  height: 422px !important;
}

.h-423px {
  height: 423px !important;
}

.h-424px {
  height: 424px !important;
}

.h-425px {
  height: 425px !important;
}

.h-426px {
  height: 426px !important;
}

.h-427px {
  height: 427px !important;
}

.h-428px {
  height: 428px !important;
}

.h-429px {
  height: 429px !important;
}

.h-430px {
  height: 430px !important;
}

.h-431px {
  height: 431px !important;
}

.h-432px {
  height: 432px !important;
}

.h-433px {
  height: 433px !important;
}

.h-434px {
  height: 434px !important;
}

.h-435px {
  height: 435px !important;
}

.h-436px {
  height: 436px !important;
}

.h-437px {
  height: 437px !important;
}

.h-438px {
  height: 438px !important;
}

.h-439px {
  height: 439px !important;
}

.h-440px {
  height: 440px !important;
}

.h-441px {
  height: 441px !important;
}

.h-442px {
  height: 442px !important;
}

.h-443px {
  height: 443px !important;
}

.h-444px {
  height: 444px !important;
}

.h-445px {
  height: 445px !important;
}

.h-446px {
  height: 446px !important;
}

.h-447px {
  height: 447px !important;
}

.h-448px {
  height: 448px !important;
}

.h-449px {
  height: 449px !important;
}

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

.h-451px {
  height: 451px !important;
}

.h-452px {
  height: 452px !important;
}

.h-453px {
  height: 453px !important;
}

.h-454px {
  height: 454px !important;
}

.h-455px {
  height: 455px !important;
}

.h-456px {
  height: 456px !important;
}

.h-457px {
  height: 457px !important;
}

.h-458px {
  height: 458px !important;
}

.h-459px {
  height: 459px !important;
}

.h-460px {
  height: 460px !important;
}

.h-461px {
  height: 461px !important;
}

.h-462px {
  height: 462px !important;
}

.h-463px {
  height: 463px !important;
}

.h-464px {
  height: 464px !important;
}

.h-465px {
  height: 465px !important;
}

.h-466px {
  height: 466px !important;
}

.h-467px {
  height: 467px !important;
}

.h-468px {
  height: 468px !important;
}

.h-469px {
  height: 469px !important;
}

.h-470px {
  height: 470px !important;
}

.h-471px {
  height: 471px !important;
}

.h-472px {
  height: 472px !important;
}

.h-473px {
  height: 473px !important;
}

.h-474px {
  height: 474px !important;
}

.h-475px {
  height: 475px !important;
}

.h-476px {
  height: 476px !important;
}

.h-477px {
  height: 477px !important;
}

.h-478px {
  height: 478px !important;
}

.h-479px {
  height: 479px !important;
}

.h-480px {
  height: 480px !important;
}

.h-481px {
  height: 481px !important;
}

.h-482px {
  height: 482px !important;
}

.h-483px {
  height: 483px !important;
}

.h-484px {
  height: 484px !important;
}

.h-485px {
  height: 485px !important;
}

.h-486px {
  height: 486px !important;
}

.h-487px {
  height: 487px !important;
}

.h-488px {
  height: 488px !important;
}

.h-489px {
  height: 489px !important;
}

.h-490px {
  height: 490px !important;
}

.h-491px {
  height: 491px !important;
}

.h-492px {
  height: 492px !important;
}

.h-493px {
  height: 493px !important;
}

.h-494px {
  height: 494px !important;
}

.h-495px {
  height: 495px !important;
}

.h-496px {
  height: 496px !important;
}

.h-497px {
  height: 497px !important;
}

.h-498px {
  height: 498px !important;
}

.h-499px {
  height: 499px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-51px {
  width: 51px !important;
}

.w-52px {
  width: 52px !important;
}

.w-53px {
  width: 53px !important;
}

.w-54px {
  width: 54px !important;
}

.w-55px {
  width: 55px !important;
}

.w-56px {
  width: 56px !important;
}

.w-57px {
  width: 57px !important;
}

.w-58px {
  width: 58px !important;
}

.w-59px {
  width: 59px !important;
}

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

.w-61px {
  width: 61px !important;
}

.w-62px {
  width: 62px !important;
}

.w-63px {
  width: 63px !important;
}

.w-64px {
  width: 64px !important;
}

.w-65px {
  width: 65px !important;
}

.w-66px {
  width: 66px !important;
}

.w-67px {
  width: 67px !important;
}

.w-68px {
  width: 68px !important;
}

.w-69px {
  width: 69px !important;
}

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

.w-71px {
  width: 71px !important;
}

.w-72px {
  width: 72px !important;
}

.w-73px {
  width: 73px !important;
}

.w-74px {
  width: 74px !important;
}

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

.w-76px {
  width: 76px !important;
}

.w-77px {
  width: 77px !important;
}

.w-78px {
  width: 78px !important;
}

.w-79px {
  width: 79px !important;
}

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

.w-81px {
  width: 81px !important;
}

.w-82px {
  width: 82px !important;
}

.w-83px {
  width: 83px !important;
}

.w-84px {
  width: 84px !important;
}

.w-85px {
  width: 85px !important;
}

.w-86px {
  width: 86px !important;
}

.w-87px {
  width: 87px !important;
}

.w-88px {
  width: 88px !important;
}

.w-89px {
  width: 89px !important;
}

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

.w-91px {
  width: 91px !important;
}

.w-92px {
  width: 92px !important;
}

.w-93px {
  width: 93px !important;
}

.w-94px {
  width: 94px !important;
}

.w-95px {
  width: 95px !important;
}

.w-96px {
  width: 96px !important;
}

.w-97px {
  width: 97px !important;
}

.w-98px {
  width: 98px !important;
}

.w-99px {
  width: 99px !important;
}

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

.w-101px {
  width: 101px !important;
}

.w-102px {
  width: 102px !important;
}

.w-103px {
  width: 103px !important;
}

.w-104px {
  width: 104px !important;
}

.w-105px {
  width: 105px !important;
}

.w-106px {
  width: 106px !important;
}

.w-107px {
  width: 107px !important;
}

.w-108px {
  width: 108px !important;
}

.w-109px {
  width: 109px !important;
}

.w-110px {
  width: 110px !important;
}

.w-111px {
  width: 111px !important;
}

.w-112px {
  width: 112px !important;
}

.w-113px {
  width: 113px !important;
}

.w-114px {
  width: 114px !important;
}

.w-115px {
  width: 115px !important;
}

.w-116px {
  width: 116px !important;
}

.w-117px {
  width: 117px !important;
}

.w-118px {
  width: 118px !important;
}

.w-119px {
  width: 119px !important;
}

.w-120px {
  width: 120px !important;
}

.w-121px {
  width: 121px !important;
}

.w-122px {
  width: 122px !important;
}

.w-123px {
  width: 123px !important;
}

.w-124px {
  width: 124px !important;
}

.w-125px {
  width: 125px !important;
}

.w-126px {
  width: 126px !important;
}

.w-127px {
  width: 127px !important;
}

.w-128px {
  width: 128px !important;
}

.w-129px {
  width: 129px !important;
}

.w-130px {
  width: 130px !important;
}

.w-131px {
  width: 131px !important;
}

.w-132px {
  width: 132px !important;
}

.w-133px {
  width: 133px !important;
}

.w-134px {
  width: 134px !important;
}

.w-135px {
  width: 135px !important;
}

.w-136px {
  width: 136px !important;
}

.w-137px {
  width: 137px !important;
}

.w-138px {
  width: 138px !important;
}

.w-139px {
  width: 139px !important;
}

.w-140px {
  width: 140px !important;
}

.w-141px {
  width: 141px !important;
}

.w-142px {
  width: 142px !important;
}

.w-143px {
  width: 143px !important;
}

.w-144px {
  width: 144px !important;
}

.w-145px {
  width: 145px !important;
}

.w-146px {
  width: 146px !important;
}

.w-147px {
  width: 147px !important;
}

.w-148px {
  width: 148px !important;
}

.w-149px {
  width: 149px !important;
}

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

.w-151px {
  width: 151px !important;
}

.w-152px {
  width: 152px !important;
}

.w-153px {
  width: 153px !important;
}

.w-154px {
  width: 154px !important;
}

.w-155px {
  width: 155px !important;
}

.w-156px {
  width: 156px !important;
}

.w-157px {
  width: 157px !important;
}

.w-158px {
  width: 158px !important;
}

.w-159px {
  width: 159px !important;
}

.w-160px {
  width: 160px !important;
}

.w-161px {
  width: 161px !important;
}

.w-162px {
  width: 162px !important;
}

.w-163px {
  width: 163px !important;
}

.w-164px {
  width: 164px !important;
}

.w-165px {
  width: 165px !important;
}

.w-166px {
  width: 166px !important;
}

.w-167px {
  width: 167px !important;
}

.w-168px {
  width: 168px !important;
}

.w-169px {
  width: 169px !important;
}

.w-170px {
  width: 170px !important;
}

.w-171px {
  width: 171px !important;
}

.w-172px {
  width: 172px !important;
}

.w-173px {
  width: 173px !important;
}

.w-174px {
  width: 174px !important;
}

.w-175px {
  width: 175px !important;
}

.w-176px {
  width: 176px !important;
}

.w-177px {
  width: 177px !important;
}

.w-178px {
  width: 178px !important;
}

.w-179px {
  width: 179px !important;
}

.w-180px {
  width: 180px !important;
}

.w-181px {
  width: 181px !important;
}

.w-182px {
  width: 182px !important;
}

.w-183px {
  width: 183px !important;
}

.w-184px {
  width: 184px !important;
}

.w-185px {
  width: 185px !important;
}

.w-186px {
  width: 186px !important;
}

.w-187px {
  width: 187px !important;
}

.w-188px {
  width: 188px !important;
}

.w-189px {
  width: 189px !important;
}

.w-190px {
  width: 190px !important;
}

.w-191px {
  width: 191px !important;
}

.w-192px {
  width: 192px !important;
}

.w-193px {
  width: 193px !important;
}

.w-194px {
  width: 194px !important;
}

.w-195px {
  width: 195px !important;
}

.w-196px {
  width: 196px !important;
}

.w-197px {
  width: 197px !important;
}

.w-198px {
  width: 198px !important;
}

.w-199px {
  width: 199px !important;
}

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

.w-201px {
  width: 201px !important;
}

.w-202px {
  width: 202px !important;
}

.w-203px {
  width: 203px !important;
}

.w-204px {
  width: 204px !important;
}

.w-205px {
  width: 205px !important;
}

.w-206px {
  width: 206px !important;
}

.w-207px {
  width: 207px !important;
}

.w-208px {
  width: 208px !important;
}

.w-209px {
  width: 209px !important;
}

.w-210px {
  width: 210px !important;
}

.w-211px {
  width: 211px !important;
}

.w-212px {
  width: 212px !important;
}

.w-213px {
  width: 213px !important;
}

.w-214px {
  width: 214px !important;
}

.w-215px {
  width: 215px !important;
}

.w-216px {
  width: 216px !important;
}

.w-217px {
  width: 217px !important;
}

.w-218px {
  width: 218px !important;
}

.w-219px {
  width: 219px !important;
}

.w-220px {
  width: 220px !important;
}

.w-221px {
  width: 221px !important;
}

.w-222px {
  width: 222px !important;
}

.w-223px {
  width: 223px !important;
}

.w-224px {
  width: 224px !important;
}

.w-225px {
  width: 225px !important;
}

.w-226px {
  width: 226px !important;
}

.w-227px {
  width: 227px !important;
}

.w-228px {
  width: 228px !important;
}

.w-229px {
  width: 229px !important;
}

.w-230px {
  width: 230px !important;
}

.w-231px {
  width: 231px !important;
}

.w-232px {
  width: 232px !important;
}

.w-233px {
  width: 233px !important;
}

.w-234px {
  width: 234px !important;
}

.w-235px {
  width: 235px !important;
}

.w-236px {
  width: 236px !important;
}

.w-237px {
  width: 237px !important;
}

.w-238px {
  width: 238px !important;
}

.w-239px {
  width: 239px !important;
}

.w-240px {
  width: 240px !important;
}

.w-241px {
  width: 241px !important;
}

.w-242px {
  width: 242px !important;
}

.w-243px {
  width: 243px !important;
}

.w-244px {
  width: 244px !important;
}

.w-245px {
  width: 245px !important;
}

.w-246px {
  width: 246px !important;
}

.w-247px {
  width: 247px !important;
}

.w-248px {
  width: 248px !important;
}

.w-249px {
  width: 249px !important;
}

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

.w-251px {
  width: 251px !important;
}

.w-252px {
  width: 252px !important;
}

.w-253px {
  width: 253px !important;
}

.w-254px {
  width: 254px !important;
}

.w-255px {
  width: 255px !important;
}

.w-256px {
  width: 256px !important;
}

.w-257px {
  width: 257px !important;
}

.w-258px {
  width: 258px !important;
}

.w-259px {
  width: 259px !important;
}

.w-260px {
  width: 260px !important;
}

.w-261px {
  width: 261px !important;
}

.w-262px {
  width: 262px !important;
}

.w-263px {
  width: 263px !important;
}

.w-264px {
  width: 264px !important;
}

.w-265px {
  width: 265px !important;
}

.w-266px {
  width: 266px !important;
}

.w-267px {
  width: 267px !important;
}

.w-268px {
  width: 268px !important;
}

.w-269px {
  width: 269px !important;
}

.w-270px {
  width: 270px !important;
}

.w-271px {
  width: 271px !important;
}

.w-272px {
  width: 272px !important;
}

.w-273px {
  width: 273px !important;
}

.w-274px {
  width: 274px !important;
}

.w-275px {
  width: 275px !important;
}

.w-276px {
  width: 276px !important;
}

.w-277px {
  width: 277px !important;
}

.w-278px {
  width: 278px !important;
}

.w-279px {
  width: 279px !important;
}

.w-280px {
  width: 280px !important;
}

.w-281px {
  width: 281px !important;
}

.w-282px {
  width: 282px !important;
}

.w-283px {
  width: 283px !important;
}

.w-284px {
  width: 284px !important;
}

.w-285px {
  width: 285px !important;
}

.w-286px {
  width: 286px !important;
}

.w-287px {
  width: 287px !important;
}

.w-288px {
  width: 288px !important;
}

.w-289px {
  width: 289px !important;
}

.w-290px {
  width: 290px !important;
}

.w-291px {
  width: 291px !important;
}

.w-292px {
  width: 292px !important;
}

.w-293px {
  width: 293px !important;
}

.w-294px {
  width: 294px !important;
}

.w-295px {
  width: 295px !important;
}

.w-296px {
  width: 296px !important;
}

.w-297px {
  width: 297px !important;
}

.w-298px {
  width: 298px !important;
}

.w-299px {
  width: 299px !important;
}

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

.w-301px {
  width: 301px !important;
}

.w-302px {
  width: 302px !important;
}

.w-303px {
  width: 303px !important;
}

.w-304px {
  width: 304px !important;
}

.w-305px {
  width: 305px !important;
}

.w-306px {
  width: 306px !important;
}

.w-307px {
  width: 307px !important;
}

.w-308px {
  width: 308px !important;
}

.w-309px {
  width: 309px !important;
}

.w-310px {
  width: 310px !important;
}

.w-311px {
  width: 311px !important;
}

.w-312px {
  width: 312px !important;
}

.w-313px {
  width: 313px !important;
}

.w-314px {
  width: 314px !important;
}

.w-315px {
  width: 315px !important;
}

.w-316px {
  width: 316px !important;
}

.w-317px {
  width: 317px !important;
}

.w-318px {
  width: 318px !important;
}

.w-319px {
  width: 319px !important;
}

.w-320px {
  width: 320px !important;
}

.w-321px {
  width: 321px !important;
}

.w-322px {
  width: 322px !important;
}

.w-323px {
  width: 323px !important;
}

.w-324px {
  width: 324px !important;
}

.w-325px {
  width: 325px !important;
}

.w-326px {
  width: 326px !important;
}

.w-327px {
  width: 327px !important;
}

.w-328px {
  width: 328px !important;
}

.w-329px {
  width: 329px !important;
}

.w-330px {
  width: 330px !important;
}

.w-331px {
  width: 331px !important;
}

.w-332px {
  width: 332px !important;
}

.w-333px {
  width: 333px !important;
}

.w-334px {
  width: 334px !important;
}

.w-335px {
  width: 335px !important;
}

.w-336px {
  width: 336px !important;
}

.w-337px {
  width: 337px !important;
}

.w-338px {
  width: 338px !important;
}

.w-339px {
  width: 339px !important;
}

.w-340px {
  width: 340px !important;
}

.w-341px {
  width: 341px !important;
}

.w-342px {
  width: 342px !important;
}

.w-343px {
  width: 343px !important;
}

.w-344px {
  width: 344px !important;
}

.w-345px {
  width: 345px !important;
}

.w-346px {
  width: 346px !important;
}

.w-347px {
  width: 347px !important;
}

.w-348px {
  width: 348px !important;
}

.w-349px {
  width: 349px !important;
}

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

.w-351px {
  width: 351px !important;
}

.w-352px {
  width: 352px !important;
}

.w-353px {
  width: 353px !important;
}

.w-354px {
  width: 354px !important;
}

.w-355px {
  width: 355px !important;
}

.w-356px {
  width: 356px !important;
}

.w-357px {
  width: 357px !important;
}

.w-358px {
  width: 358px !important;
}

.w-359px {
  width: 359px !important;
}

.w-360px {
  width: 360px !important;
}

.w-361px {
  width: 361px !important;
}

.w-362px {
  width: 362px !important;
}

.w-363px {
  width: 363px !important;
}

.w-364px {
  width: 364px !important;
}

.w-365px {
  width: 365px !important;
}

.w-366px {
  width: 366px !important;
}

.w-367px {
  width: 367px !important;
}

.w-368px {
  width: 368px !important;
}

.w-369px {
  width: 369px !important;
}

.w-370px {
  width: 370px !important;
}

.w-371px {
  width: 371px !important;
}

.w-372px {
  width: 372px !important;
}

.w-373px {
  width: 373px !important;
}

.w-374px {
  width: 374px !important;
}

.w-375px {
  width: 375px !important;
}

.w-376px {
  width: 376px !important;
}

.w-377px {
  width: 377px !important;
}

.w-378px {
  width: 378px !important;
}

.w-379px {
  width: 379px !important;
}

.w-380px {
  width: 380px !important;
}

.w-381px {
  width: 381px !important;
}

.w-382px {
  width: 382px !important;
}

.w-383px {
  width: 383px !important;
}

.w-384px {
  width: 384px !important;
}

.w-385px {
  width: 385px !important;
}

.w-386px {
  width: 386px !important;
}

.w-387px {
  width: 387px !important;
}

.w-388px {
  width: 388px !important;
}

.w-389px {
  width: 389px !important;
}

.w-390px {
  width: 390px !important;
}

.w-391px {
  width: 391px !important;
}

.w-392px {
  width: 392px !important;
}

.w-393px {
  width: 393px !important;
}

.w-394px {
  width: 394px !important;
}

.w-395px {
  width: 395px !important;
}

.w-396px {
  width: 396px !important;
}

.w-397px {
  width: 397px !important;
}

.w-398px {
  width: 398px !important;
}

.w-399px {
  width: 399px !important;
}

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

.w-401px {
  width: 401px !important;
}

.w-402px {
  width: 402px !important;
}

.w-403px {
  width: 403px !important;
}

.w-404px {
  width: 404px !important;
}

.w-405px {
  width: 405px !important;
}

.w-406px {
  width: 406px !important;
}

.w-407px {
  width: 407px !important;
}

.w-408px {
  width: 408px !important;
}

.w-409px {
  width: 409px !important;
}

.w-410px {
  width: 410px !important;
}

.w-411px {
  width: 411px !important;
}

.w-412px {
  width: 412px !important;
}

.w-413px {
  width: 413px !important;
}

.w-414px {
  width: 414px !important;
}

.w-415px {
  width: 415px !important;
}

.w-416px {
  width: 416px !important;
}

.w-417px {
  width: 417px !important;
}

.w-418px {
  width: 418px !important;
}

.w-419px {
  width: 419px !important;
}

.w-420px {
  width: 420px !important;
}

.w-421px {
  width: 421px !important;
}

.w-422px {
  width: 422px !important;
}

.w-423px {
  width: 423px !important;
}

.w-424px {
  width: 424px !important;
}

.w-425px {
  width: 425px !important;
}

.w-426px {
  width: 426px !important;
}

.w-427px {
  width: 427px !important;
}

.w-428px {
  width: 428px !important;
}

.w-429px {
  width: 429px !important;
}

.w-430px {
  width: 430px !important;
}

.w-431px {
  width: 431px !important;
}

.w-432px {
  width: 432px !important;
}

.w-433px {
  width: 433px !important;
}

.w-434px {
  width: 434px !important;
}

.w-435px {
  width: 435px !important;
}

.w-436px {
  width: 436px !important;
}

.w-437px {
  width: 437px !important;
}

.w-438px {
  width: 438px !important;
}

.w-439px {
  width: 439px !important;
}

.w-440px {
  width: 440px !important;
}

.w-441px {
  width: 441px !important;
}

.w-442px {
  width: 442px !important;
}

.w-443px {
  width: 443px !important;
}

.w-444px {
  width: 444px !important;
}

.w-445px {
  width: 445px !important;
}

.w-446px {
  width: 446px !important;
}

.w-447px {
  width: 447px !important;
}

.w-448px {
  width: 448px !important;
}

.w-449px {
  width: 449px !important;
}

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

.w-451px {
  width: 451px !important;
}

.w-452px {
  width: 452px !important;
}

.w-453px {
  width: 453px !important;
}

.w-454px {
  width: 454px !important;
}

.w-455px {
  width: 455px !important;
}

.w-456px {
  width: 456px !important;
}

.w-457px {
  width: 457px !important;
}

.w-458px {
  width: 458px !important;
}

.w-459px {
  width: 459px !important;
}

.w-460px {
  width: 460px !important;
}

.w-461px {
  width: 461px !important;
}

.w-462px {
  width: 462px !important;
}

.w-463px {
  width: 463px !important;
}

.w-464px {
  width: 464px !important;
}

.w-465px {
  width: 465px !important;
}

.w-466px {
  width: 466px !important;
}

.w-467px {
  width: 467px !important;
}

.w-468px {
  width: 468px !important;
}

.w-469px {
  width: 469px !important;
}

.w-470px {
  width: 470px !important;
}

.w-471px {
  width: 471px !important;
}

.w-472px {
  width: 472px !important;
}

.w-473px {
  width: 473px !important;
}

.w-474px {
  width: 474px !important;
}

.w-475px {
  width: 475px !important;
}

.w-476px {
  width: 476px !important;
}

.w-477px {
  width: 477px !important;
}

.w-478px {
  width: 478px !important;
}

.w-479px {
  width: 479px !important;
}

.w-480px {
  width: 480px !important;
}

.w-481px {
  width: 481px !important;
}

.w-482px {
  width: 482px !important;
}

.w-483px {
  width: 483px !important;
}

.w-484px {
  width: 484px !important;
}

.w-485px {
  width: 485px !important;
}

.w-486px {
  width: 486px !important;
}

.w-487px {
  width: 487px !important;
}

.w-488px {
  width: 488px !important;
}

.w-489px {
  width: 489px !important;
}

.w-490px {
  width: 490px !important;
}

.w-491px {
  width: 491px !important;
}

.w-492px {
  width: 492px !important;
}

.w-493px {
  width: 493px !important;
}

.w-494px {
  width: 494px !important;
}

.w-495px {
  width: 495px !important;
}

.w-496px {
  width: 496px !important;
}

.w-497px {
  width: 497px !important;
}

.w-498px {
  width: 498px !important;
}

.w-499px {
  width: 499px !important;
}

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

.h-1vh {
  height: 1vh !important;
}

.h-2vh {
  height: 2vh !important;
}

.h-3vh {
  height: 3vh !important;
}

.h-4vh {
  height: 4vh !important;
}

.h-5vh {
  height: 5vh !important;
}

.h-6vh {
  height: 6vh !important;
}

.h-7vh {
  height: 7vh !important;
}

.h-8vh {
  height: 8vh !important;
}

.h-9vh {
  height: 9vh !important;
}

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

.h-11vh {
  height: 11vh !important;
}

.h-12vh {
  height: 12vh !important;
}

.h-13vh {
  height: 13vh !important;
}

.h-14vh {
  height: 14vh !important;
}

.h-15vh {
  height: 15vh !important;
}

.h-16vh {
  height: 16vh !important;
}

.h-17vh {
  height: 17vh !important;
}

.h-18vh {
  height: 18vh !important;
}

.h-19vh {
  height: 19vh !important;
}

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

.h-21vh {
  height: 21vh !important;
}

.h-22vh {
  height: 22vh !important;
}

.h-23vh {
  height: 23vh !important;
}

.h-24vh {
  height: 24vh !important;
}

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

.h-26vh {
  height: 26vh !important;
}

.h-27vh {
  height: 27vh !important;
}

.h-28vh {
  height: 28vh !important;
}

.h-29vh {
  height: 29vh !important;
}

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

.h-31vh {
  height: 31vh !important;
}

.h-32vh {
  height: 32vh !important;
}

.h-33vh {
  height: 33vh !important;
}

.h-34vh {
  height: 34vh !important;
}

.h-35vh {
  height: 35vh !important;
}

.h-36vh {
  height: 36vh !important;
}

.h-37vh {
  height: 37vh !important;
}

.h-38vh {
  height: 38vh !important;
}

.h-39vh {
  height: 39vh !important;
}

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

.h-41vh {
  height: 41vh !important;
}

.h-42vh {
  height: 42vh !important;
}

.h-43vh {
  height: 43vh !important;
}

.h-44vh {
  height: 44vh !important;
}

.h-45vh {
  height: 45vh !important;
}

.h-46vh {
  height: 46vh !important;
}

.h-47vh {
  height: 47vh !important;
}

.h-48vh {
  height: 48vh !important;
}

.h-49vh {
  height: 49vh !important;
}

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

.h-51vh {
  height: 51vh !important;
}

.h-52vh {
  height: 52vh !important;
}

.h-53vh {
  height: 53vh !important;
}

.h-54vh {
  height: 54vh !important;
}

.h-55vh {
  height: 55vh !important;
}

.h-56vh {
  height: 56vh !important;
}

.h-57vh {
  height: 57vh !important;
}

.h-58vh {
  height: 58vh !important;
}

.h-59vh {
  height: 59vh !important;
}

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

.h-61vh {
  height: 61vh !important;
}

.h-62vh {
  height: 62vh !important;
}

.h-63vh {
  height: 63vh !important;
}

.h-64vh {
  height: 64vh !important;
}

.h-65vh {
  height: 65vh !important;
}

.h-66vh {
  height: 66vh !important;
}

.h-67vh {
  height: 67vh !important;
}

.h-68vh {
  height: 68vh !important;
}

.h-69vh {
  height: 69vh !important;
}

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

.h-71vh {
  height: 71vh !important;
}

.h-72vh {
  height: 72vh !important;
}

.h-73vh {
  height: 73vh !important;
}

.h-74vh {
  height: 74vh !important;
}

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

.h-76vh {
  height: 76vh !important;
}

.h-77vh {
  height: 77vh !important;
}

.h-78vh {
  height: 78vh !important;
}

.h-79vh {
  height: 79vh !important;
}

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

.h-81vh {
  height: 81vh !important;
}

.h-82vh {
  height: 82vh !important;
}

.h-83vh {
  height: 83vh !important;
}

.h-84vh {
  height: 84vh !important;
}

.h-85vh {
  height: 85vh !important;
}

.h-86vh {
  height: 86vh !important;
}

.h-87vh {
  height: 87vh !important;
}

.h-88vh {
  height: 88vh !important;
}

.h-89vh {
  height: 89vh !important;
}

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

.h-91vh {
  height: 91vh !important;
}

.h-92vh {
  height: 92vh !important;
}

.h-93vh {
  height: 93vh !important;
}

.h-94vh {
  height: 94vh !important;
}

.h-95vh {
  height: 95vh !important;
}

.h-96vh {
  height: 96vh !important;
}

.h-97vh {
  height: 97vh !important;
}

.h-98vh {
  height: 98vh !important;
}

.h-99vh {
  height: 99vh !important;
}

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

.card-shadow {
  box-shadow: 0px 20px 60px 0px rgba(11, 34, 56, 0.1) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.profile-stats {
  padding-bottom: 32px;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0 0 40px 0 rgba(94, 92, 154, 0.06);
}

.profile-stats.fixed-height {
  height: 558px;
  padding-bottom: 0;
}

.profile-stats .profile-stats-cover {
  height: 160px;
  padding-top: 34px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background-size: cover;
}

.profile-stats .profile-stats-info .featured-stat-list {
  margin-top: 18px;
}

.profile-avatar .profile-avatar-inner {
  padding: 8px;
  width: 20vh;
  height: 20vh;
  border-radius: 550px;
  position: relative;
  background: #edf0f4;
}

.profile-avatar .profile-avatar-inner::before {
  content: "";
  background: #00000021;
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  border-radius: 550px;
  left: 0;
  top: 0;
}

.profile-avatar .profile-avatar-inner .label {
  position: absolute;
  top: 37%;
  color: #fff;
  font-size: 16px;
  left: 10%;
}

.profile-avatar .profile-avatar-inner img {
  border-radius: 550px;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}

.profile-avatar .profile-avatar-inner [type=file] {
  cursor: pointer;
  z-index: 999;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.profile-avatar .profile-avatar-inner .icon-over {
  background: #fff;
  display: inline;
  padding: 13px;
  font-size: 18px;
  border-radius: 550px;
  top: -38px;
  position: relative;
  right: -66px;
}

.stats-decoration {
  height: 96px;
  padding: 28px 0 0 88px;
  border-radius: 12px;
  background: linear-gradient(-145deg, #4079e0, #2e64d0);
  box-shadow: 0 0 40px 0 rgba(94, 92, 154, 0.06);
  position: relative;
  color: #fff;
}

.stats-decoration.v2.big {
  height: 213px;
  padding: 46px 0 0;
  text-align: center;
}

.stats-decoration.v2.big::before {
  content: "";
  display: block;
  background: linear-gradient(0deg, #0000004f, #00f0 80%) no-repeat;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px;
  z-index: 99;
}

.stats-decoration.v2.big img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-radius: 10px;
  z-index: 98;
}

.stats-decoration.v2.big p {
  position: relative;
  color: #fff;
  z-index: 99;
}

.stats-decoration.v2.big .stats-decoration-title {
  font-size: 3rem;
}

.stats-decoration.v2.big .stats-decoration-subtitle {
  margin-top: 8px;
  font-size: 0.875rem;
  font-weight: 700;
}

.stats-decoration.v2.big .stats-decoration-text {
  margin-top: 6px;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}

.stats-decoration.v2.big .percentage-diff {
  position: absolute;
  top: 24px;
  right: 28px;
  display: flex;
  align-items: center;
}

.stats-decoration.v2.big .percentage-diff .percentage-diff-text {
  font-size: 0.75rem;
  font-weight: 700;
}

.stats-decoration.v2.big .percentage-diff .percentage-diff-icon-wrap.negative {
  border-color: #ff5384;
}

.stats-decoration.v2.big .percentage-diff .percentage-diff .percentage-diff-icon-wrap {
  margin-right: 4px;
}

.stats-decoration.v2.big .percentage-diff .percentage-diff-icon-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  border: 2px solid transparent;
  border-radius: 50%;
}

.stats-decoration.v2.big .percentage-diff .percentage-diff-icon-wrap i {
  color: #ff5384;
}

.featured-stat-list .featured-stat {
  width: 100%;
  position: relative;
}

.featured-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.featured-stat::after {
  content: "";
  width: 1px;
  height: 40px;
  background-color: #eaeaf5;
  position: absolute;
  top: 52px;
  right: 0;
}

.featured-stat .featured-stat-title {
  margin-top: 20px;
  font-size: 1.375rem;
  font-weight: 700;
}

.featured-stat .featured-stat-text {
  margin-top: 6px;
  color: #adafca;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}

.featured-stat .featured-stat-subtitle {
  margin-top: 12px;
  font-size: 0.875rem;
  font-weight: 700;
}

.featured-stat-list {
  display: flex;
}

.stat-block {
  height: 120px;
  padding-left: 28px;
  align-items: center;
  display: flex;
  min-height: 48px;
}

.stat-block .stat-block-decoration {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: linear-gradient(-145deg, #41efff, #615dfa);
  margin-right: 16px;
}

.stat-block .stat-block-info {
  margin-top: 6px;
}

.stat-block .stat-block-info .stat-block-title {
  color: #adafca;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}

.stat-block .stat-block-info .stat-block-text {
  margin-top: 8px;
  font-size: 1rem;
  font-weight: 700;
}

.link-list a {
  display: flex;
  align-items: center;
  color: #526484;
  font-size: 13px;
  line-height: 1.4rem;
  font-weight: 500;
  padding: 0.575rem 0;
  position: relative;
}

.boxup-auth .overlay {
  background: #0000007a;
  position: fixed;
  z-index: 99;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
}

.boxup-auth .box--signup {
  z-index: 999;
}

.hide {
  display: none;
}

.overlay-sidebar.show {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(16, 25, 36, 0.4);
  z-index: 99;
  -webkit-animation: overlay-fade-in 0.4s ease 1;
  animation: overlay-fade-in 0.4s ease 1;
}

.item_nav_side {
  background-color: #fff;
  padding: 2rem 3rem 2rem 2rem;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 320px;
  transform: translate(0%);
  z-index: 999;
  transition: 0.5s;
}

.item_nav_side.store-side {
  position: relative;
}

.item_nav_side .brand_top {
  padding: 2rem;
  padding-top: 2rem;
  padding-top: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.item_nav_side .nav-pills .navtitle {
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  color: #838d91;
  font-size: 12px;
  margin: 10px 0 10px 0;
  overflow: hidden;
  float: none;
}

.item_nav_side .nav-pills .nav-link {
  text-align: left;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 500;
  border-radius: 12px;
  padding: 0.95rem 1.2rem;
  color: #0B2238;
  margin-bottom: 0.2rem;
}

.item_nav_side .nav-pills .nav-link.active {
  color: #fff;
}

.item_nav_side .nav-pills .nav-link .tio {
  vertical-align: middle;
  margin-right: 0.3rem;
  font-size: 18px;
}

.re-80 {
  height: 80px !important;
  width: 80px !important;
}

.widget-box {
  padding: 32px 28px;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0 0 40px 0 rgba(94, 92, 154, 0.06);
  position: relative;
}

.widget-box .widget-box-title {
  font-size: 1rem;
  font-weight: 700;
  padding: 32px 28px 0;
}

.widget-box .widget-box-content.padded-for-scroll.medium {
  height: 676px;
}

.widget-box .widget-box-content.padded-for-scroll {
  height: 358px;
  padding-bottom: 28px;
}

.widget-box .widget-box-content.padded-for-scroll .scroll-content {
  padding: 0 28px;
}

.widget-box .widget-box-content {
  margin-top: 36px;
}

@media (max-width: 991px) {
  .widget-box {
    padding: 1.025rem;
  }

  .widget-box .widget-box-content {
    margin-top: 15px !important;
  }

  .exp-line {
    flex-direction: column !important;
  }

  .exp-line .text-sticker {
    width: 100% !important;
    margin-right: 0 !important;
  }
}

.user-status-list .user-status {
  margin-bottom: 22px;
}

.copy-init {
  position: relative;
}

.copy-init .form-clip {
  position: absolute;
  background: #2560df;
  right: 0;
  bottom: 0;
  height: 100%;
  padding: 7px 12px;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}

.copy-init input {
  height: calc(2em + .75rem + 2px);
  border-radius: 0;
  font-size: 13px;
}

.user-status {
  min-height: 44px;
  padding: 2px 0 0 52px;
  position: relative;
}

.user-status .user-status-activity.activity-share {
  background-color: #3ad2fe;
}

.user-status .user-status-activity {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
}

.user-status .user-status-activity,
.user-status .user-status-avatar {
  position: absolute;
  top: 0;
  left: 0;
}

.user-status .user-status-timestamp {
  margin-top: 4px;
  color: #8f91ac;
  font-size: 0.75rem;
  font-weight: 500;
}

.user-status .user-status-title {
  color: #3e3f5e;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4285714286em;
}

.user-status .user-status-title .bold {
  color: #3e3f5e;
  font-weight: 700;
}

.user-status .user-status-activity {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
}

.highlighted {
  color: #00c7d9;
  font-weight: 600;
}

p .reaction {
  width: 20px;
  height: 20px;
  margin: 0 2px;
  position: relative;
  top: -2px;
}

.section-banner {
  min-height: 160px;
  padding: 52px 60px 0 200px;
  border-radius: 12px;
  position: relative;
}

.section-banner .section-banner-icon {
  position: absolute;
  bottom: 0;
  left: 0;
}

.section-banner .section-banner-title {
  font-size: 2.25rem;
  font-weight: 700;
}

.section-banner .section-banner .section-banner-title {
  color: #fff;
}

.section-banner .section-banner-text {
  margin-top: 10px;
  font-size: 1rem;
  color: #fff;
  font-weight: 500;
}

.head_account.dash {
  position: relative;
  background: #000;
  height: 20vh;
  border-radius: 10px;
}

.head_account.dash .overlay-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.head_account.dash .img_profile {
  width: 100%;
  display: flex;
  justify-content: center;
}

.head_account.dash .img_profile img {
  height: 90px;
  width: 90px;
  border-radius: 550px;
  position: absolute;
  bottom: -20px;
}

.bg-clighter {
  background: #dedede6b !important;
}

.exp-line {
  display: flex;
  align-items: center;
  padding-right: 100px;
  position: relative;
  margin-bottom: 22px;
}

.exp-line .avatar img {
  width: 5vh;
  height: 5vh;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 550px;
}

.exp-line .exp-line-icon {
  fill: #adafca;
  flex-shrink: 0;
  margin-right: 18px;
}

.exp-line .exp-line-text {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4285714286em;
}

.exp-line .exp-line-timestamp {
  color: #3e3f5e;
  font-size: 0.875rem;
  font-weight: 500;
  position: absolute;
  right: 0;
}

.text-sticker {
  flex-shrink: 0;
  margin-right: 28px;
  height: 32px;
  padding: 0 14px;
  border-radius: 200px;
  background-color: #fff;
  box-shadow: 3px 5px 20px 0 rgba(94, 92, 154, 0.12);
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 32px;
}

.text-sticker.full {
  width: 100%;
  flex-shrink: 1;
}

.product-card .item-handle {
  position: absolute;
  top: 5px;
  right: 5px;
  background: #fff;
  padding: 10px;
  border-radius: 5px;
  outline: 0;
}

.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.dashboard-card.is-welcome {
  background: #fff;
  border: none;
  padding: 40px;
}

.dashboard-card.is-welcome .welcome-title h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 2rem;
  color: #283252;
}

.dashboard-card.is-welcome .welcome-progress {
  display: flex;
  align-items: center;
  padding: 10px 0;
}

.dashboard-card.is-welcome .welcome-progress .meta {
  margin-left: 16px;
}

.dashboard-card.is-welcome .welcome-progress .meta span {
  display: block;
}

.dashboard-card.is-welcome .welcome-progress .meta span:nth-child(2) {
  font-family: "Montserrat", sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  color: #283252;
}

.dashboard-card.is-welcome .welcome-progress .meta span:first-child {
  color: #a2a5b9;
  font-size: 0.95rem;
}

.dropdown-menu {
  box-shadow: 0px 20px 60px 0px rgba(11, 34, 56, 0.1) !important;
  border: 0;
  padding: 20px;
  min-width: 13rem;
}

.user-avatar-text {
  border-radius: 4px;
  height: 40px;
  width: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: #798bff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.06em;
  flex-shrink: 0;
  position: relative;
}

.user-avatar-text span {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.06em;
}

.ob-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.ob-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.dash-qr-img {
  width: 100%;
  height: 20.5vh;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (max-width: 767px) {
  .box--signup {
    display: block;
  }
}

.text-muted-2 {
  color: #a2a5b9 !important;
}

.btn_right_right {
  position: absolute;
  right: 0;
  top: 0;
}

.p-relative {
  position: relative;
}

.line-stats {
  display: flex;
}

.line-stats .line-stat {
  margin-right: 30px;
}

.line-stats .line-stat span {
  display: block;
}

.line-stats .line-stat span:first-child {
  color: #a2a5b9;
  font-size: 0.9rem;
}

.line-stats .line-stat span:nth-child(2) {
  font-size: 1.2rem;
  font-weight: 600;
}

.dropzone {
  background: #f0f0f0 !important;
  padding: 7px;
  border-radius: 14px;
}

.dropzone .dz-loader {
  display: flex;
  background: #a5a3a3;
  border-radius: 10px;
  padding: 4px 10px;
  justify-content: space-between;
}

.dropzone .dz-loader .dz-filename {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  color: #fff;
}

.dropzone .dz-loader .dz-spinner {
  display: flex;
  flex-direction: column;
  align-items: last baseline;
  color: #fff;
  font-size: 11px;
  justify-content: center;
}

.dropzone .dropzone-items {
  background: #f0f0f0;
  padding: 7px;
  border-radius: 14px;
}

.dropzone .dropzone-item {
  display: flex;
  margin-top: 0.75rem;
  border-radius: 0.675rem;
  position: relative;
  height: 23vh;
}

.dropzone .dropzone-item .dz-img {
  height: 23vh;
  width: 100%;
}

.dropzone .dropzone-item .dz-img img {
  border-radius: 10px;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.dropzone .dropzone-item .dz-de {
  position: relative;
  z-index: 9999;
  border-radius: 10px;
  padding: 10px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.88), #0000);
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.dropzone .dropzone-item .dz-de .dz-filename {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 11px;
  color: #fff;
  max-width: 250px;
}

.dropzone .dropzone-item .dz-de .dz-remove {
  margin-right: 15px;
}

.dropzone .dropzone-item .dz-de .dz-size {
  color: #959191;
  font-size: 9px;
  width: 100%;
  margin-left: 34px;
}

.dropzone .dropzone-item .dz-details {
  width: 100%;
  height: 100%;
}

.dropzone .dropzone-item .dz-details .dz-de .dz-filename {
  z-index: 99;
  position: relative;
  font-size: 11px;
  max-width: 239px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.dropzone .dropzone-item .dz-details .dz-img {
  position: relative;
}

.dropzone .dropzone-item .dz-details .dz-img img {
  position: absolute;
  width: 100%;
  height: 23vh;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
}

.card.custom-input-uploader {
  background-color: #FFF;
  border-radius: 0.5rem;
  box-shadow: 0px 5px 20px rgba(49, 104, 146, 0.25);
}

.card.custom-input-uploader .card-body {
  padding: 3.5rem 1.25rem;
}

.card.custom-input-uploader .card-body .card-title {
  color: #1689ff;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 0.25rem;
}

.card.custom-input-uploader .card-body .card-subtitle {
  color: #777;
  font-weight: 500;
  text-align: center;
}

.card.custom-input-uploader .file-upload {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 4rem 1.5rem;
  margin-top: 2rem;
  border: 3px dashed #9dceff;
  border-radius: 0.5rem;
  transition: background-color 0.25s ease-out;
}

.card.custom-input-uploader .file-upload:hover {
  background-color: #dbedff;
}

.card.custom-input-uploader .file-upload .file-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  outline: none;
  cursor: pointer;
}

.card.custom-input-uploader .icon {
  width: 75px;
  margin-bottom: 1rem;
}

@media (max-width: 600px) {
  .card.custom-input-uploader .icon {
    width: 50px;
  }
}

.avatar-upload {
  position: relative;
  max-width: 205px;
  margin: 50px auto;
}

.avatar-upload .avatar-edit {
  position: absolute;
  right: 12px;
  z-index: 1;
  top: 10px;
}

.avatar-upload .avatar-edit input {
  display: none;
}

.avatar-upload .avatar-edit input + label {
  display: flex;
  width: 34px;
  height: 34px;
  margin-bottom: 0;
  border-radius: 100%;
  background: #FFFFFF;
  border: 1px solid transparent;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
  justify-content: center;
  align-items: center;
}

.avatar-upload .avatar-edit input + label:hover {
  background: #f1f1f1;
  border-color: #d6d6d6;
}

.avatar-upload .avatar-preview {
  width: 192px;
  height: 192px;
  position: relative;
  border-radius: 100%;
  border: 6px solid #fff;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.avatar-upload .avatar-preview > div {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.p-file-upload-preview {
  width: 100%;
  height: auto;
  position: relative;
  transition: all 350ms ease-in-out;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.p-file-upload-preview:last-child {
  margin-bottom: 0;
}

.p-file-upload-preview .p-file-upload-p-header {
  display: flex;
  align-items: center;
  position: absolute;
  padding: 4px;
  left: 0;
  right: 0;
  top: 0;
  line-height: normal;
  background: linear-gradient(#0e0e0e, #00000003) !important;
  color: #fff;
  z-index: 1;
}

.p-file-upload-preview .p-file-upload-p-header-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 7px;
  padding-top: 5px;
  padding-right: 10px;
  width: 70%;
}

.p-file-upload-preview .p-file-upload-title {
  font-size: 13px;
  margin-bottom: 2px;
  font-weight: 400;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 100%;
}

.p-file-upload-preview .p-file-upload-drag {
  position: absolute;
  right: 0;
  background: #fff;
  padding: 7px 10px;
  color: #000;
  top: 0;
  border-radius: 5px;
}

.p-file-upload-preview .p-file-upload-size {
  font-size: 10px;
  color: #c3c3c3;
}

.p-file-upload-preview .p-file-upload-delete {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 9999px;
  transition: box-shadow 0.25s ease-in;
  cursor: pointer;
  position: absolute;
  right: 12px;
}

.p-file-upload-preview .p-file-upload-p-main {
  background: #0e0e0e;
  position: relative;
  width: 100%;
  height: auto;
  transition: all 350ms ease-in-out;
  display: block;
}

.p-file-upload-preview .p-file-upload-image {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transition: all 350ms ease-in-out;
}

.p-file-upload-preview .p-file-upload-image img {
  width: 100%;
  height: 240px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  position: relative;
}

.pricing-select {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-flow: column;
  width: 100%;
}

.pricing-select input[type=radio] + div {
  transition: all 0.3s ease-in-out;
}

.pricing-select .pricing-select-inner {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-radius: 5px;
  border: 3px solid #e5e9f2;
  padding: 17px 0;
}

.pricing-select .pricing-select-inner .price {
  word-wrap: anywhere;
  font-size: 0.95rem;
  font-weight: 900;
  color: #4052ff;
}

.pricing-select .pricing-select-inner .price + div {
  color: #a2a5b9;
  font-size: 0.85rem;
}

.pricing-select .pricing-select-inner label {
  color: #fff;
  border-radius: 10px;
}

.pricing-select .pricing-select-inner label i {
  padding: 9px;
  font-size: 17px;
  background: #fff;
  border-radius: 550px;
  border: 1px solid #e5e5e5;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  color: #f0f0f0;
}

.pricing-select input[type=radio]:checked + div {
  background: #fff;
  box-shadow: none;
  border: 3px solid #4052ff;
  color: black;
}

.pricing-select input[type=radio]:checked + div label i {
  color: #06d6a0;
}

.color-select {
  display: inline-flex;
  align-content: center;
  flex-direction: column;
  text-align: center;
  margin-left: 10px;
}

.color-select input[type=radio] + div {
  transition: all 0.3s ease-in-out;
}

.color-select .color-select-inner {
  background: var(--color-select-val);
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-radius: 550px;
  border: 3px solid #e6e6e6;
  padding: 18px;
}

.color-select .color-select-inner label {
  color: #fff;
  border-radius: 10px;
}

.color-select input[type=radio]:checked + div {
  box-shadow: none;
  border: 3px solid #e5e9f2;
  color: black;
  opacity: 0.5;
}

.color-select input[type=radio]:checked + div label i {
  color: #06d6a0;
}

.big-radio {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-flow: column;
  width: 100%;
}

.big-radio input[type=radio]:checked + div {
  background: #fff;
  box-shadow: none;
  border: 3px solid #4052ff;
  color: black;
}

.big-radio input[type=radio] + div {
  transition: all 0.3s ease-in-out;
}

.big-radio .payment {
  display: flex;
  justify-content: center;
  border-radius: 6px;
  padding: 20px;
  margin: 10px 0;
  border: 3px solid #e5e9f2;
}

.big-radio .payment img {
  border-radius: 550px;
  width: 280px;
  height: 35px;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (max-width: 991px) {
  body {
    padding-left: 20px;
    padding-right: 20px;
  }

  .item_nav_side {
    transform: translate(-100%);
  }

  .clov-sidebar + #wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}

.item_nav_side.show {
  transform: translate(0%);
}

.sidebar-panel {
  position: fixed;
  top: 0;
  left: 80px;
  height: 100%;
  width: 240px;
  background: #fff;
  transform: translateX(240px);
  z-index: 100;
  transition: all 0.3s;
}

@media (max-width: 991px) {
  .sidebar-panel {
    left: 0;
    transform: translate(-100%);
  }

  .sidebar-panel.active {
    transform: translate(0%);
  }
}

.sidebar-panel .inner {
  position: relative;
  height: calc(100vh - 60px);
  width: 240px;
  overflow-y: auto;
  overflow-x: hidden;
  background: #fff;
}

.sidebar-panel .is-new-conversation {
  height: 60px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  cursor: pointer;
}

.sidebar-panel #conversations-list {
  position: relative;
  height: 100%;
  overflow-y: auto !important;
}

.sidebar-panel ul li {
  position: relative;
  height: 64px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-left: 2px solid transparent;
  cursor: pointer;
  margin-bottom: 10px;
}

.sidebar-panel ul li.is-active {
  z-index: 31;
  border-left-color: #000;
  background: #f4f4f4;
}

.sidebar-panel ul li .recent-user {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 20px;
  cursor: pointer;
}

.sidebar-panel ul li .recent-user .recipient-meta {
  margin-left: 10px;
}

.sidebar-panel ul li .recent-user .recipient-meta span {
  display: block;
}

.sidebar-panel ul li .recent-user .recipient-meta span:first-child {
  color: #283252;
  font-weight: 500;
  font-size: 0.9rem;
}

.sidebar-panel ul li .recent-user .recipient-meta span:nth-child(2) {
  max-width: 135px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.75rem;
  color: #999;
}

.sidebar-panel ul li .recent-user .user-container {
  position: relative;
}

.sidebar-panel ul li .recent-user .user-container img {
  height: 36px;
  width: 36px;
  border-radius: 50%;
  display: block;
}

.view-wrapper {
  position: relative;
  height: 100%;
  min-height: 100vh;
  width: calc(100% - 80px);
  padding: 0 0 60px 0;
  margin-left: 80px;
  background: #f0f0f0;
  background: #f2f2f2;
  transition: all 0.3s;
}

.view-wrapper.is-pushed-full {
  margin-left: 200px;
  width: initial;
}

@media (max-width: 992px) {
  .view-wrapper {
    margin-left: 0 !important;
  }

  .view-wrapper.is-pushed-full {
    margin-left: 0 !important;
  }

  .view-wrapper .is-chat-placeholder {
    width: 100% !important;
  }
}

.dropdown.is-active {
  display: block;
  top: auto;
  bottom: 100%;
}

.message-field-wrapper {
  position: absolute;
  bottom: 10px;
  left: 5px;
  display: flex;
  align-items: center;
  height: 60px;
  width: calc(100% - 320px);
  padding: 0 16px;
  transition: all 0.3s;
  z-index: 2;
  width: 100%;
}

.message-field-wrapper .control {
  box-sizing: border-box;
  clear: both;
  font-size: 1rem;
  position: relative;
  text-align: inherit;
  position: relative;
  width: 100%;
}

.message-field-wrapper .control input {
  height: 52px;
  border: 0;
  border-radius: 15px;
  padding-left: 80px;
}

.header {
  z-index: 99999999;
}

.hide {
  display: none;
}

.order-long-card {
  width: 100%;
  min-height: 340px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  display: flex;
  overflow: hidden;
  margin-bottom: 30px;
}

.order-long-card .left-side {
  width: 60%;
  border-right: 1px solid #e3e3e3;
  padding: 30px 10px 30px 30px;
}

.order-long-card .left-side .order-header {
  display: flex;
  align-items: center;
  padding-right: 20px;
  padding-bottom: 20px;
}

.order-long-card .left-side .order-header h3,
.order-long-card .left-side .order-header .date {
  color: #4a4a4a;
  font-weight: 600;
  margin-right: 12px;
}

.order-long-card .left-side .order-header .date {
  font-size: 0.9rem;
  color: #999;
}

.order-long-card .left-side .ordered-products {
  position: relative;
  max-height: 255px;
  height: 255px;
  padding-right: 20px;
  overflow-y: auto;
}

.order-long-card .left-side .ordered-products .products-loader {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  max-height: 255px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s;
  z-index: 2;
}

.order-long-card .left-side .ordered-products .ordered-product {
  display: flex;
  align-items: center;
  padding: 16px 0;
  border-top: 1px solid #e8e8e8;
}

.order-long-card .left-side .ordered-products .ordered-product img {
  display: block;
  width: 50px;
  height: 50px;
  min-width: 50px;
}

.order-long-card .left-side .ordered-products .ordered-product .product-subtotal {
  margin-left: auto;
}

.order-long-card .left-side .ordered-products .ordered-product .product-subtotal span {
  display: block;
}

.order-long-card .left-side .ordered-products .ordered-product .product-subtotal span:first-child {
  text-align: right;
  text-transform: uppercase;
  font-family: "Raleway", sans-serif;
  font-size: 0.7rem;
  line-height: 1;
  color: #999;
}

.order-long-card .left-side .ordered-products .ordered-product .product-meta {
  margin-left: 16px;
}

.order-long-card .left-side .ordered-products .ordered-product .product-meta span {
  display: block;
}

.order-long-card .left-side .ordered-products .ordered-product .product-meta span.name {
  font-weight: 600;
  color: #4a4a4a;
}

.order-long-card .left-side .ordered-products .ordered-product .product-meta span.price {
  display: flex;
}

.order-long-card .left-side .ordered-products .ordered-product .product-meta span.price span:first-child {
  margin-right: 8px;
  font-weight: 600;
  color: #0023ff;
}

.order-long-card .left-side .ordered-products .ordered-product .product-meta span.price span:nth-child(2) {
  font-size: 0.95rem;
  color: #999;
}

.awe-block-item {
  flex: 1;
  display: inline-block;
  width: 100%;
  padding: 20px;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #e5e5e5;
  transition: all 0.3s;
  position: relative;
  padding: 1.5rem;
  min-height: 220px;
  overflow: hidden;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.awe-block-item.blocks {
  background-color: #f0f1f6;
}

.awe-block-item.blocks .media-title {
  color: #000 !important;
  font-size: 1rem !important;
}

.awe-block-item.blocks .icon {
  position: absolute;
  height: 5em;
  top: 20px;
  left: 20px;
}

.awe-block-item.blocks .play-button {
  right: 20px;
  left: initial;
}

.awe-block-item .play-button {
  position: absolute;
  top: 20px;
  left: 20px;
  background: #fff;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  outline: none;
  border-radius: 0.75rem;
  z-index: 3;
  cursor: pointer;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}

.awe-block-item .item-duration {
  position: absolute;
  top: 20px;
  right: 20px;
  background: #671cc9;
  box-shadow: 0 14px 26px -12px rgba(103, 28, 201, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(103, 28, 201, 0.2);
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  color: #fff;
  height: 2.75em;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 0.5rem;
  line-height: 2.7;
  transition: 0.5s;
  z-index: 3;
}

.awe-block-item .overlay-layer {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
}

.awe-block-item .overlay-layer .overlay-content {
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.awe-block-item .overlay-layer .overlay-content .inner-content {
  padding: 20px;
  color: #fff;
}

.awe-block-item .overlay-layer .overlay-content .inner-content .media-title {
  font-family: "Montserrat", sans-serif;
  font-size: 1.3rem;
  font-weight: bolder;
  line-height: 24px;
  color: #fcfcfc;
  margin-bottom: 6px;
}

.awe-block-item .overlay-layer .overlay-content .inner-content .media-meta {
  display: flex;
  align-items: center;
}

.awe-block-item .overlay-layer .overlay-content .inner-content .media-meta img {
  display: block;
  height: 30px;
  width: 30px;
  min-width: 30px;
  border-radius: 50%;
  margin-right: 6px;
}

.awe-block-item .overlay-layer .overlay-content .inner-content .media-meta .separator {
  padding: 0 10px;
  font-size: 0.8rem;
  color: #e3e3e3;
  opacity: 0.6;
  text-align: center;
  color: #fcfcfc;
}

.awe-block-item .overlay-layer .overlay-content .inner-content .media-meta .meta-item {
  display: block;
  font-size: 0.82rem;
  font-weight: 500;
  color: #e8e8e8;
  transition: color 0.3s;
}

.awe-block-item .item-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(to top, #161616, rgba(255, 0, 0, 0));
  z-index: 0;
}

.emoji-picker {
  border: 0 !important;
  padding: 20px !important;
}

.emoji-picker .emoji-picker__preview {
  margin-top: 20px;
  border: 0;
}

.notify.show {
  display: block;
  opacity: 1;
  pointer-events: all;
  bottom: initial;
  top: 6.5rem;
  right: 1em;
  transition: 1.2s cubic-bezier(0.86, 0, 0.07, 1) !important;
}

.notify.show {
  display: block;
  opacity: 1;
}

.notify {
  position: fixed;
  opacity: 0;
  bottom: -6rem;
  border: 0;
  border-radius: 8px;
  padding: 1.25rem 2rem;
  background-color: #ffffff;
  -webkit-backdrop-filter: blur(0);
          backdrop-filter: blur(0);
  z-index: 999;
  transition: 1.2s cubic-bezier(0.86, 0, 0.07, 1) !important;
  -o-box-shadow: 0px 0px 40px 0px rgba(11, 34, 56, 0.06) !important;
  -ms-box-shadow: 0px 0px 40px 0px rgba(11, 34, 56, 0.06) !important;
  box-shadow: 0px 0px 40px 0px rgba(11, 34, 56, 0.06) !important;
  max-width: 350px;
  overflow: hidden;
  font-size: 0.875rem;
  background-clip: padding-box;
}

.notify p {
  margin: 0;
}

.custom-control-input.template:not(.active):checked + .item-duration {
  display: block !important;
}

.order-details-header {
  display: flex;
  justify-content: space-between;
  padding: 30px 0;
}

.order-details-header .left span {
  display: block;
}

.order-details-header .left span:first-child {
  font-size: 1rem;
  font-weight: 600;
  color: #4a4a4a;
}

.order-details-header .left span:nth-child(2) {
  font-size: 0.9rem;
  color: #999;
}

.order-details-header .right {
  display: flex;
  align-items: center;
}

.order-details-header .right img {
  display: block;
  height: 40px;
  width: 40px;
  border-radius: 50%;
}

.order-details-header .right .inner-meta {
  margin-left: 12px;
}

.order-details-header .right .inner-meta span {
  display: block;
}

.order-details-header .right .inner-meta span:first-child {
  text-transform: uppercase;
  font-size: 0.7rem;
  line-height: 1;
  color: #999;
}

.order-details-header .right .inner-meta span:nth-child(2) {
  font-weight: 600;
  color: #4a4a4a;
}

.card-bordered {
  border: 1px solid #dbdfea;
}

.nk-cov-wg4 .nk-cov-wg4-aside {
  padding: 0.5rem 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.nk-cov-wg4 .nk-cov-wg4-aside-body {
  overflow: auto;
  flex-grow: 1;
  height: 180px;
  max-width: 100%;
}

.nk-cov-wg4 .nk-cov-wg4-aside-body .nk-cov-wg4-list {
  padding: 0 0.5rem;
}

.nk-cov-wg4 .nk-cov-wg4-aside-body .nk-cov-wg4-list .nk-cov-wg4-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
  line-height: 1.25rem;
  border-radius: 4px;
}

.nk-cov-wg4 .nk-cov-wg4-aside-body .nk-cov-wg4-list .nk-cov-wg4-list-item .title {
  font-size: 0.875rem;
  color: #526484;
  transition: all 0.3s;
}

.nk-cov-wg4 .nk-cov-wg4-aside-body .nk-cov-wg4-list .nk-cov-wg4-list-item .count {
  font-size: 0.875rem;
  font-weight: 500;
  color: #364a63;
  transition: all 0.3s;
}

.nk-cov-wg7-data {
  display: flex;
  align-items: center;
}

.nk-cov-wg7-data .nk-cov-wg7-data-title {
  width: 85px;
  flex-shrink: 0;
}

.nk-cov-wg7-data .nk-cov-wg7-data-progress {
  width: 100%;
  flex-grow: 1;
}

.nk-cov-wg7-data .nk-cov-wg7-data-progress .progress-amount {
  position: relative;
}

.nk-cov-wg7-data .nk-cov-wg7-data-count {
  width: 65px;
  flex-shrink: 0;
}

.progress-alt {
  display: flex;
  align-items: center;
  overflow: visible;
}

.progress-alt .progress-bar {
  border-radius: 2px;
  height: 100%;
}

.progress-amount {
  font-size: 12px;
  padding-left: 0.5rem;
}

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

.progress {
  display: flex;
  height: 0.5rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #f5f6fa;
  border-radius: 2px;
}

.lead-text {
  font-size: 0.875rem;
  font-weight: 700;
  color: #364a63;
  display: block;
}

.sub-text {
  display: block;
  font-size: 13px;
  color: #8094ae;
}

.toast-outer {
  position: fixed;
  top: 5rem;
  flex-direction: column;
  right: 3rem;
  z-index: 9999;
}

.ecom-toast {
  position: relative;
  bottom: 0 !important;
  right: -30em !important;
}

.ecom-toast.show {
  right: 0 !important;
}

.standard-onboarding {
  padding: 20px 0;
}

.standard-onboarding.is-webapp {
  margin-top: 20px;
}

.standard-onboarding .title-wrap {
  text-align: center;
}

.standard-onboarding .title-wrap h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 1.4rem;
  color: #283252;
}

.standard-onboarding .title-wrap p {
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  font-size: 0.85rem;
}

.standard-onboarding .onboarding-wrap {
  padding: 30px 0;
}

.standard-onboarding .onboarding-wrap .onboarding-wrap-inner {
  display: flex;
  max-width: 880px;
  margin: 0 auto;
}

.standard-onboarding .onboarding-wrap .onboarding-wrap-inner .onboarding-card {
  margin: 8px;
  width: calc(33.3% - 16px);
  text-align: center;
  flex: 1;
  display: inline-block;
  width: 100%;
  padding: 20px;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #e5e5e5;
  transition: all 0.3s;
}

.standard-onboarding .onboarding-wrap .onboarding-wrap-inner .onboarding-card > img {
  display: block;
  width: 100%;
  max-width: 140px;
  margin: 0 auto;
}

.standard-onboarding .onboarding-wrap .onboarding-wrap-inner .onboarding-card h3 {
  font-family: "Montserrat", sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  color: #283252;
  margin-bottom: 12px;
}

.standard-onboarding .onboarding-wrap .onboarding-wrap-inner .onboarding-card p {
  font-family: "Roboto", sans-serif;
  font-size: 0.95rem;
}

.standard-onboarding .onboarding-wrap .onboarding-wrap-inner .onboarding-card .button-wrap {
  text-align: center;
  padding: 30px 0 20px 0;
}

.standard-onboarding .onboarding-wrap .onboarding-wrap-inner .onboarding-card .button-wrap .button {
  min-width: 140px;
}

body.is-dark .standard-onboarding .title-wrap h2 {
  color: #aaaab3;
}

body.is-dark .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .onboarding-card h3 {
  color: #aaaab3;
}

.onboarding-wrapper.is-webapp {
  margin-top: 40px;
}

.onboarding-wrapper .title-wrap {
  text-align: center;
}

.onboarding-wrapper .title-wrap h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 1.4rem;
  color: #283252;
}

.onboarding-wrapper .title-wrap p {
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  font-size: 0.85rem;
}

.onboarding-wrapper.onboarding-v1 .onboarding-wrap {
  padding: 30px 0;
}

.onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner {
  display: flex;
  max-width: 800px;
  margin: 0 auto;
}

.onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .onboarding-card {
  margin: 8px;
  width: calc(33.3% - 16px);
  text-align: center;
  padding: 0;
  overflow: hidden;
}

.onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .onboarding-card > img {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .onboarding-content {
  padding: 0 20px 30px 20px;
}

.onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .onboarding-content h3 {
  font-family: "Montserrat", sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  color: #283252;
  margin-bottom: 12px;
}

.onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .onboarding-content p {
  font-family: "Roboto", sans-serif;
  font-size: 0.95rem;
}

.onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .onboarding-content .button-wrap {
  text-align: center;
  padding: 20px 0 0 0;
}

.onboarding-wrapper.onboarding-v1 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .onboarding-content .button-wrap .button {
  min-width: 140px;
}

.onboarding-wrapper.onboarding-v2 .onboarding-wrap,
.onboarding-wrapper.onboarding-v4 .onboarding-wrap {
  padding: 30px 0;
}

.onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner,
.onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner {
  display: flex;
  max-width: 760px;
  margin: 0 auto;
}

.onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .onboarding-card,
.onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .onboarding-card {
  margin: 8px;
  width: calc(33.3% - 16px);
  text-align: center;
  padding: 0;
  overflow: hidden;
}

.onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .onboarding-card > img,
.onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .onboarding-card > img {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .onboarding-content,
.onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .onboarding-content {
  padding: 0 20px 30px 20px;
}

.onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .onboarding-content h3,
.onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .onboarding-content h3 {
  font-family: "Montserrat", sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  color: #283252;
  margin-bottom: 12px;
}

.onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .onboarding-content p,
.onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .onboarding-content p {
  font-family: "Roboto", sans-serif;
  font-size: 0.95rem;
}

.onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .onboarding-content .button-wrap,
.onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .onboarding-content .button-wrap {
  text-align: center;
  padding: 20px 0 0 0;
}

.onboarding-wrapper.onboarding-v2 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .onboarding-content .button-wrap .button,
.onboarding-wrapper.onboarding-v4 .onboarding-wrap .onboarding-wrap-inner .onboarding-card .onboarding-content .button-wrap .button {
  min-width: 140px;
}

@media only screen and (max-width: 767px) {
  .standard-onboarding {
    padding: 20px 0;
  }

  .standard-onboarding .title-wrap h2 {
    max-width: 280px;
    margin: 0 auto;
  }

  .standard-onboarding .onboarding-wrap .onboarding-wrap-inner {
    flex-wrap: wrap;
  }

  .standard-onboarding .onboarding-wrap .onboarding-wrap-inner .onboarding-card {
    width: calc(100% - 16px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .standard-onboarding {
    padding: 20px 0;
  }

  .standard-onboarding .title-wrap h2 {
    max-width: 280px;
    margin: 0 auto;
  }
}

.invoice-wrapper {
  max-width: 740px;
  margin: 0 auto;
}

.invoice-wrapper.is-webapp {
  margin-top: 30px;
}

.invoice-wrapper .invoice-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e3e3e3;
}

.invoice-wrapper .invoice-header .left h3 {
  font-family: "Montserrat", sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
  color: #283252;
}

.invoice-wrapper .invoice-header .right .controls {
  display: flex;
}

.invoice-wrapper .invoice-header .right .controls .action {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  width: 32px;
  min-width: 32px;
  border-radius: 50%;
  color: #a2a5b9;
  margin: 0 4px;
  transition: all 0.3s;
}

.invoice-wrapper .invoice-header .right .controls .action:hover {
  color: #283252;
  background: #e3e3e3;
}

.invoice-wrapper .invoice-header .right .controls .action svg {
  height: 16px;
  width: 16px;
  stroke-width: 1.6px;
}

.invoice-wrapper .invoice-body .invoice-card {
  padding: 0;
}

.invoice-wrapper .invoice-body .invoice-card .invoice-section {
  padding: 40px;
}

.invoice-wrapper .invoice-body .invoice-card .invoice-section.is-flex {
  display: flex;
  align-items: center;
}

.invoice-wrapper .invoice-body .invoice-card .invoice-section.is-flex .meta {
  margin-left: 16px;
  font-family: "Roboto", sans-serif;
}

.invoice-wrapper .invoice-body .invoice-card .invoice-section.is-flex .meta h3 {
  font-family: "Montserrat", sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1;
}

.invoice-wrapper .invoice-body .invoice-card .invoice-section.is-flex .meta span {
  display: block;
  color: #a2a5b9;
  font-weight: 400;
  font-size: 0.9rem;
}

.invoice-wrapper .invoice-body .invoice-card .invoice-section.is-flex .end {
  margin-left: auto;
  text-align: right;
}

.invoice-wrapper .invoice-body .invoice-card .invoice-section.is-flex .end.is-left {
  text-align: left;
  max-width: 300px;
}

.invoice-wrapper .invoice-body .invoice-card .invoice-section.is-flex .end.is-left p {
  padding-top: 4px;
  font-size: 0.95rem;
  line-height: 1.2;
}

.invoice-wrapper .invoice-body .invoice-card .invoice-section.is-flex .end h3 {
  font-family: "Montserrat", sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1;
}

.invoice-wrapper .invoice-body .invoice-card .invoice-section.is-flex .end span {
  display: block;
  color: #a2a5b9;
  font-weight: 400;
  font-size: 0.9rem;
}

.invoice-wrapper .invoice-body .invoice-card .invoice-section.is-bordered {
  border-bottom: 1px solid #e5e5e5;
}

.invoice-wrapper .invoice-body .invoice-card .invoice-section .h-avatar.is-customer {
  border: 1.6px solid #e5e5e5;
  border-radius: 50%;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}

.invoice-wrapper .invoice-body .invoice-card .invoice-section .flex-table.sub-table .flex-table-item {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  min-height: 40px;
  border: none;
}

.invoice-wrapper .invoice-body .invoice-card .invoice-section .flex-table.sub-table .flex-table-item .table-label {
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  font-size: 0.8rem;
  color: #a2a5b9;
}

.invoice-wrapper .invoice-body .invoice-card .invoice-section .flex-table.sub-table .flex-table-item .table-total {
  font-family: "Roboto", sans-serif;
  color: #283252;
  font-weight: 500;
}

.invoice-wrapper .invoice-body .invoice-card .invoice-section .flex-table.sub-table .flex-table-item .table-total.is-bigger {
  font-size: 1.2rem;
  font-weight: 600;
}

.invoice-wrapper .invoice-body .invoice-card .invoice-section .flex-table .flex-table-header span:not(:first-child) {
  justify-content: flex-end;
}

.invoice-wrapper .invoice-body .invoice-card .invoice-section .flex-table .flex-table-item .flex-table-cell:not(:first-child) {
  justify-content: flex-end;
}

@media (max-width: 991px) {
  .invoice-wrapper .invoice-body .invoice-card .invoice-section.is-flex .meta {
    margin-left: 0;
    text-align: center;
  }

  .invoice-wrapper .invoice-body .invoice-card .invoice-section.is-flex .end {
    margin-left: 0;
    text-align: center;
    margin-top: 20px;
  }

  .invoice-wrapper .invoice-body .invoice-card .invoice-section.is-flex {
    flex-direction: column;
  }
}

.bg-image {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.grow-4 {
  flex-grow: 4 !important;
}

.link-list {
  padding: 0.75rem 0;
}

.link-list a {
  display: flex;
  align-items: center;
  color: #526484;
  font-size: 13px;
  line-height: 1.4rem;
  font-weight: 500;
  padding: 0.575rem 0;
  position: relative;
}

.link-list a:hover {
  color: #6576ff;
}

.link-list a .icon {
  font-size: 1.125rem;
  width: 1.5rem;
  line-height: 1;
}

.link-list-opt.no-bdr {
  padding: 0.5rem 0;
}

.link-list-opt.no-bdr li:not(.divider) {
  border-top-width: 0;
}

.link-list-opt .divider {
  margin: 0.5rem 0;
}

.link-list-opt a {
  display: flex;
  align-items: center;
  padding: 0.625rem 1.25rem;
  font-size: 12px;
  font-weight: 500;
  color: #526484;
  transition: all 0.4s;
  line-height: 1.3rem;
  position: relative;
}

.link-list-opt a:hover {
  color: #6576ff;
  background: #f5f6fa;
}

.link-list-opt a .icon {
  font-size: 1.125rem;
  width: 1.75rem;
  opacity: 0.8;
}

.link-list-opt button {
  display: flex;
  align-items: center;
  padding: 0.625rem 1.25rem;
  font-size: 12px;
  background: transparent;
  text-align: left;
  border: 0;
  width: 100%;
  font-weight: 500;
  color: #526484;
  transition: all 0.4s;
  line-height: 1.3rem;
  position: relative;
}

.link-list-opt button:hover {
  color: #6576ff;
  background: #f5f6fa;
}

.link-list-opt button .icon {
  font-size: 1.125rem;
  width: 1.75rem;
  opacity: 0.8;
}

.link-list-opt li.disabled > a,
.link-list-opt a.disabled,
.link-list-opt button.disabled {
  pointer-events: none;
  color: #8094ae;
  opacity: 0.7;
}

.link-list-opt .opt-head {
  padding: 0.25rem 1.25rem;
  color: #8094ae;
}

@media (min-width: 991px) {
  .dashboard-body header .navbar-brand {
    display: none;
  }
}

.modal .modal-content .close {
  margin-left: auto;
}

.modal .modal-content .close em,
.modal .modal-content .close i {
  font-family: "The-Icon-of" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
}

.modal .modal-content .close em::before,
.modal .modal-content .close i::before {
  content: "\E920";
}

.nk-menu-heading {
  padding: 0.9rem 24px !important;
}

.nk-menu li a {
  padding-left: 40px !important;
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: 0.5 !important;
}