@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Nunito:300,400,400i,600,700");
.flex-row {
  flex-direction: row !important;
}

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

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

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

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

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

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

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

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }

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

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-sm-fill {
    flex: 1 1 auto !important;
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-sm-start {
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    justify-content: center !important;
  }

  .justify-content-sm-between {
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    justify-content: space-around !important;
  }

  .align-items-sm-start {
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    align-items: center !important;
  }

  .align-items-sm-baseline {
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    align-items: stretch !important;
  }

  .align-content-sm-start {
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    align-content: center !important;
  }

  .align-content-sm-between {
    align-content: space-between !important;
  }

  .align-content-sm-around {
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    align-self: auto !important;
  }

  .align-self-sm-start {
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    align-self: center !important;
  }

  .align-self-sm-baseline {
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }

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

  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-md-fill {
    flex: 1 1 auto !important;
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-md-start {
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    justify-content: center !important;
  }

  .justify-content-md-between {
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    justify-content: space-around !important;
  }

  .align-items-md-start {
    align-items: flex-start !important;
  }

  .align-items-md-end {
    align-items: flex-end !important;
  }

  .align-items-md-center {
    align-items: center !important;
  }

  .align-items-md-baseline {
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    align-items: stretch !important;
  }

  .align-content-md-start {
    align-content: flex-start !important;
  }

  .align-content-md-end {
    align-content: flex-end !important;
  }

  .align-content-md-center {
    align-content: center !important;
  }

  .align-content-md-between {
    align-content: space-between !important;
  }

  .align-content-md-around {
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    align-content: stretch !important;
  }

  .align-self-md-auto {
    align-self: auto !important;
  }

  .align-self-md-start {
    align-self: flex-start !important;
  }

  .align-self-md-end {
    align-self: flex-end !important;
  }

  .align-self-md-center {
    align-self: center !important;
  }

  .align-self-md-baseline {
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }

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

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-lg-fill {
    flex: 1 1 auto !important;
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-lg-start {
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    justify-content: center !important;
  }

  .justify-content-lg-between {
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    justify-content: space-around !important;
  }

  .align-items-lg-start {
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    align-items: center !important;
  }

  .align-items-lg-baseline {
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    align-items: stretch !important;
  }

  .align-content-lg-start {
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    align-content: center !important;
  }

  .align-content-lg-between {
    align-content: space-between !important;
  }

  .align-content-lg-around {
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    align-self: auto !important;
  }

  .align-self-lg-start {
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    align-self: center !important;
  }

  .align-self-lg-baseline {
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }

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

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-xl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-xl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    justify-content: center !important;
  }

  .justify-content-xl-between {
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    justify-content: space-around !important;
  }

  .align-items-xl-start {
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    align-items: center !important;
  }

  .align-items-xl-baseline {
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    align-items: stretch !important;
  }

  .align-content-xl-start {
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    align-content: center !important;
  }

  .align-content-xl-between {
    align-content: space-between !important;
  }

  .align-content-xl-around {
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    align-self: auto !important;
  }

  .align-self-xl-start {
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    align-self: center !important;
  }

  .align-self-xl-baseline {
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1400px) {
  .flex-xxl-row {
    flex-direction: row !important;
  }

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

  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xxl-center {
    justify-content: center !important;
  }

  .justify-content-xxl-between {
    justify-content: space-between !important;
  }

  .justify-content-xxl-around {
    justify-content: space-around !important;
  }

  .align-items-xxl-start {
    align-items: flex-start !important;
  }

  .align-items-xxl-end {
    align-items: flex-end !important;
  }

  .align-items-xxl-center {
    align-items: center !important;
  }

  .align-items-xxl-baseline {
    align-items: baseline !important;
  }

  .align-items-xxl-stretch {
    align-items: stretch !important;
  }

  .align-content-xxl-start {
    align-content: flex-start !important;
  }

  .align-content-xxl-end {
    align-content: flex-end !important;
  }

  .align-content-xxl-center {
    align-content: center !important;
  }

  .align-content-xxl-between {
    align-content: space-between !important;
  }

  .align-content-xxl-around {
    align-content: space-around !important;
  }

  .align-content-xxl-stretch {
    align-content: stretch !important;
  }

  .align-self-xxl-auto {
    align-self: auto !important;
  }

  .align-self-xxl-start {
    align-self: flex-start !important;
  }

  .align-self-xxl-end {
    align-self: flex-end !important;
  }

  .align-self-xxl-center {
    align-self: center !important;
  }

  .align-self-xxl-baseline {
    align-self: baseline !important;
  }

  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
}
.w-25 {
  width: 25% !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.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;
}

.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;
}

.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-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;
  }

  .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;
  }

  .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-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;
  }

  .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;
  }

  .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-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) {
  .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;
  }

  .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;
  }

  .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-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;
  }

  .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;
  }

  .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-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;
  }
}
@media (min-width: 1400px) {
  .m-xxl-0 {
    margin: 0 !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .ml-xxl-auto,
.mx-xxl-auto {
    margin-left: auto !important;
  }
}
.w-25 {
  width: 25% !important;
}

.ggg {
  color: red;
}

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

.ggg {
  color: red;
}

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

.ggg {
  color: red;
}

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

.ggg {
  color: red;
}

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

.ggg {
  color: red;
}

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

.ggg {
  color: red;
}

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

.ggg {
  color: red;
}

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

.ggg {
  color: red;
}

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

.ggg {
  color: red;
}

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

.ggg {
  color: red;
}

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

.ggg {
  color: red;
}

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

.ggg {
  color: red;
}

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

.ggg {
  color: red;
}

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

.ggg {
  color: red;
}

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

.ggg {
  color: red;
}

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

.ggg {
  color: red;
}

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

.ggg {
  color: red;
}

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

.ggg {
  color: red;
}

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

.ggg {
  color: red;
}

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

.ggg {
  color: red;
}

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

.ggg {
  color: red;
}

@media (min-width: 576px) {
  .w-sm-25 {
    width: 25% !important;
  }

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

  .w-sm-55 {
    width: 55% !important;
  }

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

  .w-sm-65 {
    width: 65% !important;
  }

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

  .w-sm-85 {
    width: 85% !important;
  }

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

  .w-sm-95 {
    width: 95% !important;
  }

  .ggg {
    color: red;
  }
}
@media (min-width: 768px) {
  .w-md-25 {
    width: 25% !important;
  }

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

  .w-md-55 {
    width: 55% !important;
  }

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

  .w-md-65 {
    width: 65% !important;
  }

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

  .w-md-85 {
    width: 85% !important;
  }

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

  .w-md-95 {
    width: 95% !important;
  }

  .ggg {
    color: red;
  }
}
@media (min-width: 992px) {
  .w-lg-25 {
    width: 25% !important;
  }

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

  .w-lg-55 {
    width: 55% !important;
  }

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

  .w-lg-65 {
    width: 65% !important;
  }

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

  .w-lg-85 {
    width: 85% !important;
  }

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

  .w-lg-95 {
    width: 95% !important;
  }

  .ggg {
    color: red;
  }
}
@media (min-width: 1200px) {
  .w-xl-25 {
    width: 25% !important;
  }

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

  .w-xl-55 {
    width: 55% !important;
  }

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

  .w-xl-65 {
    width: 65% !important;
  }

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

  .w-xl-85 {
    width: 85% !important;
  }

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

  .w-xl-95 {
    width: 95% !important;
  }

  .ggg {
    color: red;
  }
}
@media (min-width: 1400px) {
  .w-xxl-25 {
    width: 25% !important;
  }

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

  .w-xxl-55 {
    width: 55% !important;
  }

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

  .w-xxl-65 {
    width: 65% !important;
  }

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

  .w-xxl-85 {
    width: 85% !important;
  }

  .ggg {
    color: red;
  }

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

  .ggg {
    color: red;
  }

  .w-xxl-95 {
    width: 95% !important;
  }

  .ggg {
    color: red;
  }
}
html {
  width: 100%;
  height: 100%;
  background: #f8f8f8;
}

:root {
  --theme-color-1: #a43163;
  --theme-color-2: #3163a4;
  --theme-color-3: #691f3f;
  --theme-color-4: #2e3569;
  --theme-color-5: #795d75;
  --theme-color-6: #4b5480;
  --theme-color-1-10: rgba(164, 49, 99, 0.1);
  --theme-color-2-10: rgba(49, 99, 164, 0.1);
  --theme-color-3-10: rgba(105, 31, 63, 0.1);
  --theme-color-4-10: rgba(46, 53, 105, 0.1);
  --theme-color-5-10: rgba(121, 93, 117, 0.1);
  --theme-color-6-10: rgba(75, 84, 128, 0.1);
  --primary-color: #303030;
  --foreground-color: white;
  --separator-color: #d7d7d7;
}

#root {
  height: 100%;
}

body {
  font-family: "Nunito", sans-serif;
  font-size: 0.8rem;
  font-weight: 400;
  color: #303030;
  background: #f8f8f8;
}

h1 {
  font-size: 1.75rem;
  padding-bottom: 10px;
  display: inline-block;
}
@media (max-width: 767.98px) {
  h1 {
    font-size: 1.3rem;
    padding-top: 0.5rem;
  }
}

h2 {
  font-size: 1.4rem;
}
@media (max-width: 767.98px) {
  h2 {
    font-size: 1.1rem;
  }
}

h3 {
  font-size: 1.2rem;
}
@media (max-width: 767.98px) {
  h3 {
    font-size: 1rem;
  }
}

h4 {
  font-size: 1.15rem;
}
@media (max-width: 767.98px) {
  h4 {
    font-size: 0.9rem;
  }
}

h5 {
  font-size: 1.1rem;
}
@media (max-width: 767.98px) {
  h5 {
    font-size: 0.9rem;
  }
}

h6 {
  font-size: 1rem;
}
@media (max-width: 767.98px) {
  h6 {
    font-size: 0.85rem;
  }
}

hr {
  border-top: 1px solid #d7d7d7;
}

.disable-text-selection {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

::selection {
  background: #b8366e;
}

::-moz-selection {
  background: #b8366e;
}

.map-item {
  height: 400px;
  width: 100%;
}

.scrollbar-container {
  margin-right: -15px;
  padding-right: 15px;
  position: relative;
}

.ps__rail-y {
  width: 5px;
}

.ps__thumb-y {
  left: 0;
  width: 5px;
  right: 0;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  width: 5px;
  left: 0;
}

.ps__thumb-y {
  background-color: #d7d7d7;
}

.logo-single {
  width: 110px;
  height: 35px;
  background: url("/assets/img/logo/logo.png") no-repeat;
  background-position: center center;
  display: inline-block;
  margin-bottom: 60px;
}

.list-item-heading-container {
  width: calc(100% - 125px);
}

.list-item-heading {
  font-size: 1rem;
}

.truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.no-transition {
  transition: none !important;
}

@media (max-width: 767.98px) {
  .display-1 {
    font-size: 2.8rem;
  }
}

@media (max-width: 767.98px) {
  .display-2 {
    font-size: 2.6rem;
  }
}

@media (max-width: 767.98px) {
  .display-3 {
    font-size: 2.4rem;
  }
}

@media (max-width: 767.98px) {
  .display-4 {
    font-size: 2.2rem;
  }
}

.lead {
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 2rem;
}
@media (max-width: 767.98px) {
  .lead {
    font-size: 1.1rem;
    line-height: 1.6rem;
  }
}

a {
  color: #303030;
  transition: color 200ms;
}
a:hover, a:active {
  text-decoration: initial;
  color: #a43163;
}

p {
  font-size: 0.85rem;
  line-height: 1.3rem;
  font-family: "Nunito", sans-serif;
}

.text-large {
  font-size: 1.9rem !important;
}

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

.text-xlarge {
  font-size: 2.7rem !important;
}

.text-small {
  font-size: 0.76rem;
  line-height: 0.9rem;
}

.text-white {
  color: #fff !important;
}

.text-extra-small {
  font-size: 0.6rem;
}

.text-default {
  color: #303030 !important;
}

.text-muted {
  color: #909090 !important;
}

.text-semi-muted {
  color: #8f8f8f !important;
}

.font-weight-medium {
  font-weight: 500;
}

.font-weight-semibold {
  font-weight: 600;
}

.color-theme-1 {
  color: #a43163;
}

.color-theme-2 {
  color: #3163a4;
}

.view-icon {
  font-size: 20px;
  color: #8f8f8f;
}
.view-icon:hover {
  color: #a43163;
}
.view-icon.s {
  font-size: 18px;
}

#displayOptions a {
  cursor: pointer;
}
#displayOptions a.active i {
  color: #a43163;
}
#displayOptions button {
  border-color: #8f8f8f;
  color: #8f8f8f;
}
#displayOptions button:hover {
  background-color: #a43163;
  border-color: #a43163;
  color: #fff;
}
#displayOptions .btn-outline-dark:not(:disabled):not(.disabled):active,
#displayOptions .btn-outline-dark:not(:disabled):not(.disabled).active,
#displayOptions .show > .btn-outline-dark.dropdown-toggle {
  background-color: #a43163;
  border-color: #a43163;
  color: #fff;
}
#displayOptions .view-icon svg {
  width: 19px;
}
#displayOptions .view-icon .view-icon-svg {
  fill: #8f8f8f;
}
#displayOptions .view-icon:hover .view-icon-svg, #displayOptions .view-icon.active .view-icon-svg {
  fill: #a43163;
}

.text-theme-2 {
  color: #3163a4 !important;
}

.text-theme-3 {
  color: #691f3f !important;
}

.text-primary,
.text-theme-1 {
  color: #a43163 !important;
}

.text-secondary {
  color: #303030 !important;
}

.main-heading {
  border-bottom: 1px solid #d7d7d7;
}

.separator {
  border-bottom: 1px solid #d7d7d7;
}

.alert-dismissible .close {
  padding: 0.5rem 1.25rem;
}

.rounded {
  border-radius: 50px !important;
}

.img-thumbnail {
  border-radius: 0.1rem;
  padding: 0;
  border: initial;
}

.white {
  color: #fff !important;
}

.opacity-25 {
  opacity: 0.25;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-75 {
  opacity: 0.75;
}

.bg-banner {
  background-image: linear-gradient(to right top, #691f3f, #a43163, #a43163);
  background-size: cover;
}
.bg-banner svg {
  color: #fff;
}
.bg-banner p {
  color: #fff !important;
}

.banner-empty {
  height: 100px;
}

.icon-medium {
  width: 40px;
  color: #a43163;
}

.banner-icon {
  width: 80px;
}

.word-break {
  word-break: break-word;
}

.underline-links a {
  text-decoration: underline;
}
.underline-links a:hover {
  text-decoration: none;
}

button {
  color: #303030;
  outline: initial !important;
}

.btn-arrow {
  display: inline-block;
  text-align: center;
  border-radius: 30px !important;
  width: 42px;
  height: 42px;
  line-height: 24px;
}

.btn-arrow i {
  font-size: 15px;
  display: inline-block;
  text-align: center;
}

.btn-sm.btn-arrow {
  width: 34px;
  height: 34px;
  line-height: 17px;
}

.btn-sm.btn-arrow i {
  font-size: 13px;
  line-height: 10px;
}

.btn {
  border-radius: 50px;
  outline: initial !important;
  box-shadow: none !important;
  box-shadow: initial !important;
  font-size: 0.8rem;
  padding: 0.75rem 1.3rem 0.6rem 1.3rem;
  transition: background-color box-shadow 0.1s linear;
}

.btn-shadow {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 1px 3px 1px rgba(0, 0, 0, 0.15) !important;
  transition: background-color box-shadow 0.1s linear;
}
.btn-shadow:hover, .btn-shadow:focus {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15), 0 4px 6px 2px rgba(0, 0, 0, 0.15) !important;
}

.btn-empty {
  background: transparent !important;
  border: none;
}

.btn-lg,
.btn-group-lg > .btn,
.btn-group-sm > .btn {
  border-radius: 50px;
}

.btn.default {
  border-radius: 0.1rem;
}

.btn-primary {
  background-color: #a43163;
  border-color: #a43163;
  color: #fff;
}
.btn-primary:hover, .btn-primary:focus {
  color: #fff;
  background-color: #852850;
  border-color: #852850;
}

.check-button {
  cursor: default !important;
}

.check-button.btn-primary {
  background-color: #a43163 !important;
  border-color: #a43163 !important;
  opacity: 1;
}

.check-button .custom-control {
  min-height: 1.1rem;
  margin-top: -7px;
}

.dropdown-menu {
  font-size: 0.8rem;
  border-radius: 0.1rem;
  background: white;
  border-color: rgba(48, 48, 48, 0.15);
}

.dropdown-item {
  padding: 0.75rem 1.5rem;
  color: #303030;
}

.dropdown-item:hover,
.dropdown-item:focus {
  background-color: #f8f8f8;
  color: #303030;
}

.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #a43163;
}

.dropdown-divider {
  border-color: #d7d7d7;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  background-color: #752347;
  border-color: #752347;
  color: #fff;
}

.btn-secondary {
  background-color: #3163a4;
  border-color: #3163a4;
  color: #fff;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #285085;
  border-color: #285085;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  background-color: #234775;
  border-color: #234775;
  color: #fff;
}

.btn-primary.btn-primary-gradient {
  background: linear-gradient(to right, #a43163, #691f3f);
}
.btn-primary.btn-primary-gradient:hover {
  background: linear-gradient(to right, #a43163, #852850);
}

.btn-primary-gradient:not(:disabled):not(.disabled):active,
.btn-primary-gradient:not(:disabled):not(.disabled).active,
.show > .btn-primary-gradient.dropdown-toggle {
  background: linear-gradient(to right, #a43163, #691f3f);
}

.btn-secondary-gradient {
  background: linear-gradient(to right, #3163a4, #1f3f69);
}
.btn-secondary-gradient:hover {
  background: linear-gradient(to right, #3163a4, #285085);
}

.btn-secondary-gradient:not(:disabled):not(.disabled):active,
.btn-secondary-gradient:not(:disabled):not(.disabled).active,
.show > .btn-secondary-gradient.dropdown-toggle {
  background: linear-gradient(to right, #3163a4, #1f3f69);
}

.btn-warning {
  background-color: #b69329;
  border-color: #b69329;
}

.btn-success,
.btn-info,
.btn-danger,
.btn-warning {
  color: #fff;
}
.btn-success:hover,
.btn-info:hover,
.btn-danger:hover,
.btn-warning:hover {
  color: #fff;
}

.btn-outline-success:hover,
.btn-outline-info:hover,
.btn-outline-danger:hover,
.btn-outline-warning:hover {
  color: white;
}

.btn-light {
  color: #575057;
  background-color: #d4d4d4;
  border-color: #d4d4d4;
}
.btn-light:hover {
  color: #575057;
  background-color: silver;
  border-color: silver;
}

.btn-dark {
  color: #d4d4d4;
  background-color: #575057;
  border-color: #575057;
}
.btn-dark:hover {
  color: #d4d4d4;
  background-color: #4a444a;
  border-color: #4a444a;
}

.btn-outline-dark {
  color: #575057;
  border-color: #575057;
}
.btn-outline-dark:hover {
  color: white;
  background-color: #575057;
  border-color: #575057;
}

.btn-outline-white {
  color: #fff;
  border-color: #fff;
  background-color: initial;
}
.btn-outline-white:hover {
  color: #a43163;
  background-color: #fff;
}

.btn-outline-light {
  color: #d4d4d4;
  border-color: #d4d4d4;
}
.btn-outline-light:hover {
  color: white;
  background-color: #d4d4d4;
  border-color: #d4d4d4;
}

.btn-outline-primary {
  color: #a43163;
  border-color: #a43163;
}
.btn-outline-primary:hover {
  color: white;
  background-color: #a43163;
  border-color: #a43163;
}

.btn-outline-theme-3 {
  background: unset;
  color: #691f3f;
  border-color: #691f3f;
}
.btn-outline-theme-3:hover {
  background-color: #691f3f;
  border-color: #691f3f;
  color: white;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  background-color: #a43163;
  border-color: #a43163;
  color: white;
}

.btn-outline-secondary {
  color: #3163a4;
  border-color: #3163a4;
}
.btn-outline-secondary:hover {
  background-color: #3163a4;
  border-color: #3163a4;
  color: white;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  background-color: #3163a4;
  border-color: #3163a4;
  color: white;
}

.btn-header-light {
  color: #d7d7d7;
  border-color: transparent;
  background: transparent;
}
.btn-header-light:hover {
  background-color: transparent;
  border-color: #d7d7d7;
}

.btn-header-primary {
  color: #a43163;
  border-color: transparent;
  background: transparent;
}
.btn-header-primary:hover {
  background-color: transparent;
  border-color: #a43163;
}

.btn-header-secondary {
  color: #3163a4;
  border-color: transparent;
  background: transparent;
}
.btn-header-secondary:hover {
  background-color: transparent;
  border-color: #3163a4;
}

.btn-header-primary-light {
  color: #691f3f;
  border-color: transparent;
  background: transparent;
}
.btn-header-primary-light:hover {
  background-color: transparent;
  border-color: #691f3f;
}

.btn-xl,
.btn-group-xl > .btn {
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: 0.05rem;
  padding: 1rem 3.5rem 0.9rem;
}

.btn-lg,
.btn-group-lg > .btn {
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: 0.05rem;
  padding: 0.75rem 2.6rem 0.6rem 2.6rem;
}

.btn-sm,
.btn-group-sm > .btn {
  padding: 0.5rem 1rem;
  font-size: 0.76rem;
  line-height: 1.5;
}

.btn-xs,
.btn-group-xs > .btn {
  padding: 0.25rem 0.75rem 0.25rem 0.75rem;
  font-size: 0.76rem;
  line-height: 1.3;
}

.btn-primary.disabled,
.btn-primary:disabled {
  background-color: #a43163;
  border-color: #a43163;
  color: white;
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  border-color: #575057;
  color: #575057;
}
.btn-outline-primary.disabled:hover,
.btn-outline-primary:disabled:hover {
  color: #fff;
  border-color: #fff;
}

.btn-secondary.disabled,
.btn-secondary:disabled {
  background-color: #3163a4;
  border-color: #3163a4;
  color: white;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.btn-link {
  color: #a43163;
}

.btn-link:hover {
  color: rgba(164, 49, 99, 0.8);
  text-decoration: underline;
}

.white-underline-link {
  color: #fff;
  text-decoration: underline;
}
.white-underline-link:hover, .white-underline-link:active {
  color: #fff;
  text-decoration: initial;
}

.btn-multiple-state {
  position: relative;
  transition: opacity 500ms;
}
.btn-multiple-state .spinner,
.btn-multiple-state .icon {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 0;
  visibility: hidden;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 500ms;
  color: #fff;
}
.btn-multiple-state .icon i {
  vertical-align: text-bottom;
  font-size: 18px;
}
.btn-multiple-state .label {
  transition: opacity 500ms;
}
.btn-multiple-state.show-spinner .label {
  opacity: 0;
}
.btn-multiple-state.show-spinner .spinner {
  opacity: 1;
  visibility: visible;
}
.btn-multiple-state.show-success .label {
  opacity: 0;
}
.btn-multiple-state.show-success .icon.success {
  opacity: 1;
  visibility: visible;
}
.btn-multiple-state.show-fail .label {
  opacity: 0;
}
.btn-multiple-state.show-fail .icon.fail {
  opacity: 1;
  visibility: visible;
}
.btn-multiple-state.btn-primary:disabled {
  opacity: 1;
  background: #7d254b;
  border-color: #7d254b;
}
.btn-multiple-state.btn-secondary:disabled {
  opacity: 1;
  border-color: #254b7d;
}

.icon-button {
  padding: 0;
  font-size: 14px;
  width: 34px;
  height: 34px;
  line-height: 34px;
}
.icon-button.large {
  width: 44px;
  height: 44px;
  font-size: 18px;
}
.icon-button.small-icon {
  font-size: 10px;
  line-height: 0;
  width: 18px;
  height: 18px;
}

.top-right-button-single {
  width: unset;
}
@media (max-width: 991.98px) {
  .top-right-button-single {
    width: calc(100%);
  }
}

.top-right-button-container {
  float: right;
  position: relative;
}
@media (max-width: 575.98px) {
  .top-right-button-container {
    float: initial;
    display: flex;
    justify-content: space-between;
  }
}
.top-right-button-container .top-right-button {
  margin-right: 5px;
}
@media (max-width: 575.98px) {
  .top-right-button-container .top-right-button {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    margin-right: 0;
  }
}
.top-right-button-container .top-right-button:last-child {
  margin-right: 0;
}
@media (max-width: 575.98px) {
  .top-right-button-container .dropdown {
    display: flex;
    flex-grow: 1;
    margin-right: 5px;
  }
}

button[disabled] {
  cursor: not-allowed;
}

.card-title-buttons .btn {
  margin-right: 5px;
}
.card-title-buttons .btn:last-child {
  margin-right: 0;
}

table button {
  border: 0 !important;
  padding-top: 0.1rem !important;
  padding-bottom: 0.1rem !important;
}
table button svg {
  height: 12px;
}

.btn-toggle {
  z-index: 1000;
  border-radius: 50%;
  border: none;
  box-shadow: none;
  padding: 0;
  outline: none;
  margin-right: 10px;
  font-size: 14px;
  width: 35px;
  min-width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  display: inline-block;
}
.btn-toggle:focus, .btn-toggle:active, .btn-toggle:hover {
  border: none;
  box-shadow: none;
  outline: none;
}
.btn-toggle span {
  display: block;
  width: 55%;
  height: 3px;
  margin: 0 auto 5px auto;
  position: relative;
  background: #fff;
  border-radius: 3px;
  z-index: 1;
  -webkit-transform-origin: 4px 0px;
  -moz-transform-origin: 4px 0px;
  -o-transform-origin: 4px 0px;
  transform-origin: 4px 0px;
  -webkit-transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1) 0.1s, opacity 0.55s ease;
  -moz-transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1) 0.1s, opacity 0.55s ease;
  -ms-transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1) 0.1s, opacity 0.55s ease;
  -o-transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1) 0.1s, opacity 0.55s ease;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1) 0.1s, opacity 0.55s ease;
}
.btn-toggle span:first-child {
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
}
.btn-toggle span:last-child {
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
  margin-bottom: 0;
}
.btn-toggle.open span {
  width: 60%;
  opacity: 1;
  -webkit-transform: rotate(45deg) translate(3px, -2px);
  -moz-transform: rotate(45deg) translate(3px, -2px);
  -o-transform: rotate(45deg) translate(3px, -2px);
  transform: rotate(45deg) translate(3px, -2px);
  -webkit-transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1) 0.4s, opacity 0.55s ease;
  -moz-transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1) 0.4s, opacity 0.55s ease;
  -ms-transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1) 0.4s, opacity 0.55s ease;
  -o-transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1) 0.4s, opacity 0.55s ease;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1) 0.4s, opacity 0.55s ease;
}
.btn-toggle.open span:nth-child(2) {
  opacity: 0;
  -webkit-transform: rotate(0deg) scale(0.2, 0.2);
  -moz-transform: rotate(0deg) scale(0.2, 0.2);
  -o-transform: rotate(0deg) scale(0.2, 0.2);
  transform: rotate(0deg) scale(0.2, 0.2);
}
.btn-toggle.open span:last-child {
  -webkit-transform: rotate(-45deg) translate(3px, 2px);
  -moz-transform: rotate(-45deg) translate(3px, 2px);
  -o-transform: rotate(-45deg) translate(3px, 2px);
  transform: rotate(-45deg) translate(3px, 2px);
}

.depth-1 {
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
}

.depth-2 {
  box-shadow: 0 3px 30px rgba(0, 0, 0, 0.1), 0 3px 20px rgba(0, 0, 0, 0.1);
}

.min-width-zero {
  min-width: 0;
}

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

@media (max-width: 575.98px) {
  .float-none-xs {
    float: initial !important;
  }
}

.border {
  border: 1px solid #f3f3f3 !important;
}

.border-right {
  border-right: 1px solid #f3f3f3 !important;
}

.border-left {
  border-left: 1px solid #f3f3f3 !important;
}

.border-top {
  border-top: 1px solid #f3f3f3 !important;
}

.border-bottom {
  border-bottom: 1px solid #f3f3f3 !important;
}

.border-primary,
.border-theme-1 {
  border-color: #a43163 !important;
}

.border-theme-2 {
  border-color: #3163a4 !important;
}

.border-theme-3 {
  border-color: #691f3f !important;
}

.border-secondary {
  border-color: #303030 !important;
}

.remove-last-border > *:last-child {
  border-bottom: initial !important;
}

.remove-last-margin > *:last-child {
  margin-bottom: initial !important;
}

.remove-last-padding > *:last-child {
  padding-bottom: initial !important;
}

.bg-theme-2,
.badge-theme-2 {
  background-color: #3163a4 !important;
  color: #fff;
}

.bg-theme-3,
.badge-theme-3 {
  background-color: #691f3f !important;
  color: #fff;
}

.bg-primary,
.bg-theme-1,
.badge-primary,
.badge-theme-1 {
  background-color: #a43163 !important;
  color: #fff;
}

.bg-secondary,
.badge-secondary {
  background-color: #3163a4 !important;
  color: #fff;
}

.bg-muted {
  background-color: #909090;
}

.bg-semi-muted {
  background-color: #f8f8f8;
}

.badge-warning {
  background-color: #b69329;
}

.badge-success {
  background-color: #3e884f;
}

.badge-info {
  background-color: #3195a5;
}

.badge-danger {
  background-color: #c43d4b;
}

.badge-success,
.badge-danger,
.badge-warning,
.badge-info {
  color: #fff;
}

.badge {
  padding: 0.55em 0.75em 0.6em 0.75em;
  font-size: 74%;
}
.badge.badge-pill {
  padding-right: 1.25em;
  padding-left: 1.25em;
}
.badge.badge-top-left {
  top: 10px;
  left: -7px;
}
.badge.badge-top-left-2 {
  top: 40px;
  left: -7px;
}
.badge.badge-top-left-3 {
  top: 70px;
  left: -7px;
}
.badge.badge-top-right {
  top: 8px;
  right: -7px;
}
.badge.badge-top-right-2 {
  top: 40px;
  right: -7px;
}

.badge-light {
  background-color: #d4d4d4;
  color: #575057;
}

.badge-dark {
  background-color: #575057;
  color: #d4d4d4;
}

.badge-outline-primary,
.badge-outline-theme-1 {
  background: unset;
  border: 1px solid #a43163;
  color: #a43163;
}

.badge-outline-secondary,
.badge-outline-theme-2 {
  background: unset;
  border: 1px solid #3163a4;
  color: #3163a4;
}

.badge-outline-theme-3 {
  background: unset;
  border: 1px solid #691f3f;
  color: #691f3f;
}

.badge-outline-success {
  background: unset;
  border: 1px solid #3e884f;
  color: #3e884f;
}

.badge-outline-danger {
  background: unset;
  border: 1px solid #c43d4b;
  color: #c43d4b;
}

.badge-outline-warning {
  background: unset;
  border: 1px solid #b69329;
  color: #b69329;
}

.badge-outline-info {
  background: unset;
  border: 1px solid #3195a5;
  color: #3195a5;
}

.badge-outline-light {
  background: unset;
  border: 1px solid #d4d4d4;
  color: #d4d4d4;
}

.badge-outline-dark {
  background: unset;
  border: 1px solid #575057;
  color: #575057;
}

.nav-tabs.separator-tabs {
  border-bottom: 1px solid #d7d7d7;
}

.nav-tabs .nav-link {
  border: initial;
  padding-top: 1rem;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  background: initial;
}

.nav-tabs .nav-link.active::before,
.nav-tabs .nav-item.show .nav-link::before {
  content: " ";
  background: #a43163;
  border-radius: 10px;
  position: absolute;
  width: calc(100% - 1rem);
  height: 5px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.nav-tabs.separator-tabs .nav-link.active::before,
.nav-tabs.separator-tabs .nav-item.show .nav-link::before {
  content: " ";
  background: #a43163;
  border-radius: 10px;
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  bottom: 0;
  top: unset;
  transform: initial;
}

.nav-tabs.separator-tabs .nav-link {
  border: initial;
  padding-top: 1rem;
  background: initial;
  padding-left: 0;
  padding-top: 0.5rem;
  padding-right: 0;
  margin-right: 1.5rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #8f8f8f;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  border: initial;
  position: relative;
  color: #a43163;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  border: initial;
  color: #a43163;
}

.navbar {
  background: white;
  height: 90px;
  padding: 1.5rem 0;
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
}
.navbar #notificationDropdown {
  width: 260px;
  padding: 1.5rem !important;
  height: 280px;
  right: 15px;
}
.navbar #iconMenuDropdown {
  width: 240px;
  padding: 1.5rem !important;
  height: 280px;
}
.navbar .icon-menu-item {
  width: 90px;
  display: inline-block;
  text-align: center;
  margin-bottom: 1.7rem;
  color: rgba(48, 48, 48, 0.8);
}
.navbar .icon-menu-item i {
  font-size: 28px;
  line-height: 42px;
}
.navbar .icon-menu-item span {
  text-align: center;
  padding: 0 10px;
  line-height: 14px;
}
.navbar .icon-menu-item:hover, .navbar .icon-menu-item:focus {
  color: #a43163;
}
.navbar .menu-button-mobile {
  color: #8f8f8f;
  text-align: center;
  margin-left: 15px;
}
.navbar .menu-button-mobile svg {
  height: 12px;
  fill: #303030;
}
@media (max-width: 767.98px) {
  .navbar .menu-button-mobile {
    width: 20px;
  }
}
.navbar .menu-button {
  color: #8f8f8f;
  width: 120px;
  text-align: center;
}
.navbar .menu-button svg {
  height: 12px;
}
.navbar .menu-button .main {
  fill: #303030;
  transition: fill 300ms;
  width: 10px;
}
.navbar .menu-button .sub {
  fill: #303030;
  transition: fill 300ms;
}
.navbar .menu-button:hover {
  color: #a43163;
}
@media (max-width: 1399.98px) {
  .navbar .menu-button {
    width: 110px;
  }
}
@media (max-width: 1199.98px) {
  .navbar .menu-button {
    width: 100px;
  }
}
@media (max-width: 767.98px) {
  .navbar .menu-button {
    width: 60px;
  }
}
.navbar .navbar-left {
  flex-basis: 40%;
}
.navbar .navbar-right {
  flex-basis: 40%;
  text-align: right;
}
.navbar .navbar-right .user {
  margin-right: 60px;
}
@media (max-width: 1399.98px) {
  .navbar .navbar-right .user {
    margin-right: 50px;
  }
}
@media (max-width: 1199.98px) {
  .navbar .navbar-right .user {
    margin-right: 40px;
  }
}
@media (max-width: 767.98px) {
  .navbar .navbar-right .user {
    margin-right: 15px;
  }
}
.navbar .navbar-logo-wrapper {
  width: 240px;
  height: 45px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.navbar .navbar-logo-wrapper .navbar-heading {
  padding-left: 10px;
  text-transform: uppercase;
  font-size: 0.8rem;
  border-left: 2px solid #a43163;
  margin-left: 20px;
}
@media (max-width: 767.98px) {
  .navbar .navbar-logo-wrapper .navbar-heading {
    font-size: 0.6rem;
  }
}
.navbar .navbar-logo {
  width: 120px;
  height: 45px;
}
.navbar .navbar-logo .logo {
  width: 100%;
  height: 100%;
  background: url("/assets/img/logo/logo.png") no-repeat;
  background-position: center center;
}
.navbar .navbar-logo .logo-mobile {
  width: 100%;
  height: 100%;
  background: url("/assets/img/logo/logo.png") no-repeat;
  background-position: center center;
  background-size: contain;
}
@media (max-width: 767.98px) {
  .navbar .navbar-logo {
    width: 80px;
  }
}
@media (max-width: 575.98px) {
  .navbar .navbar-logo {
    width: 50px;
  }
}
.navbar .language-button {
  background: #f8f8f8;
  border: initial;
  font-size: 0.8rem;
  color: #8f8f8f;
  padding: 0.6rem 1rem;
}
@media (max-width: 575.98px) {
  .navbar .language-button {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
.navbar .search {
  position: relative;
  width: 230px;
  border-radius: 20px;
  background: #f8f8f8;
}
.navbar .search input {
  border: initial;
  background: transparent;
  outline: initial !important;
  padding: 0.5rem 1rem;
  line-height: 1.75;
  font-size: 0.8rem;
  width: 93%;
  color: #303030;
}
.navbar .search .search-icon {
  font-size: 17px;
  border-radius: 10px;
  color: #d7d7d7;
  position: absolute;
  width: 40px;
  height: 40px;
  bottom: -10px;
  right: 3px;
  text-align: center;
  cursor: pointer;
}
.navbar .search .search-icon:hover {
  color: #a43163;
}
@media (max-width: 1199.98px) {
  .navbar .search {
    width: 161px;
  }
  .navbar .search input {
    width: 85%;
  }
}
@media (max-width: 991.98px) {
  .navbar .search {
    width: 115px;
  }
  .navbar .search input {
    width: 85%;
  }
}
@media (max-width: 767.98px) {
  .navbar .search {
    width: 30px;
    height: 30px;
    background: initial;
    margin-left: 0.6rem;
    color: rgba(48, 48, 48, 0.7);
  }
  .navbar .search input {
    display: none;
  }
  .navbar .search .search-icon {
    font-size: 17px;
    width: 30px;
    height: 30px;
    bottom: -3px;
    right: 0;
    color: inherit;
  }
  .navbar .search.mobile-view {
    display: block;
    width: 100%;
    position: fixed;
    z-index: 2;
    background: white;
    left: 0;
    top: 0;
    height: 60px;
    margin-left: 15px;
  }
  .navbar .search.mobile-view input {
    display: block;
    width: 100%;
    height: 70px;
    padding-left: 0;
  }
  .navbar .search.mobile-view span {
    top: 50%;
    transform: translateY(-50%);
    right: 25px;
  }
}
.navbar .header-icons {
  margin-right: 1rem;
}
@media (max-width: 575.98px) {
  .navbar .header-icons {
    margin-right: 0;
  }
}
.navbar .header-icon {
  font-size: 16px;
  color: #8f8f8f;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  vertical-align: initial;
}
@media (max-width: 575.98px) {
  .navbar .header-icon {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}
.navbar .header-icon:hover {
  color: #a43163;
}
.navbar .header-icon#fullScreenButton i:last-of-type {
  display: none;
}
.navbar .header-icon.notificationButton .count {
  font-size: 9px;
  color: #a43163;
  border: 1px solid #a43163;
  border-radius: 10px;
  position: absolute;
  width: 18px;
  height: 15px;
  text-align: center;
  font-weight: 700;
  top: 2px;
  right: 2px;
  line-height: 14px;
}
@media (max-width: 575.98px) {
  .navbar .header-icon.notificationButton .count {
    right: -1px;
  }
}
.navbar .user {
  color: #7d7d7d;
  position: relative;
}
.navbar .user img, .navbar .user .avatar-placeholder {
  margin-left: 10px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.navbar .user .avatar-placeholder {
  background-color: #a43163;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 40px;
}
@media (max-width: 991.98px) {
  .navbar .user .name {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .navbar .user {
    margin-left: initial;
  }
  .navbar .user img, .navbar .user .avatar-placeholder {
    width: 30px;
  }
  .navbar .user .avatar-placeholder {
    height: 30px;
  }
  .navbar .user:after {
    font-size: 11px;
    width: 14px;
    height: 14px;
    bottom: -3px;
    right: -3px;
  }
}
@media (max-width: 1399.98px) {
  .navbar {
    height: 80px;
  }
}
@media (max-width: 1199.98px) {
  .navbar {
    height: 70px;
    padding: 1rem 0 1rem 0;
  }
}
@media (max-width: 767.98px) {
  .navbar {
    height: 60px;
    padding: 10px 0;
  }
}

.sub-hidden .menu-button .sub,
.menu-sub-hidden .menu-button .sub {
  fill: #8f8f8f;
}

.main-hidden .menu-button .main,
.main-hidden .menu-button .sub,
.menu-hidden .menu-button .main,
.menu-hidden .menu-button .sub {
  fill: #8f8f8f;
}

.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  padding-top: 90px;
  z-index: 4;
  height: calc(100% - 90px);
  transition: border-radius 300ms;
}
.sidebar .scrollbar-container {
  margin-right: 0;
  padding-right: 0;
}
.sidebar .main-menu {
  width: 120px;
  height: calc(100% - 90px);
  background: white;
  z-index: 3;
  position: fixed;
  transition: transform 300ms;
  padding-top: 10px;
  padding-bottom: 10px;
  left: 0;
}
.sidebar .main-menu .scroll {
  padding-right: unset;
  margin-right: unset;
  height: 100%;
}
.sidebar .main-menu .scroll .ps__thumb-y {
  right: 0;
}
.sidebar .main-menu.main-hidden {
  transform: translateX(-120px);
}
.sidebar .main-menu ul li {
  position: relative;
}
.sidebar .main-menu ul li span {
  text-align: center;
  padding: 0 10px;
  line-height: 14px;
}
.sidebar .main-menu ul li a {
  height: 110px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  border-bottom: 1px solid #f3f3f3;
  color: #303030;
  transition: color 300ms;
  transition: background 300ms;
}
.sidebar .main-menu ul li a:hover > *, .sidebar .main-menu ul li a:focus > * {
  color: #a43163;
}
.sidebar .main-menu ul li svg {
  color: #8f8f8f;
  height: 40px;
  margin-bottom: 10px;
}
.sidebar .main-menu ul li.active a, .sidebar .main-menu ul li.active svg {
  color: #a43163;
}
.sidebar .main-menu ul li.active:after {
  content: " ";
  background: #a43163;
  border-radius: 10px;
  position: absolute;
  width: 6px;
  height: 90px;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.sidebar .main-menu ul li:last-of-type a {
  border-bottom: initial;
}
@media (max-width: 1399.98px) {
  .sidebar .main-menu {
    width: 110px;
    height: calc(100% - 80px);
  }
}
@media (max-width: 1199.98px) {
  .sidebar .main-menu {
    width: 100px;
    height: calc(100% - 70px);
  }
}
@media (max-width: 767.98px) {
  .sidebar .main-menu {
    width: 90px;
    height: calc(100% - 60px);
  }
  .sidebar .main-menu ul li a {
    height: 90px;
  }
  .sidebar .main-menu svg {
    height: 30px;
  }
  .sidebar .main-menu ul li.active:after {
    width: 3px;
    height: 60px;
  }
}
.sidebar .sub-menu {
  width: 230px;
  background: white;
  z-index: 2;
  position: fixed;
  left: 120px;
  border-left: 1px solid #f3f3f3;
  box-shadow: 0 3px 30px rgba(0, 0, 0, 0.1), 0 3px 20px rgba(0, 0, 0, 0.1);
  transition: transform 300ms;
  height: calc(100% - 90px);
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 0;
}
.sidebar .sub-menu .scroll {
  margin-right: unset;
  padding-right: unset;
  height: 100%;
}
.sidebar .sub-menu .scroll .ps__thumb-y {
  right: 0;
}
.sidebar .sub-menu .scroll .scrollbar-container {
  padding-top: 15px;
  padding-bottom: 15px;
}
.sidebar .sub-menu ul {
  display: none;
}
.sidebar .sub-menu ul li {
  margin-bottom: 0;
  margin-left: 30px;
  position: relative;
}
.sidebar .sub-menu ul li a {
  font-size: 13px;
  display: block;
  padding: 8px 0;
  margin-bottom: 10px;
}
.sidebar .sub-menu ul li svg {
  height: 20px;
  margin-right: 10px;
  color: #8f8f8f;
  display: inline-block;
}
.sidebar .sub-menu ul li.active svg, .sidebar .sub-menu ul li.active a {
  color: #a43163;
}
.sidebar .sub-menu ul li.active:after {
  content: " ";
  background: #a43163;
  border-radius: 10px;
  position: absolute;
  width: 4px;
  height: 4px;
  top: 50%;
  transform: translateY(-50%);
  left: -16px;
}
.sidebar .sub-menu ul li span {
  vertical-align: middle;
  padding-top: 3px;
  display: inline-block;
}
.sidebar .sub-menu ul li.has-sub-item.active:after {
  content: " ";
  background: initial;
}
.sidebar .sub-menu ul ul.third-level-menu {
  display: block !important;
}
.sidebar .sub-menu ul ul.third-level-menu li a,
.sidebar .sub-menu ul ul.third-level-menu li svg {
  color: #303030;
}
.sidebar .sub-menu ul ul.third-level-menu li a:hover, .sidebar .sub-menu ul ul.third-level-menu li.active svg, .sidebar .sub-menu ul ul.third-level-menu li.active a {
  color: #a43163;
}
.sidebar .sub-menu ul ul.third-level-menu li.active:after {
  left: -22px;
}
.sidebar .sub-menu ul .rotate-arrow-icon svg {
  transition: transform 200ms;
  transform: rotate(0);
}
.sidebar .sub-menu ul .rotate-arrow-icon.collapsed svg {
  transform: rotate(-90deg);
}
@media (max-width: 1399.98px) {
  .sidebar .sub-menu {
    left: 110px;
    width: 230px;
    height: calc(100% - 80px);
  }
}
@media (max-width: 1199.98px) {
  .sidebar .sub-menu {
    left: 100px;
    width: 230px;
    height: calc(100% - 70px);
  }
}
@media (max-width: 767.98px) {
  .sidebar .sub-menu {
    left: 90px;
    width: 230px;
    height: calc(100% - 60px);
  }
}
@media (max-width: 1399.98px) {
  .sidebar {
    padding-top: 80px;
    height: calc(100% - 80px);
  }
}
@media (max-width: 1199.98px) {
  .sidebar {
    padding-top: 70px;
    height: calc(100% - 70px);
  }
}
@media (max-width: 767.98px) {
  .sidebar {
    padding-top: 60px;
    height: calc(100% - 60px);
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
  }
}

.sub-hidden .sub-menu,
.menu-sub-hidden .sub-menu,
.menu-hidden .sub-menu {
  transform: translateX(-230px);
}
@media (max-width: 1399.98px) {
  .sub-hidden .sub-menu,
.menu-sub-hidden .sub-menu,
.menu-hidden .sub-menu {
    transform: translateX(-230px);
  }
}
@media (max-width: 1199.98px) {
  .sub-hidden .sub-menu,
.menu-sub-hidden .sub-menu,
.menu-hidden .sub-menu {
    transform: translateX(-230px);
  }
}
@media (max-width: 767.98px) {
  .sub-hidden .sub-menu,
.menu-sub-hidden .sub-menu,
.menu-hidden .sub-menu {
    transform: translateX(-230px);
  }
}

.main-hidden .main-menu,
.menu-hidden .main-menu {
  transform: translateX(-120px);
}
@media (max-width: 1399.98px) {
  .main-hidden .main-menu,
.menu-hidden .main-menu {
    transform: translateX(-110px);
  }
}
@media (max-width: 1199.98px) {
  .main-hidden .main-menu,
.menu-hidden .main-menu {
    transform: translateX(-100px);
  }
}
@media (max-width: 767.98px) {
  .main-hidden .main-menu,
.menu-hidden .main-menu {
    transform: translateX(-90px);
  }
}

.main-hidden.sub-hidden .sub-menu,
.menu-hidden .sub-menu {
  transform: translateX(-350px);
}
@media (max-width: 1399.98px) {
  .main-hidden.sub-hidden .sub-menu,
.menu-hidden .sub-menu {
    transform: translateX(-340px);
  }
}
@media (max-width: 1199.98px) {
  .main-hidden.sub-hidden .sub-menu,
.menu-hidden .sub-menu {
    transform: translateX(-330px);
  }
}
@media (max-width: 767.98px) {
  .main-hidden.sub-hidden .sub-menu,
.menu-hidden .sub-menu {
    transform: translateX(-320px);
  }
}

.menu-mobile .main-menu {
  transform: translateX(-90px);
}
.menu-mobile .sub-menu {
  transform: translateX(-370px);
}

.main-show-temporary .main-menu {
  transform: translateX(0);
}
.main-show-temporary .sub-menu {
  transform: translateX(-230px);
}
@media (max-width: 1399.98px) {
  .main-show-temporary .main-menu {
    transform: translateX(0);
  }
  .main-show-temporary .sub-menu {
    transform: translateX(-230px);
  }
}
@media (max-width: 1199.98px) {
  .main-show-temporary .main-menu {
    transform: translateX(0);
  }
  .main-show-temporary .sub-menu {
    transform: translateX(-230px);
  }
}
@media (max-width: 767.98px) {
  .main-show-temporary .sub-menu {
    transform: translateX(-230px);
  }
}

.sub-show-temporary .sub-menu,
.menu-mobile.sub-show-temporary .sub-menu {
  transform: translateX(0);
}

.app-menu {
  z-index: 1;
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
  width: 280px;
  float: right;
  background: white;
  transition: transform 300ms;
  height: calc(100% - 90px);
  position: fixed;
  right: 0;
  top: 90px;
}
@media (max-width: 1399.98px) {
  .app-menu {
    top: 80px;
    height: calc(100% - 80px);
  }
}
@media (max-width: 1199.98px) {
  .app-menu {
    top: 70px;
    transform: translateX(280px);
    height: calc(100% - 70px);
  }
}
@media (max-width: 767.98px) {
  .app-menu {
    top: 60px;
    height: calc(100% - 60px);
  }
}
.app-menu .scrollbar-container {
  margin-right: unset;
  padding-right: unset;
}
.app-menu .scrollbar-container .ps__rail-y {
  right: 2px !important;
}
.app-menu.shown {
  transform: translateX(0);
}
.app-menu .app-menu-button {
  cursor: pointer;
  position: absolute;
  left: -28px;
  background: white;
  top: 45px;
  padding: 12px 8px 12px 5px;
  border-radius: 0.2rem;
  color: #8f8f8f !important;
  box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.04);
  font-size: 15px;
  line-height: 0;
}
@media (max-width: 1399.98px) {
  .app-menu .app-menu-button {
    top: 36px;
  }
}
@media (max-width: 1199.98px) {
  .app-menu .app-menu-button {
    top: 27px;
  }
}
@media (max-width: 767.98px) {
  .app-menu .app-menu-button {
    top: 13px;
  }
}
.app-menu ul li {
  margin-bottom: 5px;
}
.app-menu ul li a {
  font-size: 13px;
  display: block;
  padding: 3px 0;
}
.app-menu ul li a:hover i {
  color: #a43163;
}
.app-menu ul li i {
  font-size: 1.2em;
  margin-right: 10px;
  color: #8f8f8f;
  vertical-align: unset;
}
@media (max-width: 767.98px) {
  .app-menu ul li i {
    font-size: 20px;
  }
}
.app-menu ul li.active i, .app-menu ul li.active a {
  color: #a43163;
}

.app-row {
  padding-right: 280px;
}
@media (max-width: 1199.98px) {
  .app-row {
    padding-right: 0;
  }
}

main {
  position: relative;
  margin-left: 410px;
  margin-top: 135px;
  margin-right: 60px;
  margin-bottom: 40px;
  transition: margin-left 300ms;
}
main.sub-hidden {
  margin-left: 180px;
}
main.main-hidden {
  margin-left: 60px;
}
main .container-fluid {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 1399.98px) {
  main {
    margin-left: 390px;
    margin-right: 50px;
    margin-top: 130px -10;
    margin-bottom: 30px;
  }
}
@media (max-width: 1199.98px) {
  main {
    margin-left: 370px;
    margin-right: 40px;
    margin-top: 110px -10;
    margin-bottom: 20px;
  }
}
@media (max-width: 767.98px) {
  main {
    margin-left: 15px !important;
    margin-right: 15px !important;
    margin-top: 75px !important;
    margin-bottom: 0;
  }
}
@media (max-width: 575.98px) {
  main {
    margin-bottom: 0;
  }
}

.sub-hidden main,
.menu-sub-hidden main,
.menu-hidden main {
  margin-left: 180px;
}

.main-hidden main,
.menu-hidden main {
  margin-left: 60px;
}

@media (max-width: 1399.98px) {
  .sub-hidden main,
.menu-sub-hidden main,
.menu-hidden main {
    margin-left: 160px;
  }

  .main-hidden main,
.menu-hidden main {
    margin-left: 50px;
  }
}
@media (max-width: 1199.98px) {
  .sub-hidden main,
.menu-sub-hidden main,
.menu-hidden main {
    margin-left: 140px;
  }

  .main-hidden main,
.menu-hidden main {
    margin-left: 40px;
  }
}
.cls-1 {
  isolation: isolate;
}

.cls-10,
.cls-13,
.cls-2,
.cls-20,
.cls-8,
.cls-9 {
  opacity: 0.3;
}

.cls-13,
.cls-14,
.cls-17,
.cls-2,
.cls-20,
.cls-8,
.cls-9 {
  mix-blend-mode: multiply;
}

.cls-3 {
  fill: #a43163;
}

.cls-4 {
  fill: #1a1a1a;
}

.cls-24,
.cls-5 {
  font-size: 111.3929px;
  font-family: Raleway-Heavy, Raleway Heavy;
}

.cls-11,
.cls-24,
.cls-5 {
  fill: #333;
}

.cls-17,
.cls-6,
.cls-9 {
  fill: #b3b3b3;
}

.cls-7,
.cls-8 {
  fill: gray;
}

.cls-10,
.cls-15 {
  fill: #fff;
}

.cls-10 {
  mix-blend-mode: screen;
}

.cls-12,
.cls-13 {
  fill: #ccc;
}

.cls-14,
.cls-25 {
  fill: #fbb03b;
}

.cls-14 {
  opacity: 0.5;
}

.cls-16 {
  fill: #3163a4;
}

.cls-17 {
  opacity: 0.15;
}

.cls-18 {
  fill: #e87217;
}

.cls-19 {
  fill: #f2f2f2;
}

.cls-20,
.cls-22 {
  fill: #f7931e;
}

.cls-21 {
  fill: #e04c16;
}

.cls-23 {
  fill: #f15a24;
}

.cls-24 {
  letter-spacing: -0.075em;
}

.cls-26 {
  fill: none;
  stroke: #3163a4;
  stroke-miterlimit: 10;
  stroke-width: 2.1183px;
}

.card {
  border: initial;
  background: white;
  border-radius: calc(0.15rem - 1px);
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
}
.card.list-item {
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 0;
}
.card .card-header .card-icon {
  right: 5px;
  top: 5px;
}
.card .card-subtitle {
  margin: 0;
  margin-bottom: 1rem;
}
.card .card-header .handle {
  cursor: default;
}
.card .card-body {
  padding: 1.75rem;
}
@media (max-width: 575.98px) {
  .card .card-body {
    padding: 1.25rem;
  }
}
.card .card-body.sm {
  padding: 1.25rem 1.75rem;
}
.card .card-title {
  margin-bottom: 0;
}

.card-title {
  font-size: 1.1rem;
  padding: 1.75rem 1.75rem 0 1.75rem;
}
@media (max-width: 767.98px) {
  .card-title {
    font-size: 0.9rem;
  }
}
@media (max-width: 575.98px) {
  .card-title {
    padding: 1.25rem 1.25rem 0 1.25rem;
  }
}

.card-img {
  border-radius: calc(0.25rem - 1px);
  height: 100%;
  object-fit: cover;
  max-height: 200px;
  width: unset;
}

.card-img-fluid {
  border-radius: calc(0.25rem - 1px);
  object-fit: cover;
}

.card-img-bottom {
  width: 100%;
  border-bottom-left-radius: calc(0.15rem - 1px);
  border-bottom-right-radius: calc(0.15rem - 1px);
}

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.15rem - 1px);
  border-top-right-radius: calc(0.15rem - 1px);
}

.card-img-left {
  width: 100%;
  border-top-left-radius: calc(0.15rem - 1px);
  border-bottom-left-radius: calc(0.15rem - 1px);
  height: 100%;
  object-fit: cover;
}

.card-img-right {
  width: 100%;
  border-top-right-radius: calc(0.15rem - 1px);
  border-bottom-right-radius: calc(0.15rem - 1px);
  height: 100%;
  object-fit: cover;
}

.card-img-overlay {
  background: rgba(0, 0, 0, 0.5);
  padding: 1.75rem;
}
@media (max-width: 575.98px) {
  .card-img-overlay {
    padding: 1rem;
  }
}

.card-top-buttons {
  padding: 1.3rem;
  right: 0;
  top: 0;
}
@media (max-width: 575.98px) {
  .card-top-buttons {
    padding: 0.35rem;
  }
}

.card-header {
  border: initial;
  background: initial;
  padding-top: 0;
}

.item-check {
  pointer-events: none;
}

.list-thumbnail {
  background-color: #3163a4;
  border-radius: 0.1rem;
  padding: 0;
  border: initial;
  height: auto;
  max-width: unset;
  height: 100%;
  object-fit: cover;
  width: 90px;
}
.list-thumbnail.thumbnail-icon {
  width: 90px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767.98px) {
  .list-thumbnail.thumbnail-icon {
    width: 30px !important;
  }
}
.list-thumbnail svg {
  height: 30px;
  color: #fff;
}
@media (max-width: 767.98px) {
  .list-thumbnail svg {
    height: 20px;
  }
}
@media (max-width: 991.98px) {
  .list-thumbnail.responsive {
    width: 80px;
  }
}
@media (max-width: 575.98px) {
  .list-thumbnail.responsive {
    width: 70px !important;
  }
}
.list-thumbnail.small {
  height: 60px;
  font-size: 1rem;
}
@media (max-width: 991.98px) {
  .list-thumbnail.small {
    height: 55px;
  }
}
@media (max-width: 575.98px) {
  .list-thumbnail.small {
    height: 50px;
  }
}
.list-thumbnail.xsmall {
  height: 40px;
  font-size: 1rem;
}
@media (max-width: 991.98px) {
  .list-thumbnail.xsmall {
    height: 40px;
  }
}
@media (max-width: 575.98px) {
  .list-thumbnail.xsmall {
    height: 40px;
  }
}

.list-thumbnail-letters {
  width: 85px;
  height: 85px;
  background: #a43163;
  align-items: center;
  display: flex;
  justify-content: center;
  font-size: 1.25rem;
  color: #fff;
}
@media (max-width: 991.98px) {
  .list-thumbnail-letters {
    width: 80px;
    height: 80px;
  }
}
@media (max-width: 575.98px) {
  .list-thumbnail-letters {
    width: 70px;
    height: 70px;
  }
}
.list-thumbnail-letters.small {
  width: 60px;
  height: 60px;
  font-size: 1rem;
}
@media (max-width: 991.98px) {
  .list-thumbnail-letters.small {
    width: 55px;
    height: 55px;
  }
}
@media (max-width: 575.98px) {
  .list-thumbnail-letters.small {
    width: 50px;
    height: 50px;
  }
}

.dashboard-line-chart {
  height: 283px;
}

.dashboard-quick-post {
  min-height: 263px;
}

.dashboard-list-with-thumbs {
  height: 500px;
}

.dashboard-logs {
  height: 270px;
}

.dashboard-list-with-user {
  height: 270px;
}

.dashboard-donut-chart {
  height: 270px;
}

.dashboard-small-chart {
  height: 150px;
}
.dashboard-small-chart .chart {
  height: 55px;
}
.dashboard-small-chart .lead {
  font-size: 1.4rem;
}

.dashboard-small-chart-analytics {
  height: 180px;
}
.dashboard-small-chart-analytics .chart {
  height: 85px;
}
.dashboard-small-chart-analytics .lead {
  font-size: 1.4rem;
}

.dashboard-filled-line-chart {
  height: 340px;
}
.dashboard-filled-line-chart .chart {
  height: 200px;
}

.dashboard-sq-banner {
  background-image: linear-gradient(to right top, #691f3f, #a43163, #a43163);
  background-size: cover;
  height: 385px;
  transition: 0.5s;
  background-size: 350% auto;
  cursor: pointer;
}
.dashboard-sq-banner .card-body {
  width: 270px;
}
.dashboard-sq-banner .lead {
  line-height: 2.3rem;
}
.dashboard-sq-banner:hover {
  background-position: right top;
}

.dashboard-link-list {
  height: 385px;
}

.dashboard-progress {
  height: 385px;
}

.dashboard-top-rated {
  height: 300px;
}
@media (max-width: 991.98px) {
  .dashboard-top-rated {
    height: unset;
  }
}

.dashboard-search {
  height: 650px;
  background: url(/assets/img/plane.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-color: white;
}
.dashboard-search .card-body {
  padding: 120px 50px 30px 50px;
}
@media (max-width: 1399.98px) {
  .dashboard-search .card-body {
    padding: 80px 30px 30px 30px;
  }
}
.dashboard-search .form-container {
  height: 400px;
  border-radius: 0.1rem;
  box-shadow: 0px -10px 15px 0px rgba(0, 0, 0, 0.04);
  padding: 2rem;
  background-color: white;
}

.icon-cards-row {
  margin-left: -5px;
  margin-right: -5px;
  margin-top: -10px;
}
.icon-cards-row .glide__slides {
  padding-bottom: 0px;
  padding-top: 10px;
}
.icon-cards-row .glide__slides .icon-row-item {
  padding-left: 5px;
  padding-right: 5px;
}
.icon-cards-row [class*=col-] {
  padding-left: 5px;
  padding-right: 5px;
}
.icon-cards-row .card-body {
  padding: 2rem 0.5rem;
}
.icon-cards-row .card-text {
  color: #8f8f8f;
  height: 30px;
  line-height: 26px;
}
.icon-cards-row .lead {
  color: #a43163;
  margin-bottom: 0;
}
.icon-cards-row i {
  font-size: 46px;
  line-height: 66px;
  color: #a43163;
}
.icon-cards-row .card {
  transition: box-shadow 1000ms;
  cursor: pointer;
}
@media (max-width: 1399.98px) {
  .icon-cards-row .card-text {
    height: 48px;
    line-height: 18px;
  }
  .icon-cards-row .lead {
    font-size: 1.6rem;
  }
  .icon-cards-row i {
    font-size: 32px;
    line-height: 47px;
  }
}

.log-indicator {
  width: 13px;
  height: 13px;
  border: 2px solid #a43163;
  border-radius: 14px;
  display: inline-block;
}

.big-calendar-header {
  margin-bottom: 1em;
}

.rbc-month-header {
  min-height: 50px;
}

.rbc-today {
  background: initial;
}

.calendar-prev-btn,
.calendar-next-btn {
  outline: initial !important;
  box-shadow: initial !important;
  border-radius: 40px !important;
  text-align: center;
  min-width: 30px;
  height: 30px;
  padding: 0.55rem 0;
  background: #a43163;
  color: white;
  border: 1px solid #a43163;
  line-height: 0.9 !important;
  font-size: 0.76rem;
  font-weight: normal !important;
}
.calendar-prev-btn span,
.calendar-next-btn span {
  line-height: 1 !important;
  font-size: 0.76rem;
  font-weight: normal !important;
}
.calendar-prev-btn:hover,
.calendar-next-btn:hover {
  background-color: transparent;
  border-color: #c6427b;
  color: #a43163;
}

.calendar-prev-btn {
  margin-right: 5px;
}

.calendar-today-btn {
  padding: 0.4em 1.3em !important;
  height: unset !important;
}

.rbc-month-row {
  min-height: 5em;
  z-index: 1;
}
@media (max-width: 575.98px) {
  .rbc-month-row {
    min-height: 3em;
  }
}

.rbc-month-view {
  border: initial;
}

.rbc-off-range-bg {
  background: initial;
}

.rbc-off-range {
  color: #303030;
  opacity: 0.3;
}

.rbc-day-bg + .rbc-day-bg,
.rbc-month-row + .rbc-month-row,
.rbc-header + .rbc-header,
.rbc-header {
  border-color: #f3f3f3 !important;
}

.rbc-header {
  padding: 15px 5px;
  color: #a43163;
}

.rbc-date-cell {
  padding: 10px;
}
.rbc-date-cell a {
  border-radius: 50%;
  width: 28px;
  height: 28px;
  text-align: center;
  vertical-align: middle;
  padding: 5px;
  font-weight: initial;
  display: inline-block;
}

.rbc-date-cell.rbc-now a {
  background: #a43163;
  color: white;
}

.rbc-event {
  font-size: 0.85em;
  border-radius: 25px;
  text-align: center;
  padding: 0px 5px;
  background: #3163a4;
}

.fc-basic-view .fc-body .fc-row {
  min-height: 6em;
}
@media (max-width: 575.98px) {
  .fc-basic-view .fc-body .fc-row {
    min-height: 3em;
  }
}

.fc-bootstrap4 .fc-day-top .fc-day-number {
  border-radius: 50%;
  width: 18px;
  height: 18px;
  text-align: center;
  vertical-align: middle;
  padding: 5px;
}

.fc-bootstrap4 td.fc-today {
  background: initial;
}
.fc-bootstrap4 td.fc-today .fc-day-number {
  background: #a43163;
  color: #fff;
}

.fc-day-grid-container {
  height: 100%;
  overflow: visible;
}

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
  padding: 5px;
}

.fc-view,
.fc-view > table {
  border-top: initial;
}

.fc table {
  border: initial;
}

.fc .table-bordered thead th,
.fc .table-bordered thead td {
  border-top: initial;
  border-bottom: initial;
  border-left: initial;
}

.fc td:first-of-type,
.fc th:first-of-type {
  border-left: initial;
  border-bottom: initial;
}

.fc td:last-of-type,
.fc th:last-of-type {
  border-right: initial;
  border-bottom: initial;
}

.fc-body .fc-row:last-of-type td {
  border-bottom: initial;
}

.fc tbody > tr > td.fc-widget-content:first-of-type {
  border-left: initial;
  border-right: initial;
  border-bottom: initial;
}

.fc table,
.fc .table-bordered th,
.fc .table-bordered td {
  border-color: #f3f3f3 !important;
}

.fc-day-header {
  color: #a43163;
}
.fc-day-header span {
  padding: 10px;
  display: inline-block;
}

.fc-event {
  border: initial;
}

.fc-event,
.fc-event-dot {
  background-color: #3163a4;
  color: #fff !important;
  padding: 1px 6px;
  border-radius: 10px;
  cursor: pointer;
  text-align: center;
}

.ReactTable {
  border: initial;
}
.ReactTable .scrollbar-container {
  margin: initial;
  padding: initial;
}
.ReactTable .rt-thead.-filters input {
  border-radius: 0.1rem;
  outline: initial !important;
  box-shadow: initial !important;
  font-size: 0.8rem;
  padding: 0.7rem 0.75rem 0.65rem 0.75rem;
  line-height: 1.5;
  border: 1px solid #d7d7d7;
  background: white;
  color: #303030;
}

.ReactTable .rt-th,
.ReactTable .rt-td {
  padding-top: 20px;
  padding-bottom: 10px;
}

.react-table-fixed-height {
  height: 500px;
}

.ReactTable .rt-thead.-header {
  box-shadow: initial;
}

.ReactTable .rt-thead .rt-th,
.ReactTable .rt-thead .rt-td {
  padding-top: 10px;
  padding-bottom: 10px;
  box-shadow: initial;
  border: initial;
  text-align: left;
  font-weight: 700;
}

.ReactTable .rt-tbody .rt-tr-group {
  border-bottom: 1px solid #f3f3f3;
}

.ReactTable .list-item-heading {
  margin-bottom: 0;
}

.ReactTable .rt-tbody .rt-td {
  border-right: initial;
}

.ReactTable .rt-thead .rt-th.-sort-desc,
.ReactTable .rt-thead .rt-td.-sort-desc {
  box-shadow: inset 0 -3px 0 0 #a43163;
}

.ReactTable .rt-thead .rt-th.-sort-asc,
.ReactTable .rt-thead .rt-td.-sort-asc {
  box-shadow: inset 0 3px 0 0 #a43163;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: white;
  background-color: #a43163;
}

.nav-pills .nav-link {
  border-radius: 50px;
}

.nav-link {
  padding: 0.5rem 1rem;
}
@media (max-width: 767.98px) {
  .nav-link {
    padding: 0.5rem 0.5rem;
  }
}
.nav-link.active {
  color: #a43163;
}

.page-item {
  padding: 10px;
}
@media (max-width: 767.98px) {
  .page-item {
    padding: 3px;
  }
}
.page-item svg {
  height: 20px;
}
.page-item .page-link {
  outline: initial !important;
  box-shadow: initial !important;
  line-height: 1.7;
  border-radius: 40px !important;
  min-width: 38px;
  text-align: center;
  height: 38px;
  padding: 0.55rem 0;
}
@media (max-width: 575.98px) {
  .page-item .page-link {
    min-width: 30px;
    height: 30px;
    line-height: 0.9;
    font-size: 0.76rem;
  }
}
.page-item .page-link.first, .page-item .page-link.prev, .page-item .page-link.next, .page-item .page-link.last {
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-item .page-link.next svg, .page-item .page-link.last svg {
  margin-left: 3px;
}
.page-item .page-link.prev svg, .page-item .page-link.first svg {
  margin-right: 3px;
}
.page-item .page-link.next {
  background: #a43163;
  color: white;
  border: 1px solid #a43163;
}
.page-item .page-link.next, .page-item .page-link.prev {
  background: #a43163;
  border: 1px solid #a43163;
  color: white;
}
.page-item .page-link.first, .page-item .page-link.last {
  background: transparent;
  color: #a43163;
  border: 1px solid #a43163;
  border-radius: 30px;
}
.page-item .page-link.first:hover, .page-item .page-link.last:hover {
  background: #a43163;
  color: white;
  border: 1px solid #a43163;
}
.page-item .page-link:hover {
  background-color: transparent;
  border-color: #c6427b;
  color: #a43163;
}
.page-item.active .page-link {
  background: transparent;
  border: 1px solid #a43163;
  color: #a43163;
}
.page-item.disabled .page-link {
  border-color: #d7d7d7;
  color: #d7d7d7;
  background: transparent;
}

.page-link {
  background-color: transparent;
  border-color: transparent;
  color: #303030;
}

.btn-sm.page-link {
  padding: 0.5rem 0.5rem;
}

.pagination-lg .page-item {
  padding: 15px;
}
@media (max-width: 767.98px) {
  .pagination-lg .page-item {
    padding: 3px;
  }
}
.pagination-lg .page-item .page-link {
  min-width: 50px;
  height: 50px;
}
@media (max-width: 767.98px) {
  .pagination-lg .page-item .page-link {
    min-width: 38px;
    height: 38px;
    padding: 0.55rem 0;
    line-height: 1.5;
    font-size: 0.8rem;
  }
}
@media (max-width: 575.98px) {
  .pagination-lg .page-item .page-link {
    min-width: 30px;
    height: 30px;
    line-height: 0.9;
    font-size: 0.76rem;
  }
}

.pagination-sm .page-item {
  padding: 6px;
}
@media (max-width: 767.98px) {
  .pagination-sm .page-item {
    padding: 3px;
  }
}
.pagination-sm .page-item .page-link {
  min-width: 30px;
  height: 30px;
  line-height: 0.9;
  font-size: 0.76rem;
}

.sortable {
  cursor: default;
}

.sortable span {
  vertical-align: middle;
}

.sortable-ghost {
  opacity: 0.5;
}

.btn-multiple-state .spinner {
  width: 36px;
  text-align: center;
}
.btn-multiple-state .spinner > span {
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.2s infinite ease-in-out both;
  animation: sk-bouncedelay 1.2s infinite ease-in-out both;
}
.btn-multiple-state .spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.btn-multiple-state .spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.invoice-react .invoice-contents {
  background-color: white;
  height: 1200px;
  max-width: 830px;
  position: relative;
}

@media print {
  body {
    background: white;
    height: 100%;
  }

  main {
    margin: 0 !important;
  }

  .navbar,
.sidebar,
.theme-colors {
    display: none;
  }

  main .container-fluid .row:not(.invoice) {
    display: none;
  }

  .invoice {
    width: 100%;
    max-width: 100%;
  }
  .invoice.row {
    margin: 0;
  }
  .invoice [class*=col] {
    padding: 0;
  }
  .invoice .invoice-contents {
    width: 100%;
    max-width: 100% !important;
    height: 1370px !important;
  }
}
.modal .modal-header,
.modal .modal-body,
.modal .modal-footer {
  padding: 1.75rem;
}
.modal .modal-header {
  border-bottom: 1px solid #d7d7d7;
}
.modal .modal-footer {
  border-top: 1px solid #d7d7d7;
}
.modal .close {
  color: #303030;
  text-shadow: initial;
}
.modal .iframe-container {
  padding-top: 56.25%;
  width: 100%;
  position: relative;
}
.modal .iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.modal .email-preview-iframe iframe {
  width: 100%;
  min-height: 450px;
}

.modal-content {
  border: initial;
  border-radius: 0.1rem;
  background: white;
}

.modal-dialog {
  box-shadow: 0 3px 30px rgba(0, 0, 0, 0.1), 0 3px 20px rgba(0, 0, 0, 0.1);
}

.modal-right {
  padding-right: 0 !important;
}
.modal-right .modal-dialog {
  margin: 0 auto;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  height: 100%;
  max-width: 380px;
}
.modal-right.modal-right-lg .modal-dialog {
  max-width: 680px;
}
.modal-right.modal-right-xl .modal-dialog {
  max-width: 80%;
}
.modal-right .modal-content {
  min-height: 100%;
}
.modal-right .modal-header {
  height: 90px;
}
@media (max-width: 1399.98px) {
  .modal-right .modal-header {
    height: 80px;
  }
}
@media (max-width: 1199.98px) {
  .modal-right .modal-header {
    height: 70px;
  }
}
@media (max-width: 767.98px) {
  .modal-right .modal-header {
    height: 60px;
  }
}
.modal-right .modal-footer {
  justify-content: center;
}
.modal-right.fade .modal-dialog {
  transform: translate(25%, 0) !important;
}
.modal-right.show .modal-dialog {
  transform: translate(0, 0) !important;
}

.loading-overlay {
  z-index: 1050;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.loading {
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 2px solid rgba(164, 49, 99, 0.2);
  border-radius: 50%;
  border-top-color: #a43163;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
  position: fixed;
  z-index: 1;
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
.table th,
.table td {
  border-color: #f3f3f3 !important;
}

.table .thead-light th {
  background-color: #f3f3f3 !important;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f3f3f3 !important;
}

.feature-row {
  margin-top: 80px;
}
@media (max-width: 767.98px) {
  .feature-row {
    margin-top: 40px;
  }
}

.wizard-basic-step {
  min-height: 85px;
}

.wizard-buttons {
  display: flex;
}
.wizard-buttons .disabled {
  opacity: 0.5;
}

.wizard {
  margin-top: -2rem;
}

.wizard ul.nav {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding-left: initial;
  padding: initial;
  background: initial;
  position: relative;
  border: initial;
  margin-bottom: 1.5rem;
}
.wizard ul.nav:before {
  content: " ";
  position: absolute;
  bottom: 1px;
  width: 100%;
  height: 1px;
  z-index: 0;
  background: #f3f3f3;
}

.wizard-default ul.nav li {
  position: relative;
  padding: 0.5rem 1rem;
  text-align: center;
}
.wizard-default ul.nav li a,
.wizard-default ul.nav li a:focus {
  color: #d7d7d7;
}
.wizard-default ul.nav li a span,
.wizard-default ul.nav li a small,
.wizard-default ul.nav li a:focus span,
.wizard-default ul.nav li a:focus small {
  color: #d7d7d7;
  text-align: center;
}
.wizard-default ul.nav li a:active,
.wizard-default ul.nav li a:hover {
  color: #a43163;
}
.wizard-default ul.nav li a:active span,
.wizard-default ul.nav li a:active small,
.wizard-default ul.nav li a:hover span,
.wizard-default ul.nav li a:hover small {
  color: #a43163;
}
.wizard-default ul.nav li span {
  display: block;
  font-weight: 700;
  color: #d7d7d7;
}
.wizard-default ul.nav li.step-doing a {
  color: #a43163;
}
.wizard-default ul.nav li.step-doing a span,
.wizard-default ul.nav li.step-doing a small {
  color: #a43163;
}
.wizard-default ul.nav li a:before {
  content: " ";
  position: absolute;
  margin-top: 10px;
  display: block;
  border-radius: 50%;
  color: initial;
  background: #f3f3f3;
  border: none;
  width: 18px;
  height: 18px;
  text-decoration: none;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  bottom: -6px;
}
.wizard-default ul.nav li.step-doing a:after, .wizard-default ul.nav li.step-done a:after {
  content: " ";
  position: absolute;
  margin-top: 10px;
  display: block;
  border-radius: 50%;
  color: initial;
  background: #a43163;
  border: none;
  width: 10px;
  height: 10px;
  text-decoration: none;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
  bottom: -2px;
}
.wizard-default ul.nav li.step-done a:after {
  background: initial;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23A43163' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}
.wizard-default ul.nav.disabled a,
.wizard-default ul.nav.disabled a:active,
.wizard-default ul.nav.disabled a:hover {
  cursor: default;
  color: #d7d7d7;
}
.wizard-default ul.nav.disabled a span,
.wizard-default ul.nav.disabled a small,
.wizard-default ul.nav.disabled a:active span,
.wizard-default ul.nav.disabled a:active small,
.wizard-default ul.nav.disabled a:hover span,
.wizard-default ul.nav.disabled a:hover small {
  color: #d7d7d7;
}
.wizard-default ul.nav.disabled .step-doing a {
  color: #a43163 !important;
}
.wizard-default ul.nav.disabled .step-doing a span,
.wizard-default ul.nav.disabled .step-doing a small {
  color: #a43163 !important;
}

@media (max-width: 767.98px) {
  .wizard-default ul.nav li small,
.wizard-default ul.nav li span {
    display: none;
  }
}
.equal-height-container .col-item .card {
  height: 100%;
}
@media (max-width: 991.98px) {
  .equal-height-container .col-item .card-body {
    text-align: left;
  }
}
@media (max-width: 575.98px) {
  .equal-height-container .col-item .card-body {
    text-align: center;
  }
}
.equal-height-container .col-item .price-top-part {
  text-align: center;
}
.equal-height-container .col-item .price-top-part * {
  text-align: center !important;
}
@media (max-width: 991.98px) {
  .equal-height-container .col-item .price-top-part {
    padding-left: 0;
    padding-right: 0;
    width: 40%;
  }
}
@media (max-width: 575.98px) {
  .equal-height-container .col-item .price-top-part {
    width: initial;
  }
}
.equal-height-container .col-item .price-feature-list {
  justify-content: space-between;
}
.equal-height-container .col-item .price-feature-list ul {
  margin: 0 auto;
  align-self: flex-start;
  margin-bottom: 1rem;
}
.equal-height-container .col-item .price-feature-list ul li p {
  text-align: center !important;
}

.table-heading {
  box-shadow: initial;
  background: initial;
}

i.large-icon {
  font-size: 38px;
  line-height: 90px;
  color: #a43163;
}
@media (max-width: 767.98px) {
  i.large-icon {
    line-height: 70px;
  }
}

.large-icon.initial-height {
  line-height: initial;
}
@media (max-width: 767.98px) {
  .large-icon.initial-height {
    line-height: initial;
  }
}

body {
  min-height: calc(100% - 150px);
  position: relative;
  padding-bottom: 90px;
}
@media (max-width: 1399.98px) {
  body {
    min-height: calc(100% - 130px);
  }
}
@media (max-width: 1199.98px) {
  body {
    min-height: calc(100% - 110px);
  }
}
@media (max-width: 767.98px) {
  body {
    min-height: calc(100% - 85px);
  }
}
@media (max-width: 575.98px) {
  body {
    padding-bottom: 60px;
  }
}
body.no-footer {
  padding-bottom: initial;
}
body.no-footer footer {
  display: none;
}

footer.page-footer {
  padding-top: 2.2rem;
  padding-bottom: 2.2rem;
  border-top: 1px solid #d7d7d7;
  width: 100%;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 90px;
}
@media (max-width: 575.98px) {
  footer.page-footer {
    height: 60px;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
  }
}
footer.page-footer .breadcrumb-item + .breadcrumb-item::before {
  color: #a43163;
}
footer.page-footer .container-fluid {
  padding-left: 0;
  padding-right: 0;
}
footer.page-footer .footer-content {
  margin-left: 410px;
  margin-right: 60px;
}
@media (max-width: 1399.98px) {
  footer.page-footer .footer-content {
    margin-left: 390px;
    margin-right: 50px;
  }
}
@media (max-width: 1199.98px) {
  footer.page-footer .footer-content {
    margin-left: 370px;
    margin-right: 40px;
  }
}
@media (max-width: 767.98px) {
  footer.page-footer .footer-content {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
}

.right-menu footer.page-footer {
  padding-right: 280px;
}
@media (max-width: 1199.98px) {
  .right-menu footer.page-footer {
    padding-right: 0;
  }
}

#app-container.sub-hidden .footer-content, #app-container.menu-sub-hidden .footer-content, #app-container.menu-hidden .footer-content {
  margin-left: 180px;
}
#app-container.main-hidden .footer-content, #app-container.menu-hidden .footer-content {
  margin-left: 60px;
}
#app-container.menu-main-hidden .footer-content {
  margin-left: 290px;
}
#app-container.menu-main-hidden.menu-hidden .footer-content {
  margin-left: 60px;
}
@media (max-width: 1399.98px) {
  #app-container.sub-hidden .footer-content, #app-container.menu-sub-hidden .footer-content, #app-container.menu-hidden .footer-content {
    margin-left: 160px;
  }
  #app-container.main-hidden .footer-content, #app-container.menu-hidden .footer-content {
    margin-left: 50px;
  }
  #app-container.menu-main-hidden .footer-content {
    margin-left: 280px;
  }
  #app-container.menu-main-hidden.menu-hidden .footer-content {
    margin-left: 50px;
  }
}
@media (max-width: 1199.98px) {
  #app-container.sub-hidden .footer-content, #app-container.menu-sub-hidden .footer-content, #app-container.menu-hidden .footer-content {
    margin-left: 140px;
  }
  #app-container.main-hidden .footer-content, #app-container.menu-hidden .footer-content {
    margin-left: 40px;
  }
  #app-container.menu-main-hidden .footer-content {
    margin-left: 270px;
  }
  #app-container.menu-main-hidden.menu-hidden .footer-content {
    margin-left: 40px;
  }
}

body::-webkit-scrollbar {
  width: 5px !important;
  background-color: #ffffff !important;
}
body::-webkit-scrollbar-track {
  border: none;
}
body::-webkit-scrollbar-thumb {
  background-color: #a43163 !important;
  border-radius: 0px !important;
  border: none;
}
body::-webkit-scrollbar-thumb:hover, body::-webkit-scrollbar-thumb:active {
  background-color: #3163a4 !important;
}

main.single-page {
  height: 100vh;
  min-height: 550px;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0 0 -90px 0 !important;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media (min-width: 992px) {
  main.single-page {
    justify-content: flex-end;
    flex-direction: row;
  }
}
main.single-page .heading-wrapper {
  padding: 0 20px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 992px) {
  main.single-page .heading-wrapper {
    width: 60%;
    padding: 0 120px;
  }
}
main.single-page .content-wrapper {
  padding: 80px 20px;
  background-color: white;
  width: 100%;
  height: auto;
  min-height: 75vh;
  display: flex;
  align-items: center;
}
main.single-page .content-wrapper > div {
  width: 100%;
}
@media (min-width: 992px) {
  main.single-page .content-wrapper {
    min-height: auto;
    padding: 20px;
    width: 40%;
    height: 100%;
  }
}
main.single-page .content-wrapper form {
  width: 100%;
  margin: auto;
}
main.single-page .content-wrapper form button {
  text-transform: uppercase;
  margin: 40px auto;
  display: block;
}
@media (min-width: 576px) {
  main.single-page .content-wrapper form {
    width: 75%;
  }
}
main.single-page .content-wrapper form p {
  padding-bottom: 20px;
}
main.single-page .content-wrapper img {
  display: block;
  width: 100px;
  margin: auto auto 40px auto;
}
@media (min-width: 576px) {
  main.single-page .content-wrapper img {
    width: 150px;
    margin-bottom: 80px;
  }
}
@media (min-width: 992px) {
  main.single-page .content-wrapper img {
    width: 190px;
  }
}
main.single-page .auth-link {
  text-align: center;
  text-decoration: underline;
}
main.single-page .auth-link:hover {
  text-decoration: none;
}
main.single-page .form-error {
  text-align: center;
  padding: 10px 0;
  color: #c43d4b;
}
main.single-page h1 {
  text-transform: uppercase;
  color: #ffffff;
  font-size: 2em;
  text-align: center;
  font-weight: bold;
  text-shadow: 0 0 40px #333;
  margin: 0;
  padding: 10px;
}
@media (min-width: 576px) {
  main.single-page h1 {
    font-size: 3em;
    padding: 20px;
  }
}
@media (min-width: 992px) {
  main.single-page h1 {
    font-size: 5em;
    text-align: right;
    padding: 0;
  }
}
main.single-page h2 {
  text-align: center;
  margin: 0 auto 40px auto;
  font-size: 1.8em;
  display: block;
}
main.single-page h2 span {
  padding-bottom: 20px;
  position: relative;
}
main.single-page h2 span:after {
  content: "";
  display: block;
  position: absolute;
  background-color: #a43163;
  height: 2px;
  width: 40%;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
@media (min-width: 576px) {
  main.single-page h2 {
    margin: 0 auto 80px auto;
    font-size: 2.5em;
  }
}

.av-invalid .av-label,
.form-group.text-danger,
.was-validated .custom-control-input:invalid ~ .custom-control-label,
.custom-control-input.is-invalid ~ .custom-control-label,
.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
  color: #303030 !important;
}

.was-validated .form-control:invalid,
.form-control.is-invalid,
.was-validated .custom-select:invalid,
.custom-select.is-invalid,
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
  border-color: #d7d7d7;
  background: initial;
}

.invalid-feedback {
  border-radius: 0.1rem;
  padding: 0.5rem 1rem;
  font-size: 0.76rem;
  color: #303030;
  background: white;
  border: 1px solid #a43163;
  text-align: center;
  width: unset !important;
  position: absolute;
  z-index: 4;
  margin-top: -0.5rem;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
}
.invalid-feedback::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -2.5px;
  margin-left: 50%;
  width: 10px;
  height: 5px;
  border-bottom: solid 5px #a43163;
  border-left: solid 5px transparent;
  border-right: solid 5px transparent;
}
.invalid-feedback::after {
  content: "";
  position: absolute;
  top: -4px;
  left: -2.5px;
  margin-left: 50%;
  width: 10px;
  height: 5px;
  border-bottom: solid 5px white;
  border-left: solid 5px transparent;
  border-right: solid 5px transparent;
}

.tooltip-right-bottom .invalid-feedback {
  left: initial;
  right: 0;
  transform: translateX(0);
}
.tooltip-right-bottom .invalid-feedback::before, .tooltip-right-bottom .invalid-feedback::after {
  left: initial;
  right: 25px;
  margin-left: 0;
}

.tooltip-left-bottom .invalid-feedback {
  left: 0;
  right: initial;
  transform: translateX(0);
}
.tooltip-left-bottom .invalid-feedback::before, .tooltip-left-bottom .invalid-feedback::after {
  left: 25px;
  right: initial;
  margin-left: 0;
}

.tooltip-center-top .invalid-feedback {
  bottom: 80%;
  transform: translateX(-50%) translateY(50%);
  top: initial;
}
.tooltip-center-top .invalid-feedback::before {
  content: "";
  position: absolute;
  top: initial;
  bottom: -5px;
  border-top: solid 5px #a43163;
  border-bottom: initial;
}
.tooltip-center-top .invalid-feedback::after {
  content: "";
  position: absolute;
  top: initial;
  bottom: -4px;
  border-top: solid 5px white;
  border-bottom: initial;
}

.tooltip-right-top .invalid-feedback {
  bottom: 80%;
  transform: translateX(0) translateY(50%);
  top: initial;
  left: initial;
  right: 0;
}
.tooltip-right-top .invalid-feedback::before {
  content: "";
  position: absolute;
  top: initial;
  bottom: -5px;
  border-top: solid 5px #a43163;
  border-bottom: initial;
  left: initial;
  right: 25px;
  margin-left: 0;
}
.tooltip-right-top .invalid-feedback::after {
  content: "";
  position: absolute;
  top: initial;
  bottom: -4px;
  border-top: solid 5px white;
  border-bottom: initial;
  left: initial;
  right: 25px;
  margin-left: 0;
}

.tooltip-left-top .invalid-feedback {
  bottom: 80%;
  transform: translateX(0) translateY(50%);
  top: initial;
  left: 0;
  right: initial;
}
.tooltip-left-top .invalid-feedback::before {
  content: "";
  position: absolute;
  top: initial;
  bottom: -5px;
  border-top: solid 5px #a43163;
  border-bottom: initial;
  left: 25px;
  right: initial;
  margin-left: 0;
}
.tooltip-left-top .invalid-feedback::after {
  content: "";
  position: absolute;
  top: initial;
  bottom: -4px;
  border-top: solid 5px white;
  border-bottom: initial;
  left: 25px;
  right: initial;
  margin-left: 0;
}

.tooltip-label-right .invalid-feedback {
  transform: translateX(0) translateY(-50%);
  top: 16px;
  left: 50px;
}
.tooltip-label-right .invalid-feedback::before {
  content: "";
  position: absolute;
  left: -5px;
  right: initial;
  margin-left: 0;
  border: initial;
  border-top: solid 5px transparent;
  border-bottom: solid 5px transparent;
  border-right: solid 5px #a43163;
  bottom: initial;
  top: 12px;
  width: 5px;
}
.tooltip-label-right .invalid-feedback::after {
  content: "";
  position: absolute;
  top: initial;
  left: -4px;
  right: initial;
  margin-left: 0;
  width: 5px;
  border: initial;
  border-top: solid 5px transparent;
  border-bottom: solid 5px transparent;
  border-right: solid 5px white;
  bottom: initial;
  top: 12px;
  width: 5px;
}

.error-l-0 .invalid-feedback {
  left: 0px;
}

.error-l-25 .invalid-feedback {
  left: 25px;
}

.error-l-50 .invalid-feedback {
  left: 50px;
}

.error-l-75 .invalid-feedback {
  left: 75px;
}

.error-l-100 .invalid-feedback {
  left: 100px;
}

.error-l-125 .invalid-feedback {
  left: 125px;
}

.error-l-150 .invalid-feedback {
  left: 150px;
}

.error-l-175 .invalid-feedback {
  left: 175px;
}

.error-l-200 .invalid-feedback {
  left: 200px;
}

.error-l-225 .invalid-feedback {
  left: 225px;
}

.error-l-250 .invalid-feedback {
  left: 250px;
}

.error-l-275 .invalid-feedback {
  left: 275px;
}

.error-t-negative .invalid-feedback {
  top: -10px;
}

@media (max-width: 575.98px) {
  .form-inline .form-group {
    width: 100%;
  }
}

.form-check-label,
.custom-control-label {
  line-height: 24px !important;
}

.react-tagsinput {
  background-color: white !important;
  border: 1px solid #d7d7d7 !important;
  outline: initial !important;
  box-shadow: initial !important;
}

.react-tagsinput-input {
  width: 200px;
}

.react-tagsinput--focused {
  border: 1px solid rgba(164, 49, 99, 0.6) !important;
}

.react-tagsinput-tag {
  background: #a43163 !important;
  border-radius: 15px !important;
  padding: 0px 10px !important;
  margin-bottom: 0px !important;
  display: inline-block !important;
  font-size: 12px !important;
  color: white !important;
  border: initial !important;
}

.form-control:focus {
  background: white;
  color: #303030;
}

.bootstrap-tagsinput {
  width: 100%;
}

.bootstrap-tagsinput input {
  padding: 0;
}

.form-control:focus {
  border-color: rgba(164, 49, 99, 0.6);
}

select.form-control:not([size]):not([multiple]) {
  height: initial;
}

.custom-control-input:disabled ~ .custom-control-label::before {
  background-color: rgba(48, 48, 48, 0.25) !important;
}

.custom-control-input:active ~ .custom-control-label::before {
  background-color: transparent;
}

.custom-checkbox .custom-control-label.indeterminate::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='encodecolor" "#fff' d='M0 2h4'/%3E%3C/svg%3E");
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='encodecolor" "#fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='encodecolor" "#fff'/%3E%3C/svg%3E");
}

.custom-control-label,
.custom-control-input {
  outline: initial !important;
  box-shadow: initial !important;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label::before,
.custom-control-input.is-invalid ~ .custom-control-label::before {
  background-color: initial;
}

.custom-control-input {
  left: 1px;
  top: 3px;
  opacity: 0;
  z-index: 1;
}

.custom-control-label::before {
  border: 1px solid #909090;
  background: initial;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  background-color: #a43163;
}

.custom-control-input:checked ~ .custom-control-label::before {
  background-color: #a43163;
  box-shadow: initial !important;
  border: 1px solid #a43163;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #a43163;
  box-shadow: initial !important;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #a43163;
  box-shadow: initial !important;
}

.custom-control-label::after,
.custom-control-label::before {
  box-shadow: initial !important;
  outline: initial !important;
}

.check-all {
  padding-top: 0;
}
.check-all label.custom-control-label {
  vertical-align: top;
  line-height: initial !important;
}
.check-all label.custom-control-label:before, .check-all label.custom-control-label:after {
  border: initial !important;
  background: initial !important;
}
.check-all span.custom-control-label {
  line-height: 1.1rem !important;
}
.check-all span.custom-control-label:before {
  top: 0 !important;
}
.check-all span.custom-control-label.indeterminate:after {
  top: 0 !important;
}
.check-all .custom-control {
  margin-top: 12px;
}
.check-all .custom-control-input:checked ~ .custom-control-label span::after {
  top: 0 !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='encodecolor" "#fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.custom-control-label::before {
  top: 0.2rem;
}

.custom-control-label::after {
  top: 0.2rem;
}

.btn.rotate-icon-click i {
  transition: transform 0.5s;
}

.btn.rotate i {
  transform: rotate(180deg);
}

.btn .custom-control-label::before {
  border: 1px solid #fff;
}

.btn .custom-control-input:checked ~ .custom-control-label::before {
  border: 1px solid #fff;
}

.btn-group-icon {
  line-height: 22px;
}

.autosuggest {
  position: relative;
}

.react-autosuggest__suggestions-container {
  border-radius: 0.1rem;
  z-index: 20;
  box-shadow: initial;
  margin-top: -1px;
  background: white;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  top: 100%;
}

.react-autosuggest__suggestions-list {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

.react-autosuggest__suggestion {
  cursor: default;
  display: block;
  font-size: inherit;
  padding: 8px 12px;
  width: 100%;
  background: white !important;
  color: #303030 !important;
}
.react-autosuggest__suggestion:hover, .react-autosuggest__suggestion:active {
  background: #c6427b !important;
  color: white !important;
}

.react-autosuggest__input--open {
  border: 1px solid rgba(164, 49, 99, 0.6) !important;
}

.react-autosuggest__suggestions-container--open {
  border: 1px solid rgba(164, 49, 99, 0.6);
  border-top: initial;
  border-width: 1px !important;
}

.react-select {
  outline: initial !important;
  box-shadow: none !important;
}

.react-select__value-container {
  outline: initial !important;
  box-shadow: none !important;
  padding: 0.45rem 0.75rem 0.4rem 0.75rem !important;
  background: white !important;
}

.react-select .react-select__dropdown-indicator {
  color: #8f8f8f;
}

.react-select .react-select__menu-list {
  padding-bottom: 0;
  padding-top: 0;
}

.react-select .react-select__single-value,
.react-select .react-select__multi-value__label {
  color: #303030;
}

.react-select .react-select__dropdown-indicator,
.react-select .react-select__control--is-focused .react-select__dropdown-indicator,
.react-select .react-select__clear-indicator,
.react-select .react-select__control--is-focused .react-select__clear-indicator {
  outline: initial;
  box-shadow: initial;
}
.react-select .react-select__dropdown-indicator:active, .react-select .react-select__dropdown-indicator:focus, .react-select .react-select__dropdown-indicator:hover,
.react-select .react-select__control--is-focused .react-select__dropdown-indicator:active,
.react-select .react-select__control--is-focused .react-select__dropdown-indicator:focus,
.react-select .react-select__control--is-focused .react-select__dropdown-indicator:hover,
.react-select .react-select__clear-indicator:active,
.react-select .react-select__clear-indicator:focus,
.react-select .react-select__clear-indicator:hover,
.react-select .react-select__control--is-focused .react-select__clear-indicator:active,
.react-select .react-select__control--is-focused .react-select__clear-indicator:focus,
.react-select .react-select__control--is-focused .react-select__clear-indicator:hover {
  color: #a43163 !important;
}

.react-select__control {
  border-radius: 0.1rem !important;
  border: 1px solid #d7d7d7 !important;
  background: white !important;
  outline: initial !important;
  box-shadow: none !important;
}

.react-select__indicator-separator {
  display: none;
}

.react-select__dropdown-indicator svg {
  width: 15px;
  height: 15px;
}

.react-select__option {
  background: white !important;
  color: #303030 !important;
}
.react-select__option:hover, .react-select__option:active {
  background: #a43163 !important;
  color: #fff !important;
}

.react-select__option--is-selected {
  background: #a43163 !important;
  color: #fff !important;
}

.react-select__option--is-disabled {
  background: #d4d4d4 !important;
  cursor: not-allowed !important;
}
.react-select__option--is-disabled:hover {
  background: #d4d4d4 !important;
  color: #303030 !important;
}

.react-select__control--is-focused {
  border-color: rgba(164, 49, 99, 0.6) !important;
}

.react-select__multi-value {
  background: transparent !important;
  border: 1px solid #d7d7d7 !important;
}

.react-select__multi-value__remove:hover,
.react-select__multi-value__remove:active {
  background: transparent !important;
  color: #a43163 !important;
}

.react-select .react-select__menu {
  border-radius: 0.1rem !important;
  z-index: 20 !important;
  box-shadow: initial !important;
  border: 1px solid rgba(164, 49, 99, 0.6) !important;
  border-top: initial !important;
  margin-top: -1px !important;
  background-color: white !important;
  border-width: 1px !important;
}

.react-select__option—is-focused {
  background: #a43163 !important;
  color: #fff !important;
}

.react-select__single-value {
  bottom: 0 !important;
  top: 50% !important;
  padding-top: 2px !important;
}

.react-datepicker {
  background-color: white !important;
  border: #d7d7d7 !important;
}

.react-datepicker__current-month,
.react-datepicker-time__header {
  text-align: center;
}

.react-datepicker__input-container input:focus {
  border-color: rgba(164, 49, 99, 0.6) !important;
}

.react-datepicker-popper {
  z-index: 20 !important;
}

.react-datepicker-wrapper {
  width: 100% !important;
}

.react-datepicker__input-container {
  width: 100% !important;
}

.react-datepicker__input-container input {
  background-color: white !important;
  border: #d7d7d7 !important;
  font-size: 0.8rem !important;
  padding: 0.75rem !important;
  border: 1px solid #d7d7d7 !important;
  border-radius: 0.1rem !important;
  width: 100% !important;
  outline: initial !important;
}

.react-datepicker {
  border: 1px solid #d7d7d7 !important;
  border-radius: 0.1rem !important;
  font-family: "Nunito", sans-serif;
}

.react-datepicker__header {
  background-color: white !important;
  border-bottom: initial !important;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  width: 35px !important;
  height: 35px !important;
  line-height: 2.3rem !important;
  border-radius: 0 !important;
  margin: 0 !important;
  outline: initial !important;
}

.react-datepicker__day:hover {
  background: #d7d7d7;
}

.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__day--keyboard-selected {
  background: #a43163;
}

.react-datepicker__day--keyboard-selected {
  background: #a43163 !important;
  color: #fff !important;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  border-bottom-color: white !important;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #d7d7d7 !important;
}

.react-datepicker__current-month,
.react-datepicker-time__header {
  color: #303030 !important;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #303030 !important;
}

.react-datepicker__input-container input {
  color: #303030 !important;
}

.react-datepicker__time-container {
  border-left: 1px solid #d7d7d7 !important;
  width: 71px !important;
}

.react-datepicker__time-container .react-datepicker__time {
  background-color: white !important;
  color: #303030 !important;
}

.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range {
  color: #fff !important;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-top-color: white !important;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  border-top-color: #d7d7d7 !important;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  background: #f8f8f8 !important;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  text-align: center;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background: #a43163 !important;
}

.react-datepicker__triangle {
  left: 30px !important;
}

.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range {
  background: #a43163 !important;
  border-radius: 0.1rem !important;
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
  background: #d7d7d7 !important;
}

.react-datepicker.embedded {
  border: initial !important;
  width: 100% !important;
}
.react-datepicker.embedded .react-datepicker__day-name,
.react-datepicker.embedded .react-datepicker__day,
.react-datepicker.embedded .react-datepicker__time-name {
  width: 14.28% !important;
}
.react-datepicker.embedded .react-datepicker__month-container {
  width: 100% !important;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px !important;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  padding-left: 0 !important;
  padding-right: 30px !important;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background: #a43163 !important;
}

.react-datepicker__day--today {
  font-weight: 400 !important;
  background: #d7d7d7;
  color: #fff !important;
}

.dropzone {
  min-height: 115px !important;
  border: 1px solid #d7d7d7 !important;
  background: white !important;
  padding: 10px 10px !important;
  border-radius: 0.1rem !important;
  color: #303030 !important;
  height: auto !important;
}
.dropzone .img-thumbnail {
  height: 58px !important;
  width: 100% !important;
  object-fit: cover !important;
}

.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * {
  position: relative;
  transform: translateY(-50%);
  top: 24px !important;
  margin: 0;
}

.dropzone .dz-preview.dz-image-preview,
.dropzone .dz-preview.dz-file-preview {
  width: 260px;
  height: 60px;
  min-height: unset;
  border: 1px solid #d7d7d7 !important;
  border-radius: 0.1rem !important;
  background: white !important;
  color: #303030 !important;
}
.dropzone .dz-preview.dz-image-preview .preview-container,
.dropzone .dz-preview.dz-file-preview .preview-container {
  transition: initial !important;
  animation: initial !important;
  margin-left: 0;
  margin-top: 0;
  position: relative;
  width: 100%;
  height: 100%;
}
.dropzone .dz-preview.dz-image-preview .preview-container svg,
.dropzone .dz-preview.dz-file-preview .preview-container svg {
  color: #a43163;
  position: absolute;
  left: 50%;
  top: 29px;
  transform: translateX(-50%) translateY(-50%) !important;
  height: 32px;
}
.dropzone .dz-preview.dz-image-preview strong,
.dropzone .dz-preview.dz-file-preview strong {
  font-weight: normal;
}
.dropzone .dz-preview.dz-image-preview .remove,
.dropzone .dz-preview.dz-file-preview .remove {
  position: absolute;
  right: 5px;
  top: 5px;
  color: #a43163 !important;
}
.dropzone .dz-preview.dz-image-preview .remove svg,
.dropzone .dz-preview.dz-file-preview .remove svg {
  height: 12px;
  margin-top: -3px;
  cursor: pointer;
}
.dropzone .dz-preview.dz-image-preview .remove svg:hover,
.dropzone .dz-preview.dz-file-preview .remove svg:hover {
  color: #3163a4;
}
.dropzone .dz-preview.dz-image-preview .dz-details,
.dropzone .dz-preview.dz-file-preview .dz-details {
  position: static;
  display: block;
  opacity: 1;
  text-align: left;
  min-width: unset;
  z-index: initial;
  color: #303030 !important;
}
.dropzone .dz-preview.dz-image-preview .dz-error-mark,
.dropzone .dz-preview.dz-file-preview .dz-error-mark {
  color: #fff !important;
  top: 15px;
  left: 25px;
  margin-left: 0;
  margin-top: 0;
}
.dropzone .dz-preview.dz-image-preview .dz-error-mark span,
.dropzone .dz-preview.dz-file-preview .dz-error-mark span {
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath style='fill:encodecolor" "#a43163;' d='M4.1,23.9A13.51,13.51,0,0,1,0,14,13.52,13.52,0,0,1,4.1,4.1,13.52,13.52,0,0,1,14,0a13.52,13.52,0,0,1,9.9,4.1A13.52,13.52,0,0,1,28,14a13.51,13.51,0,0,1-4.1,9.9A13.52,13.52,0,0,1,14,28,13.52,13.52,0,0,1,4.1,23.9Z'/%3E%3Cpath style='fill:%23FFFFFF;' d='M13.13,19.35V6.17a.88.88,0,1,1,1.75,0V19.35Z'/%3E%3Crect style='fill:%23FFFFFF;' x='13.13' y='21.07' width='1.75' height='1.64'/%3E%3C/svg%3E");
  width: 28px;
  height: 28px;
}
.dropzone .dz-preview.dz-image-preview .dz-success-mark,
.dropzone .dz-preview.dz-file-preview .dz-success-mark {
  color: #fff;
  top: 15px;
  left: 25px;
  margin-left: 0;
  margin-top: 0;
}
.dropzone .dz-preview.dz-image-preview .dz-success-mark span,
.dropzone .dz-preview.dz-file-preview .dz-success-mark span {
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath style='fill:encodecolor" "#a43163;' d='M4.1,23.9A13.51,13.51,0,0,1,0,14,13.52,13.52,0,0,1,4.1,4.1,13.52,13.52,0,0,1,14,0a13.52,13.52,0,0,1,9.9,4.1A13.52,13.52,0,0,1,28,14a13.51,13.51,0,0,1-4.1,9.9A13.52,13.52,0,0,1,14,28,13.52,13.52,0,0,1,4.1,23.9Z'/%3E%3Cpath style='fill:%23FFFFFF;' d='M20.14,8.81A.77.77,0,0,1,21.2,9a.81.81,0,0,1,.25.61.83.83,0,0,1-.25.62L12.48,19l-.11.1a.82.82,0,0,1-1.23,0L6.79,14.74l-.11-.16a.49.49,0,0,1-.08-.18,1.06,1.06,0,0,1,0-.19.61.61,0,0,1,0-.19,1.16,1.16,0,0,1,0-.18,1.26,1.26,0,0,1,.08-.18,1,1,0,0,1,.11-.15.87.87,0,0,1,1.26,0l3.69,3.7L19.94,9A.72.72,0,0,1,20.14,8.81Z'/%3E%3C/svg%3E");
  width: 28px;
  height: 28px;
}
.dropzone .dz-preview.dz-image-preview .dz-progress,
.dropzone .dz-preview.dz-file-preview .dz-progress {
  width: 84%;
  margin-left: 0;
  margin-top: 0;
  right: 0;
  height: 5px !important;
  left: 15px;
}
.dropzone .dz-preview.dz-image-preview .dz-progress .dz-upload,
.dropzone .dz-preview.dz-file-preview .dz-progress .dz-upload {
  width: 100%;
  background: #a43163 !important;
}
.dropzone .dz-preview.dz-image-preview .dz-error-message,
.dropzone .dz-preview.dz-file-preview .dz-error-message {
  border-radius: 15px;
  background: #c43d4b !important;
  top: 60px;
}
.dropzone .dz-preview.dz-image-preview .dz-error-message:after,
.dropzone .dz-preview.dz-file-preview .dz-error-message:after {
  border-bottom: 6px solid #c43d4b !important;
}
.dropzone .dz-preview.dz-image-preview [data-dz-name],
.dropzone .dz-preview.dz-file-preview [data-dz-name] {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 90%;
  display: inline-block;
  overflow: hidden;
}

.dropzone .dz-preview.dz-file-preview .img-thumbnail {
  display: none;
}

.dropzone .dz-error.dz-preview.dz-file-preview .preview-icon {
  display: none;
}
.dropzone .dz-error.dz-preview.dz-file-preview .dz-error-mark,
.dropzone .dz-error.dz-preview.dz-file-preview .dz-success-mark {
  color: #a43163 !important;
}

.dropzone .dz-preview.dz-image-preview .preview-icon {
  display: none;
}

@-webkit-keyframes pulse-inner {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  10% {
    -webkit-transform: scale(0.8, 1);
    -moz-transform: scale(0.8, 1);
    -ms-transform: scale(0.8, 1);
    -o-transform: scale(0.8, 1);
    transform: scale(0.8, 1);
  }
  20% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-moz-keyframes pulse-inner {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  10% {
    -webkit-transform: scale(0.8, 1);
    -moz-transform: scale(0.8, 1);
    -ms-transform: scale(0.8, 1);
    -o-transform: scale(0.8, 1);
    transform: scale(0.8, 1);
  }
  20% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes pulse-inner {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  10% {
    -webkit-transform: scale(0.8, 1);
    -moz-transform: scale(0.8, 1);
    -ms-transform: scale(0.8, 1);
    -o-transform: scale(0.8, 1);
    transform: scale(0.8, 1);
  }
  20% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  -webkit-animation: pulse-inner 3s ease infinite;
  -moz-animation: pulse-inner 3s ease infinite;
  -ms-animation: pulse-inner 3s ease infinite;
  -o-animation: pulse-inner 3s ease infinite;
  animation: pulse-inner 3s ease infinite;
}

.custom-switch {
  display: block !important;
  background: #d7d7d7 !important;
  width: 58px !important;
  height: 27px !important;
  border: 1px solid #d7d7d7 !important;
}
.custom-switch:after {
  width: 18px !important;
  height: 18px !important;
  top: 3px !important;
  margin-left: 3px !important;
  box-shadow: initial;
  transform: initial !important;
  animation-name: unset !important;
  background: white !important;
}
.custom-switch.rc-switch:after {
  box-shadow: none !important;
}
.custom-switch.rc-switch-checked:after {
  left: 30px !important;
  box-shadow: none !important;
}
.custom-switch.rc-switch-checked.custom-switch-primary {
  background: #a43163 !important;
  border: 1px solid #a43163 !important;
}
.custom-switch.rc-switch-checked.custom-switch-secondary {
  background: #3163a4 !important;
  border: 1px solid #3163a4 !important;
}
.custom-switch.custom-switch-primary-inverse {
  border: 1px solid #d7d7d7 !important;
}
.custom-switch.rc-switch-checked.custom-switch-primary-inverse {
  background: white !important;
  border: 1px solid #a43163 !important;
}
.custom-switch.rc-switch-checked.custom-switch-primary-inverse:after {
  background: #a43163 !important;
}
.custom-switch.custom-switch-secondary-inverse {
  border: 1px solid #d7d7d7 !important;
}
.custom-switch.rc-switch-checked.custom-switch-secondary-inverse {
  background: white !important;
  border: 1px solid #3163a4 !important;
}
.custom-switch.rc-switch-checked.custom-switch-secondary-inverse:after {
  background: #3163a4 !important;
}

.custom-switch .custom-switch-input + .custom-switch-btn {
  background: #d7d7d7 !important;
}

.custom-switch.custom-switch-primary .custom-switch-input:checked + .custom-switch-btn {
  background: #a43163 !important;
  border: 1px solid #a43163 !important;
}

.custom-switch.custom-switch-secondary .custom-switch-input:checked + .custom-switch-btn {
  background: #3163a4 !important;
  border: 1px solid #3163a4 !important;
}

.custom-switch.custom-switch-primary-inverse .custom-switch-input + .custom-switch-btn {
  border: 1px solid #d7d7d7 !important;
}

.custom-switch.custom-switch-primary-inverse .custom-switch-input:checked + .custom-switch-btn {
  background: white !important;
  border: 1px solid #a43163 !important;
}

.custom-switch.custom-switch-primary-inverse .custom-switch-input:checked + .custom-switch-btn:after {
  background: #a43163 !important;
}

.custom-switch.custom-switch-secondary-inverse .custom-switch-input + .custom-switch-btn {
  border: 1px solid #d7d7d7 !important;
}

.custom-switch.custom-switch-secondary-inverse .custom-switch-input:checked + .custom-switch-btn {
  background: white !important;
  border: 1px solid #3163a4 !important;
}

.custom-switch.custom-switch-secondary-inverse .custom-switch-input:checked + .custom-switch-btn:after {
  background: #3163a4 !important;
}

.custom-switch .custom-switch-input + .custom-switch-btn:after {
  background: white !important;
}

.custom-switch .custom-switch-input + .custom-switch-btn {
  border-color: #d7d7d7 !important;
}

.rc-switch.custom-switch.custom-switch-small {
  width: 42px !important;
  height: 23px !important;
}

.rc-switch.custom-switch.custom-switch-small:after {
  width: 14px !important;
  height: 14px !important;
  left: 1px !important;
  top: 3px !important;
}

.rc-switch-checked.custom-switch.custom-switch-small:after {
  left: 18px !important;
}

.input-group-text {
  border-radius: 0.1rem;
  background-color: white;
  border-color: #d7d7d7;
  color: #303030;
  font-size: 0.8rem;
  padding: 0.75rem 0.75rem 0.5rem 0.75rem;
}

.form-group {
  position: relative;
}

.form-control {
  border-radius: 0.1rem;
  outline: initial !important;
  box-shadow: initial !important;
  font-size: 0.8rem;
  padding: 0.75rem;
  line-height: 1.5;
  border: 1px solid #d7d7d7;
  background: white;
  color: #303030;
  height: initial;
}

@keyframes autofill {
  to {
    color: #303030;
    background: transparent;
  }
}
input:-webkit-autofill {
  animation-name: autofill;
  animation-fill-mode: both;
}

input:-webkit-autofill {
  -webkit-text-fill-color: #303030 !important;
}

.form-control-sm,
.input-group-sm > .form-control,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  border-radius: 0.1rem;
}

.form-control-lg,
.input-group-lg > .form-control,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  border-radius: 0.1rem;
}

.custom-select {
  border-radius: 0.1rem;
  padding: 0.75rem 0.75rem 0.5rem 0.75rem;
}

.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  outline: initial !important;
  box-shadow: initial !important;
}

.custom-select {
  height: calc(2.5rem + 2px);
}

.custom-select:focus {
  border-color: #a43163;
}

.custom-file-input:focus ~ .custom-file-label {
  border-color: rgba(164, 49, 99, 0.6);
}

.custom-file-label::after {
  background: white;
  color: #303030;
  border-color: #d7d7d7;
}

.custom-file-input {
  box-shadow: initial !important;
}

.custom-file-label {
  background: white;
  border-color: #d7d7d7;
}

.custom-file-label {
  box-shadow: initial !important;
  border-radius: 0.1rem;
  height: calc(2.5rem + 2px);
  padding: 0.75rem 0.75rem 0.5rem 0.75rem;
}

.custom-file {
  height: calc(2.5rem + 2px);
}

.custom-file-label:focus,
.custom-file-input:focus {
  border-color: #a43163;
}

.custom-file-label::after {
  height: calc(calc(2.5rem + 2px) - 1px * 2);
  padding: 0.75rem 0.75rem 0.5rem 0.75rem;
}

.jumbotron {
  background: initial;
}

.has-float-label {
  display: block;
  position: relative;
}

.has-float-label label::after,
.has-float-label > span::after {
  background: white !important;
}

.has-top-label label,
.has-top-label > span,
.has-float-label label,
.has-float-label > span {
  color: rgba(48, 48, 48, 0.7);
}

.has-top-label .react-select__value-container {
  height: calc(2.4rem + 3px);
}

.has-float-label label,
.has-float-label > span:last-of-type {
  position: absolute;
  cursor: text;
  font-size: 90%;
  opacity: 1;
  top: -0.4em;
  left: 0.75rem;
  z-index: 3;
  line-height: 1;
  padding: 0 1px;
}

.has-float-label label::after,
.has-float-label > span::after {
  content: " ";
  display: block;
  position: absolute;
  height: 5px;
  top: 3px;
  left: -0.2em;
  right: -0.2em;
  z-index: -1;
}

.has-float-label .form-control::-webkit-input-placeholder {
  opacity: 1;
}

.has-float-label .form-control::-moz-placeholder {
  opacity: 1;
}

.has-float-label .form-control:-ms-input-placeholder {
  opacity: 1;
}

.has-float-label .form-control::placeholder {
  opacity: 1;
}

.has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder {
  opacity: 0;
}

.has-float-label .form-control:placeholder-shown:not(:focus)::-moz-placeholder {
  opacity: 0;
}

.has-float-label .form-control:placeholder-shown:not(:focus):-ms-input-placeholder {
  opacity: 0;
}

.has-float-label .form-control:placeholder-shown:not(:focus)::placeholder {
  opacity: 0;
}

.input-group .has-float-label {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.input-group .has-float-label .form-control {
  width: 100%;
}

.input-group .has-float-label:not(:last-child),
.input-group .has-float-label:not(:last-child) .form-control {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right: 0;
}

.input-group .has-float-label:not(:first-child),
.input-group .has-float-label:not(:first-child) .form-control {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.form-group.has-top-label .form-control,
.form-group.has-top-label .react-tagsinput,
.form-group.has-top-label .react-datepicker__input-container input,
.form-group.has-top-label .react-select__value-container {
  padding: 1.7rem 0.75rem 0.5rem 0.75rem !important;
}

.has-top-label {
  display: block;
  position: relative;
}
.has-top-label .react-tagsinput-input {
  padding: 0;
  margin: 0;
  font-size: 0.8rem;
  line-height: 1;
}

.has-top-label .react-select__value-container .css-rsyb7x {
  margin: 0 !important;
  padding: 0 !important;
}

.has-top-label label,
.has-top-label > span:last-of-type {
  position: absolute;
  cursor: text;
  font-size: 76%;
  opacity: 1;
  top: 0.7rem;
  left: 0.75rem;
  z-index: 3;
  line-height: 1;
  padding: 0 1px;
  font-weight: 600;
}

.has-top-label label::after,
.has-top-label > span::after {
  content: " ";
  display: block;
  position: absolute;
  height: 2px;
  top: 50%;
  left: -0.2em;
  right: -0.2em;
  z-index: -1;
}

.has-top-label .form-control::-webkit-input-placeholder {
  opacity: 1;
}

.has-top-label .form-control::-moz-placeholder {
  opacity: 1;
}

.has-top-label .form-control:-ms-input-placeholder {
  opacity: 1;
}

.has-top-label .form-control::placeholder {
  opacity: 1;
}

.has-top-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder {
  opacity: 0;
}

.has-top-label .form-control:placeholder-shown:not(:focus)::-moz-placeholder {
  opacity: 0;
}

.has-top-label .form-control:placeholder-shown:not(:focus):-ms-input-placeholder {
  opacity: 0;
}

.has-top-label .form-control:placeholder-shown:not(:focus)::placeholder {
  opacity: 0;
}

.has-top-label .form-control:placeholder-shown:not(:focus) + * {
  font-size: 150%;
  opacity: 0.5;
  top: 0.3em;
}

.has-top-label .react-select__single-value {
  top: unset !important;
  bottom: -3px !important;
  margin-left: 0 !important;
}

.input-group .has-top-label {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.input-group .has-top-label .form-control {
  width: 100%;
}

.input-group .has-top-label:not(:last-child),
.input-group .has-top-label:not(:last-child) .form-control {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right: 0;
}

.input-group .has-top-label:not(:first-child),
.input-group .has-top-label:not(:first-child) .form-control {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.form-group.has-top-label .form-control,
.form-group.has-top-label .react-tagsinput,
.form-group.has-top-label .react-datepicker__input-container input,
.form-group.has-top-label .react-select__value-container {
  min-height: calc(3.3rem + 2px) !important;
}

.form-group.has-top-label select.form-control:not([size]):not([multiple]) {
  height: calc(3.3rem + 2px);
  padding: 1.7rem 0.75rem 0.5rem 0.5rem;
}

.large-icon-wrapper {
  text-align: center;
  font-size: 3em;
  color: #3163a4;
  padding: 0 0 20px 0;
}

.form-modal {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: calc(100vh - 80px - 1.75rem * 2);
}
.form-modal .modal-footer {
  margin-left: -1.75rem;
  margin-bottom: -1.75rem;
  margin-right: -1.75rem;
}

.form-list .preview-container img {
  height: 58px;
  width: 100%;
  object-fit: cover;
}
.form-list p {
  margin-top: 10px;
}
.form-list button {
  background-color: transparent;
  border: 0;
}
.form-list button svg {
  height: 15px;
  color: #a43163;
}
.form-list button:hover {
  background-color: transparent;
  border: 0;
}
.form-list button:hover svg {
  color: #3163a4;
}

.img-radio {
  width: 100px;
  border: 2px solid white;
  opacity: 0.9;
}

.radio-img {
  margin-bottom: 10px;
  margin-right: 10px;
}
.radio-img.active .img-radio {
  border-color: #a43163;
  opacity: 1;
}

.input-group {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.input-group > div {
  flex-grow: 1;
}
.input-group > div:not(:last-child) {
  margin-right: 10px;
}

.wysiwyg-wrapper .wysiwyg-editor {
  min-height: 250px;
  padding: 10px;
  border: 1px solid #d7d7d7;
}
.wysiwyg-wrapper .wysiwyg-editor:focus-within {
  border-color: #a43163;
}
.wysiwyg-wrapper .rdw-editor-toolbar {
  margin-bottom: 0;
}

.react-select-container .css-b8ldur-Input > div {
  display: block !important;
}
.react-select-container .css-b8ldur-Input > div input {
  width: 100% !important;
}

textarea, input {
  background-clip: padding-box;
}

textarea {
  min-height: 90px;
}

.input-group.group-inner {
  margin-bottom: 0;
  padding-right: 40px;
}
.input-group.group-inner:first-of-type button {
  align-self: center;
}
.input-group.group-inner .icon-button svg {
  height: 15px;
  color: #dc3545;
}

form:not(.auth-form) [data-required] {
  border-right: 4px solid #a43163;
}

.toast-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: absolute;
  top: -20px;
  right: 0;
}
.toast-wrapper .toast {
  min-width: 250px;
  margin-right: 10px;
  border-left: 8px solid #3163a4;
}
.toast-wrapper .toast.error {
  border-left-color: #c43d4b;
}
.toast-wrapper .toast.info {
  border-left-color: #3195a5;
}

.empty-message {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 60vh;
}
.empty-message svg {
  width: 150px;
  margin: auto;
  display: block;
  opacity: 0.6;
  margin-bottom: 20px;
}
.empty-message h4 {
  color: #a43163;
  font-size: 1.6em;
}

@media (max-width: 767.98px) {
  .list-item .card-body {
    padding: 0.5rem;
  }
  .list-item .card-body p:first-child {
    font-weight: bold;
  }
}
.list-item .custom-control > * {
  margin-left: 10px;
}
.list-item .custom-control button {
  outline: initial !important;
  box-shadow: initial !important;
  line-height: 1.7;
  border-radius: 40px !important;
  min-width: 38px;
  text-align: center;
  height: 38px;
  padding: 0.55rem 0;
}
@media (max-width: 767.98px) {
  .list-item .custom-control button {
    min-width: 30px;
    height: 30px;
    line-height: 1;
  }
}
.list-item .custom-control svg {
  height: 15px;
  margin-top: -3px;
}

.link-first > td:first-child {
  cursor: pointer;
}
.link-first > td:first-child:hover {
  text-decoration: underline;
}

.react-confirm-alert-blur {
  -webkit-animation: react-confirm-alert-blurify 0.4s forwards;
  -moz-animation: react-confirm-alert-blurify 0.4s forwards;
  -o-animation: react-confirm-alert-blurify 0.4s forwards;
  animation: react-confirm-alert-blurify 0.4s forwards;
}

.react-confirm-alert-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background: rgba(255, 255, 255, 0.6);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  opacity: 0;
  transform: scale(0.8);
  -webkit-animation: react-confirm-alert-fadeIn 0.5s 0.2s forwards;
  -moz-animation: react-confirm-alert-fadeIn 0.5s 0.2s forwards;
  -o-animation: react-confirm-alert-fadeIn 0.5s 0.2s forwards;
  animation: react-confirm-alert-fadeIn 0.5s 0.2s forwards;
}

.react-confirm-alert {
  width: 100%;
  background-color: white;
  box-shadow: 0 20px 75px rgba(0, 0, 0, 0.13);
}

.react-confirm-alert-body {
  width: 400px;
  padding: 30px;
  text-align: center;
  color: #a43163;
  margin: auto;
}
@media (max-width: 767.98px) {
  .react-confirm-alert-body {
    width: 100%;
  }
}
.react-confirm-alert-body.popup {
  width: 60%;
}
.react-confirm-alert-body.popup a {
  color: #303030;
}
.react-confirm-alert-body.popup .react-confirm-alert-button-group > button {
  background-color: #a43163;
  color: white;
  border-color: #a43163;
}
.react-confirm-alert-body.popup .react-confirm-alert-button-group > button:hover {
  background-color: #3163a4;
  border-color: #3163a4;
}

.react-confirm-alert-svg {
  position: absolute;
  top: 0;
  left: 0;
}

.react-confirm-alert-body > h1 {
  margin-top: 0;
  color: #303030;
  font-size: 1.7em;
  margin-bottom: 10px;
  display: block;
}

.react-confirm-alert-body > strong {
  margin: 0 0 10px 0;
  font-size: 1.5em;
  text-transform: uppercase;
}

.react-confirm-alert-button-group {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.react-confirm-alert-button-group button {
  margin: 10px;
}

@-webkit-keyframes react-confirm-alert-fadeIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@-moz-keyframes react-confirm-alert-fadeIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@-o-keyframes react-confirm-alert-fadeIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes react-confirm-alert-fadeIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes react-confirm-alert-blurify {
  from {
    filter: blur(0);
    -webkit-filter: blur(0);
  }
  to {
    filter: blur(2px);
    -webkit-filter: blur(2px);
  }
}
@-moz-keyframes react-confirm-alert-blurify {
  from {
    filter: blur(0);
    -webkit-filter: blur(0);
  }
  to {
    filter: blur(2px);
    -webkit-filter: blur(2px);
  }
}
@-o-keyframes react-confirm-alert-blurify {
  from {
    filter: blur(0);
    -webkit-filter: blur(0);
  }
  to {
    filter: blur(2px);
    -webkit-filter: blur(2px);
  }
}
@keyframes react-confirm-alert-blurify {
  from {
    filter: blur(0);
    -webkit-filter: blur(0);
  }
  to {
    filter: blur(2px);
    -webkit-filter: blur(2px);
  }
}
.profile-header {
  width: 100%;
  height: 350px;
  object-fit: cover;
  max-height: 350px;
}

.profile-img {
  height: 120px;
  border: 3px solid white;
  position: absolute;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  top: -75px;
  max-width: 220px;
}

.react-date-picker, .react-daterange-picker {
  width: 100%;
}
.react-date-picker .react-date-picker__wrapper, .react-date-picker .react-daterange-picker__wrapper, .react-daterange-picker .react-date-picker__wrapper, .react-daterange-picker .react-daterange-picker__wrapper {
  border: 1px solid #d7d7d7;
  background-color: #fff;
  height: 36px;
  border-radius: 0;
  padding-left: 6px;
  width: 100%;
}
@media (max-width: 767.98px) {
  .react-date-picker .react-date-picker__wrapper, .react-date-picker .react-daterange-picker__wrapper, .react-daterange-picker .react-date-picker__wrapper, .react-daterange-picker .react-daterange-picker__wrapper {
    height: 32px;
  }
}
.react-date-picker--disabled .react-date-picker__wrapper, .react-date-picker--disabled .react-daterange-picker__wrapper, .react-daterange-picker--disabled .react-date-picker__wrapper, .react-daterange-picker--disabled .react-daterange-picker__wrapper {
  background-color: #eee;
}
.react-date-picker .react-date-picker__inputGroup__input, .react-date-picker .react-daterange-picker__inputGroup__input, .react-daterange-picker .react-date-picker__inputGroup__input, .react-daterange-picker .react-daterange-picker__inputGroup__input {
  border: 0;
  outline: 0;
}
.react-date-picker .react-date-picker__inputGroup__input:invalid, .react-date-picker .react-daterange-picker__inputGroup__input:invalid, .react-daterange-picker .react-date-picker__inputGroup__input:invalid, .react-daterange-picker .react-daterange-picker__inputGroup__input:invalid {
  background-color: transparent;
}
.react-date-picker .react-date-picker__inputGroup__input::placeholder, .react-date-picker .react-daterange-picker__inputGroup__input::placeholder, .react-daterange-picker .react-date-picker__inputGroup__input::placeholder, .react-daterange-picker .react-daterange-picker__inputGroup__input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: transparent;
  opacity: 0;
  /* Firefox */
}
.react-date-picker .react-date-picker__inputGroup__input:-ms-input-placeholder, .react-date-picker .react-daterange-picker__inputGroup__input:-ms-input-placeholder, .react-daterange-picker .react-date-picker__inputGroup__input:-ms-input-placeholder, .react-daterange-picker .react-daterange-picker__inputGroup__input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: transparent;
}
.react-date-picker .react-date-picker__inputGroup__input::-ms-input-placeholder, .react-date-picker .react-daterange-picker__inputGroup__input::-ms-input-placeholder, .react-daterange-picker .react-date-picker__inputGroup__input::-ms-input-placeholder, .react-daterange-picker .react-daterange-picker__inputGroup__input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: transparent;
}
.react-date-picker .react-date-picker__calendar, .react-date-picker .react-daterange-picker__calendar, .react-daterange-picker .react-date-picker__calendar, .react-daterange-picker .react-daterange-picker__calendar {
  z-index: 1000;
}
.react-date-picker .react-date-picker__calendar .react-calendar, .react-date-picker .react-daterange-picker__calendar .react-calendar, .react-daterange-picker .react-date-picker__calendar .react-calendar, .react-daterange-picker .react-daterange-picker__calendar .react-calendar {
  border: 0;
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
  margin-top: 10px;
}
.react-date-picker .react-calendar__tile--active, .react-daterange-picker .react-calendar__tile--active {
  background-color: #a43163;
}
.react-date-picker .react-calendar__tile--active:enabled:hover, .react-date-picker .react-calendar__tile--active:enabled:focus, .react-daterange-picker .react-calendar__tile--active:enabled:hover, .react-daterange-picker .react-calendar__tile--active:enabled:focus {
  background-color: #691f3f;
}
.react-date-picker .react-calendar__tile, .react-daterange-picker .react-calendar__tile {
  border-radius: 0;
}
.react-date-picker .react-calendar__tile--hasActive, .react-daterange-picker .react-calendar__tile--hasActive {
  background-color: #a43163;
}

.has-error .react-date-picker__wrapper, .has-error .react-daterange-picker__wrapper {
  border-color: #c43d4b;
}

@media (max-width: 991.98px) {
  .breadcrumb-container .breadcrumb {
    padding: 0;
  }
}

.breadcrumb {
  background-color: transparent;
  margin-bottom: 0.5rem;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: "|";
}

.sub-hidden .filter-box,
.menu-sub-hidden .filter-box {
  left: 120px;
}

.main-hidden .filter-box,
.menu-hidden .filter-box {
  left: 0;
}

@media (max-width: 1399.98px) {
  .sub-hidden .filter-box,
.menu-sub-hidden .filter-box {
    left: 110px;
  }

  .main-hidden .filter-box,
.menu-hidden .filter-box {
    left: 0;
  }
}
@media (max-width: 1199.98px) {
  .sub-hidden .filter-box,
.menu-sub-hidden .filter-box {
    left: 100px;
  }

  .menu-mobile .filter-box {
    left: 0 !important;
  }

  .main-hidden .filter-box,
.menu-hidden .filter-box {
    left: 0;
  }
}
.filter-box {
  width: 250px;
  background: rgba(48, 48, 48, 0.95);
  color: #fff;
  position: fixed;
  top: 90px;
  left: 350px;
  height: 100vh;
  box-shadow: 0 3px 30px rgba(0, 0, 0, 0.1), 0 3px 20px rgba(0, 0, 0, 0.1);
  padding: 10px;
  transform: translateX(-350px);
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}
@media (min-width: 576px) {
  .filter-box {
    padding: 20px;
  }
}
@media (max-width: 1399.98px) {
  .filter-box {
    top: 80px;
    left: 340px;
  }
}
@media (max-width: 1199.98px) {
  .filter-box {
    top: 70px;
    left: 330px;
  }
}
@media (max-width: 767.98px) {
  .filter-box {
    top: 60px;
    left: 0;
  }
}
.filter-box h3 {
  margin-bottom: 0;
}
.filter-box .btn-toggle {
  margin: 0;
}
.filter-box.open {
  transform: translateX(0);
}
.filter-box .form-control {
  padding: 0.5rem;
}
.filter-box .react-select__value-container {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.filter-box form button:first-child {
  margin-right: 10px;
}

.filter-header {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #d7d7d7;
}

.header-filter .search-sm {
  position: relative;
}
.header-filter .search-sm input {
  background: none;
  outline: none !important;
  border: 1px solid #8f8f8f;
  border-radius: 15px;
  padding: 0.25rem 0.75rem 0.25rem 0.75rem;
  font-size: 0.76rem;
  line-height: 1.3;
  color: #303030;
}
.header-filter .search-sm input::placeholder {
  font-style: italic;
}
.header-filter .search-sm:after {
  font-family: "simple-line-icons";
  content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%20%3D%20%220%200%20512%20512%22%3E%20%3Cpath%20fill%20%3D%20%22%23575057%22%20d%3D%22M508.5%20481.6l-129-129c-2.3-2.3-5.3-3.5-8.5-3.5h-10.3C395%20312%20416%20262.5%20416%20208%20416%2093.1%20322.9%200%20208%200S0%2093.1%200%20208s93.1%20208%20208%20208c54.5%200%20104-21%20141.1-55.2V371c0%203.2%201.3%206.2%203.5%208.5l129%20129c4.7%204.7%2012.3%204.7%2017%200l9.9-9.9c4.7-4.7%204.7-12.3%200-17zM208%20384c-97.3%200-176-78.7-176-176S110.7%2032%20208%2032s176%2078.7%20176%20176-78.7%20176-176%20176z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
  font-size: 14px;
  border-radius: 10px;
  color: #8f8f8f;
  position: absolute;
  width: 15px;
  right: 5px;
  text-align: center;
  cursor: pointer;
  top: 5px;
}

/*# sourceMappingURL=cfm.light.purple.css.map */