/*******************************/
@import url(./custom.css);
/* ABSTRACTS                   */
/*******************************/
/*******************************/
/* INIT                        */
/*******************************/
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap");
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

main {
  display: block; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

pre {
  font-family: monospace, monospace;
  font-size: 1em; }

a {
  background-color: transparent; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; }

b,
strong {
  font-weight: bolder; }

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

img {
  border-style: none; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button; }

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0; }

[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  padding: 0.35em 0.75em 0.625em; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

details {
  display: block; }

summary {
  display: list-item; }

[hidden],
template {
  display: none; }

html {
  font-size: 62.5%;
  overflow-x: hidden;
  box-sizing: border-box;
  -ms-overflow-style: scrollbar; }
  @media (max-width: 576px) {
    html {
      font-size: 50%; } }

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

::selection {
  color: #ffffff;
  background: #43425d; }

body {
  font-weight: 400;
  line-height: 1.7;
  color: #333333;
  overflow-x: hidden;
  overflow-y: hidden !important;
  position: relative;
  font-family: Poppins, "sans-serif"; }

body.noScroll {
  overflow: hidden; }

.clearfix {
  clear: both;
  overflow: auto; }

.clearfix::after {
  content: "";
  clear: both;
  display: table; }

main.app {
  margin-top: 50px;
  margin-left: 70px;
  min-height: calc(100vh - 50px);
  width: calc(100% - 70px);
  background: #efefff;
  padding: 2rem; }

main .content {
  background: #ffffff;
  min-height: calc(100vh - 90px);
  border-radius: 8px;
  padding: 4rem 2rem;
  position: relative; }

::-webkit-scrollbar {
  width: 8px; }

/* Track */
::-webkit-scrollbar-track {
  border-radius: 4px;
  background: #efefff; }

/* Handle */
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #6f6d98; }

::-webkit-scrollbar-thumb:window-inactive {
  background: #6f6d98; }

/*******************************/
/* LAYOUT                      */
/*******************************/
/*******************************/
/* Background                  */
/*******************************/
.bg-blue-10 {
  background-color: #1071b8; }

.bg-light-6 {
  background-color: #f2f2f2; }

.bg-light-4 {
  background-color: #e0e0e0; }

.bg-light-7 {
  background-color: #d9d9d9; }

.bg-boja-3,
.background-boja-3 {
  background-color: #f1e3cb; }

.bg-boja-1,
.background-boja-1 {
  background-color: #d3dbff; }

.bg-boja-2,
.background-boja-2 {
  background-color: #848ccf; }

.bg-theme-main-1,
.background-theme-main-1 {
  background-color: #43425d; }

.bg-theme-main-2,
.background-theme-main-2 {
  background-color: #e69757; }

.bg-theme-main-3,
.background-theme-main-3 {
  background-color: #0d70a0; }

.bg-theme-main-4,
.background-theme-main-4 {
  background-color: #064976; }

.bg-theme-main-5,
.background-theme-main-5 {
  background-color: #01325f; }

.bg-theme-main-6,
.background-theme-main-6 {
  background-color: #43425d; }

.bg-theme-light-2,
.background-theme-light-2 {
  background-color: #d5f1ff; }

.bg-light-6,
.background-light-6 {
  background-color: #f2f2f2; }

.bg-light-7 {
  background-color: #d9d9d9; }

.dark-4 {
  color: #404040; }

.bg-date-1,
.background-date-1 {
  background-color: #e11d74; }

.bg-dark-3,
.background-dark-3 {
  background-color: #181818; }

.bg-dark-2,
.background-dark-2 {
  background-color: #212121; }

.bg-dark-1,
.background-dark-1 {
  background-color: #424242; }

.bg-light-5,
.background-light-5 {
  background-color: #fafafa; }

.bg-light-4,
.background-light-4 {
  background-color: #e0e0e0; }

.bg-light-3,
.background-light-3 {
  background-color: #9e9e9e; }

.bg-light-2,
.background-light-2 {
  background-color: #7f7f7f; }

.bg-light-1,
.background-light-1 {
  background-color: #f1f2f3; }

.bg-white {
  background-color: #ffffff; }

.bg-important-1,
.background-important-1 {
  background-color: #ffc107; }

.bg-important-2,
.background-important-2 {
  background-color: #fcae53; }

.bg-important-3,
.background-important-3 {
  background-color: #ff5722; }

.bg-important-4,
.background-important-4 {
  background-color: #f44336; }

.bg-important-5,
.background-important-5 {
  background-color: #ff0000; }

.bg-info-1,
.background-info-1 {
  background-color: #31b3e5; }

.bg-info-2,
.background-info-2 {
  background-color: #598d82; }

.bg-info-3,
.background-info-3 {
  background-color: #74b560; }

.bg-info-4,
.background-info-4 {
  background-color: #00c47b; }

.bg-info-5,
.background-info-5 {
  background-color: #00b300; }

.bg-white {
  background-color: white; }

.background-size-30-perc,
.background-size-30perc,
.bg-size-30perc,
.bg-size-30-perc {
  background-size: 30%; }

.background-size-50-perc,
.background-size-50perc,
.bg-size-50perc,
.bg-size-50-perc {
  background-size: 50%; }

.background-size-80-perc,
.background-size-80perc,
.bg-size-80perc,
.bg-size-80-perc {
  background-size: 80%; }

.background-size-100-perc,
.background-size-100perc,
.bg-size-100perc,
.bg-size-100-perc {
  background-size: 100%; }

.background-size-120-perc,
.background-size-120perc,
.bg-size-120perc,
.bg-size-120-perc {
  background-size: 120% 120%; }

.background-size-cover {
  background-size: cover; }

.background-size-contain {
  background-size: contain; }

.bg-repeat,
.background-repeat {
  background-repeat: repeat; }

.background-no-repeat,
.bg-no-repeat {
  background-repeat: no-repeat; }

.bg-position-initial,
.bg-pos-initial {
  background-position: initial; }

.bg-position-center,
.bg-pos-center {
  background-position: center; }

.bg-position-0,
.bg-pos-0 {
  background-position: 0px 0px; }

.bg-position-10,
.bg-pos-10 {
  background-position: 10px 10px; }

.bg-position-30,
.bg-pos-30 {
  background-position: 30px 30px; }

.bg-position-50,
.bg-pos-50 {
  background-position: 30px 30px; }

.bg-position-30,
.bg-pos-30 {
  background-position: 30px 30px; }

.bg-position-10-perc,
.bg-pos-10-perc,
.bg-position-10perc,
.bg-pos-10perc {
  background-position: 10% 10%; }

.bg-position-25-perc,
.bg-pos-25-perc,
.bg-position-25perc,
.bg-pos-25perc {
  background-position: 25% 25%; }

.bg-position-33-perc,
.bg-pos-33-perc,
.bg-position-33perc,
.bg-pos-33perc {
  background-position: 33% 33%; }

.bg-position-50-perc,
.bg-pos-50-perc,
.bg-position-50perc,
.bg-pos-50perc {
  background-position: 50% 50%; }

.clean-background {
  background-color: #ffffffee; }

.lightened-background {
  background-color: #e3e3e377; }

.dimmed-background {
  background-color: #33333388; }

.modal-background {
  background-color: #181818ee; }

.shadow-none {
  box-shadow: none; }

.shadow-none-i {
  box-shadow: none !important; }

.shadow-medium {
  box-shadow: 0 0 30px -5px #333; }

.shadow-light {
  box-shadow: 0 0 30px -5px #c9c9c9; }

.shadow-b-light {
  box-shadow: 0 10px 20px -4px #333; }

.shadow-b-r-light {
  box-shadow: 10px 10px 30px -17px #333; }

.dimmed-background-2 {
  background-color: black; }

.dimmed-background-3 {
  background-color: #43425d6b; }

.personal-shadow {
  box-shadow: 0px 0px 22px #efefff; }

.personal-shadow-darker {
  box-shadow: 0px 0px 22px #11111285; }

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 576px) {
  .container {
    max-width: 540px; } }

@media (min-width: 768px) {
  .container {
    max-width: 720px; } }

@media (min-width: 992px) {
  .container {
    max-width: 960px; } }

@media (min-width: 1200px) {
  .container {
    max-width: 1140px; } }

@media (min-width: 1366px) {
  .container {
    max-width: 1240px; } }

@media (min-width: 1440px) {
  .container {
    max-width: 1340px; } }

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0; }

.column-repeat {
  grid-template-columns: repeat(5, 1fr); }

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%; }

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none; }

.col-1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%; }

.col-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%; }

.col-3 {
  flex: 0 0 25%;
  max-width: 25%; }

.col-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%; }

.col-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%; }

.col-6 {
  flex: 0 0 50%;
  max-width: 50%; }

.col-7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%; }

.col-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%; }

.col-9 {
  flex: 0 0 75%;
  max-width: 75%; }

.col-10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%; }

.col-11 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%; }

.col-12 {
  flex: 0 0 100%;
  max-width: 100%; }

.order-first {
  order: -1; }

.order-last {
  order: 13; }

.order-0 {
  order: 0; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

.order-4 {
  order: 4; }

.order-5 {
  order: 5; }

.order-6 {
  order: 6; }

.order-7 {
  order: 7; }

.order-8 {
  order: 8; }

.order-9 {
  order: 9; }

.order-10 {
  order: 10; }

.order-11 {
  order: 11; }

.order-12 {
  order: 12; }

.offset-1 {
  margin-left: 8.333333%; }

.offset-2 {
  margin-left: 16.666667%; }

.offset-3 {
  margin-left: 25%; }

.offset-4 {
  margin-left: 33.333333%; }

.offset-5 {
  margin-left: 41.666667%; }

.offset-6 {
  margin-left: 50%; }

.offset-7 {
  margin-left: 58.333333%; }

.offset-8 {
  margin-left: 66.666667%; }

.offset-9 {
  margin-left: 75%; }

.offset-10 {
  margin-left: 83.333333%; }

.offset-11 {
  margin-left: 91.666667%; }

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-sm-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }
  .col-sm-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }
  .col-sm-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }
  .col-sm-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%; }
  .col-sm-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    order: -1; }
  .order-sm-last {
    order: 13; }
  .order-sm-0 {
    order: 0; }
  .order-sm-1 {
    order: 1; }
  .order-sm-2 {
    order: 2; }
  .order-sm-3 {
    order: 3; }
  .order-sm-4 {
    order: 4; }
  .order-sm-5 {
    order: 5; }
  .order-sm-6 {
    order: 6; }
  .order-sm-7 {
    order: 7; }
  .order-sm-8 {
    order: 8; }
  .order-sm-9 {
    order: 9; }
  .order-sm-10 {
    order: 10; }
  .order-sm-11 {
    order: 11; }
  .order-sm-12 {
    order: 12; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.333333%; }
  .offset-sm-2 {
    margin-left: 16.666667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.333333%; }
  .offset-sm-5 {
    margin-left: 41.666667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.333333%; }
  .offset-sm-8 {
    margin-left: 66.666667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.333333%; }
  .offset-sm-11 {
    margin-left: 91.666667%; } }

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-md-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }
  .col-md-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }
  .col-md-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }
  .col-md-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%; }
  .col-md-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    order: -1; }
  .order-md-last {
    order: 13; }
  .order-md-0 {
    order: 0; }
  .order-md-1 {
    order: 1; }
  .order-md-2 {
    order: 2; }
  .order-md-3 {
    order: 3; }
  .order-md-4 {
    order: 4; }
  .order-md-5 {
    order: 5; }
  .order-md-6 {
    order: 6; }
  .order-md-7 {
    order: 7; }
  .order-md-8 {
    order: 8; }
  .order-md-9 {
    order: 9; }
  .order-md-10 {
    order: 10; }
  .order-md-11 {
    order: 11; }
  .order-md-12 {
    order: 12; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.333333%; }
  .offset-md-2 {
    margin-left: 16.666667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.333333%; }
  .offset-md-5 {
    margin-left: 41.666667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.333333%; }
  .offset-md-8 {
    margin-left: 66.666667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.333333%; }
  .offset-md-11 {
    margin-left: 91.666667%; } }

@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-lg-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }
  .col-lg-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }
  .col-lg-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }
  .col-lg-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%; }
  .col-lg-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-lg-first {
    order: -1; }
  .order-lg-last {
    order: 13; }
  .order-lg-0 {
    order: 0; }
  .order-lg-1 {
    order: 1; }
  .order-lg-2 {
    order: 2; }
  .order-lg-3 {
    order: 3; }
  .order-lg-4 {
    order: 4; }
  .order-lg-5 {
    order: 5; }
  .order-lg-6 {
    order: 6; }
  .order-lg-7 {
    order: 7; }
  .order-lg-8 {
    order: 8; }
  .order-lg-9 {
    order: 9; }
  .order-lg-10 {
    order: 10; }
  .order-lg-11 {
    order: 11; }
  .order-lg-12 {
    order: 12; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.333333%; }
  .offset-lg-2 {
    margin-left: 16.666667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.333333%; }
  .offset-lg-5 {
    margin-left: 41.666667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.333333%; }
  .offset-lg-8 {
    margin-left: 66.666667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.333333%; }
  .offset-lg-11 {
    margin-left: 91.666667%; } }

@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-xl-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }
  .col-xl-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }
  .col-xl-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }
  .col-xl-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%; }
  .col-xl-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xl-first {
    order: -1; }
  .order-xl-last {
    order: 13; }
  .order-xl-0 {
    order: 0; }
  .order-xl-1 {
    order: 1; }
  .order-xl-2 {
    order: 2; }
  .order-xl-3 {
    order: 3; }
  .order-xl-4 {
    order: 4; }
  .order-xl-5 {
    order: 5; }
  .order-xl-6 {
    order: 6; }
  .order-xl-7 {
    order: 7; }
  .order-xl-8 {
    order: 8; }
  .order-xl-9 {
    order: 9; }
  .order-xl-10 {
    order: 10; }
  .order-xl-11 {
    order: 11; }
  .order-xl-12 {
    order: 12; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.333333%; }
  .offset-xl-2 {
    margin-left: 16.666667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.333333%; }
  .offset-xl-5 {
    margin-left: 41.666667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.333333%; }
  .offset-xl-8 {
    margin-left: 66.666667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.333333%; }
  .offset-xl-11 {
    margin-left: 91.666667%; } }

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

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

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

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

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

.d-table-row {
  display: table-row !important; }

.d-table-cell {
  display: table-cell !important; }

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

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

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-row {
    display: table-row !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: flex !important; }
  .d-sm-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 768px) {
  .d-md-none {
    display: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-row {
    display: table-row !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: flex !important; }
  .d-md-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-row {
    display: table-row !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: flex !important; }
  .d-lg-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-row {
    display: table-row !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: flex !important; }
  .d-xl-inline-flex {
    display: inline-flex !important; } }

@media print {
  .d-print-none {
    display: none !important; }
  .d-print-inline {
    display: inline !important; }
  .d-print-inline-block {
    display: inline-block !important; }
  .d-print-block {
    display: block !important; }
  .d-print-table {
    display: table !important; }
  .d-print-table-row {
    display: table-row !important; }
  .d-print-table-cell {
    display: table-cell !important; }
  .d-print-flex {
    display: flex !important; }
  .d-print-inline-flex {
    display: inline-flex !important; } }

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

.place-content-center {
  -ms-flex-line-pack: center !important;
  place-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; } }

.margin--250,
.m--250 {
  margin: -25rem; }

.margin-h--250,
.mx--250,
.margin-horizontal--250 {
  margin-left: -25rem;
  margin-right: -25rem; }

.margin-v--250,
.my--250 .margin-vertical--250 {
  margin-top: -25rem;
  margin-bottom: -25rem; }

.margin-t--250,
.mt--250,
.margin-top--250 {
  margin-top: -25rem; }

.margin-r--250,
.mr--250,
.margin-right--250 {
  margin-right: -25rem; }

.margin-b--250,
.mb--250,
.margin-bottom--250 {
  margin-bottom: -25rem; }

.margin-l--250,
.ml--250,
.margin-left--250 {
  margin-left: -25rem; }

.margin--70,
.m--70 {
  margin: -7rem; }

.margin-h--70,
.mx--70,
.margin-horizontal--70 {
  margin-left: -7rem;
  margin-right: -7rem; }

.margin-v--70,
.my--70 .margin-vertical--70 {
  margin-top: -7rem;
  margin-bottom: -7rem; }

.margin-t--70,
.mt--70,
.margin-top--70 {
  margin-top: -7rem; }

.margin-r--70,
.mr--70,
.margin-right--70 {
  margin-right: -7rem; }

.margin-b--70,
.mb--70,
.margin-bottom--70 {
  margin-bottom: -7rem; }

.margin-l--70,
.ml--70,
.margin-left--70 {
  margin-left: -7rem; }

.margin--50,
.m--50 {
  margin: -5rem; }

.margin-h--50,
.mx--50,
.margin-horizontal--50 {
  margin-left: -5rem;
  margin-right: -5rem; }

.margin-v--50,
.my--50 .margin-vertical--50 {
  margin-top: -5rem;
  margin-bottom: -5rem; }

.margin-t--50,
.mt--50,
.margin-top--50 {
  margin-top: -5rem; }

.margin-r--50,
.mr--50,
.margin-right--50 {
  margin-right: -5rem; }

.margin-b--50,
.mb--50,
.margin-bottom--50 {
  margin-bottom: -5rem; }

.margin-l--50,
.ml--50,
.margin-left--50 {
  margin-left: -5rem; }

.margin--5,
.m--5 {
  margin: -0.5rem; }

.margin-h--5,
.mx--5,
.margin-horizontal--5 {
  margin-left: -0.5rem;
  margin-right: -0.5rem; }

.margin-v--5,
.my--5 .margin-vertical--5 {
  margin-top: -0.5rem;
  margin-bottom: -0.5rem; }

.margin-t--5,
.mt--5,
.margin-top--5 {
  margin-top: -0.5rem; }

.margin-r--5,
.mr--5,
.margin-right--5 {
  margin-right: -0.5rem; }

.margin-b--5,
.mb--5,
.margin-bottom--5 {
  margin-bottom: -0.5rem; }

.margin-l--5,
.ml--5,
.margin-left--5 {
  margin-left: -0.5rem; }

.margin--1,
.m--1 {
  margin: -0.1rem; }

.margin-h--1,
.mx--1,
.margin-horizontal--1 {
  margin-left: -0.1rem;
  margin-right: -0.1rem; }

.margin-v--1,
.my--1 .margin-vertical--1 {
  margin-top: -0.1rem;
  margin-bottom: -0.1rem; }

.margin-t--1,
.mt--1,
.margin-top--1 {
  margin-top: -0.1rem; }

.margin-r--1,
.mr--1,
.margin-right--1 {
  margin-right: -0.1rem; }

.margin-b--1,
.mb--1,
.margin-bottom--1 {
  margin-bottom: -0.1rem; }

.margin-l--1,
.ml--1,
.margin-left--1 {
  margin-left: -0.1rem; }

.margin-0,
.m-0 {
  margin: 0rem; }

.margin-h-0,
.mx-0,
.margin-horizontal-0 {
  margin-left: 0rem;
  margin-right: 0rem; }

.margin-v-0,
.my-0 .margin-vertical-0 {
  margin-top: 0rem;
  margin-bottom: 0rem; }

.margin-t-0,
.mt-0,
.margin-top-0 {
  margin-top: 0rem; }

.margin-r-0,
.mr-0,
.margin-right-0 {
  margin-right: 0rem; }

.margin-b-0,
.mb-0,
.margin-bottom-0 {
  margin-bottom: 0rem; }

.margin-l-0,
.ml-0,
.margin-left-0 {
  margin-left: 0rem; }

.margin-5,
.m-5 {
  margin: 0.5rem; }

.margin-h-5,
.mx-5,
.margin-horizontal-5 {
  margin-left: 0.5rem;
  margin-right: 0.5rem; }

.margin-v-5,
.my-5 .margin-vertical-5 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem; }

.margin-t-5,
.mt-5,
.margin-top-5 {
  margin-top: 0.5rem; }

.margin-r-5,
.mr-5,
.margin-right-5 {
  margin-right: 0.5rem; }

.margin-b-5,
.mb-5,
.margin-bottom-5 {
  margin-bottom: 0.5rem; }

.margin-l-5,
.ml-5,
.margin-left-5 {
  margin-left: 0.5rem; }

.margin-10,
.m-10 {
  margin: 1rem; }

.margin-h-10,
.mx-10,
.margin-horizontal-10 {
  margin-left: 1rem;
  margin-right: 1rem; }

.margin-v-10,
.my-10 .margin-vertical-10 {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.margin-t-10,
.mt-10,
.margin-top-10 {
  margin-top: 1rem; }

.margin-r-10,
.mr-10,
.margin-right-10 {
  margin-right: 1rem; }

.margin-b-10,
.mb-10,
.margin-bottom-10 {
  margin-bottom: 1rem; }

.margin-l-10,
.ml-10,
.margin-left-10 {
  margin-left: 1rem; }

.margin-14,
.m-14 {
  margin: 1.4rem; }

.margin-h-14,
.mx-14,
.margin-horizontal-14 {
  margin-left: 1.4rem;
  margin-right: 1.4rem; }

.margin-v-14,
.my-14 .margin-vertical-14 {
  margin-top: 1.4rem;
  margin-bottom: 1.4rem; }

.margin-t-14,
.mt-14,
.margin-top-14 {
  margin-top: 1.4rem; }

.margin-r-14,
.mr-14,
.margin-right-14 {
  margin-right: 1.4rem; }

.margin-b-14,
.mb-14,
.margin-bottom-14 {
  margin-bottom: 1.4rem; }

.margin-l-14,
.ml-14,
.margin-left-14 {
  margin-left: 1.4rem; }

.margin-15,
.m-15 {
  margin: 1.5rem; }

.margin-h-15,
.mx-15,
.margin-horizontal-15 {
  margin-left: 1.5rem;
  margin-right: 1.5rem; }

.margin-v-15,
.my-15 .margin-vertical-15 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }

.margin-t-15,
.mt-15,
.margin-top-15 {
  margin-top: 1.5rem; }

.margin-r-15,
.mr-15,
.margin-right-15 {
  margin-right: 1.5rem; }

.margin-b-15,
.mb-15,
.margin-bottom-15 {
  margin-bottom: 1.5rem; }

.margin-l-15,
.ml-15,
.margin-left-15 {
  margin-left: 1.5rem; }

.margin-20,
.m-20 {
  margin: 2rem; }

.margin-h-20,
.mx-20,
.margin-horizontal-20 {
  margin-left: 2rem;
  margin-right: 2rem; }

.margin-v-20,
.my-20 .margin-vertical-20 {
  margin-top: 2rem;
  margin-bottom: 2rem; }

.margin-t-20,
.mt-20,
.margin-top-20 {
  margin-top: 2rem; }

.margin-r-20,
.mr-20,
.margin-right-20 {
  margin-right: 2rem; }

.margin-b-20,
.mb-20,
.margin-bottom-20 {
  margin-bottom: 2rem; }

.margin-l-20,
.ml-20,
.margin-left-20 {
  margin-left: 2rem; }

.margin-25,
.m-25 {
  margin: 2.5rem; }

.margin-h-25,
.mx-25,
.margin-horizontal-25 {
  margin-left: 2.5rem;
  margin-right: 2.5rem; }

.margin-v-25,
.my-25 .margin-vertical-25 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem; }

.margin-t-25,
.mt-25,
.margin-top-25 {
  margin-top: 2.5rem; }

.margin-r-25,
.mr-25,
.margin-right-25 {
  margin-right: 2.5rem; }

.margin-b-25,
.mb-25,
.margin-bottom-25 {
  margin-bottom: 2.5rem; }

.margin-l-25,
.ml-25,
.margin-left-25 {
  margin-left: 2.5rem; }

.margin-27,
.m-27 {
  margin: 2.7rem; }

.margin-h-27,
.mx-27,
.margin-horizontal-27 {
  margin-left: 2.7rem;
  margin-right: 2.7rem; }

.margin-v-27,
.my-27 .margin-vertical-27 {
  margin-top: 2.7rem;
  margin-bottom: 2.7rem; }

.margin-t-27,
.mt-27,
.margin-top-27 {
  margin-top: 2.7rem; }

.margin-r-27,
.mr-27,
.margin-right-27 {
  margin-right: 2.7rem; }

.margin-b-27,
.mb-27,
.margin-bottom-27 {
  margin-bottom: 2.7rem; }

.margin-l-27,
.ml-27,
.margin-left-27 {
  margin-left: 2.7rem; }

.margin-29,
.m-29 {
  margin: 2.9rem; }

.margin-h-29,
.mx-29,
.margin-horizontal-29 {
  margin-left: 2.9rem;
  margin-right: 2.9rem; }

.margin-v-29,
.my-29 .margin-vertical-29 {
  margin-top: 2.9rem;
  margin-bottom: 2.9rem; }

.margin-t-29,
.mt-29,
.margin-top-29 {
  margin-top: 2.9rem; }

.margin-r-29,
.mr-29,
.margin-right-29 {
  margin-right: 2.9rem; }

.margin-b-29,
.mb-29,
.margin-bottom-29 {
  margin-bottom: 2.9rem; }

.margin-l-29,
.ml-29,
.margin-left-29 {
  margin-left: 2.9rem; }

.margin-30,
.m-30 {
  margin: 3rem; }

.margin-h-30,
.mx-30,
.margin-horizontal-30 {
  margin-left: 3rem;
  margin-right: 3rem; }

.margin-v-30,
.my-30 .margin-vertical-30 {
  margin-top: 3rem;
  margin-bottom: 3rem; }

.margin-t-30,
.mt-30,
.margin-top-30 {
  margin-top: 3rem; }

.margin-r-30,
.mr-30,
.margin-right-30 {
  margin-right: 3rem; }

.margin-b-30,
.mb-30,
.margin-bottom-30 {
  margin-bottom: 3rem; }

.margin-l-30,
.ml-30,
.margin-left-30 {
  margin-left: 3rem; }

.margin-35,
.m-35 {
  margin: 3.5rem; }

.margin-h-35,
.mx-35,
.margin-horizontal-35 {
  margin-left: 3.5rem;
  margin-right: 3.5rem; }

.margin-v-35,
.my-35 .margin-vertical-35 {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem; }

.margin-t-35,
.mt-35,
.margin-top-35 {
  margin-top: 3.5rem; }

.margin-r-35,
.mr-35,
.margin-right-35 {
  margin-right: 3.5rem; }

.margin-b-35,
.mb-35,
.margin-bottom-35 {
  margin-bottom: 3.5rem; }

.margin-l-35,
.ml-35,
.margin-left-35 {
  margin-left: 3.5rem; }

.margin-40,
.m-40 {
  margin: 4rem; }

.margin-h-40,
.mx-40,
.margin-horizontal-40 {
  margin-left: 4rem;
  margin-right: 4rem; }

.margin-v-40,
.my-40 .margin-vertical-40 {
  margin-top: 4rem;
  margin-bottom: 4rem; }

.margin-t-40,
.mt-40,
.margin-top-40 {
  margin-top: 4rem; }

.margin-r-40,
.mr-40,
.margin-right-40 {
  margin-right: 4rem; }

.margin-b-40,
.mb-40,
.margin-bottom-40 {
  margin-bottom: 4rem; }

.margin-l-40,
.ml-40,
.margin-left-40 {
  margin-left: 4rem; }

.margin-45,
.m-45 {
  margin: 4.5rem; }

.margin-h-45,
.mx-45,
.margin-horizontal-45 {
  margin-left: 4.5rem;
  margin-right: 4.5rem; }

.margin-v-45,
.my-45 .margin-vertical-45 {
  margin-top: 4.5rem;
  margin-bottom: 4.5rem; }

.margin-t-45,
.mt-45,
.margin-top-45 {
  margin-top: 4.5rem; }

.margin-r-45,
.mr-45,
.margin-right-45 {
  margin-right: 4.5rem; }

.margin-b-45,
.mb-45,
.margin-bottom-45 {
  margin-bottom: 4.5rem; }

.margin-l-45,
.ml-45,
.margin-left-45 {
  margin-left: 4.5rem; }

.margin-50,
.m-50 {
  margin: 5rem; }

.margin-h-50,
.mx-50,
.margin-horizontal-50 {
  margin-left: 5rem;
  margin-right: 5rem; }

.margin-v-50,
.my-50 .margin-vertical-50 {
  margin-top: 5rem;
  margin-bottom: 5rem; }

.margin-t-50,
.mt-50,
.margin-top-50 {
  margin-top: 5rem; }

.margin-r-50,
.mr-50,
.margin-right-50 {
  margin-right: 5rem; }

.margin-b-50,
.mb-50,
.margin-bottom-50 {
  margin-bottom: 5rem; }

.margin-l-50,
.ml-50,
.margin-left-50 {
  margin-left: 5rem; }

.margin-60,
.m-60 {
  margin: 6rem; }

.margin-h-60,
.mx-60,
.margin-horizontal-60 {
  margin-left: 6rem;
  margin-right: 6rem; }

.margin-v-60,
.my-60 .margin-vertical-60 {
  margin-top: 6rem;
  margin-bottom: 6rem; }

.margin-t-60,
.mt-60,
.margin-top-60 {
  margin-top: 6rem; }

.margin-r-60,
.mr-60,
.margin-right-60 {
  margin-right: 6rem; }

.margin-b-60,
.mb-60,
.margin-bottom-60 {
  margin-bottom: 6rem; }

.margin-l-60,
.ml-60,
.margin-left-60 {
  margin-left: 6rem; }

.margin-70,
.m-70 {
  margin: 7rem; }

.margin-h-70,
.mx-70,
.margin-horizontal-70 {
  margin-left: 7rem;
  margin-right: 7rem; }

.margin-v-70,
.my-70 .margin-vertical-70 {
  margin-top: 7rem;
  margin-bottom: 7rem; }

.margin-t-70,
.mt-70,
.margin-top-70 {
  margin-top: 7rem; }

.margin-r-70,
.mr-70,
.margin-right-70 {
  margin-right: 7rem; }

.margin-b-70,
.mb-70,
.margin-bottom-70 {
  margin-bottom: 7rem; }

.margin-l-70,
.ml-70,
.margin-left-70 {
  margin-left: 7rem; }

.margin-80,
.m-80 {
  margin: 8rem; }

.margin-h-80,
.mx-80,
.margin-horizontal-80 {
  margin-left: 8rem;
  margin-right: 8rem; }

.margin-v-80,
.my-80 .margin-vertical-80 {
  margin-top: 8rem;
  margin-bottom: 8rem; }

.margin-t-80,
.mt-80,
.margin-top-80 {
  margin-top: 8rem; }

.margin-r-80,
.mr-80,
.margin-right-80 {
  margin-right: 8rem; }

.margin-b-80,
.mb-80,
.margin-bottom-80 {
  margin-bottom: 8rem; }

.margin-l-80,
.ml-80,
.margin-left-80 {
  margin-left: 8rem; }

.margin-90,
.m-90 {
  margin: 9rem; }

.margin-h-90,
.mx-90,
.margin-horizontal-90 {
  margin-left: 9rem;
  margin-right: 9rem; }

.margin-v-90,
.my-90 .margin-vertical-90 {
  margin-top: 9rem;
  margin-bottom: 9rem; }

.margin-t-90,
.mt-90,
.margin-top-90 {
  margin-top: 9rem; }

.margin-r-90,
.mr-90,
.margin-right-90 {
  margin-right: 9rem; }

.margin-b-90,
.mb-90,
.margin-bottom-90 {
  margin-bottom: 9rem; }

.margin-l-90,
.ml-90,
.margin-left-90 {
  margin-left: 9rem; }

.margin-100,
.m-100 {
  margin: 10rem; }

.margin-h-100,
.mx-100,
.margin-horizontal-100 {
  margin-left: 10rem;
  margin-right: 10rem; }

.margin-v-100,
.my-100 .margin-vertical-100 {
  margin-top: 10rem;
  margin-bottom: 10rem; }

.margin-t-100,
.mt-100,
.margin-top-100 {
  margin-top: 10rem; }

.margin-r-100,
.mr-100,
.margin-right-100 {
  margin-right: 10rem; }

.margin-b-100,
.mb-100,
.margin-bottom-100 {
  margin-bottom: 10rem; }

.margin-l-100,
.ml-100,
.margin-left-100 {
  margin-left: 10rem; }

.margin-120,
.m-120 {
  margin: 12rem; }

.margin-h-120,
.mx-120,
.margin-horizontal-120 {
  margin-left: 12rem;
  margin-right: 12rem; }

.margin-v-120,
.my-120 .margin-vertical-120 {
  margin-top: 12rem;
  margin-bottom: 12rem; }

.margin-t-120,
.mt-120,
.margin-top-120 {
  margin-top: 12rem; }

.margin-r-120,
.mr-120,
.margin-right-120 {
  margin-right: 12rem; }

.margin-b-120,
.mb-120,
.margin-bottom-120 {
  margin-bottom: 12rem; }

.margin-l-120,
.ml-120,
.margin-left-120 {
  margin-left: 12rem; }

.margin-150,
.m-150 {
  margin: 15rem; }

.margin-h-150,
.mx-150,
.margin-horizontal-150 {
  margin-left: 15rem;
  margin-right: 15rem; }

.margin-v-150,
.my-150 .margin-vertical-150 {
  margin-top: 15rem;
  margin-bottom: 15rem; }

.margin-t-150,
.mt-150,
.margin-top-150 {
  margin-top: 15rem; }

.margin-r-150,
.mr-150,
.margin-right-150 {
  margin-right: 15rem; }

.margin-b-150,
.mb-150,
.margin-bottom-150 {
  margin-bottom: 15rem; }

.margin-l-150,
.ml-150,
.margin-left-150 {
  margin-left: 15rem; }

.margin-200,
.m-200 {
  margin: 20rem; }

.margin-h-200,
.mx-200,
.margin-horizontal-200 {
  margin-left: 20rem;
  margin-right: 20rem; }

.margin-v-200,
.my-200 .margin-vertical-200 {
  margin-top: 20rem;
  margin-bottom: 20rem; }

.margin-t-200,
.mt-200,
.margin-top-200 {
  margin-top: 20rem; }

.margin-r-200,
.mr-200,
.margin-right-200 {
  margin-right: 20rem; }

.margin-b-200,
.mb-200,
.margin-bottom-200 {
  margin-bottom: 20rem; }

.margin-l-200,
.ml-200,
.margin-left-200 {
  margin-left: 20rem; }

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

.padding-0,
.p-0 {
  padding: 0rem; }

.padding-h-0,
.px-0,
.padding-horizontal-0 {
  padding-left: 0rem;
  padding-right: 0rem; }

.padding-v-0,
.py-0 .padding-vertical-0 {
  padding-top: 0rem;
  padding-bottom: 0rem; }

.padding-t-0,
.pt-0,
.padding-top-0 {
  padding-top: 0rem; }

.padding-r-0,
.pr-0,
.padding-right-0 {
  padding-right: 0rem; }

.padding-b-0,
.pb-0,
.padding-bottom-0 {
  padding-bottom: 0rem; }

.padding-l-0,
.pl-0,
.padding-left-0 {
  padding-left: 0rem; }

.padding-1,
.p-1 {
  padding: 0.1rem; }

.padding-h-1,
.px-1,
.padding-horizontal-1 {
  padding-left: 0.1rem;
  padding-right: 0.1rem; }

.padding-v-1,
.py-1 .padding-vertical-1 {
  padding-top: 0.1rem;
  padding-bottom: 0.1rem; }

.padding-t-1,
.pt-1,
.padding-top-1 {
  padding-top: 0.1rem; }

.padding-r-1,
.pr-1,
.padding-right-1 {
  padding-right: 0.1rem; }

.padding-b-1,
.pb-1,
.padding-bottom-1 {
  padding-bottom: 0.1rem; }

.padding-l-1,
.pl-1,
.padding-left-1 {
  padding-left: 0.1rem; }

.padding-2,
.p-2 {
  padding: 0.2rem; }

.padding-h-2,
.px-2,
.padding-horizontal-2 {
  padding-left: 0.2rem;
  padding-right: 0.2rem; }

.padding-v-2,
.py-2 .padding-vertical-2 {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem; }

.padding-t-2,
.pt-2,
.padding-top-2 {
  padding-top: 0.2rem; }

.padding-r-2,
.pr-2,
.padding-right-2 {
  padding-right: 0.2rem; }

.padding-b-2,
.pb-2,
.padding-bottom-2 {
  padding-bottom: 0.2rem; }

.padding-l-2,
.pl-2,
.padding-left-2 {
  padding-left: 0.2rem; }

.padding-3,
.p-3 {
  padding: 0.3rem; }

.padding-h-3,
.px-3,
.padding-horizontal-3 {
  padding-left: 0.3rem;
  padding-right: 0.3rem; }

.padding-v-3,
.py-3 .padding-vertical-3 {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem; }

.padding-t-3,
.pt-3,
.padding-top-3 {
  padding-top: 0.3rem; }

.padding-r-3,
.pr-3,
.padding-right-3 {
  padding-right: 0.3rem; }

.padding-b-3,
.pb-3,
.padding-bottom-3 {
  padding-bottom: 0.3rem; }

.padding-l-3,
.pl-3,
.padding-left-3 {
  padding-left: 0.3rem; }

.padding-4,
.p-4 {
  padding: 0.4rem; }

.padding-h-4,
.px-4,
.padding-horizontal-4 {
  padding-left: 0.4rem;
  padding-right: 0.4rem; }

.padding-v-4,
.py-4 .padding-vertical-4 {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem; }

.padding-t-4,
.pt-4,
.padding-top-4 {
  padding-top: 0.4rem; }

.padding-r-4,
.pr-4,
.padding-right-4 {
  padding-right: 0.4rem; }

.padding-b-4,
.pb-4,
.padding-bottom-4 {
  padding-bottom: 0.4rem; }

.padding-l-4,
.pl-4,
.padding-left-4 {
  padding-left: 0.4rem; }

.padding-5,
.p-5 {
  padding: 0.5rem; }

.padding-h-5,
.px-5,
.padding-horizontal-5 {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

.padding-v-5,
.py-5 .padding-vertical-5 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.padding-t-5,
.pt-5,
.padding-top-5 {
  padding-top: 0.5rem; }

.padding-r-5,
.pr-5,
.padding-right-5 {
  padding-right: 0.5rem; }

.padding-b-5,
.pb-5,
.padding-bottom-5 {
  padding-bottom: 0.5rem; }

.padding-l-5,
.pl-5,
.padding-left-5 {
  padding-left: 0.5rem; }

.padding-10,
.p-10 {
  padding: 1rem; }

.padding-h-10,
.px-10,
.padding-horizontal-10 {
  padding-left: 1rem;
  padding-right: 1rem; }

.padding-v-10,
.py-10 .padding-vertical-10 {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.padding-t-10,
.pt-10,
.padding-top-10 {
  padding-top: 1rem; }

.padding-r-10,
.pr-10,
.padding-right-10 {
  padding-right: 1rem; }

.padding-b-10,
.pb-10,
.padding-bottom-10 {
  padding-bottom: 1rem; }

.padding-l-10,
.pl-10,
.padding-left-10 {
  padding-left: 1rem; }

.padding-15,
.p-15 {
  padding: 1.5rem; }

.padding-h-15,
.px-15,
.padding-horizontal-15 {
  padding-left: 1.5rem;
  padding-right: 1.5rem; }

.padding-v-15,
.py-15 .padding-vertical-15 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem; }

.padding-t-15,
.pt-15,
.padding-top-15 {
  padding-top: 1.5rem; }

.padding-r-15,
.pr-15,
.padding-right-15 {
  padding-right: 1.5rem; }

.padding-b-15,
.pb-15,
.padding-bottom-15 {
  padding-bottom: 1.5rem; }

.padding-l-15,
.pl-15,
.padding-left-15 {
  padding-left: 1.5rem; }

.padding-18,
.p-18 {
  padding: 1.8rem; }

.padding-h-18,
.px-18,
.padding-horizontal-18 {
  padding-left: 1.8rem;
  padding-right: 1.8rem; }

.padding-v-18,
.py-18 .padding-vertical-18 {
  padding-top: 1.8rem;
  padding-bottom: 1.8rem; }

.padding-t-18,
.pt-18,
.padding-top-18 {
  padding-top: 1.8rem; }

.padding-r-18,
.pr-18,
.padding-right-18 {
  padding-right: 1.8rem; }

.padding-b-18,
.pb-18,
.padding-bottom-18 {
  padding-bottom: 1.8rem; }

.padding-l-18,
.pl-18,
.padding-left-18 {
  padding-left: 1.8rem; }

.padding-20,
.p-20 {
  padding: 2rem; }

.padding-h-20,
.px-20,
.padding-horizontal-20 {
  padding-left: 2rem;
  padding-right: 2rem; }

.padding-v-20,
.py-20 .padding-vertical-20 {
  padding-top: 2rem;
  padding-bottom: 2rem; }

.padding-t-20,
.pt-20,
.padding-top-20 {
  padding-top: 2rem; }

.padding-r-20,
.pr-20,
.padding-right-20 {
  padding-right: 2rem; }

.padding-b-20,
.pb-20,
.padding-bottom-20 {
  padding-bottom: 2rem; }

.padding-l-20,
.pl-20,
.padding-left-20 {
  padding-left: 2rem; }

.padding-25,
.p-25 {
  padding: 2.5rem; }

.padding-h-25,
.px-25,
.padding-horizontal-25 {
  padding-left: 2.5rem;
  padding-right: 2.5rem; }

.padding-v-25,
.py-25 .padding-vertical-25 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem; }

.padding-t-25,
.pt-25,
.padding-top-25 {
  padding-top: 2.5rem; }

.padding-r-25,
.pr-25,
.padding-right-25 {
  padding-right: 2.5rem; }

.padding-b-25,
.pb-25,
.padding-bottom-25 {
  padding-bottom: 2.5rem; }

.padding-l-25,
.pl-25,
.padding-left-25 {
  padding-left: 2.5rem; }

.padding-30,
.p-30 {
  padding: 3rem; }

.padding-h-30,
.px-30,
.padding-horizontal-30 {
  padding-left: 3rem;
  padding-right: 3rem; }

.padding-v-30,
.py-30 .padding-vertical-30 {
  padding-top: 3rem;
  padding-bottom: 3rem; }

.padding-t-30,
.pt-30,
.padding-top-30 {
  padding-top: 3rem; }

.padding-r-30,
.pr-30,
.padding-right-30 {
  padding-right: 3rem; }

.padding-b-30,
.pb-30,
.padding-bottom-30 {
  padding-bottom: 3rem; }

.padding-l-30,
.pl-30,
.padding-left-30 {
  padding-left: 3rem; }

.padding-35,
.p-35 {
  padding: 3.5rem; }

.padding-h-35,
.px-35,
.padding-horizontal-35 {
  padding-left: 3.5rem;
  padding-right: 3.5rem; }

.padding-v-35,
.py-35 .padding-vertical-35 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem; }

.padding-t-35,
.pt-35,
.padding-top-35 {
  padding-top: 3.5rem; }

.padding-r-35,
.pr-35,
.padding-right-35 {
  padding-right: 3.5rem; }

.padding-b-35,
.pb-35,
.padding-bottom-35 {
  padding-bottom: 3.5rem; }

.padding-l-35,
.pl-35,
.padding-left-35 {
  padding-left: 3.5rem; }

.padding-40,
.p-40 {
  padding: 4rem; }

.padding-h-40,
.px-40,
.padding-horizontal-40 {
  padding-left: 4rem;
  padding-right: 4rem; }

.padding-v-40,
.py-40 .padding-vertical-40 {
  padding-top: 4rem;
  padding-bottom: 4rem; }

.padding-t-40,
.pt-40,
.padding-top-40 {
  padding-top: 4rem; }

.padding-r-40,
.pr-40,
.padding-right-40 {
  padding-right: 4rem; }

.padding-b-40,
.pb-40,
.padding-bottom-40 {
  padding-bottom: 4rem; }

.padding-l-40,
.pl-40,
.padding-left-40 {
  padding-left: 4rem; }

.padding-45,
.p-45 {
  padding: 4.5rem; }

.padding-h-45,
.px-45,
.padding-horizontal-45 {
  padding-left: 4.5rem;
  padding-right: 4.5rem; }

.padding-v-45,
.py-45 .padding-vertical-45 {
  padding-top: 4.5rem;
  padding-bottom: 4.5rem; }

.padding-t-45,
.pt-45,
.padding-top-45 {
  padding-top: 4.5rem; }

.padding-r-45,
.pr-45,
.padding-right-45 {
  padding-right: 4.5rem; }

.padding-b-45,
.pb-45,
.padding-bottom-45 {
  padding-bottom: 4.5rem; }

.padding-l-45,
.pl-45,
.padding-left-45 {
  padding-left: 4.5rem; }

.padding-50,
.p-50 {
  padding: 5rem; }

.padding-h-50,
.px-50,
.padding-horizontal-50 {
  padding-left: 5rem;
  padding-right: 5rem; }

.padding-v-50,
.py-50 .padding-vertical-50 {
  padding-top: 5rem;
  padding-bottom: 5rem; }

.padding-t-50,
.pt-50,
.padding-top-50 {
  padding-top: 5rem; }

.padding-r-50,
.pr-50,
.padding-right-50 {
  padding-right: 5rem; }

.padding-b-50,
.pb-50,
.padding-bottom-50 {
  padding-bottom: 5rem; }

.padding-l-50,
.pl-50,
.padding-left-50 {
  padding-left: 5rem; }

.padding-60,
.p-60 {
  padding: 6rem; }

.padding-h-60,
.px-60,
.padding-horizontal-60 {
  padding-left: 6rem;
  padding-right: 6rem; }

.padding-v-60,
.py-60 .padding-vertical-60 {
  padding-top: 6rem;
  padding-bottom: 6rem; }

.padding-t-60,
.pt-60,
.padding-top-60 {
  padding-top: 6rem; }

.padding-r-60,
.pr-60,
.padding-right-60 {
  padding-right: 6rem; }

.padding-b-60,
.pb-60,
.padding-bottom-60 {
  padding-bottom: 6rem; }

.padding-l-60,
.pl-60,
.padding-left-60 {
  padding-left: 6rem; }

.padding-70,
.p-70 {
  padding: 7rem; }

.padding-h-70,
.px-70,
.padding-horizontal-70 {
  padding-left: 7rem;
  padding-right: 7rem; }

.padding-v-70,
.py-70 .padding-vertical-70 {
  padding-top: 7rem;
  padding-bottom: 7rem; }

.padding-t-70,
.pt-70,
.padding-top-70 {
  padding-top: 7rem; }

.padding-r-70,
.pr-70,
.padding-right-70 {
  padding-right: 7rem; }

.padding-b-70,
.pb-70,
.padding-bottom-70 {
  padding-bottom: 7rem; }

.padding-l-70,
.pl-70,
.padding-left-70 {
  padding-left: 7rem; }

.padding-80,
.p-80 {
  padding: 8rem; }

.padding-h-80,
.px-80,
.padding-horizontal-80 {
  padding-left: 8rem;
  padding-right: 8rem; }

.padding-v-80,
.py-80 .padding-vertical-80 {
  padding-top: 8rem;
  padding-bottom: 8rem; }

.padding-t-80,
.pt-80,
.padding-top-80 {
  padding-top: 8rem; }

.padding-r-80,
.pr-80,
.padding-right-80 {
  padding-right: 8rem; }

.padding-b-80,
.pb-80,
.padding-bottom-80 {
  padding-bottom: 8rem; }

.padding-l-80,
.pl-80,
.padding-left-80 {
  padding-left: 8rem; }

.padding-90,
.p-90 {
  padding: 9rem; }

.padding-h-90,
.px-90,
.padding-horizontal-90 {
  padding-left: 9rem;
  padding-right: 9rem; }

.padding-v-90,
.py-90 .padding-vertical-90 {
  padding-top: 9rem;
  padding-bottom: 9rem; }

.padding-t-90,
.pt-90,
.padding-top-90 {
  padding-top: 9rem; }

.padding-r-90,
.pr-90,
.padding-right-90 {
  padding-right: 9rem; }

.padding-b-90,
.pb-90,
.padding-bottom-90 {
  padding-bottom: 9rem; }

.padding-l-90,
.pl-90,
.padding-left-90 {
  padding-left: 9rem; }

.padding-100,
.p-100 {
  padding: 10rem; }

.padding-h-100,
.px-100,
.padding-horizontal-100 {
  padding-left: 10rem;
  padding-right: 10rem; }

.padding-v-100,
.py-100 .padding-vertical-100 {
  padding-top: 10rem;
  padding-bottom: 10rem; }

.padding-t-100,
.pt-100,
.padding-top-100 {
  padding-top: 10rem; }

.padding-r-100,
.pr-100,
.padding-right-100 {
  padding-right: 10rem; }

.padding-b-100,
.pb-100,
.padding-bottom-100 {
  padding-bottom: 10rem; }

.padding-l-100,
.pl-100,
.padding-left-100 {
  padding-left: 10rem; }

.width-0,
.w-0 {
  width: 0rem; }

.max-width-0,
.max-w-0 {
  max-width: 0rem; }

.min-width-0,
.min-w-0 {
  min-width: 0rem; }

.height-0,
.h-0 {
  height: 0rem; }

.max-height-0,
.max-h-0 {
  max-height: 0rem; }

.min-height-0,
.min-h-0 {
  min-height: 0rem; }

.width-5,
.w-5 {
  width: 0.5rem; }

.max-width-5,
.max-w-5 {
  max-width: 0.5rem; }

.min-width-5,
.min-w-5 {
  min-width: 0.5rem; }

.height-5,
.h-5 {
  height: 0.5rem; }

.max-height-5,
.max-h-5 {
  max-height: 0.5rem; }

.min-height-5,
.min-h-5 {
  min-height: 0.5rem; }

.width-10,
.w-10 {
  width: 1rem; }

.max-width-10,
.max-w-10 {
  max-width: 1rem; }

.min-width-10,
.min-w-10 {
  min-width: 1rem; }

.height-10,
.h-10 {
  height: 1rem; }

.max-height-10,
.max-h-10 {
  max-height: 1rem; }

.min-height-10,
.min-h-10 {
  min-height: 1rem; }

.width-15,
.w-15 {
  width: 1.5rem; }

.max-width-15,
.max-w-15 {
  max-width: 1.5rem; }

.min-width-15,
.min-w-15 {
  min-width: 1.5rem; }

.height-15,
.h-15 {
  height: 1.5rem; }

.max-height-15,
.max-h-15 {
  max-height: 1.5rem; }

.min-height-15,
.min-h-15 {
  min-height: 1.5rem; }

.width-20,
.w-20 {
  width: 2rem; }

.max-width-20,
.max-w-20 {
  max-width: 2rem; }

.min-width-20,
.min-w-20 {
  min-width: 2rem; }

.height-20,
.h-20 {
  height: 2rem; }

.max-height-20,
.max-h-20 {
  max-height: 2rem; }

.min-height-20,
.min-h-20 {
  min-height: 2rem; }

.width-25,
.w-25 {
  width: 2.5rem; }

.max-width-25,
.max-w-25 {
  max-width: 2.5rem; }

.min-width-25,
.min-w-25 {
  min-width: 2.5rem; }

.height-25,
.h-25 {
  height: 2.5rem; }

.max-height-25,
.max-h-25 {
  max-height: 2.5rem; }

.min-height-25,
.min-h-25 {
  min-height: 2.5rem; }

.width-30,
.w-30 {
  width: 3rem; }

.max-width-30,
.max-w-30 {
  max-width: 3rem; }

.min-width-30,
.min-w-30 {
  min-width: 3rem; }

.height-30,
.h-30 {
  height: 3rem; }

.max-height-30,
.max-h-30 {
  max-height: 3rem; }

.min-height-30,
.min-h-30 {
  min-height: 3rem; }

.width-35,
.w-35 {
  width: 3.5rem; }

.max-width-35,
.max-w-35 {
  max-width: 3.5rem; }

.min-width-35,
.min-w-35 {
  min-width: 3.5rem; }

.height-35,
.h-35 {
  height: 3.5rem; }

.max-height-35,
.max-h-35 {
  max-height: 3.5rem; }

.min-height-35,
.min-h-35 {
  min-height: 3.5rem; }

.width-40,
.w-40 {
  width: 4rem; }

.max-width-40,
.max-w-40 {
  max-width: 4rem; }

.min-width-40,
.min-w-40 {
  min-width: 4rem; }

.height-40,
.h-40 {
  height: 4rem; }

.max-height-40,
.max-h-40 {
  max-height: 4rem; }

.min-height-40,
.min-h-40 {
  min-height: 4rem; }

.width-45,
.w-45 {
  width: 4.5rem; }

.max-width-45,
.max-w-45 {
  max-width: 4.5rem; }

.min-width-45,
.min-w-45 {
  min-width: 4.5rem; }

.height-45,
.h-45 {
  height: 4.5rem; }

.max-height-45,
.max-h-45 {
  max-height: 4.5rem; }

.min-height-45,
.min-h-45 {
  min-height: 4.5rem; }

.width-50,
.w-50 {
  width: 5rem; }

.max-width-50,
.max-w-50 {
  max-width: 5rem; }

.min-width-50,
.min-w-50 {
  min-width: 5rem; }

.height-50,
.h-50 {
  height: 5rem; }

.max-height-50,
.max-h-50 {
  max-height: 5rem; }

.min-height-50,
.min-h-50 {
  min-height: 5rem; }

.width-60,
.w-60 {
  width: 6rem; }

.max-width-60,
.max-w-60 {
  max-width: 6rem; }

.min-width-60,
.min-w-60 {
  min-width: 6rem; }

.height-60,
.h-60 {
  height: 6rem; }

.max-height-60,
.max-h-60 {
  max-height: 6rem; }

.min-height-60,
.min-h-60 {
  min-height: 6rem; }

.width-65,
.w-65 {
  width: 6.5rem; }

.max-width-65,
.max-w-65 {
  max-width: 6.5rem; }

.min-width-65,
.min-w-65 {
  min-width: 6.5rem; }

.height-65,
.h-65 {
  height: 6.5rem; }

.max-height-65,
.max-h-65 {
  max-height: 6.5rem; }

.min-height-65,
.min-h-65 {
  min-height: 6.5rem; }

.width-70,
.w-70 {
  width: 7rem; }

.max-width-70,
.max-w-70 {
  max-width: 7rem; }

.min-width-70,
.min-w-70 {
  min-width: 7rem; }

.height-70,
.h-70 {
  height: 7rem; }

.max-height-70,
.max-h-70 {
  max-height: 7rem; }

.min-height-70,
.min-h-70 {
  min-height: 7rem; }

.width-80,
.w-80 {
  width: 8rem; }

.max-width-80,
.max-w-80 {
  max-width: 8rem; }

.min-width-80,
.min-w-80 {
  min-width: 8rem; }

.height-80,
.h-80 {
  height: 8rem; }

.max-height-80,
.max-h-80 {
  max-height: 8rem; }

.min-height-80,
.min-h-80 {
  min-height: 8rem; }

.width-100,
.w-100 {
  width: 10rem; }

.max-width-100,
.max-w-100 {
  max-width: 10rem; }

.min-width-100,
.min-w-100 {
  min-width: 10rem; }

.height-100,
.h-100 {
  height: 10rem; }

.max-height-100,
.max-h-100 {
  max-height: 10rem; }

.min-height-100,
.min-h-100 {
  min-height: 10rem; }

.width-120,
.w-120 {
  width: 12rem; }

.max-width-120,
.max-w-120 {
  max-width: 12rem; }

.min-width-120,
.min-w-120 {
  min-width: 12rem; }

.height-120,
.h-120 {
  height: 12rem; }

.max-height-120,
.max-h-120 {
  max-height: 12rem; }

.min-height-120,
.min-h-120 {
  min-height: 12rem; }

.width-110,
.w-110 {
  width: 11rem; }

.max-width-110,
.max-w-110 {
  max-width: 11rem; }

.min-width-110,
.min-w-110 {
  min-width: 11rem; }

.height-110,
.h-110 {
  height: 11rem; }

.max-height-110,
.max-h-110 {
  max-height: 11rem; }

.min-height-110,
.min-h-110 {
  min-height: 11rem; }

.width-120,
.w-120 {
  width: 12rem; }

.max-width-120,
.max-w-120 {
  max-width: 12rem; }

.min-width-120,
.min-w-120 {
  min-width: 12rem; }

.height-120,
.h-120 {
  height: 12rem; }

.max-height-120,
.max-h-120 {
  max-height: 12rem; }

.min-height-120,
.min-h-120 {
  min-height: 12rem; }

.width-150,
.w-150 {
  width: 15rem; }

.max-width-150,
.max-w-150 {
  max-width: 15rem; }

.min-width-150,
.min-w-150 {
  min-width: 15rem; }

.height-150,
.h-150 {
  height: 15rem; }

.max-height-150,
.max-h-150 {
  max-height: 15rem; }

.min-height-150,
.min-h-150 {
  min-height: 15rem; }

.width-197,
.w-197 {
  width: 19.7rem; }

.max-width-197,
.max-w-197 {
  max-width: 19.7rem; }

.min-width-197,
.min-w-197 {
  min-width: 19.7rem; }

.height-197,
.h-197 {
  height: 19.7rem; }

.max-height-197,
.max-h-197 {
  max-height: 19.7rem; }

.min-height-197,
.min-h-197 {
  min-height: 19.7rem; }

.width-200,
.w-200 {
  width: 20rem; }

.max-width-200,
.max-w-200 {
  max-width: 20rem; }

.min-width-200,
.min-w-200 {
  min-width: 20rem; }

.height-200,
.h-200 {
  height: 20rem; }

.max-height-200,
.max-h-200 {
  max-height: 20rem; }

.min-height-200,
.min-h-200 {
  min-height: 20rem; }

.width-250,
.w-250 {
  width: 25rem; }

.max-width-250,
.max-w-250 {
  max-width: 25rem; }

.min-width-250,
.min-w-250 {
  min-width: 25rem; }

.height-250,
.h-250 {
  height: 25rem; }

.max-height-250,
.max-h-250 {
  max-height: 25rem; }

.min-height-250,
.min-h-250 {
  min-height: 25rem; }

.width-270,
.w-270 {
  width: 27rem; }

.max-width-270,
.max-w-270 {
  max-width: 27rem; }

.min-width-270,
.min-w-270 {
  min-width: 27rem; }

.height-270,
.h-270 {
  height: 27rem; }

.max-height-270,
.max-h-270 {
  max-height: 27rem; }

.min-height-270,
.min-h-270 {
  min-height: 27rem; }

.width-280,
.w-280 {
  width: 28rem; }

.max-width-280,
.max-w-280 {
  max-width: 28rem; }

.min-width-280,
.min-w-280 {
  min-width: 28rem; }

.height-280,
.h-280 {
  height: 28rem; }

.max-height-280,
.max-h-280 {
  max-height: 28rem; }

.min-height-280,
.min-h-280 {
  min-height: 28rem; }

.width-300,
.w-300 {
  width: 30rem; }

.max-width-300,
.max-w-300 {
  max-width: 30rem; }

.min-width-300,
.min-w-300 {
  min-width: 30rem; }

.height-300,
.h-300 {
  height: 30rem; }

.max-height-300,
.max-h-300 {
  max-height: 30rem; }

.min-height-300,
.min-h-300 {
  min-height: 30rem; }

.width-320,
.w-320 {
  width: 32rem; }

.max-width-320,
.max-w-320 {
  max-width: 32rem; }

.min-width-320,
.min-w-320 {
  min-width: 32rem; }

.height-320,
.h-320 {
  height: 32rem; }

.max-height-320,
.max-h-320 {
  max-height: 32rem; }

.min-height-320,
.min-h-320 {
  min-height: 32rem; }

.width-350,
.w-350 {
  width: 35rem; }

.max-width-350,
.max-w-350 {
  max-width: 35rem; }

.min-width-350,
.min-w-350 {
  min-width: 35rem; }

.height-350,
.h-350 {
  height: 35rem; }

.max-height-350,
.max-h-350 {
  max-height: 35rem; }

.min-height-350,
.min-h-350 {
  min-height: 35rem; }

.width-380,
.w-380 {
  width: 38rem; }

.max-width-380,
.max-w-380 {
  max-width: 38rem; }

.min-width-380,
.min-w-380 {
  min-width: 38rem; }

.height-380,
.h-380 {
  height: 38rem; }

.max-height-380,
.max-h-380 {
  max-height: 38rem; }

.min-height-380,
.min-h-380 {
  min-height: 38rem; }

.width-400,
.w-400 {
  width: 40rem; }

.max-width-400,
.max-w-400 {
  max-width: 40rem; }

.min-width-400,
.min-w-400 {
  min-width: 40rem; }

.height-400,
.h-400 {
  height: 40rem; }

.max-height-400,
.max-h-400 {
  max-height: 40rem; }

.min-height-400,
.min-h-400 {
  min-height: 40rem; }

.width-450,
.w-450 {
  width: 45rem; }

.max-width-450,
.max-w-450 {
  max-width: 45rem; }

.min-width-450,
.min-w-450 {
  min-width: 45rem; }

.height-450,
.h-450 {
  height: 45rem; }

.max-height-450,
.max-h-450 {
  max-height: 45rem; }

.min-height-450,
.min-h-450 {
  min-height: 45rem; }

.width-500,
.w-500 {
  width: 50rem; }

.max-width-500,
.max-w-500 {
  max-width: 50rem; }

.min-width-500,
.min-w-500 {
  min-width: 50rem; }

.height-500,
.h-500 {
  height: 50rem; }

.max-height-500,
.max-h-500 {
  max-height: 50rem; }

.min-height-500,
.min-h-500 {
  min-height: 50rem; }

.width-550,
.w-550 {
  width: 55rem; }

.max-width-550,
.max-w-550 {
  max-width: 55rem; }

.min-width-550,
.min-w-550 {
  min-width: 55rem; }

.height-550,
.h-550 {
  height: 55rem; }

.max-height-550,
.max-h-550 {
  max-height: 55rem; }

.min-height-550,
.min-h-550 {
  min-height: 55rem; }

.width-600,
.w-600 {
  width: 60rem; }

.max-width-600,
.max-w-600 {
  max-width: 60rem; }

.min-width-600,
.min-w-600 {
  min-width: 60rem; }

.height-600,
.h-600 {
  height: 60rem; }

.max-height-600,
.max-h-600 {
  max-height: 60rem; }

.min-height-600,
.min-h-600 {
  min-height: 60rem; }

.width-650,
.w-650 {
  width: 65rem; }

.max-width-650,
.max-w-650 {
  max-width: 65rem; }

.min-width-650,
.min-w-650 {
  min-width: 65rem; }

.height-650,
.h-650 {
  height: 65rem; }

.max-height-650,
.max-h-650 {
  max-height: 65rem; }

.min-height-650,
.min-h-650 {
  min-height: 65rem; }

.width-700,
.w-700 {
  width: 70rem; }

.max-width-700,
.max-w-700 {
  max-width: 70rem; }

.min-width-700,
.min-w-700 {
  min-width: 70rem; }

.height-700,
.h-700 {
  height: 70rem; }

.max-height-700,
.max-h-700 {
  max-height: 70rem; }

.min-height-700,
.min-h-700 {
  min-height: 70rem; }

.width-750,
.w-750 {
  width: 75rem; }

.max-width-750,
.max-w-750 {
  max-width: 75rem; }

.min-width-750,
.min-w-750 {
  min-width: 75rem; }

.height-750,
.h-750 {
  height: 75rem; }

.max-height-750,
.max-h-750 {
  max-height: 75rem; }

.min-height-750,
.min-h-750 {
  min-height: 75rem; }

.width-800,
.w-800 {
  width: 80rem; }

.max-width-800,
.max-w-800 {
  max-width: 80rem; }

.min-width-800,
.min-w-800 {
  min-width: 80rem; }

.height-800,
.h-800 {
  height: 80rem; }

.max-height-800,
.max-h-800 {
  max-height: 80rem; }

.min-height-800,
.min-h-800 {
  min-height: 80rem; }

.width-1000,
.w-1000 {
  width: 100rem; }

.max-width-1000,
.max-w-1000 {
  max-width: 100rem; }

.min-width-1000,
.min-w-1000 {
  min-width: 100rem; }

.height-1000,
.h-1000 {
  height: 100rem; }

.max-height-1000,
.max-h-1000 {
  max-height: 100rem; }

.min-height-1000,
.min-h-1000 {
  min-height: 100rem; }

.width-1200,
.w-1200 {
  width: 120rem; }

.max-width-1200,
.max-w-1200 {
  max-width: 120rem; }

.min-width-1200,
.min-w-1200 {
  min-width: 120rem; }

.height-1200,
.h-1200 {
  height: 120rem; }

.max-height-1200,
.max-h-1200 {
  max-height: 120rem; }

.min-height-1200,
.min-h-1200 {
  min-height: 120rem; }

.width-10-perc,
.width-10perc,
.w-10-perc,
.w-10perc {
  width: 10%; }

.max-width-10-perc,
.max-width-10perc,
.max-w-10-perc,
.max-w-10perc {
  max-width: 10%; }

.min-width-10perc,
.min-w-10perc {
  min-width: 10%; }

.height-10-perc,
.height-10perc,
.h-10-perc,
.h-10perc {
  height: 10%; }

.max-height-10-perc,
.max-height-10perc,
.max-h-10-perc,
.max-h-10perc {
  max-height: 10%; }

.min-height-10-perc,
.min-height-10perc,
.min-h-10-perc,
.min-h-10perc {
  min-height: 10%; }

.h-vh-10 {
  height: 10vh; }

.min-h-vh-10 {
  min-height: 10vh; }

.max-h-vh-10 {
  max-height: 10vh; }

.width-20-perc,
.width-20perc,
.w-20-perc,
.w-20perc {
  width: 20%; }

.max-width-20-perc,
.max-width-20perc,
.max-w-20-perc,
.max-w-20perc {
  max-width: 20%; }

.min-width-20perc,
.min-w-20perc {
  min-width: 20%; }

.height-20-perc,
.height-20perc,
.h-20-perc,
.h-20perc {
  height: 20%; }

.max-height-20-perc,
.max-height-20perc,
.max-h-20-perc,
.max-h-20perc {
  max-height: 20%; }

.min-height-20-perc,
.min-height-20perc,
.min-h-20-perc,
.min-h-20perc {
  min-height: 20%; }

.h-vh-20 {
  height: 20vh; }

.min-h-vh-20 {
  min-height: 20vh; }

.max-h-vh-20 {
  max-height: 20vh; }

.width-30-perc,
.width-30perc,
.w-30-perc,
.w-30perc {
  width: 30%; }

.max-width-30-perc,
.max-width-30perc,
.max-w-30-perc,
.max-w-30perc {
  max-width: 30%; }

.min-width-30perc,
.min-w-30perc {
  min-width: 30%; }

.height-30-perc,
.height-30perc,
.h-30-perc,
.h-30perc {
  height: 30%; }

.max-height-30-perc,
.max-height-30perc,
.max-h-30-perc,
.max-h-30perc {
  max-height: 30%; }

.min-height-30-perc,
.min-height-30perc,
.min-h-30-perc,
.min-h-30perc {
  min-height: 30%; }

.h-vh-30 {
  height: 30vh; }

.min-h-vh-30 {
  min-height: 30vh; }

.max-h-vh-30 {
  max-height: 30vh; }

.width-40-perc,
.width-40perc,
.w-40-perc,
.w-40perc {
  width: 40%; }

.max-width-40-perc,
.max-width-40perc,
.max-w-40-perc,
.max-w-40perc {
  max-width: 40%; }

.min-width-40perc,
.min-w-40perc {
  min-width: 40%; }

.height-40-perc,
.height-40perc,
.h-40-perc,
.h-40perc {
  height: 40%; }

.max-height-40-perc,
.max-height-40perc,
.max-h-40-perc,
.max-h-40perc {
  max-height: 40%; }

.min-height-40-perc,
.min-height-40perc,
.min-h-40-perc,
.min-h-40perc {
  min-height: 40%; }

.h-vh-40 {
  height: 40vh; }

.min-h-vh-40 {
  min-height: 40vh; }

.max-h-vh-40 {
  max-height: 40vh; }

.width-45-perc,
.width-45perc,
.w-45-perc,
.w-45perc {
  width: 45%; }

.max-width-45-perc,
.max-width-45perc,
.max-w-45-perc,
.max-w-45perc {
  max-width: 45%; }

.min-width-45perc,
.min-w-45perc {
  min-width: 45%; }

.height-45-perc,
.height-45perc,
.h-45-perc,
.h-45perc {
  height: 45%; }

.max-height-45-perc,
.max-height-45perc,
.max-h-45-perc,
.max-h-45perc {
  max-height: 45%; }

.min-height-45-perc,
.min-height-45perc,
.min-h-45-perc,
.min-h-45perc {
  min-height: 45%; }

.h-vh-45 {
  height: 45vh; }

.min-h-vh-45 {
  min-height: 45vh; }

.max-h-vh-45 {
  max-height: 45vh; }

.width-48-perc,
.width-48perc,
.w-48-perc,
.w-48perc {
  width: 48%; }

.max-width-48-perc,
.max-width-48perc,
.max-w-48-perc,
.max-w-48perc {
  max-width: 48%; }

.min-width-48perc,
.min-w-48perc {
  min-width: 48%; }

.height-48-perc,
.height-48perc,
.h-48-perc,
.h-48perc {
  height: 48%; }

.max-height-48-perc,
.max-height-48perc,
.max-h-48-perc,
.max-h-48perc {
  max-height: 48%; }

.min-height-48-perc,
.min-height-48perc,
.min-h-48-perc,
.min-h-48perc {
  min-height: 48%; }

.h-vh-48 {
  height: 48vh; }

.min-h-vh-48 {
  min-height: 48vh; }

.max-h-vh-48 {
  max-height: 48vh; }

.width-50-perc,
.width-50perc,
.w-50-perc,
.w-50perc {
  width: 50%; }

.max-width-50-perc,
.max-width-50perc,
.max-w-50-perc,
.max-w-50perc {
  max-width: 50%; }

.min-width-50perc,
.min-w-50perc {
  min-width: 50%; }

.height-50-perc,
.height-50perc,
.h-50-perc,
.h-50perc {
  height: 50%; }

.max-height-50-perc,
.max-height-50perc,
.max-h-50-perc,
.max-h-50perc {
  max-height: 50%; }

.min-height-50-perc,
.min-height-50perc,
.min-h-50-perc,
.min-h-50perc {
  min-height: 50%; }

.h-vh-50 {
  height: 50vh; }

.min-h-vh-50 {
  min-height: 50vh; }

.max-h-vh-50 {
  max-height: 50vh; }

.width-60-perc,
.width-60perc,
.w-60-perc,
.w-60perc {
  width: 60%; }

.max-width-60-perc,
.max-width-60perc,
.max-w-60-perc,
.max-w-60perc {
  max-width: 60%; }

.min-width-60perc,
.min-w-60perc {
  min-width: 60%; }

.height-60-perc,
.height-60perc,
.h-60-perc,
.h-60perc {
  height: 60%; }

.max-height-60-perc,
.max-height-60perc,
.max-h-60-perc,
.max-h-60perc {
  max-height: 60%; }

.min-height-60-perc,
.min-height-60perc,
.min-h-60-perc,
.min-h-60perc {
  min-height: 60%; }

.h-vh-60 {
  height: 60vh; }

.min-h-vh-60 {
  min-height: 60vh; }

.max-h-vh-60 {
  max-height: 60vh; }

.width-65-perc,
.width-65perc,
.w-65-perc,
.w-65perc {
  width: 65%; }

.max-width-65-perc,
.max-width-65perc,
.max-w-65-perc,
.max-w-65perc {
  max-width: 65%; }

.min-width-65perc,
.min-w-65perc {
  min-width: 65%; }

.height-65-perc,
.height-65perc,
.h-65-perc,
.h-65perc {
  height: 65%; }

.max-height-65-perc,
.max-height-65perc,
.max-h-65-perc,
.max-h-65perc {
  max-height: 65%; }

.min-height-65-perc,
.min-height-65perc,
.min-h-65-perc,
.min-h-65perc {
  min-height: 65%; }

.h-vh-65 {
  height: 65vh; }

.min-h-vh-65 {
  min-height: 65vh; }

.max-h-vh-65 {
  max-height: 65vh; }

.width-70-perc,
.width-70perc,
.w-70-perc,
.w-70perc {
  width: 70%; }

.max-width-70-perc,
.max-width-70perc,
.max-w-70-perc,
.max-w-70perc {
  max-width: 70%; }

.min-width-70perc,
.min-w-70perc {
  min-width: 70%; }

.height-70-perc,
.height-70perc,
.h-70-perc,
.h-70perc {
  height: 70%; }

.max-height-70-perc,
.max-height-70perc,
.max-h-70-perc,
.max-h-70perc {
  max-height: 70%; }

.min-height-70-perc,
.min-height-70perc,
.min-h-70-perc,
.min-h-70perc {
  min-height: 70%; }

.h-vh-70 {
  height: 70vh; }

.min-h-vh-70 {
  min-height: 70vh; }

.max-h-vh-70 {
  max-height: 70vh; }

.width-75-perc,
.width-75perc,
.w-75-perc,
.w-75perc {
  width: 75%; }

.max-width-75-perc,
.max-width-75perc,
.max-w-75-perc,
.max-w-75perc {
  max-width: 75%; }

.min-width-75perc,
.min-w-75perc {
  min-width: 75%; }

.height-75-perc,
.height-75perc,
.h-75-perc,
.h-75perc {
  height: 75%; }

.max-height-75-perc,
.max-height-75perc,
.max-h-75-perc,
.max-h-75perc {
  max-height: 75%; }

.min-height-75-perc,
.min-height-75perc,
.min-h-75-perc,
.min-h-75perc {
  min-height: 75%; }

.h-vh-75 {
  height: 75vh; }

.min-h-vh-75 {
  min-height: 75vh; }

.max-h-vh-75 {
  max-height: 75vh; }

.width-80-perc,
.width-80perc,
.w-80-perc,
.w-80perc {
  width: 80%; }

.max-width-80-perc,
.max-width-80perc,
.max-w-80-perc,
.max-w-80perc {
  max-width: 80%; }

.min-width-80perc,
.min-w-80perc {
  min-width: 80%; }

.height-80-perc,
.height-80perc,
.h-80-perc,
.h-80perc {
  height: 80%; }

.max-height-80-perc,
.max-height-80perc,
.max-h-80-perc,
.max-h-80perc {
  max-height: 80%; }

.min-height-80-perc,
.min-height-80perc,
.min-h-80-perc,
.min-h-80perc {
  min-height: 80%; }

.h-vh-80 {
  height: 80vh; }

.min-h-vh-80 {
  min-height: 80vh; }

.max-h-vh-80 {
  max-height: 80vh; }

.width-90-perc,
.width-90perc,
.w-90-perc,
.w-90perc {
  width: 90%; }

.max-width-90-perc,
.max-width-90perc,
.max-w-90-perc,
.max-w-90perc {
  max-width: 90%; }

.min-width-90perc,
.min-w-90perc {
  min-width: 90%; }

.height-90-perc,
.height-90perc,
.h-90-perc,
.h-90perc {
  height: 90%; }

.max-height-90-perc,
.max-height-90perc,
.max-h-90-perc,
.max-h-90perc {
  max-height: 90%; }

.min-height-90-perc,
.min-height-90perc,
.min-h-90-perc,
.min-h-90perc {
  min-height: 90%; }

.h-vh-90 {
  height: 90vh; }

.min-h-vh-90 {
  min-height: 90vh; }

.max-h-vh-90 {
  max-height: 90vh; }

.width-100-perc,
.width-100perc,
.w-100-perc,
.w-100perc {
  width: 100%; }

.max-width-100-perc,
.max-width-100perc,
.max-w-100-perc,
.max-w-100perc {
  max-width: 100%; }

.min-width-100perc,
.min-w-100perc {
  min-width: 100%; }

.height-100-perc,
.height-100perc,
.h-100-perc,
.h-100perc {
  height: 100%; }

.max-height-100-perc,
.max-height-100perc,
.max-h-100-perc,
.max-h-100perc {
  max-height: 100%; }

.min-height-100-perc,
.min-height-100perc,
.min-h-100-perc,
.min-h-100perc {
  min-height: 100%; }

.h-vh-100 {
  height: 100vh; }

.min-h-vh-100 {
  min-height: 100vh; }

.max-h-vh-100 {
  max-height: 100vh; }

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

/**********     BORDER STYLES    **********/
.border-double {
  border-style: double; }

.border-dashed {
  border-style: dashed; }

.border-ridge-thick-important-1 {
  border-top-color: #ffc107;
  border-top-style: ridge;
  border-top-width: thick; }

.border-top-double-important-1,
.border-t-double-important-1 {
  border-top-style: double;
  border-top-color: #ffc107;
  box-sizing: border-box; }

.border-top-lightgray {
  border-top: 1px solid lightgray; }

.border-1 {
  border: 1px solid #333;
  box-sizing: border-box; }

.border-2 {
  border: 2px solid #333;
  box-sizing: border-box; }

.border-5 {
  border: 5px solid #333;
  box-sizing: border-box; }

.border-0 {
  border: 0 solid #333;
  box-sizing: border-box; }

.border-none {
  border: none;
  outline: none; }

.border-6 {
  border: 1px solid #d0d1d8; }

.border-none-i {
  border: none !important;
  outline: none !important; }

.border-t-1 {
  border-top: 1px solid #bcbcff;
  box-sizing: border-box; }

.border-t-2 {
  border-top: 2px solid #333;
  box-sizing: border-box; }

.border-t-5 {
  border-top: 5px solid #333;
  box-sizing: border-box; }

.border-t-0 {
  border-top: 0 solid #333;
  box-sizing: border-box; }

.border-t-none {
  border-top: none; }

.border-r-1 {
  border-right: 1px solid #333;
  box-sizing: border-box; }

.border-r-2 {
  border-right: 2px solid #333;
  box-sizing: border-box; }

.border-r-5 {
  border-right: 5px solid #333;
  box-sizing: border-box; }

.border-r-6 {
  border-right: 1px solid #d0d1d8;
  box-sizing: border-box; }

.border-r-0 {
  border-right: 0 solid #333;
  box-sizing: border-box; }

.border-r-none {
  border-right: none; }

.border-b-1 {
  border-bottom: 1px solid #bcbcff;
  box-sizing: border-box; }

.border-b-2 {
  border-bottom: 2px solid #333;
  box-sizing: border-box; }

.border-b-5 {
  border-bottom: 5px solid #333;
  box-sizing: border-box; }

.border-b-0 {
  border-bottom: 0 solid #333;
  box-sizing: border-box; }

.border-b-none {
  border-bottom: none; }

.border-l-1 {
  border-left: 1px solid #333;
  box-sizing: border-box; }

.border-l-2 {
  border-left: 2px solid #333;
  box-sizing: border-box; }

.border-l-5 {
  border-left: 5px solid #333;
  box-sizing: border-box; }

.border-l-0 {
  border-left: 0 solid #333;
  box-sizing: border-box; }

.border-l-none {
  border-left: none; }

.border-v-1 {
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  box-sizing: border-box; }

.border-v-2 {
  border-top: 2px solid #333;
  border-bottom: 2px solid #333;
  box-sizing: border-box; }

.border-v-5 {
  border-top: 5px solid #333;
  border-bottom: 5px solid #333;
  box-sizing: border-box; }

.border-v-6 {
  border-bottom: 1px solid #d0d1d8;
  border-top: 1px solid #d0d1d8;
  box-sizing: border-box; }

.border-v-0 {
  border-top: 0 solid #333;
  border-bottom: 0 solid #333;
  box-sizing: border-box; }

.border-v-none {
  border-top: none;
  border-bottom: none; }

.border-h-1 {
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  box-sizing: border-box; }

.border-h-2 {
  border-left: 2px solid #333;
  border-right: 2px solid #333;
  box-sizing: border-box; }

.border-h-5 {
  border-left: 5px solid #333;
  border-right: 5px solid #333;
  box-sizing: border-box; }

.border-h-0 {
  border-left: 0 solid #333;
  border-right: 0 solid #333;
  box-sizing: border-box; }

.border-h-none {
  border-left: none;
  border-right: none; }

.border-width-4 {
  border-width: 4px; }

.border-radius-0 {
  border-radius: 0px; }

.border-radius-0-i {
  border-radius: 0px !important; }

.border-radius-2 {
  border-radius: 2px; }

.border-radius-3 {
  border-radius: 3px; }

.border-radius-4 {
  border-radius: 4px; }

.border-radius-6 {
  border-radius: 6px; }

.border-radius-8 {
  border-radius: 8px; }

.border-radius-12 {
  border-radius: 12px; }

.border-radius-16 {
  border-radius: 16px; }

.border-radius-20 {
  border-radius: 20px; }

.border-radius-30 {
  border-radius: 30px; }

.border-radius-50-perc {
  border-radius: 50%; }

.border-radius-4-i {
  border-radius: 4px !important; }

.border-radius-6-i {
  border-radius: 6px !important; }

.border-radius-8-i {
  border-radius: 8px !important; }

.border-radius-12-i {
  border-radius: 12px !important; }

.border-radius-16-i {
  border-radius: 16px !important; }

.border-radius-30-i {
  border-radius: 30px !important; }

.border-radius-50-perc-i {
  border-radius: 50% !important; }

.border-radius-tl-4,
.border-radius-top-left-4 {
  border-top-left-radius: 4px; }

.border-radius-tl-6,
.border-radius-top-left-6 {
  border-top-left-radius: 6px; }

.border-radius-tl-8,
.border-radius-top-left-8 {
  border-top-left-radius: 8px; }

.border-radius-tl-12,
.border-radius-top-left-12 {
  border-top-left-radius: 12px; }

.border-radius-tl-16,
.border-radius-top-left-16 {
  border-top-left-radius: 16px; }

.border-radius-tl-30,
.border-radius-top-left-30 {
  border-top-left-radius: 30px; }

.border-radius-tl-50perc,
.border-radius-top-left-50perc {
  border-top-left-radius: 50%; }

.border-radius-tr-4,
.border-radius-top-right-4 {
  border-top-right-radius: 4px; }

.border-radius-tr-6,
.border-radius-top-right-6 {
  border-top-right-radius: 6px; }

.border-radius-tr-8,
.border-radius-top-right-8 {
  border-top-right-radius: 8px; }

.border-radius-tr-12,
.border-radius-top-right-12 {
  border-top-right-radius: 12px; }

.border-radius-tr-16,
.border-radius-top-right-16 {
  border-top-right-radius: 16px; }

.border-radius-tr-30,
.border-radius-top-right-30 {
  border-top-right-radius: 30px; }

.border-radius-tr-50perc,
.border-radius-top-right-50perc {
  border-top-right-radius: 50%; }

.border-radius-bl-0,
.border-radius-bottom-left-0 {
  border-bottom-left-radius: 0px !important; }

.border-radius-bl-4,
.border-radius-bottom-left-4 {
  border-bottom-left-radius: 4px; }

.border-radius-bl-6,
.border-radius-bottom-left-6 {
  border-bottom-left-radius: 6px; }

.border-radius-bl-8,
.border-radius-bottom-left-8 {
  border-bottom-left-radius: 8px; }

.border-radius-bl-12,
.border-radius-bottom-left-12 {
  border-bottom-left-radius: 12px; }

.border-radius-bl-16,
.border-radius-bottom-left-16 {
  border-bottom-left-radius: 16px; }

.border-radius-bl-30,
.border-radius-bottom-left-30 {
  border-bottom-left-radius: 30px; }

.border-radius-bl-50perc,
.border-radius-bottom-left-50perc {
  border-bottom-left-radius: 50%; }

.border-radius-br-0,
.border-radius-bottom-right-0 {
  border-bottom-right-radius: 0px !important; }

.border-radius-br-4,
.border-radius-bottom-right-4 {
  border-bottom-right-radius: 4px; }

.border-radius-br-6,
.border-radius-bottom-right-6 {
  border-bottom-right-radius: 6px; }

.border-radius-br-8,
.border-radius-bottom-right-8 {
  border-bottom-right-radius: 8px; }

.border-radius-br-12,
.border-radius-bottom-right-12 {
  border-bottom-right-radius: 12px; }

.border-radius-br-16,
.border-radius-bottom-right-16 {
  border-bottom-right-radius: 16px; }

.border-radius-br-30,
.border-radius-bottom-right-30 {
  border-bottom-right-radius: 30px; }

.border-radius-br-50perc,
.border-radius-bottom-right-50perc {
  border-bottom-right-radius: 50%; }

.border-radius-diagonal-tl-br-4,
.border-radius-diagonal-top-left-bottom-right-4 {
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.border-radius-diagonal-tl-br-6,
.border-radius-diagonal-top-left-bottom-right-6 {
  border-top-left-radius: 6px;
  border-bottom-right-radius: 6px; }

.border-radius-diagonal-tl-br-8,
.border-radius-diagonal-top-left-bottom-right-8 {
  border-top-left-radius: 8px;
  border-bottom-right-radius: 8px; }

.border-radius-diagonal-tl-br-12,
.border-radius-diagonal-top-left-bottom-right-12 {
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px; }

.border-radius-diagonal-tl-br-16,
.border-radius-diagonal-top-left-bottom-right-16 {
  border-top-left-radius: 16px;
  border-bottom-right-radius: 16px; }

.border-radius-diagonal-tl-br-30,
.border-radius-diagonal-top-left-bottom-right-30 {
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px; }

.border-radius-diagonal-tl-br-50perc,
.border-radius-diagonal-top-left-bottom-right-50perc {
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%; }

.border-radius-diagonal-tr-bl-4,
.border-radius-diagonal-top-right-bottom-left-4 {
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px; }

.border-radius-diagonal-tr-bl-6,
.border-radius-diagonal-top-right-bottom-left-6 {
  border-top-right-radius: 6px;
  border-bottom-left-radius: 6px; }

.border-radius-diagonal-tr-bl-8,
.border-radius-diagonal-top-right-bottom-left-8 {
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px; }

.border-radius-diagonal-tr-bl-12,
.border-radius-diagonal-top-right-bottom-left-12 {
  border-top-right-radius: 12px;
  border-bottom-left-radius: 12px; }

.border-radius-diagonal-tr-bl-16,
.border-radius-diagonal-top-right-bottom-left-16 {
  border-top-right-radius: 16px;
  border-bottom-left-radius: 16px; }

.border-radius-diagonal-tr-bl-30,
.border-radius-diagonal-top-right-bottom-left-30 {
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px; }

.border-radius-diagonal-tr-bl-50perc,
.border-radius-diagonal-top-right-bottom-left-50perc {
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%; }

/*******************************/
/* VENDORS                     */
/*******************************/
.customDatePicker label {
  position: absolute;
  top: 0;
  left: 0.5rem;
  transform: translateY(-50%);
  font-size: 1.2rem;
  background: #ffffff;
  transition: all 0.2s ease-in-out;
  z-index: 2;
  display: block;
  cursor: text;
  padding: 0.5rem 0.5rem;
  color: #4d4f5c;
  pointer-events: none;
  line-height: 1; }
  .customDatePicker label.disabled {
    font-size: 1.2rem;
    top: 0;
    background: white;
    color: #9e9e9e; }

.customDatePicker.disabled {
  opacity: 0.7;
  background: white;
  color: #9e9e9e; }

.react-date-picker {
  display: inline-flex;
  position: relative; }

.react-date-picker,
.react-date-picker *,
.react-date-picker *:before,
.react-date-picker *:after {
  box-sizing: border-box; }

.react-date-picker__wrapper {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  height: 45px;
  border: 1px solid #43425d; }

.react-date-picker--disabled,
.react-datetime-picker--disabled {
  background-color: transparent !important;
  opacity: 0.5;
  color: #6d6d6d; }

.react-date-picker__inputGroup {
  min-width: calc((4px * 3) + 0.54em * 8 + 0.217em * 2);
  flex-grow: 1;
  padding: 0 2px;
  box-sizing: content-box; }

.react-date-picker__inputGroup__divider {
  padding: 1px 0;
  white-space: pre; }

.react-date-picker__inputGroup__input {
  min-width: 0.54em;
  height: 100%;
  position: relative;
  padding: 0 1px;
  border: 0;
  background: none;
  font: inherit;
  box-sizing: content-box;
  -moz-appearance: textfield; }

.react-date-picker__inputGroup__input::-webkit-outer-spin-button,
.react-date-picker__inputGroup__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.react-date-picker__inputGroup__input:invalid {
  background: rgba(255, 0, 0, 0.1); }

.react-date-picker__inputGroup__input--hasLeadingZero {
  margin-left: -0.54em;
  padding-left: calc(1px + 0.54em); }

.react-date-picker__button {
  border: 0;
  background: transparent;
  padding: 4px 6px; }

.react-date-picker__button:enabled {
  cursor: pointer; }

.react-date-picker__button:enabled:hover .react-date-picker__button__icon,
.react-date-picker__button:enabled:focus .react-date-picker__button__icon {
  stroke: #0078d7; }

.react-date-picker__button:disabled .react-date-picker__button__icon {
  stroke: #6d6d6d; }

.react-date-picker__button svg {
  display: inherit; }

.react-date-picker__calendar {
  width: 350px;
  min-width: 350px;
  max-width: 100vw;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1; }

.react-date-picker__calendar--closed {
  display: none; }

.react-date-picker__calendar .react-calendar {
  border-width: thin; }

.react-calendar {
  width: 100% !important; }

.react-date-picker__wrapper,
.react-datetime-picker__wrapper {
  border: 1px solid #43425d !important;
  border-radius: 4px;
  padding-left: 1rem; }
  .react-date-picker__wrapper input,
  .react-datetime-picker__wrapper input {
    font-size: 1.4rem;
    color: #4d4f5c;
    outline: none; }
  .react-date-picker__wrapper.disabled,
  .react-datetime-picker__wrapper.disabled {
    border: 1px solid #9e9e9e !important;
    opacity: 0.7; }

.react-date-picker {
  height: 100%;
  width: 100%;
  max-height: 45px; }

.react-date-picker__calendar.react-date-picker__calendar--open,
.react-datetime-picker__calendar.react-datetime-picker__calendar--open,
.react-datetime-picker__clock.react-datetime-picker__clock--open {
  z-index: 999; }

.react-datetime-picker__inputGroup__leadingZero {
  font-size: 1.4rem;
  color: #43425d;
  outline: none; }

.react-calendar__navigation__label {
  font-size: 1.4rem; }

.react-calendar__month-view__weekdays__weekday {
  font-size: 1.3rem; }

.react-calendar__tile {
  font-size: 1.2rem; }

.react-date-picker__clear-button.react-date-picker__button,
.react-datetime-picker__calendar-button.react-datetime-picker__button,
.react-date-picker__calendar-button.react-date-picker__button,
.react-datetime-picker__clear-button.react-datetime-picker__button {
  outline: none; }

.react-datetime-picker {
  width: 100%;
  height: 45px; }

.react-datetime-picker__inputGroup__amPm {
  font-size: 1.4rem !important;
  color: #43425d;
  outline: none; }

.react-date-picker__inputGroup__leadingZero {
  font-size: 1.4rem; }

.react-calendar__navigation__prev2-button,
.react-calendar__navigation__next2-button {
  display: none !important; }

.react-calendar__navigation button[disabled] {
  background-color: #ffffff !important;
  color: #333333;
  text-transform: capitalize; }

.calendar_next_icon_right {
  transform: rotate(-90deg); }

.calendar_next_icon_left {
  transform: rotate(90deg); }

.react-calendar__navigation button {
  transition: all 0.1s ease-in-out; }

.react-calendar__navigation button:enabled:hover,
.react-calendar__navigation button:enabled:focus {
  background: #efefff !important; }

.react-calendar {
  border-radius: 4px;
  border: 1px solid #43425d !important; }

.react-calendar__month-view__weekdays__weekday abbr {
  text-decoration: none;
  font-family: Poppins, "sans-serif";
  color: #43425d; }

.react-calendar__month-view__days__day {
  border-radius: 4px !important;
  color: #43425d !important; }

.react-calendar__tile:enabled:hover,
.react-calendar__tile:enabled:focus {
  background-color: #efefff !important; }

.react-calendar__month-view__days__day--weekend {
  color: #2e2d3f !important; }

.react-calendar__month-view__days__day--neighboringMonth {
  color: #bcbcff !important; }

.react-calendar__tile--active {
  background-color: #43425d !important;
  transition: all 0.1s ease-in-out;
  color: #ffffff !important; }
  .react-calendar__tile--active:enabled:hover {
    background-color: #2e2d3f !important; }

.react-calendar__tile--now {
  background-color: #e69757 !important;
  color: #ffffff !important;
  transition: all 0.1s ease-in-out; }
  .react-calendar__tile--now:enabled:hover {
    background-color: #df7c2b !important; }

/*******************************/
/* COMPONENTS                  */
/*******************************/
#nav {
  width: 70px;
  background-color: #43425d;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999999;
  transition: all 0.2s ease-in-out; }
  #nav .navContainer {
    height: calc(100% - 130px); }
  #nav .logoContainer {
    border-bottom: 1px solid rgba(239, 239, 255, 0.4);
    height: 135px; }
    #nav .logoContainer a {
      height: 100%; }
      #nav .logoContainer a img {
        max-height: 90%;
        width: 0px;
        height: 0px;
        transition: all 0.2s ease-in-out; }
  #nav ul li {
    height: 52px; }
    #nav ul li a {
      text-decoration: none;
      transition: all 0.2s ease-in-out;
      position: relative; }
      #nav ul li a span {
        line-height: 0;
        position: relative;
        z-index: 3; }
        #nav ul li a span.side {
          width: 0px;
          height: 52px;
          margin-right: 20px; }
        #nav ul li a span.icon:before {
          height: 35px;
          top: 50%;
          left: 50%;
          transform-origin: left;
          transform: translate(-50%, -50%);
          width: 35px;
          border-radius: 8px;
          content: "";
          position: absolute;
          transition: all 0.2s ease-in-out;
          z-index: -1;
          opacity: 0; }
        #nav ul li a span .fill {
          max-height: 30px; }
          #nav ul li a span .fill path {
            transition: all 0.2s ease-in-out;
            fill: #ffffff; }
        #nav ul li a span.label {
          margin-left: 2rem;
          font-size: 15px;
          transform: scaleX(0);
          opacity: 0;
          color: #f9fbfd;
          transition: opacity 0.2s ease-in-out;
          transform-origin: left; }
      #nav ul li a:hover {
        background-color: #3c3b54; }
        #nav ul li a:hover .icon:before {
          opacity: 0.9; }
      #nav ul li a.active {
        color: #ffffff;
        background-color: #3c3b54; }
        #nav ul li a.active span.icon {
          margin-left: 10px; }
          #nav ul li a.active span.icon:before {
            opacity: 1; }
        #nav ul li a.active span.side {
          background-color: #a3a0fb;
          width: 5px;
          height: 52px;
          margin-right: 10px; }
        #nav ul li a.active span .fill path {
          fill: #a3a0fb; }
  #nav.open {
    width: 260px; }
    #nav.open .logoContainer {
      border-bottom: 1px solid rgba(239, 239, 255, 0.4);
      height: 135px; }
      #nav.open .logoContainer a {
        height: 100%; }
        #nav.open .logoContainer a img {
          max-height: 90%;
          width: 184px;
          height: 69px; }
    #nav.open ul li a span:before {
      border-radius: 0 8px 8px 0;
      left: -20px;
      transform: translate(0, -50%);
      width: 20px; }
    #nav.open .label {
      transform: scale(1);
      opacity: 1; }
    #nav.open .icon {
      margin-left: 5px; }

#header {
  position: fixed;
  left: 70px;
  top: 0;
  height: 50px;
  width: calc(100% - 70px);
  background-color: #ffffff;
  z-index: 99999; }
  #header .lang {
    line-height: 0; }
  #header .title {
    color: #43425d; }

.inputComponent .inputWrapper {
  position: relative;
  line-height: 1; }
  .inputComponent .inputWrapper input,
  .inputComponent .inputWrapper textarea {
    height: 45px;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #43425d;
    outline: none;
    padding: 0 1rem;
    font-size: 1.6rem;
    position: relative;
    z-index: 1;
    line-height: 1;
    color: #4d4f5c; }
    .inputComponent .inputWrapper input.pinInput,
    .inputComponent .inputWrapper textarea.pinInput {
      width: 40px;
      padding: 0;
      text-align: center; }
      .inputComponent .inputWrapper input.pinInput:not(:last-child),
      .inputComponent .inputWrapper textarea.pinInput:not(:last-child) {
        margin-right: 10px; }
    .inputComponent .inputWrapper input:focus ~ label,
    .inputComponent .inputWrapper textarea:focus ~ label {
      font-size: 1.2rem;
      top: 0;
      color: #4d4f5c; }
    .inputComponent .inputWrapper input.folderSearch,
    .inputComponent .inputWrapper textarea.folderSearch {
      transition: all 0.2s ease-in-out;
      height: auto;
      font-size: 1.4rem;
      padding: 0;
      width: 0; }
      .inputComponent .inputWrapper input.folderSearch + label,
      .inputComponent .inputWrapper textarea.folderSearch + label {
        display: none; }
      .inputComponent .inputWrapper input.folderSearch.active,
      .inputComponent .inputWrapper textarea.folderSearch.active {
        padding: 0 1rem;
        width: 250px; }
  .inputComponent .inputWrapper.remark-input textarea {
    height: 120px; }
  .inputComponent .inputWrapper.preview {
    border: none;
    background: white;
    border-radius: 0;
    position: relative; }
    .inputComponent .inputWrapper.preview input {
      border: none;
      background: white; }
    .inputComponent .inputWrapper.preview ~ label {
      font-size: 1.2rem;
      top: -5px;
      color: #4d4f5c; }
    .inputComponent .inputWrapper.preview:after {
      position: absolute;
      height: 1px;
      width: calc(100% - 2rem);
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      background-color: #bcbcff;
      content: "";
      z-index: 2;
      opacity: 0;
      transition: all 0.1s ease-in-out; }
    .inputComponent .inputWrapper.preview.editable:after {
      opacity: 1; }
  .inputComponent .inputWrapper .showPassword {
    position: absolute;
    right: 1rem;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer; }
    .inputComponent .inputWrapper .showPassword path {
      fill: #bcbcff;
      transition: all 0.1s ease-in-out; }
    .inputComponent .inputWrapper .showPassword:hover path {
      fill: #8989ff; }
    .inputComponent .inputWrapper .showPassword.active path {
      fill: #43425d; }
    .inputComponent .inputWrapper .showPassword.active:hover path {
      fill: #6f6d98; }
  .inputComponent .inputWrapper textarea {
    height: 150px;
    padding: 1.5rem 1rem; }
    .inputComponent .inputWrapper textarea.non-resizable {
      resize: none; }
  .inputComponent .inputWrapper label {
    position: absolute;
    top: 50%;
    left: 0.5rem;
    transform: translateY(-50%);
    font-size: 1.3rem;
    background: #ffffff;
    transition: all 0.2s ease-in-out;
    z-index: 2;
    display: block;
    cursor: text;
    padding: 0.5rem 0.5rem;
    color: #4d4f5c;
    pointer-events: none;
    line-height: 1; }
    .inputComponent .inputWrapper label.label-xs {
      font-size: 0.6rem !important; }
    .inputComponent .inputWrapper label.label-s {
      font-size: 1rem !important;
      padding: 0.5rem 0.1rem !important; }
  .inputComponent .inputWrapper .count {
    position: absolute;
    right: 0.5rem;
    top: 100%;
    transform: translateY(-10px);
    z-index: 2;
    background-color: #ffffff;
    color: #43425d;
    line-height: 1; }
  .inputComponent .inputWrapper.textArea label {
    top: 2rem; }
  .inputComponent .inputWrapper.textArea .count {
    top: calc(100% + 0.2rem); }
  .inputComponent .inputWrapper.hasText label {
    font-size: 1.2rem;
    top: 0;
    color: #4d4f5c; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield; }

.error {
  position: absolute;
  left: 0;
  top: 100%;
  padding-left: 10px; }
  .error.error-s {
    font-size: 11px !important;
    padding-left: 6px !important; }
  .error.error-xs {
    font-size: 8px !important;
    font-weight: 500 !important;
    padding-left: 6px; }

.btn {
  border: none;
  cursor: pointer;
  display: inline-block;
  max-height: 50px;
  padding: 1rem 2rem;
  outline: none;
  border: 1px solid #43425d;
  border-radius: 4px;
  transition: all 0.2s ease-in-out; }
  .btn.btn-primary {
    background-color: #43425d;
    color: #ffffff; }
    .btn.btn-primary:hover {
      background-color: #2e2d3f; }
    .btn.btn-primary:active {
      background-color: #181821; }
  .btn.btn-create {
    background-color: #00c47b;
    color: #ffffff;
    border: none; }
    .btn.btn-create:hover {
      background-color: #00915b; }
    .btn.btn-create:active {
      background-color: #005e3b; }
  .btn.red {
    background-color: #f44336;
    border-color: #f44336; }
    .btn.red:hover {
      background-color: #ea1c0d; }
    .btn.red:active {
      background-color: #ba160a; }
  .btn.orange {
    background-color: #fcae53; }
    .btn.orange:hover {
      background-color: #fb9621; }
    .btn.orange:active {
      background-color: #e57d04; }
  .btn.btn-link {
    background-color: transparent;
    color: #a5a4bf;
    border: none;
    outline: none;
    transition: all 0.1s ease-in-out;
    padding: 10px;
    border-bottom: 3px solid white; }
    .btn.btn-link:hover {
      background-color: transparent;
      color: #43425d; }
    .btn.btn-link.active {
      background-color: transparent;
      color: #43425d;
      border-bottom: 3px solid #43425d; }
  .btn.btn-header {
    height: 100%;
    border-radius: 0;
    background-color: #ffffff;
    color: #333333;
    border: none;
    border-left: 1px solid #efefff;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px; }
    .btn.btn-header svg path {
      transition: all 0.2s ease-in-out; }
    .btn.btn-header.fill path {
      fill: rgba(67, 66, 93, 0.4); }
    .btn.btn-header.bell:hover {
      background-color: rgba(67, 66, 93, 0.4); }
      .btn.btn-header.bell:hover.fill path {
        fill: #ffffff; }
    .btn.btn-header.lock:hover {
      background-color: #fcae53; }
      .btn.btn-header.lock:hover.fill path {
        fill: #ffffff; }
    .btn.btn-header.logout:hover {
      background-color: #f44336; }
      .btn.btn-header.logout:hover.fill path {
        fill: #ffffff; }

.btn-save {
  background-color: #43425d !important;
  color: white !important;
  width: 150px; }
  .btn-save:hover {
    background-color: #2e2d3f !important;
    color: white; }

.btn-back {
  background-color: white !important;
  color: #43425d !important; }
  .btn-back:hover {
    background-color: #43425d !important;
    color: white !important; }
  .btn-back.small {
    padding: 5px 5px;
    font-size: 13px; }
  .btn-back.medium {
    padding: 5px 12px;
    font-size: 13px;
    border-radius: 5px; }

.btn-cancel {
  background-color: white !important;
  color: #43425d !important;
  width: 150px;
  border: 1px solid #e6e6e6; }
  .btn-cancel:hover {
    background-color: #e6e6e6 !important;
    color: white; }

.btn-delete {
  background-color: red !important;
  color: white !important;
  width: 150px;
  border: 1px solid red !important; }
  .btn-delete:hover {
    background-color: #e60000 !important;
    color: white; }

.hover-purple:hover {
  background-color: #43425d !important;
  color: white !important; }

.btn-okay {
  width: 70px;
  height: 40px;
  font-size: 16px;
  background-color: white !important;
  color: #43425d !important; }
  .btn-okay:hover {
    background-color: #e6e6e6 !important; }

button[disabled] {
  pointer-events: none;
  opacity: 0.7; }

.goBack {
  background: none;
  border: none;
  outline: none; }
  .goBack svg {
    transition: all 0.1s ease-in-out; }
    .goBack svg path {
      fill: #43425d; }
  .goBack span {
    line-height: 1;
    color: #43425d; }
  .goBack:hover svg {
    transform: translateX(-2px); }
  .goBack:active svg {
    transform: translateX(-5px); }

.customDropdown label {
  position: absolute;
  top: 50%;
  left: 0.5rem;
  transform: translateY(-50%);
  font-size: 1.3rem;
  background: #ffffff;
  transition: all 0.2s ease-in-out;
  z-index: 2;
  display: block;
  cursor: text;
  padding: 0.5rem 0.5rem;
  color: #4d4f5c;
  pointer-events: none;
  line-height: 1; }
  .customDropdown label.top {
    font-size: 1.2rem;
    top: 0;
    color: #4d4f5c; }
  .customDropdown label.disabled {
    font-size: 1.2rem;
    top: 0;
    background: white;
    color: #9e9e9e; }

.customDropdown.noValue .select__single-value {
  opacity: 0; }

.select__control {
  width: 100%;
  cursor: pointer !important;
  height: 45px;
  border: 1px solid #43425d !important;
  font-size: 13px; }

.multiple .select__control {
  width: 100%;
  min-height: 45px;
  height: auto; }

.multiple label {
  position: absolute;
  top: 35%;
  left: 0.5rem;
  transform: translateY(-50%);
  font-size: 1.3rem;
  background: #ffffff;
  transition: all 0.2s ease-in-out;
  z-index: 2;
  display: block;
  cursor: text;
  padding: 0.5rem 0.5rem;
  color: #4d4f5c;
  pointer-events: none;
  line-height: 1; }
  .multiple label.top {
    font-size: 1.2rem;
    top: 0;
    color: #4d4f5c; }
  .multiple label.disabled {
    font-size: 1.2rem;
    top: 0;
    background: white;
    color: #9e9e9e; }

.select__multi-value {
  background-color: transparent !important; }

.select__placeholder {
  color: #4d4f5c !important; }

.select__indicator-separator {
  background-color: #43425d !important; }

.select__option--is-selected {
  background-color: #43425d !important;
  font-size: 15px; }

.select__control--is-focused {
  box-shadow: none !important;
  outline: none;
  border: 1px solid #43425d !important; }

.select__control--is-disabled {
  opacity: 0.7;
  background-color: transparent !important;
  border: 1px solid #9e9e9e !important; }
  .select__control--is-disabled .select__indicator-separator {
    background-color: #9e9e9e !important; }
  .select__control--is-disabled .select__placeholder {
    color: #9e9e9e !important; }

.select__menu {
  z-index: 99 !important; }

.select__single-value {
  font-size: 13px; }

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

.checkboxWrapper input {
  display: none; }

.checkboxWrapper label {
  display: block;
  height: 25px;
  width: 25px;
  background-color: #ffffff;
  border: 1px solid #43425d;
  cursor: pointer;
  transition: all 0.1s ease-in-out; }
  .checkboxWrapper label svg path {
    transition: all 0.1s ease-in-out;
    opacity: 0;
    fill: #ffffff; }
  .checkboxWrapper label:hover {
    background: #efefff; }

.checkboxWrapper input:checked ~ label {
  background-color: #43425d; }
  .checkboxWrapper input:checked ~ label svg path {
    opacity: 1 !important; }

.table {
  width: 100%;
  border-collapse: collapse; }
  .table .thead tr {
    border-top: 1px solid #bcbcff;
    border-bottom: 1px solid #bcbcff;
    height: 40px; }
  .table .tbody {
    position: relative; }
    .table .tbody tr {
      border-bottom: 1px solid #efefff;
      transition: all 0.1s ease-in-out; }
      .table .tbody tr:hover {
        background-color: #efefff; }
      .table .tbody tr.tr-no-data {
        border: none !important; }
        .table .tbody tr.tr-no-data td {
          width: 100%;
          display: block; }
      .table .tbody tr td {
        padding: 2rem 1rem;
        height: 50px; }
        .table .tbody tr td.autoHeight {
          padding: 2rem 1rem;
          height: auto; }
  .table .customThead {
    border-top: none !important;
    border-bottom: 2px solid #43425d !important;
    color: #43425d !important; }
  .table .customerFilesThead {
    border-top: none !important; }

@media (max-width: 966px) {
  .customThead {
    font-size: 12px; } }

@media (max-width: 1300px) {
  .rc-overview {
    flex-direction: column; }
    .rc-overview .table-wrapper {
      width: 100%;
      margin-bottom: 50px; } }

.modal {
  background-color: #43425d98;
  height: 100vh;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 99999;
  left: 0;
  transform: translateY(-100vh);
  transition: opacity 0.4s ease-in-out;
  opacity: 0; }
  .modal .modalWrapper {
    background-color: #ffffff;
    border-radius: 12px; }
    .modal .modalWrapper.successModal {
      color: green !important; }
    .modal .modalWrapper.errorModal {
      color: red !important; }
    .modal .modalWrapper.big-warning .warningIcon {
      width: 150px !important; }
  .modal.visible {
    transform: translateY(0);
    opacity: 1; }
  .modal.error {
    z-index: 999999; }

@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    opacity: 0; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.slideInRight {
  animation-name: slideInRight; }

.animated {
  animation-fill-mode: forwards; }
  .animated.linear {
    animation-timing-function: linear; }
  .animated.speed-0-5-s {
    animation-duration: 0.5s; }
  .animated.speed-1-s {
    animation-duration: 1s; }
  .animated.speed-1-5-s {
    animation-duration: 1.5s; }
  .animated.delay-0-5-s {
    animation-delay: 0.5s; }
  .animated.delay-1-5-s {
    animation-delay: 1.5s; }

.modal-content .title {
  font-size: 16px;
  font-weight: 700;
  border-bottom: 1px solid #d1d1d4; }

.modal-content .modal-buttons {
  border-top: 1px solid #d1d1d4; }

.fileUploadModal {
  width: 500px;
  height: 300px;
  z-index: 999; }
  .fileUploadModal .dropImage {
    border-radius: 4px;
    border: 2px dashed #bcbcff; }
    .fileUploadModal .dropImage .uploadIcon path {
      fill: #bcbcff;
      opacity: 0.7; }
    .fileUploadModal .dropImage.dotted {
      border: 2px dotted #bcbcff; }
      .fileUploadModal .dropImage.dotted .uploadIcon path {
        fill: #bcbcff;
        opacity: 1; }
  .fileUploadModal .progress {
    background-color: white !important; }
    .fileUploadModal .progress .wrapper {
      position: relative; }
      .fileUploadModal .progress .wrapper .loader-numbers {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 20px; }

.loaderContainer {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

#loader #ringLoader-1 {
  animation: spinRing1 1.5s linear infinite;
  transform-origin: center; }

#loader #ringLoader-2 {
  animation: spinRing2 1.5s linear infinite;
  transform-origin: center; }

@keyframes spinRing1 {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(360deg); } }

@keyframes spinRing2 {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(-360deg); } }

#contextMenu {
  width: 250px;
  height: 200px;
  position: fixed;
  top: 300px;
  left: 300px;
  background-color: #ffffff;
  border-radius: 4px;
  list-style: none;
  box-shadow: 0 0 20px rgba(239, 239, 255, 0.9);
  overflow: hidden;
  z-index: 9999999999999999999;
  border: 1px solid #efefff; }
  #contextMenu li {
    height: 40px;
    border-bottom: 1px solid #efefff;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all 0.1s ease-in-out;
    padding: 1rem;
    color: #43425d; }
    #contextMenu li:hover {
      background-color: #efefff; }
    #contextMenu li span {
      line-height: 1; }
    #contextMenu li .contextIcon path {
      transition: all 0.1s ease-in-out;
      fill: #6f6d98; }
    #contextMenu li.contextDelete:hover {
      background-color: #f44336;
      color: #ffffff; }
      #contextMenu li.contextDelete:hover .contextIcon path {
        fill: #ffffff; }

.folderStructure ul {
  list-style: none; }
  .folderStructure ul li {
    height: 35px;
    overflow-y: hidden; }
    .folderStructure ul li .item {
      height: 35px;
      transition: all 0.1s ease-in-out;
      border-bottom: 1px solid #efefff; }
      .folderStructure ul li .item.active {
        background: rgba(239, 239, 255, 0.8); }
      .folderStructure ul li .item:hover {
        background: #efefff; }
    .folderStructure ul li .folderStructureArrow {
      transform: rotate(-90deg); }
    .folderStructure ul li.open {
      height: auto; }
      .folderStructure ul li.open .folderStructureArrow {
        transform: rotate(0); }

.folderStructureWrapper {
  width: 600px;
  height: 500px;
  max-width: 90%;
  max-height: 90%;
  overflow: hidden; }
  .folderStructureWrapper .selected {
    height: 100px;
    background: rgba(239, 239, 255, 0.5); }
  .folderStructureWrapper .folderStructure {
    height: calc(100% - 106px);
    overflow: hidden; }
    .folderStructureWrapper .folderStructure .folderList {
      height: calc(100% - 100px);
      overflow-y: auto;
      overflow-x: hidden; }

.fileUploadProgressList {
  position: fixed;
  bottom: -100%;
  left: 110px;
  width: 700px;
  max-width: 90%;
  background-color: white;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  overflow: hidden;
  border: 1px solid #bcbcff;
  transition: all 0.2s ease-in-out; }
  .fileUploadProgressList.visible {
    bottom: 0; }
  .fileUploadProgressList.hidden {
    transform: translateY(calc(100% - 50px)); }
  .fileUploadProgressList .bar {
    height: 50px;
    background-color: #efefff; }
    .fileUploadProgressList .bar .completed {
      background-color: #43425d;
      color: #ffffff;
      padding: 0.3rem;
      width: 75px;
      border-radius: 4px; }
    .fileUploadProgressList .bar .rightSide {
      line-height: 0; }
    .fileUploadProgressList .bar .arrowUpload path {
      fill: #ffffff; }
  .fileUploadProgressList .items {
    max-height: 250px;
    overflow-y: auto;
    transition: all 0.5s ease-in-out; }
    .fileUploadProgressList .items .item {
      height: 50px;
      border-bottom: 1px solid #efefff;
      position: relative; }
      .fileUploadProgressList .items .item .arrowUpload path {
        fill: #43425d; }
      .fileUploadProgressList .items .item .progressBar {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 3px;
        background-color: #e69757;
        border-radius: 4px; }
        .fileUploadProgressList .items .item .progressBar.completed {
          background-color: #43425d; }

.showMore {
  position: relative; }
  .showMore .showMoreIcon path {
    fill: #8c8bad;
    transition: all 0.1s ease-in-out; }
  .showMore:hover .showMoreIcon path {
    fill: #43425d; }
  .showMore .showMoreItems {
    position: absolute;
    right: 0;
    top: 100%;
    background: white;
    border-radius: 4px;
    min-width: 150px;
    z-index: 999;
    height: 0;
    overflow: hidden;
    box-shadow: 0 0 20px 0px #efefff; }
    .showMore .showMoreItems path {
      fill: #43425d; }
    .showMore .showMoreItems.visible {
      height: auto; }
    .showMore .showMoreItems > * {
      padding: 0 10px;
      height: 35px;
      display: flex;
      align-items: center;
      font-size: 14px;
      border-bottom: 1px solid #efefff;
      color: #43425d;
      transition: all 0.1s ease-in-out; }
      .showMore .showMoreItems > *:hover {
        background: #efefff; }
    .showMore .showMoreItems .showMoreDelete:hover {
      background: #ff0000;
      color: white; }
      .showMore .showMoreItems .showMoreDelete:hover path {
        fill: white; }

.contractCalendar {
  border: 2px solid #e0e0e0;
  position: relative; }
  .contractCalendar .calendarLoader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100; }
  .contractCalendar.opaque {
    opacity: 0.2; }
  .contractCalendar .header-row {
    display: flex;
    justify-content: space-between; }
  .contractCalendar .calendar-cell {
    padding: 10px;
    width: 100px;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0; }
  .contractCalendar .calendar-row {
    height: 200px;
    flex-grow: 1;
    flex-shrink: 1; }
  .contractCalendar .day-number {
    top: 0;
    right: 0;
    border-radius: 4px;
    background-color: #e2e2e2;
    color: #212121;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 500; }
  .contractCalendar .border-r-c {
    border-right: 1px solid #e0e0e0; }
  .contractCalendar .border-b-c {
    border-bottom: 1px solid #e0e0e0; }
  .contractCalendar .border-v-c {
    border-bottom: 2px solid #e0e0e0;
    border-top: 2px solid #e0e0e0; }
  .contractCalendar .border-c {
    border: 2px solid #e0e0e0; }
  .contractCalendar .weekend {
    background-color: #f1f1f1; }
  .contractCalendar .header {
    background-color: #e6e6e6; }
  .contractCalendar .today {
    background-color: #aaa9c2; }
  .contractCalendar .session-box {
    border-radius: 4px;
    padding: 10px 5px;
    background-color: #43425d; }
    .contractCalendar .session-box:hover {
      background-color: #2e2d3f; }
  .contractCalendar .contractsInfoTab {
    font-size: 14px;
    font-weight: bold; }
    .contractCalendar .contractsInfoTab .banner {
      background-color: black;
      height: 20px;
      width: 4px;
      border-radius: 4px; }
      .contractCalendar .contractsInfoTab .banner.active {
        background-color: #43425d; }
      .contractCalendar .contractsInfoTab .banner.late {
        background-color: #e40000; }
      .contractCalendar .contractsInfoTab .banner.finished {
        background-color: green; }
      .contractCalendar .contractsInfoTab .banner.total {
        background-color: #cecece; }

.calendar-icon {
  fill: white; }

.fillIcon {
  fill: #a3a0fb;
  margin-right: 20px; }
  .fillIcon:hover {
    fill: #3c3b54;
    margin-right: 20px; }

.menuTab:hover .fillIcon {
  fill: #3c3b54;
  margin-right: 20px; }

.menuTab:hover .sections {
  text-transform: uppercase !important;
  font-size: 16px;
  color: #3c3b54;
  font-weight: 600;
  text-decoration: none !important; }

.fillClicked {
  fill: #3c3b54;
  margin-right: 20px; }

.breadCrumbs a {
  text-decoration: none;
  transition: all 0.1s ease-in-out; }
  .breadCrumbs a .rootIcon path {
    transition: all 0.1s ease-in-out; }
  .breadCrumbs a:hover {
    color: #43425d; }
    .breadCrumbs a:hover .rootIcon path {
      fill: #43425d; }

.filter-sidebar {
  height: 100%;
  width: 0;
  margin-left: 30px;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: white;
  overflow-x: hidden;
  transition: all 0.2s ease-in-out;
  border-top: 1px solid #efefff; }
  .filter-sidebar-on {
    width: 400px;
    margin-left: 0px;
    padding: 0 30px; }
  .filter-sidebar-wrapper {
    background-color: #43425d98;
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 99999;
    right: 0;
    width: 0;
    transition: all 0.01s ease-in-out; }
    .filter-sidebar-wrapper-on {
      width: 100%; }
  .filter-sidebar .loader-sidebar {
    position: absolute;
    top: 35%;
    right: 50%;
    z-index: 10;
    transform: translate(50%, -50%); }
  .filter-sidebar .loader-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 400px;
    background-color: rgba(240, 240, 240, 0.5);
    z-index: 10000; }

.btn.btn-primary.filter-btn,
.btn.btn-primary.reset-filters {
  color: #43425d;
  background-color: #e0e0e0;
  border: none;
  line-height: 1.15; }

.btn.btn-primary.reset-filters:hover {
  background-color: #d11a2a;
  color: white; }

.pagination {
  display: flex; }
  .pagination li {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px;
    border: 1px solid #333;
    border-radius: 5px;
    background-color: #fff;
    color: #333;
    box-sizing: border-box;
    height: 30px;
    width: 30px;
    font-size: 1.2rem;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .pagination li a {
      all: unset;
      display: flex;
      justify-content: center;
      width: 100%; }
    .pagination li:hover {
      background-color: #43425d;
      color: #fff; }
  .pagination .activePage {
    border: 2px solid #333;
    font-weight: bold; }

.notifications-wrapper {
  background-color: #43425d98;
  height: 100vh;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 99999;
  right: 0;
  width: 0;
  transition: all 0.01s ease-in-out; }
  .notifications-wrapper.visible {
    width: 100%; }
  .notifications-wrapper .notifications-popup {
    height: calc(100vh - 30px);
    width: 0;
    margin-left: 30px;
    position: fixed;
    z-index: 1;
    top: 15px;
    right: 0;
    background-color: white;
    overflow-x: hidden;
    transition: all 0.2s ease-in-out;
    border-top: 1px solid #efefff;
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
    padding-bottom: 40px;
    overflow: hidden; }
    .notifications-wrapper .notifications-popup.visible {
      width: 40vw;
      right: 0;
      min-width: 650px; }
    .notifications-wrapper .notifications-popup .header {
      margin-bottom: 30px; }
      .notifications-wrapper .notifications-popup .header h3 {
        font-size: 2rem;
        margin-top: 15px;
        padding: 0 20px; }
      .notifications-wrapper .notifications-popup .header span.total-number {
        display: flex;
        font-size: 1.3rem;
        padding-left: 20px; }
    .notifications-wrapper .notifications-popup .close-icon {
      position: absolute;
      top: 22.5px;
      right: 15px;
      display: flex; }
    .notifications-wrapper .notifications-popup .notifications-list {
      overflow-y: auto;
      display: flex;
      flex-direction: column;
      padding: 10px 20px;
      height: calc(100% - 120px); }
      .notifications-wrapper .notifications-popup .notifications-list .notification {
        height: 90px;
        border-radius: 6px;
        padding: 8px;
        border: 1px solid #c5c5c5;
        cursor: pointer;
        transition: 0.2s transform ease;
        background-color: #f8f8f8; }
        .notifications-wrapper .notifications-popup .notifications-list .notification .type-indicator {
          width: 8px;
          height: 100%;
          border-radius: 6px;
          margin-right: 8px; }
          .notifications-wrapper .notifications-popup .notifications-list .notification .type-indicator.registration {
            background-color: brown; }
          .notifications-wrapper .notifications-popup .notifications-list .notification .type-indicator.service {
            background-color: #00008d; }
          .notifications-wrapper .notifications-popup .notifications-list .notification .type-indicator.mileage {
            background-color: green; }
        .notifications-wrapper .notifications-popup .notifications-list .notification > div:last-child {
          width: 100%; }
          .notifications-wrapper .notifications-popup .notifications-list .notification > div:last-child .car-info {
            border-top: 1px solid #c5c5c5;
            height: 50%;
            display: flex;
            align-items: center;
            padding-top: 10px; }
            .notifications-wrapper .notifications-popup .notifications-list .notification > div:last-child .car-info .brand {
              font-size: 1.5rem;
              margin-right: 4px; }
            .notifications-wrapper .notifications-popup .notifications-list .notification > div:last-child .car-info .model {
              font-size: 1.5rem; }
            .notifications-wrapper .notifications-popup .notifications-list .notification > div:last-child .car-info .licence-plate {
              font-size: 1.6rem;
              font-weight: 600; }
          .notifications-wrapper .notifications-popup .notifications-list .notification > div:last-child .notif-info {
            padding: 0 0 10px 0;
            font-size: 1.4rem;
            height: 50%;
            display: flex;
            align-items: center; }
        .notifications-wrapper .notifications-popup .notifications-list .notification:hover {
          transform: translateY(-3px); }
    .notifications-wrapper .notifications-popup .color-info {
      position: absolute;
      bottom: 0;
      left: 0;
      height: 40px;
      background-color: white;
      padding: 10px 20px;
      width: 100%; }
      .notifications-wrapper .notifications-popup .color-info .colors div:first-child .circle {
        background-color: brown; }
      .notifications-wrapper .notifications-popup .color-info .colors div:nth-child(2) .circle {
        background-color: #00008d; }
      .notifications-wrapper .notifications-popup .color-info .colors div:last-child .circle {
        background-color: green; }
      .notifications-wrapper .notifications-popup .color-info .colors .circle {
        width: 10px;
        height: 10px;
        border-radius: 50%; }
      .notifications-wrapper .notifications-popup .color-info .colors .type {
        font-size: 1.3rem; }

#nav {
  width: 70px;
  background-color: #43425d;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999999;
  transition: all 0.2s ease-in-out; }
  #nav .navContainer {
    height: calc(100% - 130px); }
  #nav .logoContainer {
    border-bottom: 1px solid rgba(239, 239, 255, 0.4);
    height: 135px; }
    #nav .logoContainer a {
      height: 100%; }
      #nav .logoContainer a img {
        max-height: 90%;
        width: 0px;
        height: 0px;
        transition: all 0.2s ease-in-out; }
  #nav ul li {
    height: 52px; }
    #nav ul li a {
      text-decoration: none;
      transition: all 0.2s ease-in-out;
      position: relative; }
      #nav ul li a span {
        line-height: 0;
        position: relative;
        z-index: 3; }
        #nav ul li a span.side {
          width: 0px;
          height: 52px;
          margin-right: 20px; }
        #nav ul li a span.icon:before {
          height: 35px;
          top: 50%;
          left: 50%;
          transform-origin: left;
          transform: translate(-50%, -50%);
          width: 35px;
          border-radius: 8px;
          content: "";
          position: absolute;
          transition: all 0.2s ease-in-out;
          z-index: -1;
          opacity: 0; }
        #nav ul li a span .fill {
          max-height: 30px; }
          #nav ul li a span .fill path {
            transition: all 0.2s ease-in-out;
            fill: #ffffff; }
        #nav ul li a span.label {
          margin-left: 2rem;
          font-size: 15px;
          transform: scaleX(0);
          opacity: 0;
          color: #f9fbfd;
          transition: opacity 0.2s ease-in-out;
          transform-origin: left; }
      #nav ul li a:hover {
        background-color: #3c3b54; }
        #nav ul li a:hover .icon:before {
          opacity: 0.9; }
      #nav ul li a.active {
        color: #ffffff;
        background-color: #3c3b54; }
        #nav ul li a.active span.icon {
          margin-left: 10px; }
          #nav ul li a.active span.icon:before {
            opacity: 1; }
        #nav ul li a.active span.side {
          background-color: #a3a0fb;
          width: 5px;
          height: 52px;
          margin-right: 10px; }
        #nav ul li a.active span .fill path {
          fill: #a3a0fb; }
  #nav.open {
    width: 260px; }
    #nav.open .logoContainer {
      border-bottom: 1px solid rgba(239, 239, 255, 0.4);
      height: 135px; }
      #nav.open .logoContainer a {
        height: 100%; }
        #nav.open .logoContainer a img {
          max-height: 90%;
          width: 184px;
          height: 69px; }
    #nav.open ul li a span:before {
      border-radius: 0 8px 8px 0;
      left: -20px;
      transform: translate(0, -50%);
      width: 20px; }
    #nav.open .label {
      transform: scale(1);
      opacity: 1; }
    #nav.open .icon {
      margin-left: 5px; }

/*******************************/
/* PAGES                       */
/*******************************/
.pin-left-photo {
  background: url("../images/pin/244.png");
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

.hydra-logo {
  background: url("../images/pin/406@2x.png");
  background-size: contain;
  background-position: 0% 0%;
  background-repeat: no-repeat;
  width: 200px; }

.welcomeMessage {
  color: #9e9e9e; }

.pinLoader {
  color: #a5a4bf;
  position: absolute;
  top: 60px;
  z-index: 100;
  left: 50%;
  transform: translateX(-50%); }
  .pinLoader-loader {
    margin: 0 !important; }

.login .leftSide {
  background: url("../images/244.png");
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

.login .logo {
  background-size: contain;
  background-position: 0% 0%;
  background-repeat: no-repeat;
  width: 200px; }

.login .welcomeMessage {
  color: #9e9e9e; }

.reservations-title {
  font-size: 16px;
  color: #a5a4bf;
  align-self: center;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
  padding: 10px;
  border-bottom: 3px solid white; }
  .reservations-title:hover {
    color: #43425d; }
  .reservations-title.active {
    border-bottom: 3px solid #a3a0fb;
    color: #43425d; }

.late {
  color: #f44336; }

.converted {
  color: #74b560; }

.lateContract {
  color: #f44336; }

.finishedContract {
  color: #74b560; }

.pageHeader {
  font-size: 18px;
  font-weight: 600;
  color: #4d4f5c; }

.category-link {
  font-size: 16px;
  color: #a5a4bf;
  align-self: center;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
  padding: 10px; }
  .category-link:hover {
    color: #43425d; }
  .category-link.active {
    border-bottom: 3px solid #43425d;
    color: #43425d; }

.disabled-navlink {
  cursor: default; }
  .disabled-navlink:hover {
    color: #a5a4bf; }

.personal {
  background-color: white;
  border-radius: 15px;
  margin-right: 30px;
  width: 250px; }

.personal-preview {
  background-color: white;
  padding: 30px;
  border-radius: 12px;
  width: 400px;
  height: 500px; }

.image {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  align-self: center;
  object-fit: cover; }

.camera-icon {
  border: 3px solid #ffffff;
  justify-content: center;
  cursor: pointer;
  border-radius: 50%;
  height: 45px;
  width: 45px;
  background-color: #43425d;
  top: 65%;
  left: 70%;
  position: absolute; }

.password-title {
  font-size: 18px;
  color: #43425d;
  font-weight: 800; }

.personal-label {
  font-size: 1px;
  color: #43425d; }

.personal-text {
  font-size: 15px;
  font-weight: 700;
  color: #4d4f5c; }

.personal-header {
  font-size: 18px;
  font-weight: 700;
  color: #43425d; }

.password {
  color: #a5a4bf;
  font-size: 11px;
  cursor: pointer;
  margin-top: 10px;
  padding: 10px;
  text-align: left; }

.pin {
  color: #a5a4bf;
  font-size: 11px;
  cursor: pointer;
  margin-top: 10px;
  padding: 10px;
  text-align: left; }

.admin {
  color: #a5a4bf;
  margin-top: 5px;
  height: 15px;
  font-size: 11px;
  font-weight: 800; }

.user {
  font-size: 15px;
  color: #43425d;
  height: 20px; }

.modal-hover {
  background-color: white;
  color: #4d4f5c;
  transition: all 0.2s ease-in-out; }
  .modal-hover:hover {
    background-color: #f2f2f2;
    color: #070709; }

.success {
  font-size: 18px;
  color: green;
  font-weight: 700; }

.failed {
  font-size: 18px;
  color: red;
  font-weight: 700; }

.addFile {
  display: flex;
  align-items: center;
  font-size: 16px;
  cursor: pointer;
  color: #4d4f5c;
  align-self: center; }
  .addFile:hover {
    color: #6f6d98; }
    .addFile:hover .filesIcon {
      fill: #6f6d98; }
  .addFile.start {
    place-self: start; }

.filesContainer {
  margin-top: 100px;
  background-color: white;
  padding: 20px 20px;
  border-radius: 12px; }

.link:hover {
  color: #706cc9; }

.MinusIcon:hover {
  fill: red; }

.fileLink {
  color: #4d4f5c; }
  .fileLink:hover {
    color: #9e9e9e; }

.pin-password {
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px; }

.file-path {
  word-break: break-all; }

@media screen and (max-width: 806px) {
  .backgroundPhoto {
    background-size: 100% 13% !important; } }

@media (max-width: 576px) {
  .backgroundPhoto {
    background-size: 100% 13%; }
  .personal-preview {
    max-width: 400px; }
  .personal {
    width: 400px;
    margin-left: 30px; }
  .image {
    width: 150px;
    height: 150px;
    margin-bottom: 10px;
    border-radius: 50%;
    align-self: center; } }

.inputWrapper.textArea.company-remark textarea {
  height: 120px; }

.crpsModal {
  min-height: 300px;
  max-height: 60vh; }
  .crpsModal a {
    text-decoration: none; }
  .crpsModalHeader {
    border-bottom: 1px solid #e0e0e0;
    background-color: white;
    padding-bottom: 20px;
    margin-top: 20px;
    width: 100%; }
    .crpsModalHeader .icon {
      width: 15px;
      fill: white;
      transform: rotate(90deg); }
    .crpsModalHeader button {
      padding-top: 0;
      padding-bottom: 0;
      height: 40px;
      display: flex;
      align-items: center; }
  .crpsModal .companies {
    overflow-y: scroll; }
    .crpsModal .companies .crpsCompany {
      border: 2px solid #e0e0e0;
      border-radius: 10px;
      transition: all 0.2s ease-in;
      padding: 10px 20px;
      color: #333; }
      .crpsModal .companies .crpsCompanyName {
        font-weight: bold;
        width: 100%;
        border-bottom: 1px solid #e0e0e0;
        text-align: center;
        padding-bottom: 5px;
        transition: all 0.2s ease-in; }
      .crpsModal .companies .crpsCompany:hover {
        background-color: #8c8bad;
        border: 2px solid #333;
        color: white;
        border-color: white; }
        .crpsModal .companies .crpsCompany:hover .crpsCompanyName {
          border-color: white;
          color: white; }

.foundersList {
  padding: 0 8px;
  position: relative;
  font-size: 1.6rem;
  line-height: 1;
  color: #4d4f5c; }
  .foundersList .foundersListLabel {
    position: absolute;
    top: -2px;
    left: 0.5rem;
    transform: translateY(-50%);
    font-size: 1.3rem;
    background: #ffffff;
    transition: all 0.2s ease-in-out;
    z-index: 2;
    display: block;
    cursor: text;
    padding: 0.5rem 0.5rem;
    color: #4d4f5c;
    pointer-events: none;
    line-height: 1; }

@media (max-width: 992px) {
  .company-form-wrapper {
    width: 50%;
    min-width: 350px;
    justify-content: center; }
  .company-form {
    flex-direction: column; } }

@media (max-width: 576px) {
  .company-form-wrapper {
    width: 80%; } }

.managers .image {
  width: 170px;
  height: 170px;
  border-radius: 50%;
  align-self: center;
  object-fit: cover; }

.managers .file-input .btn {
  background-color: unset; }

.managers .file-input .btn-primary {
  background-color: unset;
  color: unset;
  border: unset; }

.managers .admin {
  color: #a5a4bf;
  margin-top: 5px;
  height: 15px;
  font-size: 15px;
  font-weight: 800; }

.managers .user {
  font-size: 19px;
  color: #43425d;
  height: 20px; }

.managers .pin-pass {
  color: #a5a4bf;
  font-size: 14px;
  cursor: pointer;
  margin-top: 10px;
  padding: 10px;
  text-align: left; }

.managers .file-path {
  word-break: break-all; }

.managers .fileContainerManager {
  margin-top: 20px;
  background-color: white;
  padding: 20px 20px;
  border-radius: 12px; }

.managers .managerFilesBox {
  text-align: -webkit-center; }

.sections {
  text-transform: uppercase !important;
  font-size: 16px;
  color: #a3a0fb;
  font-weight: 600;
  text-decoration: none !important; }
  .sections:hover {
    text-transform: uppercase !important;
    font-size: 16px;
    color: #3c3b54;
    font-weight: 600;
    text-decoration: none !important; }

.sectionsClicked {
  text-transform: uppercase !important;
  font-size: 16px;
  color: #3c3b54;
  font-weight: 600;
  text-decoration: none !important; }

.subTitle {
  position: relative;
  color: #43425d !important;
  font-style: italic !important;
  font-size: 15px;
  font-weight: 700; }

.information {
  color: #43425d;
  font-size: 15px; }

.subtitles {
  color: #43425d;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 20px; }

.liAdditions {
  height: 30px;
  width: 50%;
  border: 1px solid #43425d;
  color: #43425d;
  font-weight: 700;
  font-size: 13px;
  border-radius: 5px;
  padding: 10px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  justify-content: space-between; }

.icon {
  fill: #43425d;
  border-radius: 5px;
  cursor: pointer; }

.transformations {
  transform-origin: left;
  transform: scaleX(1);
  transition-delay: 2s; }

.addReservation {
  font-size: 17px;
  color: #43425d;
  font-weight: 500;
  margin-left: 15px; }

.br-header {
  border-bottom: 1px solid #43425d; }

.contractButton {
  color: #43425d !important;
  background-color: white !important;
  font-size: 1.4rem;
  padding: 0.5rem !important; }
  .contractButton:hover {
    background-color: #f2f2f2 !important; }

.reservationButton {
  color: #43425d;
  background-color: white;
  font-size: 1.4rem;
  padding: 0.5rem 3rem !important; }

.totalInformation {
  color: #43425d;
  font-size: 20px;
  font-weight: 700;
  margin-top: 10px; }

.subTitlePrice {
  color: #43425d !important;
  font-style: italic !important;
  font-size: 15px;
  font-weight: 700;
  margin-top: 10px; }

.must-enter {
  font-size: 10px;
  color: red; }

.id-operator {
  height: 45px;
  border: 2px solid #43425d;
  border-radius: 5px;
  padding: 4px 8px;
  background-color: #e5e5ec; }

@media (max-width: 1150px) {
  .idSection {
    flex-direction: column; }
  > div {
    width: 100% !important; } }

.serviceFiles {
  font-size: 16px;
  font-weight: 600;
  color: #4d4f5c; }

.cover {
  object-fit: contain; }

.imagePreviewModal img {
  object-fit: contain; }

.loader-cars {
  left: 27%;
  position: absolute;
  bottom: 29%; }

.container {
  position: relative;
  width: 100%;
  max-width: 400px;
  transition: 0.2s opacity ease-in-out; }
  .container .btn-group {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    transform: translateX(-50%);
    margin-left: 20px; }
  .container .btn {
    background-color: tomato;
    font-size: 16px;
    border: none;
    cursor: pointer;
    border-radius: 8px; }
    .container .btn:hover {
      background-color: #d11a2a; }
    .container .btn .eyeIcon {
      fill: white; }
    .container .btn .trashIcon {
      fill: white; }
  .container:hover img {
    opacity: 0.8; }
  .container:hover .btn-group {
    display: flex;
    justify-content: center; }

/********************************/
/* UTILS                       */
/*******************************/
.pointer {
  cursor: pointer; }

.p-r {
  position: relative; }

.p-a {
  position: absolute; }

.p-f {
  position: fixed; }

.top-0 {
  top: 0; }

.top-10 {
  top: 10%; }

.top-20 {
  top: 20%; }

.top-30 {
  top: 30%; }

.top-40 {
  top: 40%; }

.top-50 {
  top: 50%; }

.top-100 {
  top: 100% !important; }

.top-50p {
  top: 50px; }

.top-60p {
  top: 60px; }

.top-75p {
  top: 75px; }

.top-100p {
  top: 100px; }

.bottom-10 {
  bottom: 10%; }

.bottom-20 {
  bottom: 20%; }

.bottom-30 {
  bottom: 30%; }

.bottom-40 {
  bottom: 40%; }

.bottom-50 {
  bottom: 50%; }

.left-0 {
  left: 0; }

.left-50 {
  left: 50%; }

.right-0 {
  right: 0; }

.right-50 {
  right: 50%; }

.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.mx-auto {
  margin: 0 auto; }

.center-r-h {
  position: relative;
  left: 50%;
  transform: translateX(-50%); }

.center-a-h {
  position: absolute;
  left: 50%;
  transform: translateX(-50%); }

.center-f-h {
  position: fixed;
  left: 50%;
  transform: translateX(-50%); }

.center-r-v {
  position: relative;
  top: 50%;
  transform: translateY(-50%); }

.center-a-v {
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

.center-f-v {
  position: fixed;
  top: 50%;
  transform: translateY(-50%); }

.center-r-b {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.center-a-b {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.center-f-b {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.mt-5 {
  margin-top: 0.5rem; }

.mt-10 {
  margin-top: 1rem; }

.mt-15 {
  margin-top: 1.5rem; }

.mt-20 {
  margin-top: 2rem; }

.mt-25 {
  margin-top: 2.5rem; }

.mt-30 {
  margin-top: 3rem; }

.mt-35 {
  margin-top: 3.5rem; }

.mt-40 {
  margin-top: 4rem; }

.mt-45 {
  margin-top: 4.5rem; }

.mt-50 {
  margin-top: 5rem; }

.mt-60 {
  margin-top: 6rem; }

.mt-70 {
  margin-top: 7rem; }

.mt-80 {
  margin-top: 8rem; }

.mt-90 {
  margin-top: 9rem; }

.mt-100 {
  margin-top: 10rem; }

.mr-5 {
  margin-right: 0.5rem; }

.mr-10 {
  margin-right: 1rem; }

.mr-15 {
  margin-right: 1.5rem; }

.mr-20 {
  margin-right: 2rem; }

.mr-25 {
  margin-right: 2.5rem; }

.mr-30 {
  margin-right: 3rem; }

.mr-35 {
  margin-right: 3.5rem; }

.mr-40 {
  margin-right: 4rem; }

.mr-45 {
  margin-right: 4.5rem; }

.mr-50 {
  margin-right: 5rem; }

.mb-5 {
  margin-bottom: 0.5rem; }

.mb-10 {
  margin-bottom: 1rem; }

.mb-15 {
  margin-bottom: 1.5rem; }

.mb-20 {
  margin-bottom: 2rem; }

.mb-25 {
  margin-bottom: 2.5rem; }

.mb-30 {
  margin-bottom: 3rem; }

.mb-35 {
  margin-bottom: 3.5rem; }

.mb-40 {
  margin-bottom: 4rem; }

.mb-45 {
  margin-bottom: 4.5rem; }

.mb-50 {
  margin-bottom: 5rem; }

.mb-60 {
  margin-bottom: 6rem; }

.mb-70 {
  margin-bottom: 7rem; }

.mb-80 {
  margin-bottom: 8rem; }

.mb-90 {
  margin-bottom: 9rem; }

.mb-100 {
  margin-bottom: 10rem; }

.ml-5 {
  margin-left: 0.5rem; }

.ml-10 {
  margin-left: 1rem; }

.ml-15 {
  margin-left: 1.5rem; }

.ml-20 {
  margin-left: 2rem; }

.ml-25 {
  margin-left: 2.5rem; }

.ml-30 {
  margin-left: 3rem; }

.ml-35 {
  margin-left: 3.5rem; }

.ml-40 {
  margin-left: 4rem; }

.ml-45 {
  margin-left: 4.5rem; }

.ml-50 {
  margin-left: 5rem; }

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

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

.my-15 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }

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

.my-25 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem; }

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

.my-35 {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem; }

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

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

.pt-5 {
  padding-top: 0.5rem; }

.pt-10 {
  padding-top: 1rem; }

.pt-15 {
  padding-top: 1.5rem; }

.pt-20 {
  padding-top: 2rem; }

.pt-25 {
  padding-top: 2.5rem; }

.pt-30 {
  padding-top: 3rem; }

.pt-35 {
  padding-top: 3.5rem; }

.pt-40 {
  padding-top: 4rem; }

.pt-45 {
  padding-top: 4.5rem; }

.pt-50 {
  padding-top: 5rem; }

.pr-5 {
  padding-right: 0.5rem; }

.pr-10 {
  padding-right: 1rem; }

.pr-15 {
  padding-right: 1.5rem; }

.pr-20 {
  padding-right: 2rem; }

.pr-25 {
  padding-right: 2.5rem; }

.pr-30 {
  padding-right: 3rem; }

.pr-35 {
  padding-right: 3.5rem; }

.pr-40 {
  padding-right: 4rem; }

.pr-45 {
  padding-right: 4.5rem; }

.pr-50 {
  padding-right: 5rem; }

.pb-5 {
  padding-bottom: 0.5rem; }

.pb-10 {
  padding-bottom: 1rem; }

.pb-15 {
  padding-bottom: 1.5rem; }

.pb-20 {
  padding-bottom: 2rem; }

.pb-25 {
  padding-bottom: 2.5rem; }

.pb-30 {
  padding-bottom: 3rem; }

.pb-35 {
  padding-bottom: 3.5rem; }

.pb-40 {
  padding-bottom: 4rem; }

.pb-45 {
  padding-bottom: 4.5rem; }

.pb-50 {
  padding-bottom: 5rem; }

.pl-5 {
  padding-left: 0.5rem; }

.pl-10 {
  padding-left: 1rem; }

.pl-15 {
  padding-left: 1.5rem; }

.pl-20 {
  padding-left: 2rem; }

.pl-25 {
  padding-left: 2.5rem; }

.pl-30 {
  padding-left: 3rem; }

.pl-35 {
  padding-left: 3.5rem; }

.pl-40 {
  padding-left: 4rem; }

.pl-45 {
  padding-left: 4.5rem; }

.pl-50 {
  padding-left: 5rem; }

.pa-5 {
  padding: 0.5rem; }

.pa-10 {
  padding: 1rem; }

.pa-15 {
  padding: 1.5rem; }

.pa-20 {
  padding: 2rem; }

.pa-25 {
  padding: 2.5rem; }

.pa-30 {
  padding: 3rem; }

.pa-35 {
  padding: 3.5rem; }

.pa-40 {
  padding: 4rem; }

.pa-45 {
  padding: 4.5rem; }

.pa-50 {
  padding: 5rem; }

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

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

.py-15 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem; }

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

.py-25 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem; }

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

.py-35 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem; }

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

.py-45 {
  padding-top: 4.5rem;
  padding-bottom: 4.5rem; }

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

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

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

.px-15 {
  padding-left: 1.5rem;
  padding-right: 1.5rem; }

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

.px-25 {
  padding-left: 2.5rem;
  padding-right: 2.5rem; }

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

.px-35 {
  padding-left: 3.5rem;
  padding-right: 3.5rem; }

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

.px-45 {
  padding-left: 4.5rem;
  padding-right: 4.5rem; }

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

.br-r-1 {
  border-radius: 1px; }

.br-r-2 {
  border-radius: 2px; }

.br-r-2 {
  border-radius: 2px; }

.br-r-3 {
  border-radius: 3px; }

.br-r-4 {
  border-radius: 4px; }

.br-r-5 {
  border-radius: 5px; }

.br-r-6 {
  border-radius: 6px; }

.br-r-7 {
  border-radius: 7px; }

.br-r-8 {
  border-radius: 8px; }

.br-r-9 {
  border-radius: 9px; }

.br-r-10 {
  border-radius: 10px; }

.br-r-11 {
  border-radius: 11px; }

.br-r-12 {
  border-radius: 12px; }

.br-r-13 {
  border-radius: 13px; }

.br-r-14 {
  border-radius: 14px; }

.br-r-15 {
  border-radius: 15px; }

.br-r-16 {
  border-radius: 16px; }

.br-r-17 {
  border-radius: 17px; }

.br-r-18 {
  border-radius: 18px; }

.br-r-19 {
  border-radius: 19px; }

.br-r-20 {
  border-radius: 20px; }

.br-r-50 {
  border-radius: 50%; }

.transition-1 {
  transition: all 0.1s ease-in-out; }

.transition-2 {
  transition: all 0.2s ease-in-out; }

.transition-3 {
  transition: all 0.3s ease-in-out; }

.transition-4 {
  transition: all 0.4s ease-in-out; }

.transition-5 {
  transition: all 0.5s ease-in-out; }

.transition-6 {
  transition: all 0.6s ease-in-out; }

.transition-7 {
  transition: all 0.7s ease-in-out; }

.transition-8 {
  transition: all 0.8s ease-in-out; }

.transition-9 {
  transition: all 0.9s ease-in-out; }

.transition-10 {
  transition: all 1s ease-in-out; }

.decoration-none {
  text-decoration: none; }

.opacity-0 {
  opacity: 0; }

.opacity-1 {
  opacity: 1; }

.rotate-180 {
  transform: rotate(180deg);
  transform-origin: center; }

.rotate--90 {
  transform: rotate(-90deg);
  transform-origin: center; }

.warningIcon path {
  fill: #f44336; }

.successIcon path {
  fill: #00c47b; }

.theme2Icon path {
  fill: #43425d; }

.lightFill path {
  fill: #868686; }

.lightFill.hover:hover path {
  fill: #202020; }

.whiteFill path {
  fill: white; }

.lh {
  line-height: 1; }

.f-s-10 {
  font-size: 1rem; }

.f-s-11 {
  font-size: 1.1rem; }

.f-s-12 {
  font-size: 1.2rem; }

.f-s-13 {
  font-size: 1.3rem; }

.f-s-14 {
  font-size: 1.4rem; }

.f-s-15 {
  font-size: 1.5rem; }

.f-s-16 {
  font-size: 1.6rem; }
  @media (max-width: 576px) {
    .f-s-16 {
      font-size: 16px; } }

.f-s-17 {
  font-size: 1.7rem; }

.f-s-18 {
  font-size: 1.8rem; }

.f-s-19 {
  font-size: 1.9rem; }

.f-s-20 {
  font-size: 2rem; }

.f-s-22 {
  font-size: 2.2rem; }

.f-s-24 {
  font-size: 2.4rem; }

.f-s-26 {
  font-size: 2.6rem; }

.f-s-28 {
  font-size: 2.8rem; }

.f-s-30 {
  font-size: 3rem; }

.f-s-35 {
  font-size: 3.5rem; }

.f-s-40 {
  font-size: 4rem; }

.f-s-50 {
  font-size: 5rem; }

.f-s-60 {
  font-size: 6rem; }

.f-s-70 {
  font-size: 7rem; }

.f-s-80 {
  font-size: 8rem; }

.f-s-90 {
  font-size: 9rem; }

.f-s-100 {
  font-size: 10rem; }

.f-w-100 {
  font-weight: 100; }

.f-w-200 {
  font-weight: 200; }

.f-w-300 {
  font-weight: 300; }

.f-w-400 {
  font-weight: 400; }

.f-w-500 {
  font-weight: 500; }

.f-w-600 {
  font-weight: 600; }

.f-w-700 {
  font-weight: 700; }

.f-w-800 {
  font-weight: 800; }

.f-w-900 {
  font-weight: 900; }

.uppercase {
  text-transform: uppercase; }

.capitalize {
  text-transform: capitalize; }

.text-color-primary {
  color: #43425d; }

.text-color-white {
  color: #ffffff; }

.text-color-white-l {
  color: rgba(255, 255, 255, 0.5); }

.text-color-font-l {
  color: #868686; }

.text-color-font-l2 {
  color: #bcbcff; }

.text-color-font-l3 {
  color: #a5a4bf; }

.warning {
  color: #fcae53; }

.danger {
  color: #f44336; }

.important-3 {
  color: #ff5722; }

.info-5 {
  color: #00b300; }

.important-1 {
  color: #ffc107; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.gigant-text {
  font-size: 55px; }

.xx-large-text {
  font-size: 46px; }

.x-large-text {
  font-size: 36px; }

.large-text {
  font-size: 26px; }

.big-text {
  font-size: 20px; }

.medium-text {
  font-size: 16px; }

.font-15 {
  font-size: 15px; }

.small-text {
  font-size: 13px; }

.x-small-text {
  font-size: 10px; }

.headline {
  margin: 5px; }

.no-text-transform {
  text-transform: none; }

.no-text-transform-i {
  text-transform: none !important; }

.uppercase {
  text-transform: uppercase; }

.lowercase {
  text-transform: lowercase; }

.letter-spacing-minus-0-2 {
  letter-spacing: -0.2px; }

.letter-spacing-0-5 {
  letter-spacing: 0.5px; }

.letter-spacing-1 {
  letter-spacing: 1px; }

.letter-spacing-1-5 {
  letter-spacing: 1.5px; }

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

.break-text {
  overflow: hidden;
  white-space: pre-wrap;
  word-break: break-all; }

.bold {
  font-weight: 700; }

.bolder {
  font-weight: 900; }

.text-decoration-none {
  text-decoration: none; }

.custom-link:link {
  color: #e69757;
  text-decoration: none; }

.custom-link:visited {
  color: #e69757;
  text-decoration: none; }

.custom-link:hover {
  text-decoration: none;
  font-size: 1.1em;
  color: #064976; }

.custom-link:active {
  color: #e69757;
  text-decoration: none; }