@charset "UTF-8";
/* Base for label styling */
[type=checkbox]:not(:checked).custom-checkbox-input,
[type=checkbox]:checked.custom-checkbox-input {
  position: absolute;
  left: -9999px;
}

[type=checkbox]:not(:checked) + .custom-checkbox,
[type=checkbox]:checked + .custom-checkbox {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
}

/* checkbox aspect */
[type=checkbox]:not(:checked) + .custom-checkbox:before,
[type=checkbox]:checked + .custom-checkbox:before {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: 17px;
  height: 17px;
  border: 1px solid #bbb;
  background: #fff;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* checked mark aspect */
[type=checkbox]:not(:checked) + .custom-checkbox:after,
[type=checkbox]:checked + .custom-checkbox:after {
  content: "✔";
  position: absolute;
  top: 1px;
  left: 4px;
  font-size: 19px;
  line-height: 0.8;
  color: #09ad7e;
  transition: all 0.2s;
}

/* checked mark aspect changes */
[type=checkbox]:not(:checked) + .custom-checkbox:after {
  opacity: 0;
  transform: scale(0);
}

[type=checkbox]:checked + .custom-checkbox:after {
  opacity: 1;
  transform: scale(1);
}

/* disabled checkbox */
[type=checkbox]:disabled:not(:checked) + .custom-checkbox:before,
[type=checkbox]:disabled:checked + .custom-checkbox:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}

[type=checkbox]:disabled:checked + .custom-checkbox:after {
  color: #999;
}

[type=checkbox]:disabled + .custom-checkbox {
  color: #aaa;
}

/* accessibility */
[type=checkbox]:checked:focus + .custom-checkbox:before,
[type=checkbox]:not(:checked):focus + .custom-checkbox:before {
  border: 1px dotted blue;
}

/* hover style just for information */
.custom-checkbox:hover:before {
  border: 1px solid #4778d9 !important;
}

.select2-container--mwsc {
  z-index: 9999;
  /*width: auto!important;*/
}

.select2-container--mwsc .select2-selection--single,
.select2-container--mwsc .select2-selection--multiple {
  background-color: rgb(23, 23, 23);
  border: none;
  border-radius: 4px;
}

.select2-container--mwsc .select2-selection--single .select2-selection__rendered,
.select2-container--mwsc .select2-selection--multiple .select2-selection__rendered {
  color: #fff;
  line-height: 28px;
}

.select2-container--mwsc .select2-selection--single .select2-selection__arrow,
.select2-container--mwsc .select2-selection--multiple .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--mwsc .select2-selection--single .select2-selection__arrow b,
.select2-container--mwsc .select2-selection--multiple .select2-selection__arrow b {
  border-color: #fff transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--mwsc.select2-container--open .select2-selection--single .select2-selection__arrow b,
.select2-container--mwsc.select2-container--open .select2-selection--multiple .select2-selection__arrow b {
  border-color: transparent transparent #fff transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--mwsc .select2-search--dropdown .select2-search__field {
  background: rgb(241, 241, 241);
  font-family: "Klavika", sans-serif;
  color: #0a0a0a;
  border: 1px solid #aaa;
}

.select2-container--mwsc .select2-search__field {
  background: #171717;
}

.select2-selection__choice__remove {
  background: #171717;
  color: red;
  font-size: 16px;
  font-weight: bold;
  margin-right: 5px;
}

#check-all-filters-dashboard,
#check-all-filters-graph-indicator {
  padding-top: 10px;
}

.select2-selection__rendered {
  /*width: 140px;*/
}

.select2-selection__rendered li {
  text-overflow: ellipsis;
  padding-left: 5px;
}

.select2-container--mwsc .select2-dropdown {
  background-color: #171717;
  border: none;
  font-family: "Klavika", sans-serif;
}

.select2-container--mwsc .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
  font-family: "Klavika", sans-serif;
  color: white;
  font-size: 14px;
}

.select2-container--mwsc .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}

.select2-container--mwsc .select2-results__option[aria-selected=true] {
  background-color: #696969;
}

.select2-container--mwsc .select2-results > .select2-results__options::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.45);
}

.select2-container--mwsc .select2-results > .select2-results__options::-webkit-scrollbar {
  background-color: rgba(255, 255, 255, 0);
  width: 10px;
  height: 10px;
}

.select2-container--mwsc .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0.95);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  color: black;
}

.select2-container--default .select2-selection--multiple {
  overflow-x: hidden;
  max-height: 150px;
}

.select2-container--default {
  z-index: 1200;
}

.select2-container--default .select2-results__option {
  font-family: "Klavika", sans-serif;
}

.select2-container--default .select2-results__option--highlighted {
  background-color: #5897fb !important;
  color: white;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: rgba(191, 191, 191, 0.7490196078) !important;
}

.account-plant-select + span.select2-container {
  width: calc(100% - 140px) !important;
}

.account-plant-select + span.select2-container .select2-selection--multiple {
  overflow-x: hidden;
  max-height: 250px;
}

.select2-container--datafilter .select2-selection--multiple {
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
  border: 0 !important;
  border-bottom: 2px solid #979797 !important;
  border-top: 2px solid #979797 !important;
  background: radial-gradient(rgba(0, 0, 0, 0.1254901961), rgba(0, 0, 0, 0.2509803922));
}

.select2-container--datafilter .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
  color: white;
}

.select2-container--datafilter .select2-selection--multiple .select2-selection__choice {
  background-color: #000000;
  border: 1px solid #2a2a2a;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  width: calc(100% - 5px);
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
  color: #ffffff;
  font: 1rem Lato, Helvetica Neue, Arial, Helvetica, sans-serif;
}

.select2-container--datafilter .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}

.select2-container--datafilter .select2-selection--multiple {
  overflow-x: hidden;
  max-height: 150px;
}

.select2-container--datafilter {
  z-index: 600;
  margin-top: 10px;
}

.select2-container--datafilter .select2-results__option {
  background-color: #000000;
  color: white;
  font-family: "Klavika", sans-serif;
}

.select2-container--datafilter .select2-results__option--selected {
  background-color: #444444;
}

.select2-container--datafilter .select2-results__option--highlighted.select2-results__option--selectable,
.select2-container--datafilter .select2-results__option--highlighted,
.select2-container--datafilter .select2-results__option--selected.select2-results__option--highlighted {
  background-color: #5897fb;
  color: white;
}

.select2-container--datafilter *::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.5);
}

.select2-container--datafilter *::-webkit-scrollbar {
  background-color: rgba(255, 255, 255, 0);
  width: 5px;
  height: 8px;
}

.select2-container--datafilter *::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0.5);
}

.select2-container--datafilter .select2-selection__choice__remove {
  color: red !important;
}

.select2-container--datafilter .select2-selection__choice__remove:hover {
  background: rgba(255, 0, 0, 0.5);
}

@font-face {
  font-family: "mwsc";
  src: url("../fonts/mwsc.eot");
  src: url("../fonts/mwsc.eot?#iefix") format("embedded-opentype"), url("../fonts/mwsc.woff") format("woff"), url("../fonts/mwsc.ttf") format("truetype"), url("../fonts/mwsc.svg#mwsc") format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "mwsc" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=icon-]:before,
[class*=" icon-"]:before {
  font-family: "mwsc" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[icon-width=standard]:before {
  width: 2em !important;
  height: 2em !important;
}

[icon-width=small]:before {
  width: 1.5em !important;
  height: 1.5em !important;
}

.icon-driver:before {
  content: "a";
}

.icon-factory-chimney:before {
  content: "b";
}

.icon-shovel-concrete:before {
  content: "c";
}

.icon-concrete-truck-1:before {
  content: "d";
}

.icon-concrete-truck-2:before {
  content: "e";
}

.icon-concrete-truck-3:before {
  content: "f";
}

.icon-concrete-truck-4:before {
  content: "g";
}

.icon-supplier:before {
  background-image: url(../imgs/data_filter_icon/white_supplier.png);
  background-size: 35px;
  width: 35px;
  height: 35px;
  content: "";
}

.icon-concrete-truck-5:before {
  background-image: url(../imgs/theam/tapis_vehicle_filter.png);
  background-size: 32px;
  display: inline-block;
  width: 32px;
  height: 32px;
  content: "";
}

.icon-concrete-lock:before {
  background-image: url(../imgs/white_locker.png);
  background-size: 32px;
  display: inline-block;
  width: 32px;
  height: 32px;
  content: "";
}

.icon-account-type:before {
  background-image: url(../imgs/account/account.png);
  background-size: 32px;
  display: inline-block;
  width: 32px;
  height: 32px;
  content: "";
}

.icon-concrete-mixer:before {
  content: "h";
}

.icon-frontal-truck:before {
  content: "i";
}

.icon-item-type:before {
  background-image: url(../imgs/data_filter_icon/item_type.svg);
  background-size: 32px;
  display: inline-block;
  width: 32px;
  height: 32px;
  content: "";
}

.icon-base-marker:before {
  background-image: url(../imgs/marker/base_marker.svg);
  background-size: 32px;
  display: inline-block;
  width: 32px;
  height: 32px;
  content: "";
}

.icon-base-marker-color {
  background-color: #000;
  background-size: 32px;
  display: inline-block;
  width: 32px;
  height: 32px;
  content: "";
}

.icon-truck:before {
  background-image: url(../imgs/data_filter_icon/icon_truck.svg);
  background-size: 32px;
  display: inline-block;
  width: 32px;
  height: 32px;
  content: "";
}

.custom-icon:before {
  background-color: black;
  background-size: 32px;
  display: inline-block;
  width: 32px;
  height: 32px;
  content: "";
}

.custom-icon.data-filter-list-item:before {
  background-color: white;
}

.custom-icon.data-filter-list-item:before {
  background-color: white;
}

.icon-magnifying-glass-chart-solid:before {
  mask: url(../imgs/tool/magnifying-glass-chart-solid.svg) no-repeat center/contain;
  -webkit-mask: url(../imgs/tool/magnifying-glass-chart-solid.svg) no-repeat center/contain;
}

.car-side-solid:before {
  mask: url(../imgs/data_filter_icon/car_side_solid.svg) no-repeat center/contain;
  -webkit-mask: url(../imgs/data_filter_icon/car_side_solid.svg) no-repeat center/contain;
}

.progress-check:before {
  mask: url(../imgs/data_filter_icon/progress-check.svg) no-repeat center/contain;
  -webkit-mask: url(../imgs/data_filter_icon/progress-check.svg) no-repeat center/contain;
}

.icon-delivery:before {
  mask: url(../imgs/tool/delivery.svg) no-repeat center/contain;
  -webkit-mask: url(../imgs/tool/delivery.svg) no-repeat center/contain;
}

.icon-envelope-solid:before {
  mask: url(../imgs/tool/envelope-solid.svg) no-repeat center/contain;
  -webkit-mask: url(../imgs/tool/envelope-solid.svg) no-repeat center/contain;
}

.icon-cellphone-nfc:before {
  mask: url(../imgs/tool/cellphone-nfc.svg) no-repeat center/contain;
  -webkit-mask: url(../imgs/tool/cellphone-nfc.svg) no-repeat center/contain;
}

.icon-cog-play:before {
  mask: url(../imgs/tool/cog-play.svg) no-repeat center/contain;
  -webkit-mask: url(../imgs/tool/cog-play.svg) no-repeat center/contain;
}

.icon-car-search-outline:before {
  mask: url(../imgs/tool/car-search-outline.svg) no-repeat center/contain;
  -webkit-mask: url(../imgs/tool/car-search-outline.svg) no-repeat center/contain;
}

.people-arrows-solid:before {
  mask: url(../imgs/data_filter_icon/people_arrows_solidsvg) no-repeat center/contain;
  -webkit-mask: url(../imgs/data_filter_icon/people_arrows_solid.svg) no-repeat center/contain;
}

.icon-dumpster-pick-up:before {
  mask: url(../imgs/tool/dumpster-pick-up.svg) no-repeat center/contain;
  -webkit-mask: url(../imgs/tool/dumpster-pick-up.svg) no-repeat center/contain;
}

.icon-dumpster-drop-off:before {
  mask: url(../imgs/tool/dumpster-drop-off.svg) no-repeat center/contain;
  -webkit-mask: url(../imgs/tool/dumpster-drop-off.svg) no-repeat center/contain;
}

.icon-container:before {
  mask: url(../imgs/tool/container.svg) no-repeat center/contain;
  -webkit-mask: url(../imgs/tool/container.svg) no-repeat center/contain;
}

.circle-check-solid:before {
  mask: url(../imgs/tool/circle_check_solid.svg) no-repeat center/contain;
  -webkit-mask: url(../imgs/tool/circle_check_solid.svg) no-repeat center/contain;
}

.icon-technical-product:before {
  content: "";
  mask: url(../imgs/technical_product.svg) no-repeat center/contain;
  background-size: 32px;
  height: 32px;
  width: 32px;
  background-color: white;
}

.icon-supplier-product:before {
  mask: url(../imgs/supplier_product.svg) no-repeat center/contain;
  background-size: 32px;
  height: 32px;
  width: 32px;
  background-color: white;
  content: "";
}

.icon-mixer-concrete:before {
  mask: url(../imgs/mixer_concrete.svg) no-repeat center/contain;
  background-size: 32px;
  height: 32px;
  width: 32px;
  background-color: white;
  content: "";
}

.icon-weighing-machine:before {
  mask: url(../imgs/weighing_machine.svg) no-repeat center/contain;
  background-size: 32px;
  height: 32px;
  width: 32px;
  background-color: white;
  content: "";
}

.icon-planning:before {
  mask: url(../imgs/tool/planning.svg) no-repeat center/contain;
  background-size: 32px;
  height: 32px;
  width: 32px;
  background-color: white;
  content: "";
  display: block;
  color: white;
}

.icon-puce-ai:before {
  mask: url(../imgs/tool/puce-ai.svg) no-repeat center/contain;
  background-size: 32px;
  height: 32px;
  width: 32px;
  background-color: white;
  content: "";
  display: block;
  color: white;
}

.icon-cogwheel:before {
  mask: url(../imgs/tool/cogwheel.svg) no-repeat center/contain;
  background-size: 32px;
  height: 32px;
  width: 32px;
  background-color: white;
  content: "";
  display: block;
  color: white;
}

.icon-reset:before {
  mask: url(../imgs/tool/reset.svg) no-repeat center/contain;
  background-size: 32px;
  height: 32px;
  width: 32px;
  background-color: white;
  content: "";
  display: block;
  color: white;
}
.icon-reset.dark:before {
  background-color: black;
  color: black;
}

.icon-chart-gantt:before {
  mask: url(../imgs/tool/chart-gantt.svg) no-repeat center/contain;
  background-size: 1em;
  height: 1em;
  width: 1em;
  background-color: black;
  content: "";
  display: block;
  color: black;
}

.icon-unplan:before {
  mask: url(../imgs/tool/unplan.svg) no-repeat center/contain;
  background-size: 32px;
  height: 32px;
  width: 32px;
  background-color: white;
  content: "";
  display: block;
  color: white;
}

.icon-ticket-type:before {
  mask: url(../imgs/ticket_type.svg) no-repeat center/contain;
  background-size: 32px;
  height: 32px;
  width: 32px;
  background-color: white;
  content: "";
}

.icon-ticket-type:before {
  mask: url(../imgs/ticket_type.svg) no-repeat center/contain;
  background-size: 32px;
  height: 32px;
  width: 32px;
  background-color: white;
  content: "";
}

.icon-cubes-stacked:before {
  mask: url(../imgs/cubes-stacked-solid.svg) no-repeat center/contain;
  background-size: 32px;
  height: 32px;
  width: 32px;
  background-color: white;
  content: "";
}

.icon-hand:before {
  mask: url(../imgs/hand-solid.svg) no-repeat center/contain;
  background-size: 32px;
  height: 32px;
  width: 32px;
  background-color: white;
  content: "";
}

.icon-certified-check:before {
  mask: url(../imgs/certified-check.svg) no-repeat center/contain;
  background-size: 32px;
  height: 32px;
  width: 32px;
  background-color: white;
  content: "";
}

/* Tooltip container */
.tooltip {
  max-width: 100%;
  position: relative;
  display: inline-block;
  /* border-bottom: 1px dotted black; */ /*If you want dots under the hoverable text*/
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  /* Position the tooltip text */
  position: absolute;
  z-index: 3;
  /*bottom: 125%;*/
  left: 50%;
  margin-left: -60px;
  /* Fade in tooltip */
  height: min-content;
  opacity: 0;
  transition: opacity 0.3s;
  padding-inline: 7px;
}

.tooltip .tooltiptext span {
  display: block;
  line-height: 20px;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  /*top: 100%;*/
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
  width: auto;
}

.tooltip-right {
  top: -5px !important;
  left: 125% !important;
}

.tooltip-right::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  right: 100% !important;
  margin-top: -5px !important;
  border-width: 5px !important;
  border-style: solid !important;
  border-color: transparent #555 transparent transparent !important;
}

.tooltip-bottom {
  top: calc(100% + 10px);
  left: 50% !important;
  transform: translateX(-50%);
  margin-left: 0px !important;
  min-width: 100%;
}

.tooltip-bottom::after {
  content: "" !important;
  position: absolute !important;
  bottom: 100% !important;
  left: 50% !important;
  margin-left: -5px !important;
  border-width: 5px !important;
  border-style: solid !important;
  border-color: transparent transparent #555 transparent !important;
}

.tooltip-top {
  bottom: 125% !important;
  left: 50% !important;
  margin-left: -60px !important;
}

.tooltip-top::after {
  content: "" !important;
  position: absolute !important;
  top: 100% !important;
  left: 50% !important;
  margin-left: -5px !important;
  border-width: 5px !important;
  border-style: solid !important;
  border-color: #555 transparent transparent transparent !important;
}

.tooltip-left {
  top: -5px !important;
  bottom: auto !important;
  right: 128% !important;
}

.tooltip-left::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 100% !important;
  margin-top: -5px !important;
  border-width: 5px !important;
  border-style: solid !important;
  border-color: transparent transparent transparent #555 !important;
}

.marker-cluster .tooltiptext {
  height: 300px;
  overflow-y: auto;
  width: 250px;
}

/* Lighter mode */
.tooltip.lighter-1 .tooltiptext {
  background-color: rgb(127, 127, 127);
}

.tooltip.lighter-1 .tooltip-bottom::after {
  border-color: transparent transparent rgb(127, 127, 127) transparent !important;
}

.mg-top-0 {
  margin-top: 0px !important;
}

.mg-0 {
  margin: 0px !important;
}

.mg-row-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.mg-column-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.mg-row-0em {
  margin-left: 0em !important;
  margin-right: 0em !important;
}

.mg-column-0em {
  margin-top: 0em !important;
  margin-bottom: 0em !important;
}

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

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

.mg-left-0 {
  margin-left: 0px !important;
}

.mg-right-0 {
  margin-right: 0px !important;
}

.mg-bottom-0 {
  margin-bottom: 0px !important;
}

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

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

.padding-column-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.padding-row-0em {
  padding-left: 0em !important;
  padding-right: 0em !important;
}

.padding-column-0em {
  padding-top: 0em !important;
  padding-bottom: 0em !important;
}

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

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

.padding-top-0 {
  padding-top: 0px !important;
}

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

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

.padding-bottom-0 {
  padding-bottom: 0px !important;
}

.padding-top-0em {
  padding-top: 0em !important;
}

.padding-left-0em {
  padding-left: 0em !important;
}

.padding-right-0em {
  padding-right: 0em !important;
}

.padding-bottom-0em {
  padding-bottom: 0em !important;
}

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

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

.max-width-0rem {
  max-width: 0rem !important;
}

.max-height-0rem {
  max-height: 0rem !important;
}

.flex-0 {
  flex: 0;
}

.border-radius-0 {
  border-radius: 0px;
}

.percent-border-radius-0 {
  border-radius: 0%;
}

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

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

.mg-row-1 {
  margin-left: 1px !important;
  margin-right: 1px !important;
}

.mg-column-1 {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}

.mg-row-1em {
  margin-left: 1em !important;
  margin-right: 1em !important;
}

.mg-column-1em {
  margin-top: 1em !important;
  margin-bottom: 1em !important;
}

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

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

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

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

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

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

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

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

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

.padding-column-1em {
  padding-top: 1em !important;
  padding-bottom: 1em !important;
}

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

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

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

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

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

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

.padding-top-1em {
  padding-top: 1em !important;
}

.padding-left-1em {
  padding-left: 1em !important;
}

.padding-right-1em {
  padding-right: 1em !important;
}

.padding-bottom-1em {
  padding-bottom: 1em !important;
}

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

.percent-height-1 {
  height: 1% !important;
}

.max-width-1rem {
  max-width: 1rem !important;
}

.max-height-1rem {
  max-height: 1rem !important;
}

.flex-1 {
  flex: 1;
}

.border-radius-1 {
  border-radius: 1px;
}

.percent-border-radius-1 {
  border-radius: 1%;
}

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

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

.mg-row-2 {
  margin-left: 2px !important;
  margin-right: 2px !important;
}

.mg-column-2 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.mg-row-2em {
  margin-left: 2em !important;
  margin-right: 2em !important;
}

.mg-column-2em {
  margin-top: 2em !important;
  margin-bottom: 2em !important;
}

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

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

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

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

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

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

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

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

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

.padding-column-2em {
  padding-top: 2em !important;
  padding-bottom: 2em !important;
}

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

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

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

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

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

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

.padding-top-2em {
  padding-top: 2em !important;
}

.padding-left-2em {
  padding-left: 2em !important;
}

.padding-right-2em {
  padding-right: 2em !important;
}

.padding-bottom-2em {
  padding-bottom: 2em !important;
}

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

.percent-height-2 {
  height: 2% !important;
}

.max-width-2rem {
  max-width: 2rem !important;
}

.max-height-2rem {
  max-height: 2rem !important;
}

.flex-2 {
  flex: 2;
}

.border-radius-2 {
  border-radius: 2px;
}

.percent-border-radius-2 {
  border-radius: 2%;
}

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

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

.mg-row-3 {
  margin-left: 3px !important;
  margin-right: 3px !important;
}

.mg-column-3 {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}

.mg-row-3em {
  margin-left: 3em !important;
  margin-right: 3em !important;
}

.mg-column-3em {
  margin-top: 3em !important;
  margin-bottom: 3em !important;
}

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

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

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

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

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

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

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

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

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

.padding-column-3em {
  padding-top: 3em !important;
  padding-bottom: 3em !important;
}

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

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

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

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

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

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

.padding-top-3em {
  padding-top: 3em !important;
}

.padding-left-3em {
  padding-left: 3em !important;
}

.padding-right-3em {
  padding-right: 3em !important;
}

.padding-bottom-3em {
  padding-bottom: 3em !important;
}

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

.percent-height-3 {
  height: 3% !important;
}

.max-width-3rem {
  max-width: 3rem !important;
}

.max-height-3rem {
  max-height: 3rem !important;
}

.flex-3 {
  flex: 3;
}

.border-radius-3 {
  border-radius: 3px;
}

.percent-border-radius-3 {
  border-radius: 3%;
}

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

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

.mg-row-4 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

.mg-column-4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.mg-row-4em {
  margin-left: 4em !important;
  margin-right: 4em !important;
}

.mg-column-4em {
  margin-top: 4em !important;
  margin-bottom: 4em !important;
}

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

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

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

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

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

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

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

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

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

.padding-column-4em {
  padding-top: 4em !important;
  padding-bottom: 4em !important;
}

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

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

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

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

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

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

.padding-top-4em {
  padding-top: 4em !important;
}

.padding-left-4em {
  padding-left: 4em !important;
}

.padding-right-4em {
  padding-right: 4em !important;
}

.padding-bottom-4em {
  padding-bottom: 4em !important;
}

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

.percent-height-4 {
  height: 4% !important;
}

.max-width-4rem {
  max-width: 4rem !important;
}

.max-height-4rem {
  max-height: 4rem !important;
}

.flex-4 {
  flex: 4;
}

.border-radius-4 {
  border-radius: 4px;
}

.percent-border-radius-4 {
  border-radius: 4%;
}

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

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

.mg-row-5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.mg-column-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.mg-row-5em {
  margin-left: 5em !important;
  margin-right: 5em !important;
}

.mg-column-5em {
  margin-top: 5em !important;
  margin-bottom: 5em !important;
}

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

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

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

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

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

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

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

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

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

.padding-column-5em {
  padding-top: 5em !important;
  padding-bottom: 5em !important;
}

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

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

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

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

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

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

.padding-top-5em {
  padding-top: 5em !important;
}

.padding-left-5em {
  padding-left: 5em !important;
}

.padding-right-5em {
  padding-right: 5em !important;
}

.padding-bottom-5em {
  padding-bottom: 5em !important;
}

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

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

.max-width-5rem {
  max-width: 5rem !important;
}

.max-height-5rem {
  max-height: 5rem !important;
}

.flex-5 {
  flex: 5;
}

.border-radius-5 {
  border-radius: 5px;
}

.percent-border-radius-5 {
  border-radius: 5%;
}

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

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

.mg-row-6 {
  margin-left: 6px !important;
  margin-right: 6px !important;
}

.mg-column-6 {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

.mg-row-6em {
  margin-left: 6em !important;
  margin-right: 6em !important;
}

.mg-column-6em {
  margin-top: 6em !important;
  margin-bottom: 6em !important;
}

.mg-row-6rem {
  margin-left: 6rem !important;
  margin-right: 6rem !important;
}

.mg-column-6rem {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}

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

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

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

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

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

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

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

.padding-column-6em {
  padding-top: 6em !important;
  padding-bottom: 6em !important;
}

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

.padding-column-6rem {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

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

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

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

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

.padding-top-6em {
  padding-top: 6em !important;
}

.padding-left-6em {
  padding-left: 6em !important;
}

.padding-right-6em {
  padding-right: 6em !important;
}

.padding-bottom-6em {
  padding-bottom: 6em !important;
}

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

.percent-height-6 {
  height: 6% !important;
}

.max-width-6rem {
  max-width: 6rem !important;
}

.max-height-6rem {
  max-height: 6rem !important;
}

.flex-6 {
  flex: 6;
}

.border-radius-6 {
  border-radius: 6px;
}

.percent-border-radius-6 {
  border-radius: 6%;
}

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

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

.mg-row-7 {
  margin-left: 7px !important;
  margin-right: 7px !important;
}

.mg-column-7 {
  margin-top: 7px !important;
  margin-bottom: 7px !important;
}

.mg-row-7em {
  margin-left: 7em !important;
  margin-right: 7em !important;
}

.mg-column-7em {
  margin-top: 7em !important;
  margin-bottom: 7em !important;
}

.mg-row-7rem {
  margin-left: 7rem !important;
  margin-right: 7rem !important;
}

.mg-column-7rem {
  margin-top: 7rem !important;
  margin-bottom: 7rem !important;
}

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

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

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

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

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

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

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

.padding-column-7em {
  padding-top: 7em !important;
  padding-bottom: 7em !important;
}

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

.padding-column-7rem {
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
}

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

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

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

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

.padding-top-7em {
  padding-top: 7em !important;
}

.padding-left-7em {
  padding-left: 7em !important;
}

.padding-right-7em {
  padding-right: 7em !important;
}

.padding-bottom-7em {
  padding-bottom: 7em !important;
}

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

.percent-height-7 {
  height: 7% !important;
}

.max-width-7rem {
  max-width: 7rem !important;
}

.max-height-7rem {
  max-height: 7rem !important;
}

.flex-7 {
  flex: 7;
}

.border-radius-7 {
  border-radius: 7px;
}

.percent-border-radius-7 {
  border-radius: 7%;
}

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

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

.mg-row-8 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.mg-column-8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.mg-row-8em {
  margin-left: 8em !important;
  margin-right: 8em !important;
}

.mg-column-8em {
  margin-top: 8em !important;
  margin-bottom: 8em !important;
}

.mg-row-8rem {
  margin-left: 8rem !important;
  margin-right: 8rem !important;
}

.mg-column-8rem {
  margin-top: 8rem !important;
  margin-bottom: 8rem !important;
}

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

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

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

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

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

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

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

.padding-column-8em {
  padding-top: 8em !important;
  padding-bottom: 8em !important;
}

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

.padding-column-8rem {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}

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

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

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

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

.padding-top-8em {
  padding-top: 8em !important;
}

.padding-left-8em {
  padding-left: 8em !important;
}

.padding-right-8em {
  padding-right: 8em !important;
}

.padding-bottom-8em {
  padding-bottom: 8em !important;
}

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

.percent-height-8 {
  height: 8% !important;
}

.max-width-8rem {
  max-width: 8rem !important;
}

.max-height-8rem {
  max-height: 8rem !important;
}

.flex-8 {
  flex: 8;
}

.border-radius-8 {
  border-radius: 8px;
}

.percent-border-radius-8 {
  border-radius: 8%;
}

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

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

.mg-row-9 {
  margin-left: 9px !important;
  margin-right: 9px !important;
}

.mg-column-9 {
  margin-top: 9px !important;
  margin-bottom: 9px !important;
}

.mg-row-9em {
  margin-left: 9em !important;
  margin-right: 9em !important;
}

.mg-column-9em {
  margin-top: 9em !important;
  margin-bottom: 9em !important;
}

.mg-row-9rem {
  margin-left: 9rem !important;
  margin-right: 9rem !important;
}

.mg-column-9rem {
  margin-top: 9rem !important;
  margin-bottom: 9rem !important;
}

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

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

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

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

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

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

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

.padding-column-9em {
  padding-top: 9em !important;
  padding-bottom: 9em !important;
}

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

.padding-column-9rem {
  padding-top: 9rem !important;
  padding-bottom: 9rem !important;
}

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

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

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

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

.padding-top-9em {
  padding-top: 9em !important;
}

.padding-left-9em {
  padding-left: 9em !important;
}

.padding-right-9em {
  padding-right: 9em !important;
}

.padding-bottom-9em {
  padding-bottom: 9em !important;
}

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

.percent-height-9 {
  height: 9% !important;
}

.max-width-9rem {
  max-width: 9rem !important;
}

.max-height-9rem {
  max-height: 9rem !important;
}

.flex-9 {
  flex: 9;
}

.border-radius-9 {
  border-radius: 9px;
}

.percent-border-radius-9 {
  border-radius: 9%;
}

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

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

.mg-row-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.mg-column-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.mg-row-10em {
  margin-left: 10em !important;
  margin-right: 10em !important;
}

.mg-column-10em {
  margin-top: 10em !important;
  margin-bottom: 10em !important;
}

.mg-row-10rem {
  margin-left: 10rem !important;
  margin-right: 10rem !important;
}

.mg-column-10rem {
  margin-top: 10rem !important;
  margin-bottom: 10rem !important;
}

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

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

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

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

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

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

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

.padding-column-10em {
  padding-top: 10em !important;
  padding-bottom: 10em !important;
}

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

.padding-column-10rem {
  padding-top: 10rem !important;
  padding-bottom: 10rem !important;
}

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

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

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

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

.padding-top-10em {
  padding-top: 10em !important;
}

.padding-left-10em {
  padding-left: 10em !important;
}

.padding-right-10em {
  padding-right: 10em !important;
}

.padding-bottom-10em {
  padding-bottom: 10em !important;
}

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

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

.max-width-10rem {
  max-width: 10rem !important;
}

.max-height-10rem {
  max-height: 10rem !important;
}

.flex-10 {
  flex: 10;
}

.border-radius-10 {
  border-radius: 10px;
}

.percent-border-radius-10 {
  border-radius: 10%;
}

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

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

.mg-row-11 {
  margin-left: 11px !important;
  margin-right: 11px !important;
}

.mg-column-11 {
  margin-top: 11px !important;
  margin-bottom: 11px !important;
}

.mg-row-11em {
  margin-left: 11em !important;
  margin-right: 11em !important;
}

.mg-column-11em {
  margin-top: 11em !important;
  margin-bottom: 11em !important;
}

.mg-row-11rem {
  margin-left: 11rem !important;
  margin-right: 11rem !important;
}

.mg-column-11rem {
  margin-top: 11rem !important;
  margin-bottom: 11rem !important;
}

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

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

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

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

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

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

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

.padding-column-11em {
  padding-top: 11em !important;
  padding-bottom: 11em !important;
}

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

.padding-column-11rem {
  padding-top: 11rem !important;
  padding-bottom: 11rem !important;
}

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

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

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

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

.padding-top-11em {
  padding-top: 11em !important;
}

.padding-left-11em {
  padding-left: 11em !important;
}

.padding-right-11em {
  padding-right: 11em !important;
}

.padding-bottom-11em {
  padding-bottom: 11em !important;
}

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

.percent-height-11 {
  height: 11% !important;
}

.max-width-11rem {
  max-width: 11rem !important;
}

.max-height-11rem {
  max-height: 11rem !important;
}

.flex-11 {
  flex: 11;
}

.border-radius-11 {
  border-radius: 11px;
}

.percent-border-radius-11 {
  border-radius: 11%;
}

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

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

.mg-row-12 {
  margin-left: 12px !important;
  margin-right: 12px !important;
}

.mg-column-12 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.mg-row-12em {
  margin-left: 12em !important;
  margin-right: 12em !important;
}

.mg-column-12em {
  margin-top: 12em !important;
  margin-bottom: 12em !important;
}

.mg-row-12rem {
  margin-left: 12rem !important;
  margin-right: 12rem !important;
}

.mg-column-12rem {
  margin-top: 12rem !important;
  margin-bottom: 12rem !important;
}

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

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

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

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

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

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

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

.padding-column-12em {
  padding-top: 12em !important;
  padding-bottom: 12em !important;
}

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

.padding-column-12rem {
  padding-top: 12rem !important;
  padding-bottom: 12rem !important;
}

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

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

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

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

.padding-top-12em {
  padding-top: 12em !important;
}

.padding-left-12em {
  padding-left: 12em !important;
}

.padding-right-12em {
  padding-right: 12em !important;
}

.padding-bottom-12em {
  padding-bottom: 12em !important;
}

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

.percent-height-12 {
  height: 12% !important;
}

.max-width-12rem {
  max-width: 12rem !important;
}

.max-height-12rem {
  max-height: 12rem !important;
}

.flex-12 {
  flex: 12;
}

.border-radius-12 {
  border-radius: 12px;
}

.percent-border-radius-12 {
  border-radius: 12%;
}

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

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

.mg-row-13 {
  margin-left: 13px !important;
  margin-right: 13px !important;
}

.mg-column-13 {
  margin-top: 13px !important;
  margin-bottom: 13px !important;
}

.mg-row-13em {
  margin-left: 13em !important;
  margin-right: 13em !important;
}

.mg-column-13em {
  margin-top: 13em !important;
  margin-bottom: 13em !important;
}

.mg-row-13rem {
  margin-left: 13rem !important;
  margin-right: 13rem !important;
}

.mg-column-13rem {
  margin-top: 13rem !important;
  margin-bottom: 13rem !important;
}

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

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

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

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

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

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

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

.padding-column-13em {
  padding-top: 13em !important;
  padding-bottom: 13em !important;
}

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

.padding-column-13rem {
  padding-top: 13rem !important;
  padding-bottom: 13rem !important;
}

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

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

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

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

.padding-top-13em {
  padding-top: 13em !important;
}

.padding-left-13em {
  padding-left: 13em !important;
}

.padding-right-13em {
  padding-right: 13em !important;
}

.padding-bottom-13em {
  padding-bottom: 13em !important;
}

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

.percent-height-13 {
  height: 13% !important;
}

.max-width-13rem {
  max-width: 13rem !important;
}

.max-height-13rem {
  max-height: 13rem !important;
}

.flex-13 {
  flex: 13;
}

.border-radius-13 {
  border-radius: 13px;
}

.percent-border-radius-13 {
  border-radius: 13%;
}

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

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

.mg-row-14 {
  margin-left: 14px !important;
  margin-right: 14px !important;
}

.mg-column-14 {
  margin-top: 14px !important;
  margin-bottom: 14px !important;
}

.mg-row-14em {
  margin-left: 14em !important;
  margin-right: 14em !important;
}

.mg-column-14em {
  margin-top: 14em !important;
  margin-bottom: 14em !important;
}

.mg-row-14rem {
  margin-left: 14rem !important;
  margin-right: 14rem !important;
}

.mg-column-14rem {
  margin-top: 14rem !important;
  margin-bottom: 14rem !important;
}

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

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

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

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

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

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

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

.padding-column-14em {
  padding-top: 14em !important;
  padding-bottom: 14em !important;
}

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

.padding-column-14rem {
  padding-top: 14rem !important;
  padding-bottom: 14rem !important;
}

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

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

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

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

.padding-top-14em {
  padding-top: 14em !important;
}

.padding-left-14em {
  padding-left: 14em !important;
}

.padding-right-14em {
  padding-right: 14em !important;
}

.padding-bottom-14em {
  padding-bottom: 14em !important;
}

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

.percent-height-14 {
  height: 14% !important;
}

.max-width-14rem {
  max-width: 14rem !important;
}

.max-height-14rem {
  max-height: 14rem !important;
}

.flex-14 {
  flex: 14;
}

.border-radius-14 {
  border-radius: 14px;
}

.percent-border-radius-14 {
  border-radius: 14%;
}

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

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

.mg-row-15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.mg-column-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.mg-row-15em {
  margin-left: 15em !important;
  margin-right: 15em !important;
}

.mg-column-15em {
  margin-top: 15em !important;
  margin-bottom: 15em !important;
}

.mg-row-15rem {
  margin-left: 15rem !important;
  margin-right: 15rem !important;
}

.mg-column-15rem {
  margin-top: 15rem !important;
  margin-bottom: 15rem !important;
}

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

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

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

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

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

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

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

.padding-column-15em {
  padding-top: 15em !important;
  padding-bottom: 15em !important;
}

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

.padding-column-15rem {
  padding-top: 15rem !important;
  padding-bottom: 15rem !important;
}

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

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

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

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

.padding-top-15em {
  padding-top: 15em !important;
}

.padding-left-15em {
  padding-left: 15em !important;
}

.padding-right-15em {
  padding-right: 15em !important;
}

.padding-bottom-15em {
  padding-bottom: 15em !important;
}

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

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

.max-width-15rem {
  max-width: 15rem !important;
}

.max-height-15rem {
  max-height: 15rem !important;
}

.flex-15 {
  flex: 15;
}

.border-radius-15 {
  border-radius: 15px;
}

.percent-border-radius-15 {
  border-radius: 15%;
}

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

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

.mg-row-16 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.mg-column-16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.mg-row-16em {
  margin-left: 16em !important;
  margin-right: 16em !important;
}

.mg-column-16em {
  margin-top: 16em !important;
  margin-bottom: 16em !important;
}

.mg-row-16rem {
  margin-left: 16rem !important;
  margin-right: 16rem !important;
}

.mg-column-16rem {
  margin-top: 16rem !important;
  margin-bottom: 16rem !important;
}

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

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

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

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

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

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

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

.padding-column-16em {
  padding-top: 16em !important;
  padding-bottom: 16em !important;
}

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

.padding-column-16rem {
  padding-top: 16rem !important;
  padding-bottom: 16rem !important;
}

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

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

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

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

.padding-top-16em {
  padding-top: 16em !important;
}

.padding-left-16em {
  padding-left: 16em !important;
}

.padding-right-16em {
  padding-right: 16em !important;
}

.padding-bottom-16em {
  padding-bottom: 16em !important;
}

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

.percent-height-16 {
  height: 16% !important;
}

.max-width-16rem {
  max-width: 16rem !important;
}

.max-height-16rem {
  max-height: 16rem !important;
}

.flex-16 {
  flex: 16;
}

.border-radius-16 {
  border-radius: 16px;
}

.percent-border-radius-16 {
  border-radius: 16%;
}

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

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

.mg-row-17 {
  margin-left: 17px !important;
  margin-right: 17px !important;
}

.mg-column-17 {
  margin-top: 17px !important;
  margin-bottom: 17px !important;
}

.mg-row-17em {
  margin-left: 17em !important;
  margin-right: 17em !important;
}

.mg-column-17em {
  margin-top: 17em !important;
  margin-bottom: 17em !important;
}

.mg-row-17rem {
  margin-left: 17rem !important;
  margin-right: 17rem !important;
}

.mg-column-17rem {
  margin-top: 17rem !important;
  margin-bottom: 17rem !important;
}

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

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

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

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

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

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

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

.padding-column-17em {
  padding-top: 17em !important;
  padding-bottom: 17em !important;
}

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

.padding-column-17rem {
  padding-top: 17rem !important;
  padding-bottom: 17rem !important;
}

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

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

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

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

.padding-top-17em {
  padding-top: 17em !important;
}

.padding-left-17em {
  padding-left: 17em !important;
}

.padding-right-17em {
  padding-right: 17em !important;
}

.padding-bottom-17em {
  padding-bottom: 17em !important;
}

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

.percent-height-17 {
  height: 17% !important;
}

.max-width-17rem {
  max-width: 17rem !important;
}

.max-height-17rem {
  max-height: 17rem !important;
}

.flex-17 {
  flex: 17;
}

.border-radius-17 {
  border-radius: 17px;
}

.percent-border-radius-17 {
  border-radius: 17%;
}

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

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

.mg-row-18 {
  margin-left: 18px !important;
  margin-right: 18px !important;
}

.mg-column-18 {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
}

.mg-row-18em {
  margin-left: 18em !important;
  margin-right: 18em !important;
}

.mg-column-18em {
  margin-top: 18em !important;
  margin-bottom: 18em !important;
}

.mg-row-18rem {
  margin-left: 18rem !important;
  margin-right: 18rem !important;
}

.mg-column-18rem {
  margin-top: 18rem !important;
  margin-bottom: 18rem !important;
}

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

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

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

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

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

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

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

.padding-column-18em {
  padding-top: 18em !important;
  padding-bottom: 18em !important;
}

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

.padding-column-18rem {
  padding-top: 18rem !important;
  padding-bottom: 18rem !important;
}

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

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

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

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

.padding-top-18em {
  padding-top: 18em !important;
}

.padding-left-18em {
  padding-left: 18em !important;
}

.padding-right-18em {
  padding-right: 18em !important;
}

.padding-bottom-18em {
  padding-bottom: 18em !important;
}

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

.percent-height-18 {
  height: 18% !important;
}

.max-width-18rem {
  max-width: 18rem !important;
}

.max-height-18rem {
  max-height: 18rem !important;
}

.flex-18 {
  flex: 18;
}

.border-radius-18 {
  border-radius: 18px;
}

.percent-border-radius-18 {
  border-radius: 18%;
}

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

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

.mg-row-19 {
  margin-left: 19px !important;
  margin-right: 19px !important;
}

.mg-column-19 {
  margin-top: 19px !important;
  margin-bottom: 19px !important;
}

.mg-row-19em {
  margin-left: 19em !important;
  margin-right: 19em !important;
}

.mg-column-19em {
  margin-top: 19em !important;
  margin-bottom: 19em !important;
}

.mg-row-19rem {
  margin-left: 19rem !important;
  margin-right: 19rem !important;
}

.mg-column-19rem {
  margin-top: 19rem !important;
  margin-bottom: 19rem !important;
}

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

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

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

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

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

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

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

.padding-column-19em {
  padding-top: 19em !important;
  padding-bottom: 19em !important;
}

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

.padding-column-19rem {
  padding-top: 19rem !important;
  padding-bottom: 19rem !important;
}

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

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

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

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

.padding-top-19em {
  padding-top: 19em !important;
}

.padding-left-19em {
  padding-left: 19em !important;
}

.padding-right-19em {
  padding-right: 19em !important;
}

.padding-bottom-19em {
  padding-bottom: 19em !important;
}

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

.percent-height-19 {
  height: 19% !important;
}

.max-width-19rem {
  max-width: 19rem !important;
}

.max-height-19rem {
  max-height: 19rem !important;
}

.flex-19 {
  flex: 19;
}

.border-radius-19 {
  border-radius: 19px;
}

.percent-border-radius-19 {
  border-radius: 19%;
}

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

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

.mg-row-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.mg-column-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.mg-row-20em {
  margin-left: 20em !important;
  margin-right: 20em !important;
}

.mg-column-20em {
  margin-top: 20em !important;
  margin-bottom: 20em !important;
}

.mg-row-20rem {
  margin-left: 20rem !important;
  margin-right: 20rem !important;
}

.mg-column-20rem {
  margin-top: 20rem !important;
  margin-bottom: 20rem !important;
}

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

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

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

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

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

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

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

.padding-column-20em {
  padding-top: 20em !important;
  padding-bottom: 20em !important;
}

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

.padding-column-20rem {
  padding-top: 20rem !important;
  padding-bottom: 20rem !important;
}

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

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

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

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

.padding-top-20em {
  padding-top: 20em !important;
}

.padding-left-20em {
  padding-left: 20em !important;
}

.padding-right-20em {
  padding-right: 20em !important;
}

.padding-bottom-20em {
  padding-bottom: 20em !important;
}

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

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

.max-width-20rem {
  max-width: 20rem !important;
}

.max-height-20rem {
  max-height: 20rem !important;
}

.flex-20 {
  flex: 20;
}

.border-radius-20 {
  border-radius: 20px;
}

.percent-border-radius-20 {
  border-radius: 20%;
}

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

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

.mg-row-21 {
  margin-left: 21px !important;
  margin-right: 21px !important;
}

.mg-column-21 {
  margin-top: 21px !important;
  margin-bottom: 21px !important;
}

.mg-row-21em {
  margin-left: 21em !important;
  margin-right: 21em !important;
}

.mg-column-21em {
  margin-top: 21em !important;
  margin-bottom: 21em !important;
}

.mg-row-21rem {
  margin-left: 21rem !important;
  margin-right: 21rem !important;
}

.mg-column-21rem {
  margin-top: 21rem !important;
  margin-bottom: 21rem !important;
}

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

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

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

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

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

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

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

.padding-column-21em {
  padding-top: 21em !important;
  padding-bottom: 21em !important;
}

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

.padding-column-21rem {
  padding-top: 21rem !important;
  padding-bottom: 21rem !important;
}

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

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

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

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

.padding-top-21em {
  padding-top: 21em !important;
}

.padding-left-21em {
  padding-left: 21em !important;
}

.padding-right-21em {
  padding-right: 21em !important;
}

.padding-bottom-21em {
  padding-bottom: 21em !important;
}

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

.percent-height-21 {
  height: 21% !important;
}

.max-width-21rem {
  max-width: 21rem !important;
}

.max-height-21rem {
  max-height: 21rem !important;
}

.flex-21 {
  flex: 21;
}

.border-radius-21 {
  border-radius: 21px;
}

.percent-border-radius-21 {
  border-radius: 21%;
}

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

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

.mg-row-22 {
  margin-left: 22px !important;
  margin-right: 22px !important;
}

.mg-column-22 {
  margin-top: 22px !important;
  margin-bottom: 22px !important;
}

.mg-row-22em {
  margin-left: 22em !important;
  margin-right: 22em !important;
}

.mg-column-22em {
  margin-top: 22em !important;
  margin-bottom: 22em !important;
}

.mg-row-22rem {
  margin-left: 22rem !important;
  margin-right: 22rem !important;
}

.mg-column-22rem {
  margin-top: 22rem !important;
  margin-bottom: 22rem !important;
}

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

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

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

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

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

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

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

.padding-column-22em {
  padding-top: 22em !important;
  padding-bottom: 22em !important;
}

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

.padding-column-22rem {
  padding-top: 22rem !important;
  padding-bottom: 22rem !important;
}

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

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

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

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

.padding-top-22em {
  padding-top: 22em !important;
}

.padding-left-22em {
  padding-left: 22em !important;
}

.padding-right-22em {
  padding-right: 22em !important;
}

.padding-bottom-22em {
  padding-bottom: 22em !important;
}

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

.percent-height-22 {
  height: 22% !important;
}

.max-width-22rem {
  max-width: 22rem !important;
}

.max-height-22rem {
  max-height: 22rem !important;
}

.flex-22 {
  flex: 22;
}

.border-radius-22 {
  border-radius: 22px;
}

.percent-border-radius-22 {
  border-radius: 22%;
}

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

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

.mg-row-23 {
  margin-left: 23px !important;
  margin-right: 23px !important;
}

.mg-column-23 {
  margin-top: 23px !important;
  margin-bottom: 23px !important;
}

.mg-row-23em {
  margin-left: 23em !important;
  margin-right: 23em !important;
}

.mg-column-23em {
  margin-top: 23em !important;
  margin-bottom: 23em !important;
}

.mg-row-23rem {
  margin-left: 23rem !important;
  margin-right: 23rem !important;
}

.mg-column-23rem {
  margin-top: 23rem !important;
  margin-bottom: 23rem !important;
}

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

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

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

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

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

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

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

.padding-column-23em {
  padding-top: 23em !important;
  padding-bottom: 23em !important;
}

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

.padding-column-23rem {
  padding-top: 23rem !important;
  padding-bottom: 23rem !important;
}

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

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

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

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

.padding-top-23em {
  padding-top: 23em !important;
}

.padding-left-23em {
  padding-left: 23em !important;
}

.padding-right-23em {
  padding-right: 23em !important;
}

.padding-bottom-23em {
  padding-bottom: 23em !important;
}

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

.percent-height-23 {
  height: 23% !important;
}

.max-width-23rem {
  max-width: 23rem !important;
}

.max-height-23rem {
  max-height: 23rem !important;
}

.flex-23 {
  flex: 23;
}

.border-radius-23 {
  border-radius: 23px;
}

.percent-border-radius-23 {
  border-radius: 23%;
}

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

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

.mg-row-24 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

.mg-column-24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.mg-row-24em {
  margin-left: 24em !important;
  margin-right: 24em !important;
}

.mg-column-24em {
  margin-top: 24em !important;
  margin-bottom: 24em !important;
}

.mg-row-24rem {
  margin-left: 24rem !important;
  margin-right: 24rem !important;
}

.mg-column-24rem {
  margin-top: 24rem !important;
  margin-bottom: 24rem !important;
}

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

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

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

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

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

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

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

.padding-column-24em {
  padding-top: 24em !important;
  padding-bottom: 24em !important;
}

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

.padding-column-24rem {
  padding-top: 24rem !important;
  padding-bottom: 24rem !important;
}

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

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

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

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

.padding-top-24em {
  padding-top: 24em !important;
}

.padding-left-24em {
  padding-left: 24em !important;
}

.padding-right-24em {
  padding-right: 24em !important;
}

.padding-bottom-24em {
  padding-bottom: 24em !important;
}

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

.percent-height-24 {
  height: 24% !important;
}

.max-width-24rem {
  max-width: 24rem !important;
}

.max-height-24rem {
  max-height: 24rem !important;
}

.flex-24 {
  flex: 24;
}

.border-radius-24 {
  border-radius: 24px;
}

.percent-border-radius-24 {
  border-radius: 24%;
}

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

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

.mg-row-25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}

.mg-column-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.mg-row-25em {
  margin-left: 25em !important;
  margin-right: 25em !important;
}

.mg-column-25em {
  margin-top: 25em !important;
  margin-bottom: 25em !important;
}

.mg-row-25rem {
  margin-left: 25rem !important;
  margin-right: 25rem !important;
}

.mg-column-25rem {
  margin-top: 25rem !important;
  margin-bottom: 25rem !important;
}

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

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

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

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

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

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

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

.padding-column-25em {
  padding-top: 25em !important;
  padding-bottom: 25em !important;
}

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

.padding-column-25rem {
  padding-top: 25rem !important;
  padding-bottom: 25rem !important;
}

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

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

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

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

.padding-top-25em {
  padding-top: 25em !important;
}

.padding-left-25em {
  padding-left: 25em !important;
}

.padding-right-25em {
  padding-right: 25em !important;
}

.padding-bottom-25em {
  padding-bottom: 25em !important;
}

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

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

.max-width-25rem {
  max-width: 25rem !important;
}

.max-height-25rem {
  max-height: 25rem !important;
}

.flex-25 {
  flex: 25;
}

.border-radius-25 {
  border-radius: 25px;
}

.percent-border-radius-25 {
  border-radius: 25%;
}

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

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

.mg-row-26 {
  margin-left: 26px !important;
  margin-right: 26px !important;
}

.mg-column-26 {
  margin-top: 26px !important;
  margin-bottom: 26px !important;
}

.mg-row-26em {
  margin-left: 26em !important;
  margin-right: 26em !important;
}

.mg-column-26em {
  margin-top: 26em !important;
  margin-bottom: 26em !important;
}

.mg-row-26rem {
  margin-left: 26rem !important;
  margin-right: 26rem !important;
}

.mg-column-26rem {
  margin-top: 26rem !important;
  margin-bottom: 26rem !important;
}

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

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

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

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

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

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

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

.padding-column-26em {
  padding-top: 26em !important;
  padding-bottom: 26em !important;
}

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

.padding-column-26rem {
  padding-top: 26rem !important;
  padding-bottom: 26rem !important;
}

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

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

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

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

.padding-top-26em {
  padding-top: 26em !important;
}

.padding-left-26em {
  padding-left: 26em !important;
}

.padding-right-26em {
  padding-right: 26em !important;
}

.padding-bottom-26em {
  padding-bottom: 26em !important;
}

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

.percent-height-26 {
  height: 26% !important;
}

.max-width-26rem {
  max-width: 26rem !important;
}

.max-height-26rem {
  max-height: 26rem !important;
}

.flex-26 {
  flex: 26;
}

.border-radius-26 {
  border-radius: 26px;
}

.percent-border-radius-26 {
  border-radius: 26%;
}

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

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

.mg-row-27 {
  margin-left: 27px !important;
  margin-right: 27px !important;
}

.mg-column-27 {
  margin-top: 27px !important;
  margin-bottom: 27px !important;
}

.mg-row-27em {
  margin-left: 27em !important;
  margin-right: 27em !important;
}

.mg-column-27em {
  margin-top: 27em !important;
  margin-bottom: 27em !important;
}

.mg-row-27rem {
  margin-left: 27rem !important;
  margin-right: 27rem !important;
}

.mg-column-27rem {
  margin-top: 27rem !important;
  margin-bottom: 27rem !important;
}

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

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

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

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

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

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

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

.padding-column-27em {
  padding-top: 27em !important;
  padding-bottom: 27em !important;
}

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

.padding-column-27rem {
  padding-top: 27rem !important;
  padding-bottom: 27rem !important;
}

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

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

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

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

.padding-top-27em {
  padding-top: 27em !important;
}

.padding-left-27em {
  padding-left: 27em !important;
}

.padding-right-27em {
  padding-right: 27em !important;
}

.padding-bottom-27em {
  padding-bottom: 27em !important;
}

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

.percent-height-27 {
  height: 27% !important;
}

.max-width-27rem {
  max-width: 27rem !important;
}

.max-height-27rem {
  max-height: 27rem !important;
}

.flex-27 {
  flex: 27;
}

.border-radius-27 {
  border-radius: 27px;
}

.percent-border-radius-27 {
  border-radius: 27%;
}

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

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

.mg-row-28 {
  margin-left: 28px !important;
  margin-right: 28px !important;
}

.mg-column-28 {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}

.mg-row-28em {
  margin-left: 28em !important;
  margin-right: 28em !important;
}

.mg-column-28em {
  margin-top: 28em !important;
  margin-bottom: 28em !important;
}

.mg-row-28rem {
  margin-left: 28rem !important;
  margin-right: 28rem !important;
}

.mg-column-28rem {
  margin-top: 28rem !important;
  margin-bottom: 28rem !important;
}

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

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

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

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

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

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

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

.padding-column-28em {
  padding-top: 28em !important;
  padding-bottom: 28em !important;
}

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

.padding-column-28rem {
  padding-top: 28rem !important;
  padding-bottom: 28rem !important;
}

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

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

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

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

.padding-top-28em {
  padding-top: 28em !important;
}

.padding-left-28em {
  padding-left: 28em !important;
}

.padding-right-28em {
  padding-right: 28em !important;
}

.padding-bottom-28em {
  padding-bottom: 28em !important;
}

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

.percent-height-28 {
  height: 28% !important;
}

.max-width-28rem {
  max-width: 28rem !important;
}

.max-height-28rem {
  max-height: 28rem !important;
}

.flex-28 {
  flex: 28;
}

.border-radius-28 {
  border-radius: 28px;
}

.percent-border-radius-28 {
  border-radius: 28%;
}

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

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

.mg-row-29 {
  margin-left: 29px !important;
  margin-right: 29px !important;
}

.mg-column-29 {
  margin-top: 29px !important;
  margin-bottom: 29px !important;
}

.mg-row-29em {
  margin-left: 29em !important;
  margin-right: 29em !important;
}

.mg-column-29em {
  margin-top: 29em !important;
  margin-bottom: 29em !important;
}

.mg-row-29rem {
  margin-left: 29rem !important;
  margin-right: 29rem !important;
}

.mg-column-29rem {
  margin-top: 29rem !important;
  margin-bottom: 29rem !important;
}

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

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

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

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

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

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

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

.padding-column-29em {
  padding-top: 29em !important;
  padding-bottom: 29em !important;
}

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

.padding-column-29rem {
  padding-top: 29rem !important;
  padding-bottom: 29rem !important;
}

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

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

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

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

.padding-top-29em {
  padding-top: 29em !important;
}

.padding-left-29em {
  padding-left: 29em !important;
}

.padding-right-29em {
  padding-right: 29em !important;
}

.padding-bottom-29em {
  padding-bottom: 29em !important;
}

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

.percent-height-29 {
  height: 29% !important;
}

.max-width-29rem {
  max-width: 29rem !important;
}

.max-height-29rem {
  max-height: 29rem !important;
}

.flex-29 {
  flex: 29;
}

.border-radius-29 {
  border-radius: 29px;
}

.percent-border-radius-29 {
  border-radius: 29%;
}

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

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

.mg-row-30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.mg-column-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.mg-row-30em {
  margin-left: 30em !important;
  margin-right: 30em !important;
}

.mg-column-30em {
  margin-top: 30em !important;
  margin-bottom: 30em !important;
}

.mg-row-30rem {
  margin-left: 30rem !important;
  margin-right: 30rem !important;
}

.mg-column-30rem {
  margin-top: 30rem !important;
  margin-bottom: 30rem !important;
}

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

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

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

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

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

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

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

.padding-column-30em {
  padding-top: 30em !important;
  padding-bottom: 30em !important;
}

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

.padding-column-30rem {
  padding-top: 30rem !important;
  padding-bottom: 30rem !important;
}

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

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

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

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

.padding-top-30em {
  padding-top: 30em !important;
}

.padding-left-30em {
  padding-left: 30em !important;
}

.padding-right-30em {
  padding-right: 30em !important;
}

.padding-bottom-30em {
  padding-bottom: 30em !important;
}

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

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

.max-width-30rem {
  max-width: 30rem !important;
}

.max-height-30rem {
  max-height: 30rem !important;
}

.flex-30 {
  flex: 30;
}

.border-radius-30 {
  border-radius: 30px;
}

.percent-border-radius-30 {
  border-radius: 30%;
}

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

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

.mg-row-31 {
  margin-left: 31px !important;
  margin-right: 31px !important;
}

.mg-column-31 {
  margin-top: 31px !important;
  margin-bottom: 31px !important;
}

.mg-row-31em {
  margin-left: 31em !important;
  margin-right: 31em !important;
}

.mg-column-31em {
  margin-top: 31em !important;
  margin-bottom: 31em !important;
}

.mg-row-31rem {
  margin-left: 31rem !important;
  margin-right: 31rem !important;
}

.mg-column-31rem {
  margin-top: 31rem !important;
  margin-bottom: 31rem !important;
}

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

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

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

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

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

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

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

.padding-column-31em {
  padding-top: 31em !important;
  padding-bottom: 31em !important;
}

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

.padding-column-31rem {
  padding-top: 31rem !important;
  padding-bottom: 31rem !important;
}

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

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

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

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

.padding-top-31em {
  padding-top: 31em !important;
}

.padding-left-31em {
  padding-left: 31em !important;
}

.padding-right-31em {
  padding-right: 31em !important;
}

.padding-bottom-31em {
  padding-bottom: 31em !important;
}

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

.percent-height-31 {
  height: 31% !important;
}

.max-width-31rem {
  max-width: 31rem !important;
}

.max-height-31rem {
  max-height: 31rem !important;
}

.flex-31 {
  flex: 31;
}

.border-radius-31 {
  border-radius: 31px;
}

.percent-border-radius-31 {
  border-radius: 31%;
}

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

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

.mg-row-32 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}

.mg-column-32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.mg-row-32em {
  margin-left: 32em !important;
  margin-right: 32em !important;
}

.mg-column-32em {
  margin-top: 32em !important;
  margin-bottom: 32em !important;
}

.mg-row-32rem {
  margin-left: 32rem !important;
  margin-right: 32rem !important;
}

.mg-column-32rem {
  margin-top: 32rem !important;
  margin-bottom: 32rem !important;
}

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

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

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

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

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

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

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

.padding-column-32em {
  padding-top: 32em !important;
  padding-bottom: 32em !important;
}

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

.padding-column-32rem {
  padding-top: 32rem !important;
  padding-bottom: 32rem !important;
}

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

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

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

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

.padding-top-32em {
  padding-top: 32em !important;
}

.padding-left-32em {
  padding-left: 32em !important;
}

.padding-right-32em {
  padding-right: 32em !important;
}

.padding-bottom-32em {
  padding-bottom: 32em !important;
}

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

.percent-height-32 {
  height: 32% !important;
}

.max-width-32rem {
  max-width: 32rem !important;
}

.max-height-32rem {
  max-height: 32rem !important;
}

.flex-32 {
  flex: 32;
}

.border-radius-32 {
  border-radius: 32px;
}

.percent-border-radius-32 {
  border-radius: 32%;
}

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

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

.mg-row-33 {
  margin-left: 33px !important;
  margin-right: 33px !important;
}

.mg-column-33 {
  margin-top: 33px !important;
  margin-bottom: 33px !important;
}

.mg-row-33em {
  margin-left: 33em !important;
  margin-right: 33em !important;
}

.mg-column-33em {
  margin-top: 33em !important;
  margin-bottom: 33em !important;
}

.mg-row-33rem {
  margin-left: 33rem !important;
  margin-right: 33rem !important;
}

.mg-column-33rem {
  margin-top: 33rem !important;
  margin-bottom: 33rem !important;
}

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

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

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

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

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

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

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

.padding-column-33em {
  padding-top: 33em !important;
  padding-bottom: 33em !important;
}

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

.padding-column-33rem {
  padding-top: 33rem !important;
  padding-bottom: 33rem !important;
}

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

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

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

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

.padding-top-33em {
  padding-top: 33em !important;
}

.padding-left-33em {
  padding-left: 33em !important;
}

.padding-right-33em {
  padding-right: 33em !important;
}

.padding-bottom-33em {
  padding-bottom: 33em !important;
}

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

.percent-height-33 {
  height: 33% !important;
}

.max-width-33rem {
  max-width: 33rem !important;
}

.max-height-33rem {
  max-height: 33rem !important;
}

.flex-33 {
  flex: 33;
}

.border-radius-33 {
  border-radius: 33px;
}

.percent-border-radius-33 {
  border-radius: 33%;
}

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

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

.mg-row-34 {
  margin-left: 34px !important;
  margin-right: 34px !important;
}

.mg-column-34 {
  margin-top: 34px !important;
  margin-bottom: 34px !important;
}

.mg-row-34em {
  margin-left: 34em !important;
  margin-right: 34em !important;
}

.mg-column-34em {
  margin-top: 34em !important;
  margin-bottom: 34em !important;
}

.mg-row-34rem {
  margin-left: 34rem !important;
  margin-right: 34rem !important;
}

.mg-column-34rem {
  margin-top: 34rem !important;
  margin-bottom: 34rem !important;
}

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

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

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

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

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

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

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

.padding-column-34em {
  padding-top: 34em !important;
  padding-bottom: 34em !important;
}

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

.padding-column-34rem {
  padding-top: 34rem !important;
  padding-bottom: 34rem !important;
}

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

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

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

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

.padding-top-34em {
  padding-top: 34em !important;
}

.padding-left-34em {
  padding-left: 34em !important;
}

.padding-right-34em {
  padding-right: 34em !important;
}

.padding-bottom-34em {
  padding-bottom: 34em !important;
}

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

.percent-height-34 {
  height: 34% !important;
}

.max-width-34rem {
  max-width: 34rem !important;
}

.max-height-34rem {
  max-height: 34rem !important;
}

.flex-34 {
  flex: 34;
}

.border-radius-34 {
  border-radius: 34px;
}

.percent-border-radius-34 {
  border-radius: 34%;
}

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

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

.mg-row-35 {
  margin-left: 35px !important;
  margin-right: 35px !important;
}

.mg-column-35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}

.mg-row-35em {
  margin-left: 35em !important;
  margin-right: 35em !important;
}

.mg-column-35em {
  margin-top: 35em !important;
  margin-bottom: 35em !important;
}

.mg-row-35rem {
  margin-left: 35rem !important;
  margin-right: 35rem !important;
}

.mg-column-35rem {
  margin-top: 35rem !important;
  margin-bottom: 35rem !important;
}

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

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

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

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

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

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

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

.padding-column-35em {
  padding-top: 35em !important;
  padding-bottom: 35em !important;
}

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

.padding-column-35rem {
  padding-top: 35rem !important;
  padding-bottom: 35rem !important;
}

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

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

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

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

.padding-top-35em {
  padding-top: 35em !important;
}

.padding-left-35em {
  padding-left: 35em !important;
}

.padding-right-35em {
  padding-right: 35em !important;
}

.padding-bottom-35em {
  padding-bottom: 35em !important;
}

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

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

.max-width-35rem {
  max-width: 35rem !important;
}

.max-height-35rem {
  max-height: 35rem !important;
}

.flex-35 {
  flex: 35;
}

.border-radius-35 {
  border-radius: 35px;
}

.percent-border-radius-35 {
  border-radius: 35%;
}

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

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

.mg-row-36 {
  margin-left: 36px !important;
  margin-right: 36px !important;
}

.mg-column-36 {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}

.mg-row-36em {
  margin-left: 36em !important;
  margin-right: 36em !important;
}

.mg-column-36em {
  margin-top: 36em !important;
  margin-bottom: 36em !important;
}

.mg-row-36rem {
  margin-left: 36rem !important;
  margin-right: 36rem !important;
}

.mg-column-36rem {
  margin-top: 36rem !important;
  margin-bottom: 36rem !important;
}

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

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

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

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

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

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

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

.padding-column-36em {
  padding-top: 36em !important;
  padding-bottom: 36em !important;
}

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

.padding-column-36rem {
  padding-top: 36rem !important;
  padding-bottom: 36rem !important;
}

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

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

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

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

.padding-top-36em {
  padding-top: 36em !important;
}

.padding-left-36em {
  padding-left: 36em !important;
}

.padding-right-36em {
  padding-right: 36em !important;
}

.padding-bottom-36em {
  padding-bottom: 36em !important;
}

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

.percent-height-36 {
  height: 36% !important;
}

.max-width-36rem {
  max-width: 36rem !important;
}

.max-height-36rem {
  max-height: 36rem !important;
}

.flex-36 {
  flex: 36;
}

.border-radius-36 {
  border-radius: 36px;
}

.percent-border-radius-36 {
  border-radius: 36%;
}

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

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

.mg-row-37 {
  margin-left: 37px !important;
  margin-right: 37px !important;
}

.mg-column-37 {
  margin-top: 37px !important;
  margin-bottom: 37px !important;
}

.mg-row-37em {
  margin-left: 37em !important;
  margin-right: 37em !important;
}

.mg-column-37em {
  margin-top: 37em !important;
  margin-bottom: 37em !important;
}

.mg-row-37rem {
  margin-left: 37rem !important;
  margin-right: 37rem !important;
}

.mg-column-37rem {
  margin-top: 37rem !important;
  margin-bottom: 37rem !important;
}

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

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

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

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

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

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

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

.padding-column-37em {
  padding-top: 37em !important;
  padding-bottom: 37em !important;
}

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

.padding-column-37rem {
  padding-top: 37rem !important;
  padding-bottom: 37rem !important;
}

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

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

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

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

.padding-top-37em {
  padding-top: 37em !important;
}

.padding-left-37em {
  padding-left: 37em !important;
}

.padding-right-37em {
  padding-right: 37em !important;
}

.padding-bottom-37em {
  padding-bottom: 37em !important;
}

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

.percent-height-37 {
  height: 37% !important;
}

.max-width-37rem {
  max-width: 37rem !important;
}

.max-height-37rem {
  max-height: 37rem !important;
}

.flex-37 {
  flex: 37;
}

.border-radius-37 {
  border-radius: 37px;
}

.percent-border-radius-37 {
  border-radius: 37%;
}

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

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

.mg-row-38 {
  margin-left: 38px !important;
  margin-right: 38px !important;
}

.mg-column-38 {
  margin-top: 38px !important;
  margin-bottom: 38px !important;
}

.mg-row-38em {
  margin-left: 38em !important;
  margin-right: 38em !important;
}

.mg-column-38em {
  margin-top: 38em !important;
  margin-bottom: 38em !important;
}

.mg-row-38rem {
  margin-left: 38rem !important;
  margin-right: 38rem !important;
}

.mg-column-38rem {
  margin-top: 38rem !important;
  margin-bottom: 38rem !important;
}

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

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

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

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

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

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

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

.padding-column-38em {
  padding-top: 38em !important;
  padding-bottom: 38em !important;
}

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

.padding-column-38rem {
  padding-top: 38rem !important;
  padding-bottom: 38rem !important;
}

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

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

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

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

.padding-top-38em {
  padding-top: 38em !important;
}

.padding-left-38em {
  padding-left: 38em !important;
}

.padding-right-38em {
  padding-right: 38em !important;
}

.padding-bottom-38em {
  padding-bottom: 38em !important;
}

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

.percent-height-38 {
  height: 38% !important;
}

.max-width-38rem {
  max-width: 38rem !important;
}

.max-height-38rem {
  max-height: 38rem !important;
}

.flex-38 {
  flex: 38;
}

.border-radius-38 {
  border-radius: 38px;
}

.percent-border-radius-38 {
  border-radius: 38%;
}

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

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

.mg-row-39 {
  margin-left: 39px !important;
  margin-right: 39px !important;
}

.mg-column-39 {
  margin-top: 39px !important;
  margin-bottom: 39px !important;
}

.mg-row-39em {
  margin-left: 39em !important;
  margin-right: 39em !important;
}

.mg-column-39em {
  margin-top: 39em !important;
  margin-bottom: 39em !important;
}

.mg-row-39rem {
  margin-left: 39rem !important;
  margin-right: 39rem !important;
}

.mg-column-39rem {
  margin-top: 39rem !important;
  margin-bottom: 39rem !important;
}

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

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

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

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

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

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

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

.padding-column-39em {
  padding-top: 39em !important;
  padding-bottom: 39em !important;
}

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

.padding-column-39rem {
  padding-top: 39rem !important;
  padding-bottom: 39rem !important;
}

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

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

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

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

.padding-top-39em {
  padding-top: 39em !important;
}

.padding-left-39em {
  padding-left: 39em !important;
}

.padding-right-39em {
  padding-right: 39em !important;
}

.padding-bottom-39em {
  padding-bottom: 39em !important;
}

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

.percent-height-39 {
  height: 39% !important;
}

.max-width-39rem {
  max-width: 39rem !important;
}

.max-height-39rem {
  max-height: 39rem !important;
}

.flex-39 {
  flex: 39;
}

.border-radius-39 {
  border-radius: 39px;
}

.percent-border-radius-39 {
  border-radius: 39%;
}

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

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

.mg-row-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.mg-column-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.mg-row-40em {
  margin-left: 40em !important;
  margin-right: 40em !important;
}

.mg-column-40em {
  margin-top: 40em !important;
  margin-bottom: 40em !important;
}

.mg-row-40rem {
  margin-left: 40rem !important;
  margin-right: 40rem !important;
}

.mg-column-40rem {
  margin-top: 40rem !important;
  margin-bottom: 40rem !important;
}

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

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

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

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

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

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

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

.padding-column-40em {
  padding-top: 40em !important;
  padding-bottom: 40em !important;
}

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

.padding-column-40rem {
  padding-top: 40rem !important;
  padding-bottom: 40rem !important;
}

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

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

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

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

.padding-top-40em {
  padding-top: 40em !important;
}

.padding-left-40em {
  padding-left: 40em !important;
}

.padding-right-40em {
  padding-right: 40em !important;
}

.padding-bottom-40em {
  padding-bottom: 40em !important;
}

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

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

.max-width-40rem {
  max-width: 40rem !important;
}

.max-height-40rem {
  max-height: 40rem !important;
}

.flex-40 {
  flex: 40;
}

.border-radius-40 {
  border-radius: 40px;
}

.percent-border-radius-40 {
  border-radius: 40%;
}

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

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

.mg-row-41 {
  margin-left: 41px !important;
  margin-right: 41px !important;
}

.mg-column-41 {
  margin-top: 41px !important;
  margin-bottom: 41px !important;
}

.mg-row-41em {
  margin-left: 41em !important;
  margin-right: 41em !important;
}

.mg-column-41em {
  margin-top: 41em !important;
  margin-bottom: 41em !important;
}

.mg-row-41rem {
  margin-left: 41rem !important;
  margin-right: 41rem !important;
}

.mg-column-41rem {
  margin-top: 41rem !important;
  margin-bottom: 41rem !important;
}

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

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

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

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

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

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

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

.padding-column-41em {
  padding-top: 41em !important;
  padding-bottom: 41em !important;
}

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

.padding-column-41rem {
  padding-top: 41rem !important;
  padding-bottom: 41rem !important;
}

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

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

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

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

.padding-top-41em {
  padding-top: 41em !important;
}

.padding-left-41em {
  padding-left: 41em !important;
}

.padding-right-41em {
  padding-right: 41em !important;
}

.padding-bottom-41em {
  padding-bottom: 41em !important;
}

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

.percent-height-41 {
  height: 41% !important;
}

.max-width-41rem {
  max-width: 41rem !important;
}

.max-height-41rem {
  max-height: 41rem !important;
}

.flex-41 {
  flex: 41;
}

.border-radius-41 {
  border-radius: 41px;
}

.percent-border-radius-41 {
  border-radius: 41%;
}

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

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

.mg-row-42 {
  margin-left: 42px !important;
  margin-right: 42px !important;
}

.mg-column-42 {
  margin-top: 42px !important;
  margin-bottom: 42px !important;
}

.mg-row-42em {
  margin-left: 42em !important;
  margin-right: 42em !important;
}

.mg-column-42em {
  margin-top: 42em !important;
  margin-bottom: 42em !important;
}

.mg-row-42rem {
  margin-left: 42rem !important;
  margin-right: 42rem !important;
}

.mg-column-42rem {
  margin-top: 42rem !important;
  margin-bottom: 42rem !important;
}

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

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

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

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

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

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

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

.padding-column-42em {
  padding-top: 42em !important;
  padding-bottom: 42em !important;
}

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

.padding-column-42rem {
  padding-top: 42rem !important;
  padding-bottom: 42rem !important;
}

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

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

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

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

.padding-top-42em {
  padding-top: 42em !important;
}

.padding-left-42em {
  padding-left: 42em !important;
}

.padding-right-42em {
  padding-right: 42em !important;
}

.padding-bottom-42em {
  padding-bottom: 42em !important;
}

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

.percent-height-42 {
  height: 42% !important;
}

.max-width-42rem {
  max-width: 42rem !important;
}

.max-height-42rem {
  max-height: 42rem !important;
}

.flex-42 {
  flex: 42;
}

.border-radius-42 {
  border-radius: 42px;
}

.percent-border-radius-42 {
  border-radius: 42%;
}

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

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

.mg-row-43 {
  margin-left: 43px !important;
  margin-right: 43px !important;
}

.mg-column-43 {
  margin-top: 43px !important;
  margin-bottom: 43px !important;
}

.mg-row-43em {
  margin-left: 43em !important;
  margin-right: 43em !important;
}

.mg-column-43em {
  margin-top: 43em !important;
  margin-bottom: 43em !important;
}

.mg-row-43rem {
  margin-left: 43rem !important;
  margin-right: 43rem !important;
}

.mg-column-43rem {
  margin-top: 43rem !important;
  margin-bottom: 43rem !important;
}

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

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

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

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

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

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

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

.padding-column-43em {
  padding-top: 43em !important;
  padding-bottom: 43em !important;
}

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

.padding-column-43rem {
  padding-top: 43rem !important;
  padding-bottom: 43rem !important;
}

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

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

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

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

.padding-top-43em {
  padding-top: 43em !important;
}

.padding-left-43em {
  padding-left: 43em !important;
}

.padding-right-43em {
  padding-right: 43em !important;
}

.padding-bottom-43em {
  padding-bottom: 43em !important;
}

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

.percent-height-43 {
  height: 43% !important;
}

.max-width-43rem {
  max-width: 43rem !important;
}

.max-height-43rem {
  max-height: 43rem !important;
}

.flex-43 {
  flex: 43;
}

.border-radius-43 {
  border-radius: 43px;
}

.percent-border-radius-43 {
  border-radius: 43%;
}

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

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

.mg-row-44 {
  margin-left: 44px !important;
  margin-right: 44px !important;
}

.mg-column-44 {
  margin-top: 44px !important;
  margin-bottom: 44px !important;
}

.mg-row-44em {
  margin-left: 44em !important;
  margin-right: 44em !important;
}

.mg-column-44em {
  margin-top: 44em !important;
  margin-bottom: 44em !important;
}

.mg-row-44rem {
  margin-left: 44rem !important;
  margin-right: 44rem !important;
}

.mg-column-44rem {
  margin-top: 44rem !important;
  margin-bottom: 44rem !important;
}

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

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

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

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

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

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

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

.padding-column-44em {
  padding-top: 44em !important;
  padding-bottom: 44em !important;
}

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

.padding-column-44rem {
  padding-top: 44rem !important;
  padding-bottom: 44rem !important;
}

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

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

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

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

.padding-top-44em {
  padding-top: 44em !important;
}

.padding-left-44em {
  padding-left: 44em !important;
}

.padding-right-44em {
  padding-right: 44em !important;
}

.padding-bottom-44em {
  padding-bottom: 44em !important;
}

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

.percent-height-44 {
  height: 44% !important;
}

.max-width-44rem {
  max-width: 44rem !important;
}

.max-height-44rem {
  max-height: 44rem !important;
}

.flex-44 {
  flex: 44;
}

.border-radius-44 {
  border-radius: 44px;
}

.percent-border-radius-44 {
  border-radius: 44%;
}

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

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

.mg-row-45 {
  margin-left: 45px !important;
  margin-right: 45px !important;
}

.mg-column-45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}

.mg-row-45em {
  margin-left: 45em !important;
  margin-right: 45em !important;
}

.mg-column-45em {
  margin-top: 45em !important;
  margin-bottom: 45em !important;
}

.mg-row-45rem {
  margin-left: 45rem !important;
  margin-right: 45rem !important;
}

.mg-column-45rem {
  margin-top: 45rem !important;
  margin-bottom: 45rem !important;
}

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

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

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

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

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

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

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

.padding-column-45em {
  padding-top: 45em !important;
  padding-bottom: 45em !important;
}

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

.padding-column-45rem {
  padding-top: 45rem !important;
  padding-bottom: 45rem !important;
}

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

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

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

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

.padding-top-45em {
  padding-top: 45em !important;
}

.padding-left-45em {
  padding-left: 45em !important;
}

.padding-right-45em {
  padding-right: 45em !important;
}

.padding-bottom-45em {
  padding-bottom: 45em !important;
}

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

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

.max-width-45rem {
  max-width: 45rem !important;
}

.max-height-45rem {
  max-height: 45rem !important;
}

.flex-45 {
  flex: 45;
}

.border-radius-45 {
  border-radius: 45px;
}

.percent-border-radius-45 {
  border-radius: 45%;
}

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

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

.mg-row-46 {
  margin-left: 46px !important;
  margin-right: 46px !important;
}

.mg-column-46 {
  margin-top: 46px !important;
  margin-bottom: 46px !important;
}

.mg-row-46em {
  margin-left: 46em !important;
  margin-right: 46em !important;
}

.mg-column-46em {
  margin-top: 46em !important;
  margin-bottom: 46em !important;
}

.mg-row-46rem {
  margin-left: 46rem !important;
  margin-right: 46rem !important;
}

.mg-column-46rem {
  margin-top: 46rem !important;
  margin-bottom: 46rem !important;
}

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

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

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

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

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

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

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

.padding-column-46em {
  padding-top: 46em !important;
  padding-bottom: 46em !important;
}

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

.padding-column-46rem {
  padding-top: 46rem !important;
  padding-bottom: 46rem !important;
}

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

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

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

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

.padding-top-46em {
  padding-top: 46em !important;
}

.padding-left-46em {
  padding-left: 46em !important;
}

.padding-right-46em {
  padding-right: 46em !important;
}

.padding-bottom-46em {
  padding-bottom: 46em !important;
}

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

.percent-height-46 {
  height: 46% !important;
}

.max-width-46rem {
  max-width: 46rem !important;
}

.max-height-46rem {
  max-height: 46rem !important;
}

.flex-46 {
  flex: 46;
}

.border-radius-46 {
  border-radius: 46px;
}

.percent-border-radius-46 {
  border-radius: 46%;
}

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

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

.mg-row-47 {
  margin-left: 47px !important;
  margin-right: 47px !important;
}

.mg-column-47 {
  margin-top: 47px !important;
  margin-bottom: 47px !important;
}

.mg-row-47em {
  margin-left: 47em !important;
  margin-right: 47em !important;
}

.mg-column-47em {
  margin-top: 47em !important;
  margin-bottom: 47em !important;
}

.mg-row-47rem {
  margin-left: 47rem !important;
  margin-right: 47rem !important;
}

.mg-column-47rem {
  margin-top: 47rem !important;
  margin-bottom: 47rem !important;
}

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

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

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

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

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

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

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

.padding-column-47em {
  padding-top: 47em !important;
  padding-bottom: 47em !important;
}

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

.padding-column-47rem {
  padding-top: 47rem !important;
  padding-bottom: 47rem !important;
}

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

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

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

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

.padding-top-47em {
  padding-top: 47em !important;
}

.padding-left-47em {
  padding-left: 47em !important;
}

.padding-right-47em {
  padding-right: 47em !important;
}

.padding-bottom-47em {
  padding-bottom: 47em !important;
}

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

.percent-height-47 {
  height: 47% !important;
}

.max-width-47rem {
  max-width: 47rem !important;
}

.max-height-47rem {
  max-height: 47rem !important;
}

.flex-47 {
  flex: 47;
}

.border-radius-47 {
  border-radius: 47px;
}

.percent-border-radius-47 {
  border-radius: 47%;
}

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

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

.mg-row-48 {
  margin-left: 48px !important;
  margin-right: 48px !important;
}

.mg-column-48 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

.mg-row-48em {
  margin-left: 48em !important;
  margin-right: 48em !important;
}

.mg-column-48em {
  margin-top: 48em !important;
  margin-bottom: 48em !important;
}

.mg-row-48rem {
  margin-left: 48rem !important;
  margin-right: 48rem !important;
}

.mg-column-48rem {
  margin-top: 48rem !important;
  margin-bottom: 48rem !important;
}

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

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

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

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

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

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

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

.padding-column-48em {
  padding-top: 48em !important;
  padding-bottom: 48em !important;
}

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

.padding-column-48rem {
  padding-top: 48rem !important;
  padding-bottom: 48rem !important;
}

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

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

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

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

.padding-top-48em {
  padding-top: 48em !important;
}

.padding-left-48em {
  padding-left: 48em !important;
}

.padding-right-48em {
  padding-right: 48em !important;
}

.padding-bottom-48em {
  padding-bottom: 48em !important;
}

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

.percent-height-48 {
  height: 48% !important;
}

.max-width-48rem {
  max-width: 48rem !important;
}

.max-height-48rem {
  max-height: 48rem !important;
}

.flex-48 {
  flex: 48;
}

.border-radius-48 {
  border-radius: 48px;
}

.percent-border-radius-48 {
  border-radius: 48%;
}

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

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

.mg-row-49 {
  margin-left: 49px !important;
  margin-right: 49px !important;
}

.mg-column-49 {
  margin-top: 49px !important;
  margin-bottom: 49px !important;
}

.mg-row-49em {
  margin-left: 49em !important;
  margin-right: 49em !important;
}

.mg-column-49em {
  margin-top: 49em !important;
  margin-bottom: 49em !important;
}

.mg-row-49rem {
  margin-left: 49rem !important;
  margin-right: 49rem !important;
}

.mg-column-49rem {
  margin-top: 49rem !important;
  margin-bottom: 49rem !important;
}

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

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

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

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

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

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

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

.padding-column-49em {
  padding-top: 49em !important;
  padding-bottom: 49em !important;
}

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

.padding-column-49rem {
  padding-top: 49rem !important;
  padding-bottom: 49rem !important;
}

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

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

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

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

.padding-top-49em {
  padding-top: 49em !important;
}

.padding-left-49em {
  padding-left: 49em !important;
}

.padding-right-49em {
  padding-right: 49em !important;
}

.padding-bottom-49em {
  padding-bottom: 49em !important;
}

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

.percent-height-49 {
  height: 49% !important;
}

.max-width-49rem {
  max-width: 49rem !important;
}

.max-height-49rem {
  max-height: 49rem !important;
}

.flex-49 {
  flex: 49;
}

.border-radius-49 {
  border-radius: 49px;
}

.percent-border-radius-49 {
  border-radius: 49%;
}

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

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

.mg-row-50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}

.mg-column-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.mg-row-50em {
  margin-left: 50em !important;
  margin-right: 50em !important;
}

.mg-column-50em {
  margin-top: 50em !important;
  margin-bottom: 50em !important;
}

.mg-row-50rem {
  margin-left: 50rem !important;
  margin-right: 50rem !important;
}

.mg-column-50rem {
  margin-top: 50rem !important;
  margin-bottom: 50rem !important;
}

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

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

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

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

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

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

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

.padding-column-50em {
  padding-top: 50em !important;
  padding-bottom: 50em !important;
}

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

.padding-column-50rem {
  padding-top: 50rem !important;
  padding-bottom: 50rem !important;
}

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

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

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

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

.padding-top-50em {
  padding-top: 50em !important;
}

.padding-left-50em {
  padding-left: 50em !important;
}

.padding-right-50em {
  padding-right: 50em !important;
}

.padding-bottom-50em {
  padding-bottom: 50em !important;
}

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

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

.max-width-50rem {
  max-width: 50rem !important;
}

.max-height-50rem {
  max-height: 50rem !important;
}

.flex-50 {
  flex: 50;
}

.border-radius-50 {
  border-radius: 50px;
}

.percent-border-radius-50 {
  border-radius: 50%;
}

.mg-top-51 {
  margin-top: 51px !important;
}

.mg-51 {
  margin: 51px !important;
}

.mg-row-51 {
  margin-left: 51px !important;
  margin-right: 51px !important;
}

.mg-column-51 {
  margin-top: 51px !important;
  margin-bottom: 51px !important;
}

.mg-row-51em {
  margin-left: 51em !important;
  margin-right: 51em !important;
}

.mg-column-51em {
  margin-top: 51em !important;
  margin-bottom: 51em !important;
}

.mg-row-51rem {
  margin-left: 51rem !important;
  margin-right: 51rem !important;
}

.mg-column-51rem {
  margin-top: 51rem !important;
  margin-bottom: 51rem !important;
}

.mg-left-51 {
  margin-left: 51px !important;
}

.mg-right-51 {
  margin-right: 51px !important;
}

.mg-bottom-51 {
  margin-bottom: 51px !important;
}

.padding-51 {
  padding: 51px !important;
}

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

.padding-column-51 {
  padding-top: 51px !important;
  padding-bottom: 51px !important;
}

.padding-row-51em {
  padding-left: 51em !important;
  padding-right: 51em !important;
}

.padding-column-51em {
  padding-top: 51em !important;
  padding-bottom: 51em !important;
}

.padding-row-51rem {
  padding-left: 51rem !important;
  padding-right: 51rem !important;
}

.padding-column-51rem {
  padding-top: 51rem !important;
  padding-bottom: 51rem !important;
}

.padding-top-51 {
  padding-top: 51px !important;
}

.padding-left-51 {
  padding-left: 51px !important;
}

.padding-right-51 {
  padding-right: 51px !important;
}

.padding-bottom-51 {
  padding-bottom: 51px !important;
}

.padding-top-51em {
  padding-top: 51em !important;
}

.padding-left-51em {
  padding-left: 51em !important;
}

.padding-right-51em {
  padding-right: 51em !important;
}

.padding-bottom-51em {
  padding-bottom: 51em !important;
}

.percent-width-51 {
  width: 51% !important;
}

.percent-height-51 {
  height: 51% !important;
}

.max-width-51rem {
  max-width: 51rem !important;
}

.max-height-51rem {
  max-height: 51rem !important;
}

.flex-51 {
  flex: 51;
}

.border-radius-51 {
  border-radius: 51px;
}

.percent-border-radius-51 {
  border-radius: 51%;
}

.mg-top-52 {
  margin-top: 52px !important;
}

.mg-52 {
  margin: 52px !important;
}

.mg-row-52 {
  margin-left: 52px !important;
  margin-right: 52px !important;
}

.mg-column-52 {
  margin-top: 52px !important;
  margin-bottom: 52px !important;
}

.mg-row-52em {
  margin-left: 52em !important;
  margin-right: 52em !important;
}

.mg-column-52em {
  margin-top: 52em !important;
  margin-bottom: 52em !important;
}

.mg-row-52rem {
  margin-left: 52rem !important;
  margin-right: 52rem !important;
}

.mg-column-52rem {
  margin-top: 52rem !important;
  margin-bottom: 52rem !important;
}

.mg-left-52 {
  margin-left: 52px !important;
}

.mg-right-52 {
  margin-right: 52px !important;
}

.mg-bottom-52 {
  margin-bottom: 52px !important;
}

.padding-52 {
  padding: 52px !important;
}

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

.padding-column-52 {
  padding-top: 52px !important;
  padding-bottom: 52px !important;
}

.padding-row-52em {
  padding-left: 52em !important;
  padding-right: 52em !important;
}

.padding-column-52em {
  padding-top: 52em !important;
  padding-bottom: 52em !important;
}

.padding-row-52rem {
  padding-left: 52rem !important;
  padding-right: 52rem !important;
}

.padding-column-52rem {
  padding-top: 52rem !important;
  padding-bottom: 52rem !important;
}

.padding-top-52 {
  padding-top: 52px !important;
}

.padding-left-52 {
  padding-left: 52px !important;
}

.padding-right-52 {
  padding-right: 52px !important;
}

.padding-bottom-52 {
  padding-bottom: 52px !important;
}

.padding-top-52em {
  padding-top: 52em !important;
}

.padding-left-52em {
  padding-left: 52em !important;
}

.padding-right-52em {
  padding-right: 52em !important;
}

.padding-bottom-52em {
  padding-bottom: 52em !important;
}

.percent-width-52 {
  width: 52% !important;
}

.percent-height-52 {
  height: 52% !important;
}

.max-width-52rem {
  max-width: 52rem !important;
}

.max-height-52rem {
  max-height: 52rem !important;
}

.flex-52 {
  flex: 52;
}

.border-radius-52 {
  border-radius: 52px;
}

.percent-border-radius-52 {
  border-radius: 52%;
}

.mg-top-53 {
  margin-top: 53px !important;
}

.mg-53 {
  margin: 53px !important;
}

.mg-row-53 {
  margin-left: 53px !important;
  margin-right: 53px !important;
}

.mg-column-53 {
  margin-top: 53px !important;
  margin-bottom: 53px !important;
}

.mg-row-53em {
  margin-left: 53em !important;
  margin-right: 53em !important;
}

.mg-column-53em {
  margin-top: 53em !important;
  margin-bottom: 53em !important;
}

.mg-row-53rem {
  margin-left: 53rem !important;
  margin-right: 53rem !important;
}

.mg-column-53rem {
  margin-top: 53rem !important;
  margin-bottom: 53rem !important;
}

.mg-left-53 {
  margin-left: 53px !important;
}

.mg-right-53 {
  margin-right: 53px !important;
}

.mg-bottom-53 {
  margin-bottom: 53px !important;
}

.padding-53 {
  padding: 53px !important;
}

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

.padding-column-53 {
  padding-top: 53px !important;
  padding-bottom: 53px !important;
}

.padding-row-53em {
  padding-left: 53em !important;
  padding-right: 53em !important;
}

.padding-column-53em {
  padding-top: 53em !important;
  padding-bottom: 53em !important;
}

.padding-row-53rem {
  padding-left: 53rem !important;
  padding-right: 53rem !important;
}

.padding-column-53rem {
  padding-top: 53rem !important;
  padding-bottom: 53rem !important;
}

.padding-top-53 {
  padding-top: 53px !important;
}

.padding-left-53 {
  padding-left: 53px !important;
}

.padding-right-53 {
  padding-right: 53px !important;
}

.padding-bottom-53 {
  padding-bottom: 53px !important;
}

.padding-top-53em {
  padding-top: 53em !important;
}

.padding-left-53em {
  padding-left: 53em !important;
}

.padding-right-53em {
  padding-right: 53em !important;
}

.padding-bottom-53em {
  padding-bottom: 53em !important;
}

.percent-width-53 {
  width: 53% !important;
}

.percent-height-53 {
  height: 53% !important;
}

.max-width-53rem {
  max-width: 53rem !important;
}

.max-height-53rem {
  max-height: 53rem !important;
}

.flex-53 {
  flex: 53;
}

.border-radius-53 {
  border-radius: 53px;
}

.percent-border-radius-53 {
  border-radius: 53%;
}

.mg-top-54 {
  margin-top: 54px !important;
}

.mg-54 {
  margin: 54px !important;
}

.mg-row-54 {
  margin-left: 54px !important;
  margin-right: 54px !important;
}

.mg-column-54 {
  margin-top: 54px !important;
  margin-bottom: 54px !important;
}

.mg-row-54em {
  margin-left: 54em !important;
  margin-right: 54em !important;
}

.mg-column-54em {
  margin-top: 54em !important;
  margin-bottom: 54em !important;
}

.mg-row-54rem {
  margin-left: 54rem !important;
  margin-right: 54rem !important;
}

.mg-column-54rem {
  margin-top: 54rem !important;
  margin-bottom: 54rem !important;
}

.mg-left-54 {
  margin-left: 54px !important;
}

.mg-right-54 {
  margin-right: 54px !important;
}

.mg-bottom-54 {
  margin-bottom: 54px !important;
}

.padding-54 {
  padding: 54px !important;
}

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

.padding-column-54 {
  padding-top: 54px !important;
  padding-bottom: 54px !important;
}

.padding-row-54em {
  padding-left: 54em !important;
  padding-right: 54em !important;
}

.padding-column-54em {
  padding-top: 54em !important;
  padding-bottom: 54em !important;
}

.padding-row-54rem {
  padding-left: 54rem !important;
  padding-right: 54rem !important;
}

.padding-column-54rem {
  padding-top: 54rem !important;
  padding-bottom: 54rem !important;
}

.padding-top-54 {
  padding-top: 54px !important;
}

.padding-left-54 {
  padding-left: 54px !important;
}

.padding-right-54 {
  padding-right: 54px !important;
}

.padding-bottom-54 {
  padding-bottom: 54px !important;
}

.padding-top-54em {
  padding-top: 54em !important;
}

.padding-left-54em {
  padding-left: 54em !important;
}

.padding-right-54em {
  padding-right: 54em !important;
}

.padding-bottom-54em {
  padding-bottom: 54em !important;
}

.percent-width-54 {
  width: 54% !important;
}

.percent-height-54 {
  height: 54% !important;
}

.max-width-54rem {
  max-width: 54rem !important;
}

.max-height-54rem {
  max-height: 54rem !important;
}

.flex-54 {
  flex: 54;
}

.border-radius-54 {
  border-radius: 54px;
}

.percent-border-radius-54 {
  border-radius: 54%;
}

.mg-top-55 {
  margin-top: 55px !important;
}

.mg-55 {
  margin: 55px !important;
}

.mg-row-55 {
  margin-left: 55px !important;
  margin-right: 55px !important;
}

.mg-column-55 {
  margin-top: 55px !important;
  margin-bottom: 55px !important;
}

.mg-row-55em {
  margin-left: 55em !important;
  margin-right: 55em !important;
}

.mg-column-55em {
  margin-top: 55em !important;
  margin-bottom: 55em !important;
}

.mg-row-55rem {
  margin-left: 55rem !important;
  margin-right: 55rem !important;
}

.mg-column-55rem {
  margin-top: 55rem !important;
  margin-bottom: 55rem !important;
}

.mg-left-55 {
  margin-left: 55px !important;
}

.mg-right-55 {
  margin-right: 55px !important;
}

.mg-bottom-55 {
  margin-bottom: 55px !important;
}

.padding-55 {
  padding: 55px !important;
}

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

.padding-column-55 {
  padding-top: 55px !important;
  padding-bottom: 55px !important;
}

.padding-row-55em {
  padding-left: 55em !important;
  padding-right: 55em !important;
}

.padding-column-55em {
  padding-top: 55em !important;
  padding-bottom: 55em !important;
}

.padding-row-55rem {
  padding-left: 55rem !important;
  padding-right: 55rem !important;
}

.padding-column-55rem {
  padding-top: 55rem !important;
  padding-bottom: 55rem !important;
}

.padding-top-55 {
  padding-top: 55px !important;
}

.padding-left-55 {
  padding-left: 55px !important;
}

.padding-right-55 {
  padding-right: 55px !important;
}

.padding-bottom-55 {
  padding-bottom: 55px !important;
}

.padding-top-55em {
  padding-top: 55em !important;
}

.padding-left-55em {
  padding-left: 55em !important;
}

.padding-right-55em {
  padding-right: 55em !important;
}

.padding-bottom-55em {
  padding-bottom: 55em !important;
}

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

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

.max-width-55rem {
  max-width: 55rem !important;
}

.max-height-55rem {
  max-height: 55rem !important;
}

.flex-55 {
  flex: 55;
}

.border-radius-55 {
  border-radius: 55px;
}

.percent-border-radius-55 {
  border-radius: 55%;
}

.mg-top-56 {
  margin-top: 56px !important;
}

.mg-56 {
  margin: 56px !important;
}

.mg-row-56 {
  margin-left: 56px !important;
  margin-right: 56px !important;
}

.mg-column-56 {
  margin-top: 56px !important;
  margin-bottom: 56px !important;
}

.mg-row-56em {
  margin-left: 56em !important;
  margin-right: 56em !important;
}

.mg-column-56em {
  margin-top: 56em !important;
  margin-bottom: 56em !important;
}

.mg-row-56rem {
  margin-left: 56rem !important;
  margin-right: 56rem !important;
}

.mg-column-56rem {
  margin-top: 56rem !important;
  margin-bottom: 56rem !important;
}

.mg-left-56 {
  margin-left: 56px !important;
}

.mg-right-56 {
  margin-right: 56px !important;
}

.mg-bottom-56 {
  margin-bottom: 56px !important;
}

.padding-56 {
  padding: 56px !important;
}

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

.padding-column-56 {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

.padding-row-56em {
  padding-left: 56em !important;
  padding-right: 56em !important;
}

.padding-column-56em {
  padding-top: 56em !important;
  padding-bottom: 56em !important;
}

.padding-row-56rem {
  padding-left: 56rem !important;
  padding-right: 56rem !important;
}

.padding-column-56rem {
  padding-top: 56rem !important;
  padding-bottom: 56rem !important;
}

.padding-top-56 {
  padding-top: 56px !important;
}

.padding-left-56 {
  padding-left: 56px !important;
}

.padding-right-56 {
  padding-right: 56px !important;
}

.padding-bottom-56 {
  padding-bottom: 56px !important;
}

.padding-top-56em {
  padding-top: 56em !important;
}

.padding-left-56em {
  padding-left: 56em !important;
}

.padding-right-56em {
  padding-right: 56em !important;
}

.padding-bottom-56em {
  padding-bottom: 56em !important;
}

.percent-width-56 {
  width: 56% !important;
}

.percent-height-56 {
  height: 56% !important;
}

.max-width-56rem {
  max-width: 56rem !important;
}

.max-height-56rem {
  max-height: 56rem !important;
}

.flex-56 {
  flex: 56;
}

.border-radius-56 {
  border-radius: 56px;
}

.percent-border-radius-56 {
  border-radius: 56%;
}

.mg-top-57 {
  margin-top: 57px !important;
}

.mg-57 {
  margin: 57px !important;
}

.mg-row-57 {
  margin-left: 57px !important;
  margin-right: 57px !important;
}

.mg-column-57 {
  margin-top: 57px !important;
  margin-bottom: 57px !important;
}

.mg-row-57em {
  margin-left: 57em !important;
  margin-right: 57em !important;
}

.mg-column-57em {
  margin-top: 57em !important;
  margin-bottom: 57em !important;
}

.mg-row-57rem {
  margin-left: 57rem !important;
  margin-right: 57rem !important;
}

.mg-column-57rem {
  margin-top: 57rem !important;
  margin-bottom: 57rem !important;
}

.mg-left-57 {
  margin-left: 57px !important;
}

.mg-right-57 {
  margin-right: 57px !important;
}

.mg-bottom-57 {
  margin-bottom: 57px !important;
}

.padding-57 {
  padding: 57px !important;
}

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

.padding-column-57 {
  padding-top: 57px !important;
  padding-bottom: 57px !important;
}

.padding-row-57em {
  padding-left: 57em !important;
  padding-right: 57em !important;
}

.padding-column-57em {
  padding-top: 57em !important;
  padding-bottom: 57em !important;
}

.padding-row-57rem {
  padding-left: 57rem !important;
  padding-right: 57rem !important;
}

.padding-column-57rem {
  padding-top: 57rem !important;
  padding-bottom: 57rem !important;
}

.padding-top-57 {
  padding-top: 57px !important;
}

.padding-left-57 {
  padding-left: 57px !important;
}

.padding-right-57 {
  padding-right: 57px !important;
}

.padding-bottom-57 {
  padding-bottom: 57px !important;
}

.padding-top-57em {
  padding-top: 57em !important;
}

.padding-left-57em {
  padding-left: 57em !important;
}

.padding-right-57em {
  padding-right: 57em !important;
}

.padding-bottom-57em {
  padding-bottom: 57em !important;
}

.percent-width-57 {
  width: 57% !important;
}

.percent-height-57 {
  height: 57% !important;
}

.max-width-57rem {
  max-width: 57rem !important;
}

.max-height-57rem {
  max-height: 57rem !important;
}

.flex-57 {
  flex: 57;
}

.border-radius-57 {
  border-radius: 57px;
}

.percent-border-radius-57 {
  border-radius: 57%;
}

.mg-top-58 {
  margin-top: 58px !important;
}

.mg-58 {
  margin: 58px !important;
}

.mg-row-58 {
  margin-left: 58px !important;
  margin-right: 58px !important;
}

.mg-column-58 {
  margin-top: 58px !important;
  margin-bottom: 58px !important;
}

.mg-row-58em {
  margin-left: 58em !important;
  margin-right: 58em !important;
}

.mg-column-58em {
  margin-top: 58em !important;
  margin-bottom: 58em !important;
}

.mg-row-58rem {
  margin-left: 58rem !important;
  margin-right: 58rem !important;
}

.mg-column-58rem {
  margin-top: 58rem !important;
  margin-bottom: 58rem !important;
}

.mg-left-58 {
  margin-left: 58px !important;
}

.mg-right-58 {
  margin-right: 58px !important;
}

.mg-bottom-58 {
  margin-bottom: 58px !important;
}

.padding-58 {
  padding: 58px !important;
}

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

.padding-column-58 {
  padding-top: 58px !important;
  padding-bottom: 58px !important;
}

.padding-row-58em {
  padding-left: 58em !important;
  padding-right: 58em !important;
}

.padding-column-58em {
  padding-top: 58em !important;
  padding-bottom: 58em !important;
}

.padding-row-58rem {
  padding-left: 58rem !important;
  padding-right: 58rem !important;
}

.padding-column-58rem {
  padding-top: 58rem !important;
  padding-bottom: 58rem !important;
}

.padding-top-58 {
  padding-top: 58px !important;
}

.padding-left-58 {
  padding-left: 58px !important;
}

.padding-right-58 {
  padding-right: 58px !important;
}

.padding-bottom-58 {
  padding-bottom: 58px !important;
}

.padding-top-58em {
  padding-top: 58em !important;
}

.padding-left-58em {
  padding-left: 58em !important;
}

.padding-right-58em {
  padding-right: 58em !important;
}

.padding-bottom-58em {
  padding-bottom: 58em !important;
}

.percent-width-58 {
  width: 58% !important;
}

.percent-height-58 {
  height: 58% !important;
}

.max-width-58rem {
  max-width: 58rem !important;
}

.max-height-58rem {
  max-height: 58rem !important;
}

.flex-58 {
  flex: 58;
}

.border-radius-58 {
  border-radius: 58px;
}

.percent-border-radius-58 {
  border-radius: 58%;
}

.mg-top-59 {
  margin-top: 59px !important;
}

.mg-59 {
  margin: 59px !important;
}

.mg-row-59 {
  margin-left: 59px !important;
  margin-right: 59px !important;
}

.mg-column-59 {
  margin-top: 59px !important;
  margin-bottom: 59px !important;
}

.mg-row-59em {
  margin-left: 59em !important;
  margin-right: 59em !important;
}

.mg-column-59em {
  margin-top: 59em !important;
  margin-bottom: 59em !important;
}

.mg-row-59rem {
  margin-left: 59rem !important;
  margin-right: 59rem !important;
}

.mg-column-59rem {
  margin-top: 59rem !important;
  margin-bottom: 59rem !important;
}

.mg-left-59 {
  margin-left: 59px !important;
}

.mg-right-59 {
  margin-right: 59px !important;
}

.mg-bottom-59 {
  margin-bottom: 59px !important;
}

.padding-59 {
  padding: 59px !important;
}

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

.padding-column-59 {
  padding-top: 59px !important;
  padding-bottom: 59px !important;
}

.padding-row-59em {
  padding-left: 59em !important;
  padding-right: 59em !important;
}

.padding-column-59em {
  padding-top: 59em !important;
  padding-bottom: 59em !important;
}

.padding-row-59rem {
  padding-left: 59rem !important;
  padding-right: 59rem !important;
}

.padding-column-59rem {
  padding-top: 59rem !important;
  padding-bottom: 59rem !important;
}

.padding-top-59 {
  padding-top: 59px !important;
}

.padding-left-59 {
  padding-left: 59px !important;
}

.padding-right-59 {
  padding-right: 59px !important;
}

.padding-bottom-59 {
  padding-bottom: 59px !important;
}

.padding-top-59em {
  padding-top: 59em !important;
}

.padding-left-59em {
  padding-left: 59em !important;
}

.padding-right-59em {
  padding-right: 59em !important;
}

.padding-bottom-59em {
  padding-bottom: 59em !important;
}

.percent-width-59 {
  width: 59% !important;
}

.percent-height-59 {
  height: 59% !important;
}

.max-width-59rem {
  max-width: 59rem !important;
}

.max-height-59rem {
  max-height: 59rem !important;
}

.flex-59 {
  flex: 59;
}

.border-radius-59 {
  border-radius: 59px;
}

.percent-border-radius-59 {
  border-radius: 59%;
}

.mg-top-60 {
  margin-top: 60px !important;
}

.mg-60 {
  margin: 60px !important;
}

.mg-row-60 {
  margin-left: 60px !important;
  margin-right: 60px !important;
}

.mg-column-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.mg-row-60em {
  margin-left: 60em !important;
  margin-right: 60em !important;
}

.mg-column-60em {
  margin-top: 60em !important;
  margin-bottom: 60em !important;
}

.mg-row-60rem {
  margin-left: 60rem !important;
  margin-right: 60rem !important;
}

.mg-column-60rem {
  margin-top: 60rem !important;
  margin-bottom: 60rem !important;
}

.mg-left-60 {
  margin-left: 60px !important;
}

.mg-right-60 {
  margin-right: 60px !important;
}

.mg-bottom-60 {
  margin-bottom: 60px !important;
}

.padding-60 {
  padding: 60px !important;
}

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

.padding-column-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.padding-row-60em {
  padding-left: 60em !important;
  padding-right: 60em !important;
}

.padding-column-60em {
  padding-top: 60em !important;
  padding-bottom: 60em !important;
}

.padding-row-60rem {
  padding-left: 60rem !important;
  padding-right: 60rem !important;
}

.padding-column-60rem {
  padding-top: 60rem !important;
  padding-bottom: 60rem !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-top-60em {
  padding-top: 60em !important;
}

.padding-left-60em {
  padding-left: 60em !important;
}

.padding-right-60em {
  padding-right: 60em !important;
}

.padding-bottom-60em {
  padding-bottom: 60em !important;
}

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

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

.max-width-60rem {
  max-width: 60rem !important;
}

.max-height-60rem {
  max-height: 60rem !important;
}

.flex-60 {
  flex: 60;
}

.border-radius-60 {
  border-radius: 60px;
}

.percent-border-radius-60 {
  border-radius: 60%;
}

.mg-top-61 {
  margin-top: 61px !important;
}

.mg-61 {
  margin: 61px !important;
}

.mg-row-61 {
  margin-left: 61px !important;
  margin-right: 61px !important;
}

.mg-column-61 {
  margin-top: 61px !important;
  margin-bottom: 61px !important;
}

.mg-row-61em {
  margin-left: 61em !important;
  margin-right: 61em !important;
}

.mg-column-61em {
  margin-top: 61em !important;
  margin-bottom: 61em !important;
}

.mg-row-61rem {
  margin-left: 61rem !important;
  margin-right: 61rem !important;
}

.mg-column-61rem {
  margin-top: 61rem !important;
  margin-bottom: 61rem !important;
}

.mg-left-61 {
  margin-left: 61px !important;
}

.mg-right-61 {
  margin-right: 61px !important;
}

.mg-bottom-61 {
  margin-bottom: 61px !important;
}

.padding-61 {
  padding: 61px !important;
}

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

.padding-column-61 {
  padding-top: 61px !important;
  padding-bottom: 61px !important;
}

.padding-row-61em {
  padding-left: 61em !important;
  padding-right: 61em !important;
}

.padding-column-61em {
  padding-top: 61em !important;
  padding-bottom: 61em !important;
}

.padding-row-61rem {
  padding-left: 61rem !important;
  padding-right: 61rem !important;
}

.padding-column-61rem {
  padding-top: 61rem !important;
  padding-bottom: 61rem !important;
}

.padding-top-61 {
  padding-top: 61px !important;
}

.padding-left-61 {
  padding-left: 61px !important;
}

.padding-right-61 {
  padding-right: 61px !important;
}

.padding-bottom-61 {
  padding-bottom: 61px !important;
}

.padding-top-61em {
  padding-top: 61em !important;
}

.padding-left-61em {
  padding-left: 61em !important;
}

.padding-right-61em {
  padding-right: 61em !important;
}

.padding-bottom-61em {
  padding-bottom: 61em !important;
}

.percent-width-61 {
  width: 61% !important;
}

.percent-height-61 {
  height: 61% !important;
}

.max-width-61rem {
  max-width: 61rem !important;
}

.max-height-61rem {
  max-height: 61rem !important;
}

.flex-61 {
  flex: 61;
}

.border-radius-61 {
  border-radius: 61px;
}

.percent-border-radius-61 {
  border-radius: 61%;
}

.mg-top-62 {
  margin-top: 62px !important;
}

.mg-62 {
  margin: 62px !important;
}

.mg-row-62 {
  margin-left: 62px !important;
  margin-right: 62px !important;
}

.mg-column-62 {
  margin-top: 62px !important;
  margin-bottom: 62px !important;
}

.mg-row-62em {
  margin-left: 62em !important;
  margin-right: 62em !important;
}

.mg-column-62em {
  margin-top: 62em !important;
  margin-bottom: 62em !important;
}

.mg-row-62rem {
  margin-left: 62rem !important;
  margin-right: 62rem !important;
}

.mg-column-62rem {
  margin-top: 62rem !important;
  margin-bottom: 62rem !important;
}

.mg-left-62 {
  margin-left: 62px !important;
}

.mg-right-62 {
  margin-right: 62px !important;
}

.mg-bottom-62 {
  margin-bottom: 62px !important;
}

.padding-62 {
  padding: 62px !important;
}

.padding-row-62 {
  padding-left: 62px !important;
  padding-right: 62px !important;
}

.padding-column-62 {
  padding-top: 62px !important;
  padding-bottom: 62px !important;
}

.padding-row-62em {
  padding-left: 62em !important;
  padding-right: 62em !important;
}

.padding-column-62em {
  padding-top: 62em !important;
  padding-bottom: 62em !important;
}

.padding-row-62rem {
  padding-left: 62rem !important;
  padding-right: 62rem !important;
}

.padding-column-62rem {
  padding-top: 62rem !important;
  padding-bottom: 62rem !important;
}

.padding-top-62 {
  padding-top: 62px !important;
}

.padding-left-62 {
  padding-left: 62px !important;
}

.padding-right-62 {
  padding-right: 62px !important;
}

.padding-bottom-62 {
  padding-bottom: 62px !important;
}

.padding-top-62em {
  padding-top: 62em !important;
}

.padding-left-62em {
  padding-left: 62em !important;
}

.padding-right-62em {
  padding-right: 62em !important;
}

.padding-bottom-62em {
  padding-bottom: 62em !important;
}

.percent-width-62 {
  width: 62% !important;
}

.percent-height-62 {
  height: 62% !important;
}

.max-width-62rem {
  max-width: 62rem !important;
}

.max-height-62rem {
  max-height: 62rem !important;
}

.flex-62 {
  flex: 62;
}

.border-radius-62 {
  border-radius: 62px;
}

.percent-border-radius-62 {
  border-radius: 62%;
}

.mg-top-63 {
  margin-top: 63px !important;
}

.mg-63 {
  margin: 63px !important;
}

.mg-row-63 {
  margin-left: 63px !important;
  margin-right: 63px !important;
}

.mg-column-63 {
  margin-top: 63px !important;
  margin-bottom: 63px !important;
}

.mg-row-63em {
  margin-left: 63em !important;
  margin-right: 63em !important;
}

.mg-column-63em {
  margin-top: 63em !important;
  margin-bottom: 63em !important;
}

.mg-row-63rem {
  margin-left: 63rem !important;
  margin-right: 63rem !important;
}

.mg-column-63rem {
  margin-top: 63rem !important;
  margin-bottom: 63rem !important;
}

.mg-left-63 {
  margin-left: 63px !important;
}

.mg-right-63 {
  margin-right: 63px !important;
}

.mg-bottom-63 {
  margin-bottom: 63px !important;
}

.padding-63 {
  padding: 63px !important;
}

.padding-row-63 {
  padding-left: 63px !important;
  padding-right: 63px !important;
}

.padding-column-63 {
  padding-top: 63px !important;
  padding-bottom: 63px !important;
}

.padding-row-63em {
  padding-left: 63em !important;
  padding-right: 63em !important;
}

.padding-column-63em {
  padding-top: 63em !important;
  padding-bottom: 63em !important;
}

.padding-row-63rem {
  padding-left: 63rem !important;
  padding-right: 63rem !important;
}

.padding-column-63rem {
  padding-top: 63rem !important;
  padding-bottom: 63rem !important;
}

.padding-top-63 {
  padding-top: 63px !important;
}

.padding-left-63 {
  padding-left: 63px !important;
}

.padding-right-63 {
  padding-right: 63px !important;
}

.padding-bottom-63 {
  padding-bottom: 63px !important;
}

.padding-top-63em {
  padding-top: 63em !important;
}

.padding-left-63em {
  padding-left: 63em !important;
}

.padding-right-63em {
  padding-right: 63em !important;
}

.padding-bottom-63em {
  padding-bottom: 63em !important;
}

.percent-width-63 {
  width: 63% !important;
}

.percent-height-63 {
  height: 63% !important;
}

.max-width-63rem {
  max-width: 63rem !important;
}

.max-height-63rem {
  max-height: 63rem !important;
}

.flex-63 {
  flex: 63;
}

.border-radius-63 {
  border-radius: 63px;
}

.percent-border-radius-63 {
  border-radius: 63%;
}

.mg-top-64 {
  margin-top: 64px !important;
}

.mg-64 {
  margin: 64px !important;
}

.mg-row-64 {
  margin-left: 64px !important;
  margin-right: 64px !important;
}

.mg-column-64 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}

.mg-row-64em {
  margin-left: 64em !important;
  margin-right: 64em !important;
}

.mg-column-64em {
  margin-top: 64em !important;
  margin-bottom: 64em !important;
}

.mg-row-64rem {
  margin-left: 64rem !important;
  margin-right: 64rem !important;
}

.mg-column-64rem {
  margin-top: 64rem !important;
  margin-bottom: 64rem !important;
}

.mg-left-64 {
  margin-left: 64px !important;
}

.mg-right-64 {
  margin-right: 64px !important;
}

.mg-bottom-64 {
  margin-bottom: 64px !important;
}

.padding-64 {
  padding: 64px !important;
}

.padding-row-64 {
  padding-left: 64px !important;
  padding-right: 64px !important;
}

.padding-column-64 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

.padding-row-64em {
  padding-left: 64em !important;
  padding-right: 64em !important;
}

.padding-column-64em {
  padding-top: 64em !important;
  padding-bottom: 64em !important;
}

.padding-row-64rem {
  padding-left: 64rem !important;
  padding-right: 64rem !important;
}

.padding-column-64rem {
  padding-top: 64rem !important;
  padding-bottom: 64rem !important;
}

.padding-top-64 {
  padding-top: 64px !important;
}

.padding-left-64 {
  padding-left: 64px !important;
}

.padding-right-64 {
  padding-right: 64px !important;
}

.padding-bottom-64 {
  padding-bottom: 64px !important;
}

.padding-top-64em {
  padding-top: 64em !important;
}

.padding-left-64em {
  padding-left: 64em !important;
}

.padding-right-64em {
  padding-right: 64em !important;
}

.padding-bottom-64em {
  padding-bottom: 64em !important;
}

.percent-width-64 {
  width: 64% !important;
}

.percent-height-64 {
  height: 64% !important;
}

.max-width-64rem {
  max-width: 64rem !important;
}

.max-height-64rem {
  max-height: 64rem !important;
}

.flex-64 {
  flex: 64;
}

.border-radius-64 {
  border-radius: 64px;
}

.percent-border-radius-64 {
  border-radius: 64%;
}

.mg-top-65 {
  margin-top: 65px !important;
}

.mg-65 {
  margin: 65px !important;
}

.mg-row-65 {
  margin-left: 65px !important;
  margin-right: 65px !important;
}

.mg-column-65 {
  margin-top: 65px !important;
  margin-bottom: 65px !important;
}

.mg-row-65em {
  margin-left: 65em !important;
  margin-right: 65em !important;
}

.mg-column-65em {
  margin-top: 65em !important;
  margin-bottom: 65em !important;
}

.mg-row-65rem {
  margin-left: 65rem !important;
  margin-right: 65rem !important;
}

.mg-column-65rem {
  margin-top: 65rem !important;
  margin-bottom: 65rem !important;
}

.mg-left-65 {
  margin-left: 65px !important;
}

.mg-right-65 {
  margin-right: 65px !important;
}

.mg-bottom-65 {
  margin-bottom: 65px !important;
}

.padding-65 {
  padding: 65px !important;
}

.padding-row-65 {
  padding-left: 65px !important;
  padding-right: 65px !important;
}

.padding-column-65 {
  padding-top: 65px !important;
  padding-bottom: 65px !important;
}

.padding-row-65em {
  padding-left: 65em !important;
  padding-right: 65em !important;
}

.padding-column-65em {
  padding-top: 65em !important;
  padding-bottom: 65em !important;
}

.padding-row-65rem {
  padding-left: 65rem !important;
  padding-right: 65rem !important;
}

.padding-column-65rem {
  padding-top: 65rem !important;
  padding-bottom: 65rem !important;
}

.padding-top-65 {
  padding-top: 65px !important;
}

.padding-left-65 {
  padding-left: 65px !important;
}

.padding-right-65 {
  padding-right: 65px !important;
}

.padding-bottom-65 {
  padding-bottom: 65px !important;
}

.padding-top-65em {
  padding-top: 65em !important;
}

.padding-left-65em {
  padding-left: 65em !important;
}

.padding-right-65em {
  padding-right: 65em !important;
}

.padding-bottom-65em {
  padding-bottom: 65em !important;
}

.percent-width-65 {
  width: 65% !important;
}

.percent-height-65 {
  height: 65% !important;
}

.max-width-65rem {
  max-width: 65rem !important;
}

.max-height-65rem {
  max-height: 65rem !important;
}

.flex-65 {
  flex: 65;
}

.border-radius-65 {
  border-radius: 65px;
}

.percent-border-radius-65 {
  border-radius: 65%;
}

.mg-top-66 {
  margin-top: 66px !important;
}

.mg-66 {
  margin: 66px !important;
}

.mg-row-66 {
  margin-left: 66px !important;
  margin-right: 66px !important;
}

.mg-column-66 {
  margin-top: 66px !important;
  margin-bottom: 66px !important;
}

.mg-row-66em {
  margin-left: 66em !important;
  margin-right: 66em !important;
}

.mg-column-66em {
  margin-top: 66em !important;
  margin-bottom: 66em !important;
}

.mg-row-66rem {
  margin-left: 66rem !important;
  margin-right: 66rem !important;
}

.mg-column-66rem {
  margin-top: 66rem !important;
  margin-bottom: 66rem !important;
}

.mg-left-66 {
  margin-left: 66px !important;
}

.mg-right-66 {
  margin-right: 66px !important;
}

.mg-bottom-66 {
  margin-bottom: 66px !important;
}

.padding-66 {
  padding: 66px !important;
}

.padding-row-66 {
  padding-left: 66px !important;
  padding-right: 66px !important;
}

.padding-column-66 {
  padding-top: 66px !important;
  padding-bottom: 66px !important;
}

.padding-row-66em {
  padding-left: 66em !important;
  padding-right: 66em !important;
}

.padding-column-66em {
  padding-top: 66em !important;
  padding-bottom: 66em !important;
}

.padding-row-66rem {
  padding-left: 66rem !important;
  padding-right: 66rem !important;
}

.padding-column-66rem {
  padding-top: 66rem !important;
  padding-bottom: 66rem !important;
}

.padding-top-66 {
  padding-top: 66px !important;
}

.padding-left-66 {
  padding-left: 66px !important;
}

.padding-right-66 {
  padding-right: 66px !important;
}

.padding-bottom-66 {
  padding-bottom: 66px !important;
}

.padding-top-66em {
  padding-top: 66em !important;
}

.padding-left-66em {
  padding-left: 66em !important;
}

.padding-right-66em {
  padding-right: 66em !important;
}

.padding-bottom-66em {
  padding-bottom: 66em !important;
}

.percent-width-66 {
  width: 66% !important;
}

.percent-height-66 {
  height: 66% !important;
}

.max-width-66rem {
  max-width: 66rem !important;
}

.max-height-66rem {
  max-height: 66rem !important;
}

.flex-66 {
  flex: 66;
}

.border-radius-66 {
  border-radius: 66px;
}

.percent-border-radius-66 {
  border-radius: 66%;
}

.mg-top-67 {
  margin-top: 67px !important;
}

.mg-67 {
  margin: 67px !important;
}

.mg-row-67 {
  margin-left: 67px !important;
  margin-right: 67px !important;
}

.mg-column-67 {
  margin-top: 67px !important;
  margin-bottom: 67px !important;
}

.mg-row-67em {
  margin-left: 67em !important;
  margin-right: 67em !important;
}

.mg-column-67em {
  margin-top: 67em !important;
  margin-bottom: 67em !important;
}

.mg-row-67rem {
  margin-left: 67rem !important;
  margin-right: 67rem !important;
}

.mg-column-67rem {
  margin-top: 67rem !important;
  margin-bottom: 67rem !important;
}

.mg-left-67 {
  margin-left: 67px !important;
}

.mg-right-67 {
  margin-right: 67px !important;
}

.mg-bottom-67 {
  margin-bottom: 67px !important;
}

.padding-67 {
  padding: 67px !important;
}

.padding-row-67 {
  padding-left: 67px !important;
  padding-right: 67px !important;
}

.padding-column-67 {
  padding-top: 67px !important;
  padding-bottom: 67px !important;
}

.padding-row-67em {
  padding-left: 67em !important;
  padding-right: 67em !important;
}

.padding-column-67em {
  padding-top: 67em !important;
  padding-bottom: 67em !important;
}

.padding-row-67rem {
  padding-left: 67rem !important;
  padding-right: 67rem !important;
}

.padding-column-67rem {
  padding-top: 67rem !important;
  padding-bottom: 67rem !important;
}

.padding-top-67 {
  padding-top: 67px !important;
}

.padding-left-67 {
  padding-left: 67px !important;
}

.padding-right-67 {
  padding-right: 67px !important;
}

.padding-bottom-67 {
  padding-bottom: 67px !important;
}

.padding-top-67em {
  padding-top: 67em !important;
}

.padding-left-67em {
  padding-left: 67em !important;
}

.padding-right-67em {
  padding-right: 67em !important;
}

.padding-bottom-67em {
  padding-bottom: 67em !important;
}

.percent-width-67 {
  width: 67% !important;
}

.percent-height-67 {
  height: 67% !important;
}

.max-width-67rem {
  max-width: 67rem !important;
}

.max-height-67rem {
  max-height: 67rem !important;
}

.flex-67 {
  flex: 67;
}

.border-radius-67 {
  border-radius: 67px;
}

.percent-border-radius-67 {
  border-radius: 67%;
}

.mg-top-68 {
  margin-top: 68px !important;
}

.mg-68 {
  margin: 68px !important;
}

.mg-row-68 {
  margin-left: 68px !important;
  margin-right: 68px !important;
}

.mg-column-68 {
  margin-top: 68px !important;
  margin-bottom: 68px !important;
}

.mg-row-68em {
  margin-left: 68em !important;
  margin-right: 68em !important;
}

.mg-column-68em {
  margin-top: 68em !important;
  margin-bottom: 68em !important;
}

.mg-row-68rem {
  margin-left: 68rem !important;
  margin-right: 68rem !important;
}

.mg-column-68rem {
  margin-top: 68rem !important;
  margin-bottom: 68rem !important;
}

.mg-left-68 {
  margin-left: 68px !important;
}

.mg-right-68 {
  margin-right: 68px !important;
}

.mg-bottom-68 {
  margin-bottom: 68px !important;
}

.padding-68 {
  padding: 68px !important;
}

.padding-row-68 {
  padding-left: 68px !important;
  padding-right: 68px !important;
}

.padding-column-68 {
  padding-top: 68px !important;
  padding-bottom: 68px !important;
}

.padding-row-68em {
  padding-left: 68em !important;
  padding-right: 68em !important;
}

.padding-column-68em {
  padding-top: 68em !important;
  padding-bottom: 68em !important;
}

.padding-row-68rem {
  padding-left: 68rem !important;
  padding-right: 68rem !important;
}

.padding-column-68rem {
  padding-top: 68rem !important;
  padding-bottom: 68rem !important;
}

.padding-top-68 {
  padding-top: 68px !important;
}

.padding-left-68 {
  padding-left: 68px !important;
}

.padding-right-68 {
  padding-right: 68px !important;
}

.padding-bottom-68 {
  padding-bottom: 68px !important;
}

.padding-top-68em {
  padding-top: 68em !important;
}

.padding-left-68em {
  padding-left: 68em !important;
}

.padding-right-68em {
  padding-right: 68em !important;
}

.padding-bottom-68em {
  padding-bottom: 68em !important;
}

.percent-width-68 {
  width: 68% !important;
}

.percent-height-68 {
  height: 68% !important;
}

.max-width-68rem {
  max-width: 68rem !important;
}

.max-height-68rem {
  max-height: 68rem !important;
}

.flex-68 {
  flex: 68;
}

.border-radius-68 {
  border-radius: 68px;
}

.percent-border-radius-68 {
  border-radius: 68%;
}

.mg-top-69 {
  margin-top: 69px !important;
}

.mg-69 {
  margin: 69px !important;
}

.mg-row-69 {
  margin-left: 69px !important;
  margin-right: 69px !important;
}

.mg-column-69 {
  margin-top: 69px !important;
  margin-bottom: 69px !important;
}

.mg-row-69em {
  margin-left: 69em !important;
  margin-right: 69em !important;
}

.mg-column-69em {
  margin-top: 69em !important;
  margin-bottom: 69em !important;
}

.mg-row-69rem {
  margin-left: 69rem !important;
  margin-right: 69rem !important;
}

.mg-column-69rem {
  margin-top: 69rem !important;
  margin-bottom: 69rem !important;
}

.mg-left-69 {
  margin-left: 69px !important;
}

.mg-right-69 {
  margin-right: 69px !important;
}

.mg-bottom-69 {
  margin-bottom: 69px !important;
}

.padding-69 {
  padding: 69px !important;
}

.padding-row-69 {
  padding-left: 69px !important;
  padding-right: 69px !important;
}

.padding-column-69 {
  padding-top: 69px !important;
  padding-bottom: 69px !important;
}

.padding-row-69em {
  padding-left: 69em !important;
  padding-right: 69em !important;
}

.padding-column-69em {
  padding-top: 69em !important;
  padding-bottom: 69em !important;
}

.padding-row-69rem {
  padding-left: 69rem !important;
  padding-right: 69rem !important;
}

.padding-column-69rem {
  padding-top: 69rem !important;
  padding-bottom: 69rem !important;
}

.padding-top-69 {
  padding-top: 69px !important;
}

.padding-left-69 {
  padding-left: 69px !important;
}

.padding-right-69 {
  padding-right: 69px !important;
}

.padding-bottom-69 {
  padding-bottom: 69px !important;
}

.padding-top-69em {
  padding-top: 69em !important;
}

.padding-left-69em {
  padding-left: 69em !important;
}

.padding-right-69em {
  padding-right: 69em !important;
}

.padding-bottom-69em {
  padding-bottom: 69em !important;
}

.percent-width-69 {
  width: 69% !important;
}

.percent-height-69 {
  height: 69% !important;
}

.max-width-69rem {
  max-width: 69rem !important;
}

.max-height-69rem {
  max-height: 69rem !important;
}

.flex-69 {
  flex: 69;
}

.border-radius-69 {
  border-radius: 69px;
}

.percent-border-radius-69 {
  border-radius: 69%;
}

.mg-top-70 {
  margin-top: 70px !important;
}

.mg-70 {
  margin: 70px !important;
}

.mg-row-70 {
  margin-left: 70px !important;
  margin-right: 70px !important;
}

.mg-column-70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}

.mg-row-70em {
  margin-left: 70em !important;
  margin-right: 70em !important;
}

.mg-column-70em {
  margin-top: 70em !important;
  margin-bottom: 70em !important;
}

.mg-row-70rem {
  margin-left: 70rem !important;
  margin-right: 70rem !important;
}

.mg-column-70rem {
  margin-top: 70rem !important;
  margin-bottom: 70rem !important;
}

.mg-left-70 {
  margin-left: 70px !important;
}

.mg-right-70 {
  margin-right: 70px !important;
}

.mg-bottom-70 {
  margin-bottom: 70px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-row-70 {
  padding-left: 70px !important;
  padding-right: 70px !important;
}

.padding-column-70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

.padding-row-70em {
  padding-left: 70em !important;
  padding-right: 70em !important;
}

.padding-column-70em {
  padding-top: 70em !important;
  padding-bottom: 70em !important;
}

.padding-row-70rem {
  padding-left: 70rem !important;
  padding-right: 70rem !important;
}

.padding-column-70rem {
  padding-top: 70rem !important;
  padding-bottom: 70rem !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-top-70em {
  padding-top: 70em !important;
}

.padding-left-70em {
  padding-left: 70em !important;
}

.padding-right-70em {
  padding-right: 70em !important;
}

.padding-bottom-70em {
  padding-bottom: 70em !important;
}

.percent-width-70 {
  width: 70% !important;
}

.percent-height-70 {
  height: 70% !important;
}

.max-width-70rem {
  max-width: 70rem !important;
}

.max-height-70rem {
  max-height: 70rem !important;
}

.flex-70 {
  flex: 70;
}

.border-radius-70 {
  border-radius: 70px;
}

.percent-border-radius-70 {
  border-radius: 70%;
}

.mg-top-71 {
  margin-top: 71px !important;
}

.mg-71 {
  margin: 71px !important;
}

.mg-row-71 {
  margin-left: 71px !important;
  margin-right: 71px !important;
}

.mg-column-71 {
  margin-top: 71px !important;
  margin-bottom: 71px !important;
}

.mg-row-71em {
  margin-left: 71em !important;
  margin-right: 71em !important;
}

.mg-column-71em {
  margin-top: 71em !important;
  margin-bottom: 71em !important;
}

.mg-row-71rem {
  margin-left: 71rem !important;
  margin-right: 71rem !important;
}

.mg-column-71rem {
  margin-top: 71rem !important;
  margin-bottom: 71rem !important;
}

.mg-left-71 {
  margin-left: 71px !important;
}

.mg-right-71 {
  margin-right: 71px !important;
}

.mg-bottom-71 {
  margin-bottom: 71px !important;
}

.padding-71 {
  padding: 71px !important;
}

.padding-row-71 {
  padding-left: 71px !important;
  padding-right: 71px !important;
}

.padding-column-71 {
  padding-top: 71px !important;
  padding-bottom: 71px !important;
}

.padding-row-71em {
  padding-left: 71em !important;
  padding-right: 71em !important;
}

.padding-column-71em {
  padding-top: 71em !important;
  padding-bottom: 71em !important;
}

.padding-row-71rem {
  padding-left: 71rem !important;
  padding-right: 71rem !important;
}

.padding-column-71rem {
  padding-top: 71rem !important;
  padding-bottom: 71rem !important;
}

.padding-top-71 {
  padding-top: 71px !important;
}

.padding-left-71 {
  padding-left: 71px !important;
}

.padding-right-71 {
  padding-right: 71px !important;
}

.padding-bottom-71 {
  padding-bottom: 71px !important;
}

.padding-top-71em {
  padding-top: 71em !important;
}

.padding-left-71em {
  padding-left: 71em !important;
}

.padding-right-71em {
  padding-right: 71em !important;
}

.padding-bottom-71em {
  padding-bottom: 71em !important;
}

.percent-width-71 {
  width: 71% !important;
}

.percent-height-71 {
  height: 71% !important;
}

.max-width-71rem {
  max-width: 71rem !important;
}

.max-height-71rem {
  max-height: 71rem !important;
}

.flex-71 {
  flex: 71;
}

.border-radius-71 {
  border-radius: 71px;
}

.percent-border-radius-71 {
  border-radius: 71%;
}

.mg-top-72 {
  margin-top: 72px !important;
}

.mg-72 {
  margin: 72px !important;
}

.mg-row-72 {
  margin-left: 72px !important;
  margin-right: 72px !important;
}

.mg-column-72 {
  margin-top: 72px !important;
  margin-bottom: 72px !important;
}

.mg-row-72em {
  margin-left: 72em !important;
  margin-right: 72em !important;
}

.mg-column-72em {
  margin-top: 72em !important;
  margin-bottom: 72em !important;
}

.mg-row-72rem {
  margin-left: 72rem !important;
  margin-right: 72rem !important;
}

.mg-column-72rem {
  margin-top: 72rem !important;
  margin-bottom: 72rem !important;
}

.mg-left-72 {
  margin-left: 72px !important;
}

.mg-right-72 {
  margin-right: 72px !important;
}

.mg-bottom-72 {
  margin-bottom: 72px !important;
}

.padding-72 {
  padding: 72px !important;
}

.padding-row-72 {
  padding-left: 72px !important;
  padding-right: 72px !important;
}

.padding-column-72 {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

.padding-row-72em {
  padding-left: 72em !important;
  padding-right: 72em !important;
}

.padding-column-72em {
  padding-top: 72em !important;
  padding-bottom: 72em !important;
}

.padding-row-72rem {
  padding-left: 72rem !important;
  padding-right: 72rem !important;
}

.padding-column-72rem {
  padding-top: 72rem !important;
  padding-bottom: 72rem !important;
}

.padding-top-72 {
  padding-top: 72px !important;
}

.padding-left-72 {
  padding-left: 72px !important;
}

.padding-right-72 {
  padding-right: 72px !important;
}

.padding-bottom-72 {
  padding-bottom: 72px !important;
}

.padding-top-72em {
  padding-top: 72em !important;
}

.padding-left-72em {
  padding-left: 72em !important;
}

.padding-right-72em {
  padding-right: 72em !important;
}

.padding-bottom-72em {
  padding-bottom: 72em !important;
}

.percent-width-72 {
  width: 72% !important;
}

.percent-height-72 {
  height: 72% !important;
}

.max-width-72rem {
  max-width: 72rem !important;
}

.max-height-72rem {
  max-height: 72rem !important;
}

.flex-72 {
  flex: 72;
}

.border-radius-72 {
  border-radius: 72px;
}

.percent-border-radius-72 {
  border-radius: 72%;
}

.mg-top-73 {
  margin-top: 73px !important;
}

.mg-73 {
  margin: 73px !important;
}

.mg-row-73 {
  margin-left: 73px !important;
  margin-right: 73px !important;
}

.mg-column-73 {
  margin-top: 73px !important;
  margin-bottom: 73px !important;
}

.mg-row-73em {
  margin-left: 73em !important;
  margin-right: 73em !important;
}

.mg-column-73em {
  margin-top: 73em !important;
  margin-bottom: 73em !important;
}

.mg-row-73rem {
  margin-left: 73rem !important;
  margin-right: 73rem !important;
}

.mg-column-73rem {
  margin-top: 73rem !important;
  margin-bottom: 73rem !important;
}

.mg-left-73 {
  margin-left: 73px !important;
}

.mg-right-73 {
  margin-right: 73px !important;
}

.mg-bottom-73 {
  margin-bottom: 73px !important;
}

.padding-73 {
  padding: 73px !important;
}

.padding-row-73 {
  padding-left: 73px !important;
  padding-right: 73px !important;
}

.padding-column-73 {
  padding-top: 73px !important;
  padding-bottom: 73px !important;
}

.padding-row-73em {
  padding-left: 73em !important;
  padding-right: 73em !important;
}

.padding-column-73em {
  padding-top: 73em !important;
  padding-bottom: 73em !important;
}

.padding-row-73rem {
  padding-left: 73rem !important;
  padding-right: 73rem !important;
}

.padding-column-73rem {
  padding-top: 73rem !important;
  padding-bottom: 73rem !important;
}

.padding-top-73 {
  padding-top: 73px !important;
}

.padding-left-73 {
  padding-left: 73px !important;
}

.padding-right-73 {
  padding-right: 73px !important;
}

.padding-bottom-73 {
  padding-bottom: 73px !important;
}

.padding-top-73em {
  padding-top: 73em !important;
}

.padding-left-73em {
  padding-left: 73em !important;
}

.padding-right-73em {
  padding-right: 73em !important;
}

.padding-bottom-73em {
  padding-bottom: 73em !important;
}

.percent-width-73 {
  width: 73% !important;
}

.percent-height-73 {
  height: 73% !important;
}

.max-width-73rem {
  max-width: 73rem !important;
}

.max-height-73rem {
  max-height: 73rem !important;
}

.flex-73 {
  flex: 73;
}

.border-radius-73 {
  border-radius: 73px;
}

.percent-border-radius-73 {
  border-radius: 73%;
}

.mg-top-74 {
  margin-top: 74px !important;
}

.mg-74 {
  margin: 74px !important;
}

.mg-row-74 {
  margin-left: 74px !important;
  margin-right: 74px !important;
}

.mg-column-74 {
  margin-top: 74px !important;
  margin-bottom: 74px !important;
}

.mg-row-74em {
  margin-left: 74em !important;
  margin-right: 74em !important;
}

.mg-column-74em {
  margin-top: 74em !important;
  margin-bottom: 74em !important;
}

.mg-row-74rem {
  margin-left: 74rem !important;
  margin-right: 74rem !important;
}

.mg-column-74rem {
  margin-top: 74rem !important;
  margin-bottom: 74rem !important;
}

.mg-left-74 {
  margin-left: 74px !important;
}

.mg-right-74 {
  margin-right: 74px !important;
}

.mg-bottom-74 {
  margin-bottom: 74px !important;
}

.padding-74 {
  padding: 74px !important;
}

.padding-row-74 {
  padding-left: 74px !important;
  padding-right: 74px !important;
}

.padding-column-74 {
  padding-top: 74px !important;
  padding-bottom: 74px !important;
}

.padding-row-74em {
  padding-left: 74em !important;
  padding-right: 74em !important;
}

.padding-column-74em {
  padding-top: 74em !important;
  padding-bottom: 74em !important;
}

.padding-row-74rem {
  padding-left: 74rem !important;
  padding-right: 74rem !important;
}

.padding-column-74rem {
  padding-top: 74rem !important;
  padding-bottom: 74rem !important;
}

.padding-top-74 {
  padding-top: 74px !important;
}

.padding-left-74 {
  padding-left: 74px !important;
}

.padding-right-74 {
  padding-right: 74px !important;
}

.padding-bottom-74 {
  padding-bottom: 74px !important;
}

.padding-top-74em {
  padding-top: 74em !important;
}

.padding-left-74em {
  padding-left: 74em !important;
}

.padding-right-74em {
  padding-right: 74em !important;
}

.padding-bottom-74em {
  padding-bottom: 74em !important;
}

.percent-width-74 {
  width: 74% !important;
}

.percent-height-74 {
  height: 74% !important;
}

.max-width-74rem {
  max-width: 74rem !important;
}

.max-height-74rem {
  max-height: 74rem !important;
}

.flex-74 {
  flex: 74;
}

.border-radius-74 {
  border-radius: 74px;
}

.percent-border-radius-74 {
  border-radius: 74%;
}

.mg-top-75 {
  margin-top: 75px !important;
}

.mg-75 {
  margin: 75px !important;
}

.mg-row-75 {
  margin-left: 75px !important;
  margin-right: 75px !important;
}

.mg-column-75 {
  margin-top: 75px !important;
  margin-bottom: 75px !important;
}

.mg-row-75em {
  margin-left: 75em !important;
  margin-right: 75em !important;
}

.mg-column-75em {
  margin-top: 75em !important;
  margin-bottom: 75em !important;
}

.mg-row-75rem {
  margin-left: 75rem !important;
  margin-right: 75rem !important;
}

.mg-column-75rem {
  margin-top: 75rem !important;
  margin-bottom: 75rem !important;
}

.mg-left-75 {
  margin-left: 75px !important;
}

.mg-right-75 {
  margin-right: 75px !important;
}

.mg-bottom-75 {
  margin-bottom: 75px !important;
}

.padding-75 {
  padding: 75px !important;
}

.padding-row-75 {
  padding-left: 75px !important;
  padding-right: 75px !important;
}

.padding-column-75 {
  padding-top: 75px !important;
  padding-bottom: 75px !important;
}

.padding-row-75em {
  padding-left: 75em !important;
  padding-right: 75em !important;
}

.padding-column-75em {
  padding-top: 75em !important;
  padding-bottom: 75em !important;
}

.padding-row-75rem {
  padding-left: 75rem !important;
  padding-right: 75rem !important;
}

.padding-column-75rem {
  padding-top: 75rem !important;
  padding-bottom: 75rem !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-top-75em {
  padding-top: 75em !important;
}

.padding-left-75em {
  padding-left: 75em !important;
}

.padding-right-75em {
  padding-right: 75em !important;
}

.padding-bottom-75em {
  padding-bottom: 75em !important;
}

.percent-width-75 {
  width: 75% !important;
}

.percent-height-75 {
  height: 75% !important;
}

.max-width-75rem {
  max-width: 75rem !important;
}

.max-height-75rem {
  max-height: 75rem !important;
}

.flex-75 {
  flex: 75;
}

.border-radius-75 {
  border-radius: 75px;
}

.percent-border-radius-75 {
  border-radius: 75%;
}

.mg-top-76 {
  margin-top: 76px !important;
}

.mg-76 {
  margin: 76px !important;
}

.mg-row-76 {
  margin-left: 76px !important;
  margin-right: 76px !important;
}

.mg-column-76 {
  margin-top: 76px !important;
  margin-bottom: 76px !important;
}

.mg-row-76em {
  margin-left: 76em !important;
  margin-right: 76em !important;
}

.mg-column-76em {
  margin-top: 76em !important;
  margin-bottom: 76em !important;
}

.mg-row-76rem {
  margin-left: 76rem !important;
  margin-right: 76rem !important;
}

.mg-column-76rem {
  margin-top: 76rem !important;
  margin-bottom: 76rem !important;
}

.mg-left-76 {
  margin-left: 76px !important;
}

.mg-right-76 {
  margin-right: 76px !important;
}

.mg-bottom-76 {
  margin-bottom: 76px !important;
}

.padding-76 {
  padding: 76px !important;
}

.padding-row-76 {
  padding-left: 76px !important;
  padding-right: 76px !important;
}

.padding-column-76 {
  padding-top: 76px !important;
  padding-bottom: 76px !important;
}

.padding-row-76em {
  padding-left: 76em !important;
  padding-right: 76em !important;
}

.padding-column-76em {
  padding-top: 76em !important;
  padding-bottom: 76em !important;
}

.padding-row-76rem {
  padding-left: 76rem !important;
  padding-right: 76rem !important;
}

.padding-column-76rem {
  padding-top: 76rem !important;
  padding-bottom: 76rem !important;
}

.padding-top-76 {
  padding-top: 76px !important;
}

.padding-left-76 {
  padding-left: 76px !important;
}

.padding-right-76 {
  padding-right: 76px !important;
}

.padding-bottom-76 {
  padding-bottom: 76px !important;
}

.padding-top-76em {
  padding-top: 76em !important;
}

.padding-left-76em {
  padding-left: 76em !important;
}

.padding-right-76em {
  padding-right: 76em !important;
}

.padding-bottom-76em {
  padding-bottom: 76em !important;
}

.percent-width-76 {
  width: 76% !important;
}

.percent-height-76 {
  height: 76% !important;
}

.max-width-76rem {
  max-width: 76rem !important;
}

.max-height-76rem {
  max-height: 76rem !important;
}

.flex-76 {
  flex: 76;
}

.border-radius-76 {
  border-radius: 76px;
}

.percent-border-radius-76 {
  border-radius: 76%;
}

.mg-top-77 {
  margin-top: 77px !important;
}

.mg-77 {
  margin: 77px !important;
}

.mg-row-77 {
  margin-left: 77px !important;
  margin-right: 77px !important;
}

.mg-column-77 {
  margin-top: 77px !important;
  margin-bottom: 77px !important;
}

.mg-row-77em {
  margin-left: 77em !important;
  margin-right: 77em !important;
}

.mg-column-77em {
  margin-top: 77em !important;
  margin-bottom: 77em !important;
}

.mg-row-77rem {
  margin-left: 77rem !important;
  margin-right: 77rem !important;
}

.mg-column-77rem {
  margin-top: 77rem !important;
  margin-bottom: 77rem !important;
}

.mg-left-77 {
  margin-left: 77px !important;
}

.mg-right-77 {
  margin-right: 77px !important;
}

.mg-bottom-77 {
  margin-bottom: 77px !important;
}

.padding-77 {
  padding: 77px !important;
}

.padding-row-77 {
  padding-left: 77px !important;
  padding-right: 77px !important;
}

.padding-column-77 {
  padding-top: 77px !important;
  padding-bottom: 77px !important;
}

.padding-row-77em {
  padding-left: 77em !important;
  padding-right: 77em !important;
}

.padding-column-77em {
  padding-top: 77em !important;
  padding-bottom: 77em !important;
}

.padding-row-77rem {
  padding-left: 77rem !important;
  padding-right: 77rem !important;
}

.padding-column-77rem {
  padding-top: 77rem !important;
  padding-bottom: 77rem !important;
}

.padding-top-77 {
  padding-top: 77px !important;
}

.padding-left-77 {
  padding-left: 77px !important;
}

.padding-right-77 {
  padding-right: 77px !important;
}

.padding-bottom-77 {
  padding-bottom: 77px !important;
}

.padding-top-77em {
  padding-top: 77em !important;
}

.padding-left-77em {
  padding-left: 77em !important;
}

.padding-right-77em {
  padding-right: 77em !important;
}

.padding-bottom-77em {
  padding-bottom: 77em !important;
}

.percent-width-77 {
  width: 77% !important;
}

.percent-height-77 {
  height: 77% !important;
}

.max-width-77rem {
  max-width: 77rem !important;
}

.max-height-77rem {
  max-height: 77rem !important;
}

.flex-77 {
  flex: 77;
}

.border-radius-77 {
  border-radius: 77px;
}

.percent-border-radius-77 {
  border-radius: 77%;
}

.mg-top-78 {
  margin-top: 78px !important;
}

.mg-78 {
  margin: 78px !important;
}

.mg-row-78 {
  margin-left: 78px !important;
  margin-right: 78px !important;
}

.mg-column-78 {
  margin-top: 78px !important;
  margin-bottom: 78px !important;
}

.mg-row-78em {
  margin-left: 78em !important;
  margin-right: 78em !important;
}

.mg-column-78em {
  margin-top: 78em !important;
  margin-bottom: 78em !important;
}

.mg-row-78rem {
  margin-left: 78rem !important;
  margin-right: 78rem !important;
}

.mg-column-78rem {
  margin-top: 78rem !important;
  margin-bottom: 78rem !important;
}

.mg-left-78 {
  margin-left: 78px !important;
}

.mg-right-78 {
  margin-right: 78px !important;
}

.mg-bottom-78 {
  margin-bottom: 78px !important;
}

.padding-78 {
  padding: 78px !important;
}

.padding-row-78 {
  padding-left: 78px !important;
  padding-right: 78px !important;
}

.padding-column-78 {
  padding-top: 78px !important;
  padding-bottom: 78px !important;
}

.padding-row-78em {
  padding-left: 78em !important;
  padding-right: 78em !important;
}

.padding-column-78em {
  padding-top: 78em !important;
  padding-bottom: 78em !important;
}

.padding-row-78rem {
  padding-left: 78rem !important;
  padding-right: 78rem !important;
}

.padding-column-78rem {
  padding-top: 78rem !important;
  padding-bottom: 78rem !important;
}

.padding-top-78 {
  padding-top: 78px !important;
}

.padding-left-78 {
  padding-left: 78px !important;
}

.padding-right-78 {
  padding-right: 78px !important;
}

.padding-bottom-78 {
  padding-bottom: 78px !important;
}

.padding-top-78em {
  padding-top: 78em !important;
}

.padding-left-78em {
  padding-left: 78em !important;
}

.padding-right-78em {
  padding-right: 78em !important;
}

.padding-bottom-78em {
  padding-bottom: 78em !important;
}

.percent-width-78 {
  width: 78% !important;
}

.percent-height-78 {
  height: 78% !important;
}

.max-width-78rem {
  max-width: 78rem !important;
}

.max-height-78rem {
  max-height: 78rem !important;
}

.flex-78 {
  flex: 78;
}

.border-radius-78 {
  border-radius: 78px;
}

.percent-border-radius-78 {
  border-radius: 78%;
}

.mg-top-79 {
  margin-top: 79px !important;
}

.mg-79 {
  margin: 79px !important;
}

.mg-row-79 {
  margin-left: 79px !important;
  margin-right: 79px !important;
}

.mg-column-79 {
  margin-top: 79px !important;
  margin-bottom: 79px !important;
}

.mg-row-79em {
  margin-left: 79em !important;
  margin-right: 79em !important;
}

.mg-column-79em {
  margin-top: 79em !important;
  margin-bottom: 79em !important;
}

.mg-row-79rem {
  margin-left: 79rem !important;
  margin-right: 79rem !important;
}

.mg-column-79rem {
  margin-top: 79rem !important;
  margin-bottom: 79rem !important;
}

.mg-left-79 {
  margin-left: 79px !important;
}

.mg-right-79 {
  margin-right: 79px !important;
}

.mg-bottom-79 {
  margin-bottom: 79px !important;
}

.padding-79 {
  padding: 79px !important;
}

.padding-row-79 {
  padding-left: 79px !important;
  padding-right: 79px !important;
}

.padding-column-79 {
  padding-top: 79px !important;
  padding-bottom: 79px !important;
}

.padding-row-79em {
  padding-left: 79em !important;
  padding-right: 79em !important;
}

.padding-column-79em {
  padding-top: 79em !important;
  padding-bottom: 79em !important;
}

.padding-row-79rem {
  padding-left: 79rem !important;
  padding-right: 79rem !important;
}

.padding-column-79rem {
  padding-top: 79rem !important;
  padding-bottom: 79rem !important;
}

.padding-top-79 {
  padding-top: 79px !important;
}

.padding-left-79 {
  padding-left: 79px !important;
}

.padding-right-79 {
  padding-right: 79px !important;
}

.padding-bottom-79 {
  padding-bottom: 79px !important;
}

.padding-top-79em {
  padding-top: 79em !important;
}

.padding-left-79em {
  padding-left: 79em !important;
}

.padding-right-79em {
  padding-right: 79em !important;
}

.padding-bottom-79em {
  padding-bottom: 79em !important;
}

.percent-width-79 {
  width: 79% !important;
}

.percent-height-79 {
  height: 79% !important;
}

.max-width-79rem {
  max-width: 79rem !important;
}

.max-height-79rem {
  max-height: 79rem !important;
}

.flex-79 {
  flex: 79;
}

.border-radius-79 {
  border-radius: 79px;
}

.percent-border-radius-79 {
  border-radius: 79%;
}

.mg-top-80 {
  margin-top: 80px !important;
}

.mg-80 {
  margin: 80px !important;
}

.mg-row-80 {
  margin-left: 80px !important;
  margin-right: 80px !important;
}

.mg-column-80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.mg-row-80em {
  margin-left: 80em !important;
  margin-right: 80em !important;
}

.mg-column-80em {
  margin-top: 80em !important;
  margin-bottom: 80em !important;
}

.mg-row-80rem {
  margin-left: 80rem !important;
  margin-right: 80rem !important;
}

.mg-column-80rem {
  margin-top: 80rem !important;
  margin-bottom: 80rem !important;
}

.mg-left-80 {
  margin-left: 80px !important;
}

.mg-right-80 {
  margin-right: 80px !important;
}

.mg-bottom-80 {
  margin-bottom: 80px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-row-80 {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

.padding-column-80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.padding-row-80em {
  padding-left: 80em !important;
  padding-right: 80em !important;
}

.padding-column-80em {
  padding-top: 80em !important;
  padding-bottom: 80em !important;
}

.padding-row-80rem {
  padding-left: 80rem !important;
  padding-right: 80rem !important;
}

.padding-column-80rem {
  padding-top: 80rem !important;
  padding-bottom: 80rem !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-top-80em {
  padding-top: 80em !important;
}

.padding-left-80em {
  padding-left: 80em !important;
}

.padding-right-80em {
  padding-right: 80em !important;
}

.padding-bottom-80em {
  padding-bottom: 80em !important;
}

.percent-width-80 {
  width: 80% !important;
}

.percent-height-80 {
  height: 80% !important;
}

.max-width-80rem {
  max-width: 80rem !important;
}

.max-height-80rem {
  max-height: 80rem !important;
}

.flex-80 {
  flex: 80;
}

.border-radius-80 {
  border-radius: 80px;
}

.percent-border-radius-80 {
  border-radius: 80%;
}

.mg-top-81 {
  margin-top: 81px !important;
}

.mg-81 {
  margin: 81px !important;
}

.mg-row-81 {
  margin-left: 81px !important;
  margin-right: 81px !important;
}

.mg-column-81 {
  margin-top: 81px !important;
  margin-bottom: 81px !important;
}

.mg-row-81em {
  margin-left: 81em !important;
  margin-right: 81em !important;
}

.mg-column-81em {
  margin-top: 81em !important;
  margin-bottom: 81em !important;
}

.mg-row-81rem {
  margin-left: 81rem !important;
  margin-right: 81rem !important;
}

.mg-column-81rem {
  margin-top: 81rem !important;
  margin-bottom: 81rem !important;
}

.mg-left-81 {
  margin-left: 81px !important;
}

.mg-right-81 {
  margin-right: 81px !important;
}

.mg-bottom-81 {
  margin-bottom: 81px !important;
}

.padding-81 {
  padding: 81px !important;
}

.padding-row-81 {
  padding-left: 81px !important;
  padding-right: 81px !important;
}

.padding-column-81 {
  padding-top: 81px !important;
  padding-bottom: 81px !important;
}

.padding-row-81em {
  padding-left: 81em !important;
  padding-right: 81em !important;
}

.padding-column-81em {
  padding-top: 81em !important;
  padding-bottom: 81em !important;
}

.padding-row-81rem {
  padding-left: 81rem !important;
  padding-right: 81rem !important;
}

.padding-column-81rem {
  padding-top: 81rem !important;
  padding-bottom: 81rem !important;
}

.padding-top-81 {
  padding-top: 81px !important;
}

.padding-left-81 {
  padding-left: 81px !important;
}

.padding-right-81 {
  padding-right: 81px !important;
}

.padding-bottom-81 {
  padding-bottom: 81px !important;
}

.padding-top-81em {
  padding-top: 81em !important;
}

.padding-left-81em {
  padding-left: 81em !important;
}

.padding-right-81em {
  padding-right: 81em !important;
}

.padding-bottom-81em {
  padding-bottom: 81em !important;
}

.percent-width-81 {
  width: 81% !important;
}

.percent-height-81 {
  height: 81% !important;
}

.max-width-81rem {
  max-width: 81rem !important;
}

.max-height-81rem {
  max-height: 81rem !important;
}

.flex-81 {
  flex: 81;
}

.border-radius-81 {
  border-radius: 81px;
}

.percent-border-radius-81 {
  border-radius: 81%;
}

.mg-top-82 {
  margin-top: 82px !important;
}

.mg-82 {
  margin: 82px !important;
}

.mg-row-82 {
  margin-left: 82px !important;
  margin-right: 82px !important;
}

.mg-column-82 {
  margin-top: 82px !important;
  margin-bottom: 82px !important;
}

.mg-row-82em {
  margin-left: 82em !important;
  margin-right: 82em !important;
}

.mg-column-82em {
  margin-top: 82em !important;
  margin-bottom: 82em !important;
}

.mg-row-82rem {
  margin-left: 82rem !important;
  margin-right: 82rem !important;
}

.mg-column-82rem {
  margin-top: 82rem !important;
  margin-bottom: 82rem !important;
}

.mg-left-82 {
  margin-left: 82px !important;
}

.mg-right-82 {
  margin-right: 82px !important;
}

.mg-bottom-82 {
  margin-bottom: 82px !important;
}

.padding-82 {
  padding: 82px !important;
}

.padding-row-82 {
  padding-left: 82px !important;
  padding-right: 82px !important;
}

.padding-column-82 {
  padding-top: 82px !important;
  padding-bottom: 82px !important;
}

.padding-row-82em {
  padding-left: 82em !important;
  padding-right: 82em !important;
}

.padding-column-82em {
  padding-top: 82em !important;
  padding-bottom: 82em !important;
}

.padding-row-82rem {
  padding-left: 82rem !important;
  padding-right: 82rem !important;
}

.padding-column-82rem {
  padding-top: 82rem !important;
  padding-bottom: 82rem !important;
}

.padding-top-82 {
  padding-top: 82px !important;
}

.padding-left-82 {
  padding-left: 82px !important;
}

.padding-right-82 {
  padding-right: 82px !important;
}

.padding-bottom-82 {
  padding-bottom: 82px !important;
}

.padding-top-82em {
  padding-top: 82em !important;
}

.padding-left-82em {
  padding-left: 82em !important;
}

.padding-right-82em {
  padding-right: 82em !important;
}

.padding-bottom-82em {
  padding-bottom: 82em !important;
}

.percent-width-82 {
  width: 82% !important;
}

.percent-height-82 {
  height: 82% !important;
}

.max-width-82rem {
  max-width: 82rem !important;
}

.max-height-82rem {
  max-height: 82rem !important;
}

.flex-82 {
  flex: 82;
}

.border-radius-82 {
  border-radius: 82px;
}

.percent-border-radius-82 {
  border-radius: 82%;
}

.mg-top-83 {
  margin-top: 83px !important;
}

.mg-83 {
  margin: 83px !important;
}

.mg-row-83 {
  margin-left: 83px !important;
  margin-right: 83px !important;
}

.mg-column-83 {
  margin-top: 83px !important;
  margin-bottom: 83px !important;
}

.mg-row-83em {
  margin-left: 83em !important;
  margin-right: 83em !important;
}

.mg-column-83em {
  margin-top: 83em !important;
  margin-bottom: 83em !important;
}

.mg-row-83rem {
  margin-left: 83rem !important;
  margin-right: 83rem !important;
}

.mg-column-83rem {
  margin-top: 83rem !important;
  margin-bottom: 83rem !important;
}

.mg-left-83 {
  margin-left: 83px !important;
}

.mg-right-83 {
  margin-right: 83px !important;
}

.mg-bottom-83 {
  margin-bottom: 83px !important;
}

.padding-83 {
  padding: 83px !important;
}

.padding-row-83 {
  padding-left: 83px !important;
  padding-right: 83px !important;
}

.padding-column-83 {
  padding-top: 83px !important;
  padding-bottom: 83px !important;
}

.padding-row-83em {
  padding-left: 83em !important;
  padding-right: 83em !important;
}

.padding-column-83em {
  padding-top: 83em !important;
  padding-bottom: 83em !important;
}

.padding-row-83rem {
  padding-left: 83rem !important;
  padding-right: 83rem !important;
}

.padding-column-83rem {
  padding-top: 83rem !important;
  padding-bottom: 83rem !important;
}

.padding-top-83 {
  padding-top: 83px !important;
}

.padding-left-83 {
  padding-left: 83px !important;
}

.padding-right-83 {
  padding-right: 83px !important;
}

.padding-bottom-83 {
  padding-bottom: 83px !important;
}

.padding-top-83em {
  padding-top: 83em !important;
}

.padding-left-83em {
  padding-left: 83em !important;
}

.padding-right-83em {
  padding-right: 83em !important;
}

.padding-bottom-83em {
  padding-bottom: 83em !important;
}

.percent-width-83 {
  width: 83% !important;
}

.percent-height-83 {
  height: 83% !important;
}

.max-width-83rem {
  max-width: 83rem !important;
}

.max-height-83rem {
  max-height: 83rem !important;
}

.flex-83 {
  flex: 83;
}

.border-radius-83 {
  border-radius: 83px;
}

.percent-border-radius-83 {
  border-radius: 83%;
}

.mg-top-84 {
  margin-top: 84px !important;
}

.mg-84 {
  margin: 84px !important;
}

.mg-row-84 {
  margin-left: 84px !important;
  margin-right: 84px !important;
}

.mg-column-84 {
  margin-top: 84px !important;
  margin-bottom: 84px !important;
}

.mg-row-84em {
  margin-left: 84em !important;
  margin-right: 84em !important;
}

.mg-column-84em {
  margin-top: 84em !important;
  margin-bottom: 84em !important;
}

.mg-row-84rem {
  margin-left: 84rem !important;
  margin-right: 84rem !important;
}

.mg-column-84rem {
  margin-top: 84rem !important;
  margin-bottom: 84rem !important;
}

.mg-left-84 {
  margin-left: 84px !important;
}

.mg-right-84 {
  margin-right: 84px !important;
}

.mg-bottom-84 {
  margin-bottom: 84px !important;
}

.padding-84 {
  padding: 84px !important;
}

.padding-row-84 {
  padding-left: 84px !important;
  padding-right: 84px !important;
}

.padding-column-84 {
  padding-top: 84px !important;
  padding-bottom: 84px !important;
}

.padding-row-84em {
  padding-left: 84em !important;
  padding-right: 84em !important;
}

.padding-column-84em {
  padding-top: 84em !important;
  padding-bottom: 84em !important;
}

.padding-row-84rem {
  padding-left: 84rem !important;
  padding-right: 84rem !important;
}

.padding-column-84rem {
  padding-top: 84rem !important;
  padding-bottom: 84rem !important;
}

.padding-top-84 {
  padding-top: 84px !important;
}

.padding-left-84 {
  padding-left: 84px !important;
}

.padding-right-84 {
  padding-right: 84px !important;
}

.padding-bottom-84 {
  padding-bottom: 84px !important;
}

.padding-top-84em {
  padding-top: 84em !important;
}

.padding-left-84em {
  padding-left: 84em !important;
}

.padding-right-84em {
  padding-right: 84em !important;
}

.padding-bottom-84em {
  padding-bottom: 84em !important;
}

.percent-width-84 {
  width: 84% !important;
}

.percent-height-84 {
  height: 84% !important;
}

.max-width-84rem {
  max-width: 84rem !important;
}

.max-height-84rem {
  max-height: 84rem !important;
}

.flex-84 {
  flex: 84;
}

.border-radius-84 {
  border-radius: 84px;
}

.percent-border-radius-84 {
  border-radius: 84%;
}

.mg-top-85 {
  margin-top: 85px !important;
}

.mg-85 {
  margin: 85px !important;
}

.mg-row-85 {
  margin-left: 85px !important;
  margin-right: 85px !important;
}

.mg-column-85 {
  margin-top: 85px !important;
  margin-bottom: 85px !important;
}

.mg-row-85em {
  margin-left: 85em !important;
  margin-right: 85em !important;
}

.mg-column-85em {
  margin-top: 85em !important;
  margin-bottom: 85em !important;
}

.mg-row-85rem {
  margin-left: 85rem !important;
  margin-right: 85rem !important;
}

.mg-column-85rem {
  margin-top: 85rem !important;
  margin-bottom: 85rem !important;
}

.mg-left-85 {
  margin-left: 85px !important;
}

.mg-right-85 {
  margin-right: 85px !important;
}

.mg-bottom-85 {
  margin-bottom: 85px !important;
}

.padding-85 {
  padding: 85px !important;
}

.padding-row-85 {
  padding-left: 85px !important;
  padding-right: 85px !important;
}

.padding-column-85 {
  padding-top: 85px !important;
  padding-bottom: 85px !important;
}

.padding-row-85em {
  padding-left: 85em !important;
  padding-right: 85em !important;
}

.padding-column-85em {
  padding-top: 85em !important;
  padding-bottom: 85em !important;
}

.padding-row-85rem {
  padding-left: 85rem !important;
  padding-right: 85rem !important;
}

.padding-column-85rem {
  padding-top: 85rem !important;
  padding-bottom: 85rem !important;
}

.padding-top-85 {
  padding-top: 85px !important;
}

.padding-left-85 {
  padding-left: 85px !important;
}

.padding-right-85 {
  padding-right: 85px !important;
}

.padding-bottom-85 {
  padding-bottom: 85px !important;
}

.padding-top-85em {
  padding-top: 85em !important;
}

.padding-left-85em {
  padding-left: 85em !important;
}

.padding-right-85em {
  padding-right: 85em !important;
}

.padding-bottom-85em {
  padding-bottom: 85em !important;
}

.percent-width-85 {
  width: 85% !important;
}

.percent-height-85 {
  height: 85% !important;
}

.max-width-85rem {
  max-width: 85rem !important;
}

.max-height-85rem {
  max-height: 85rem !important;
}

.flex-85 {
  flex: 85;
}

.border-radius-85 {
  border-radius: 85px;
}

.percent-border-radius-85 {
  border-radius: 85%;
}

.mg-top-86 {
  margin-top: 86px !important;
}

.mg-86 {
  margin: 86px !important;
}

.mg-row-86 {
  margin-left: 86px !important;
  margin-right: 86px !important;
}

.mg-column-86 {
  margin-top: 86px !important;
  margin-bottom: 86px !important;
}

.mg-row-86em {
  margin-left: 86em !important;
  margin-right: 86em !important;
}

.mg-column-86em {
  margin-top: 86em !important;
  margin-bottom: 86em !important;
}

.mg-row-86rem {
  margin-left: 86rem !important;
  margin-right: 86rem !important;
}

.mg-column-86rem {
  margin-top: 86rem !important;
  margin-bottom: 86rem !important;
}

.mg-left-86 {
  margin-left: 86px !important;
}

.mg-right-86 {
  margin-right: 86px !important;
}

.mg-bottom-86 {
  margin-bottom: 86px !important;
}

.padding-86 {
  padding: 86px !important;
}

.padding-row-86 {
  padding-left: 86px !important;
  padding-right: 86px !important;
}

.padding-column-86 {
  padding-top: 86px !important;
  padding-bottom: 86px !important;
}

.padding-row-86em {
  padding-left: 86em !important;
  padding-right: 86em !important;
}

.padding-column-86em {
  padding-top: 86em !important;
  padding-bottom: 86em !important;
}

.padding-row-86rem {
  padding-left: 86rem !important;
  padding-right: 86rem !important;
}

.padding-column-86rem {
  padding-top: 86rem !important;
  padding-bottom: 86rem !important;
}

.padding-top-86 {
  padding-top: 86px !important;
}

.padding-left-86 {
  padding-left: 86px !important;
}

.padding-right-86 {
  padding-right: 86px !important;
}

.padding-bottom-86 {
  padding-bottom: 86px !important;
}

.padding-top-86em {
  padding-top: 86em !important;
}

.padding-left-86em {
  padding-left: 86em !important;
}

.padding-right-86em {
  padding-right: 86em !important;
}

.padding-bottom-86em {
  padding-bottom: 86em !important;
}

.percent-width-86 {
  width: 86% !important;
}

.percent-height-86 {
  height: 86% !important;
}

.max-width-86rem {
  max-width: 86rem !important;
}

.max-height-86rem {
  max-height: 86rem !important;
}

.flex-86 {
  flex: 86;
}

.border-radius-86 {
  border-radius: 86px;
}

.percent-border-radius-86 {
  border-radius: 86%;
}

.mg-top-87 {
  margin-top: 87px !important;
}

.mg-87 {
  margin: 87px !important;
}

.mg-row-87 {
  margin-left: 87px !important;
  margin-right: 87px !important;
}

.mg-column-87 {
  margin-top: 87px !important;
  margin-bottom: 87px !important;
}

.mg-row-87em {
  margin-left: 87em !important;
  margin-right: 87em !important;
}

.mg-column-87em {
  margin-top: 87em !important;
  margin-bottom: 87em !important;
}

.mg-row-87rem {
  margin-left: 87rem !important;
  margin-right: 87rem !important;
}

.mg-column-87rem {
  margin-top: 87rem !important;
  margin-bottom: 87rem !important;
}

.mg-left-87 {
  margin-left: 87px !important;
}

.mg-right-87 {
  margin-right: 87px !important;
}

.mg-bottom-87 {
  margin-bottom: 87px !important;
}

.padding-87 {
  padding: 87px !important;
}

.padding-row-87 {
  padding-left: 87px !important;
  padding-right: 87px !important;
}

.padding-column-87 {
  padding-top: 87px !important;
  padding-bottom: 87px !important;
}

.padding-row-87em {
  padding-left: 87em !important;
  padding-right: 87em !important;
}

.padding-column-87em {
  padding-top: 87em !important;
  padding-bottom: 87em !important;
}

.padding-row-87rem {
  padding-left: 87rem !important;
  padding-right: 87rem !important;
}

.padding-column-87rem {
  padding-top: 87rem !important;
  padding-bottom: 87rem !important;
}

.padding-top-87 {
  padding-top: 87px !important;
}

.padding-left-87 {
  padding-left: 87px !important;
}

.padding-right-87 {
  padding-right: 87px !important;
}

.padding-bottom-87 {
  padding-bottom: 87px !important;
}

.padding-top-87em {
  padding-top: 87em !important;
}

.padding-left-87em {
  padding-left: 87em !important;
}

.padding-right-87em {
  padding-right: 87em !important;
}

.padding-bottom-87em {
  padding-bottom: 87em !important;
}

.percent-width-87 {
  width: 87% !important;
}

.percent-height-87 {
  height: 87% !important;
}

.max-width-87rem {
  max-width: 87rem !important;
}

.max-height-87rem {
  max-height: 87rem !important;
}

.flex-87 {
  flex: 87;
}

.border-radius-87 {
  border-radius: 87px;
}

.percent-border-radius-87 {
  border-radius: 87%;
}

.mg-top-88 {
  margin-top: 88px !important;
}

.mg-88 {
  margin: 88px !important;
}

.mg-row-88 {
  margin-left: 88px !important;
  margin-right: 88px !important;
}

.mg-column-88 {
  margin-top: 88px !important;
  margin-bottom: 88px !important;
}

.mg-row-88em {
  margin-left: 88em !important;
  margin-right: 88em !important;
}

.mg-column-88em {
  margin-top: 88em !important;
  margin-bottom: 88em !important;
}

.mg-row-88rem {
  margin-left: 88rem !important;
  margin-right: 88rem !important;
}

.mg-column-88rem {
  margin-top: 88rem !important;
  margin-bottom: 88rem !important;
}

.mg-left-88 {
  margin-left: 88px !important;
}

.mg-right-88 {
  margin-right: 88px !important;
}

.mg-bottom-88 {
  margin-bottom: 88px !important;
}

.padding-88 {
  padding: 88px !important;
}

.padding-row-88 {
  padding-left: 88px !important;
  padding-right: 88px !important;
}

.padding-column-88 {
  padding-top: 88px !important;
  padding-bottom: 88px !important;
}

.padding-row-88em {
  padding-left: 88em !important;
  padding-right: 88em !important;
}

.padding-column-88em {
  padding-top: 88em !important;
  padding-bottom: 88em !important;
}

.padding-row-88rem {
  padding-left: 88rem !important;
  padding-right: 88rem !important;
}

.padding-column-88rem {
  padding-top: 88rem !important;
  padding-bottom: 88rem !important;
}

.padding-top-88 {
  padding-top: 88px !important;
}

.padding-left-88 {
  padding-left: 88px !important;
}

.padding-right-88 {
  padding-right: 88px !important;
}

.padding-bottom-88 {
  padding-bottom: 88px !important;
}

.padding-top-88em {
  padding-top: 88em !important;
}

.padding-left-88em {
  padding-left: 88em !important;
}

.padding-right-88em {
  padding-right: 88em !important;
}

.padding-bottom-88em {
  padding-bottom: 88em !important;
}

.percent-width-88 {
  width: 88% !important;
}

.percent-height-88 {
  height: 88% !important;
}

.max-width-88rem {
  max-width: 88rem !important;
}

.max-height-88rem {
  max-height: 88rem !important;
}

.flex-88 {
  flex: 88;
}

.border-radius-88 {
  border-radius: 88px;
}

.percent-border-radius-88 {
  border-radius: 88%;
}

.mg-top-89 {
  margin-top: 89px !important;
}

.mg-89 {
  margin: 89px !important;
}

.mg-row-89 {
  margin-left: 89px !important;
  margin-right: 89px !important;
}

.mg-column-89 {
  margin-top: 89px !important;
  margin-bottom: 89px !important;
}

.mg-row-89em {
  margin-left: 89em !important;
  margin-right: 89em !important;
}

.mg-column-89em {
  margin-top: 89em !important;
  margin-bottom: 89em !important;
}

.mg-row-89rem {
  margin-left: 89rem !important;
  margin-right: 89rem !important;
}

.mg-column-89rem {
  margin-top: 89rem !important;
  margin-bottom: 89rem !important;
}

.mg-left-89 {
  margin-left: 89px !important;
}

.mg-right-89 {
  margin-right: 89px !important;
}

.mg-bottom-89 {
  margin-bottom: 89px !important;
}

.padding-89 {
  padding: 89px !important;
}

.padding-row-89 {
  padding-left: 89px !important;
  padding-right: 89px !important;
}

.padding-column-89 {
  padding-top: 89px !important;
  padding-bottom: 89px !important;
}

.padding-row-89em {
  padding-left: 89em !important;
  padding-right: 89em !important;
}

.padding-column-89em {
  padding-top: 89em !important;
  padding-bottom: 89em !important;
}

.padding-row-89rem {
  padding-left: 89rem !important;
  padding-right: 89rem !important;
}

.padding-column-89rem {
  padding-top: 89rem !important;
  padding-bottom: 89rem !important;
}

.padding-top-89 {
  padding-top: 89px !important;
}

.padding-left-89 {
  padding-left: 89px !important;
}

.padding-right-89 {
  padding-right: 89px !important;
}

.padding-bottom-89 {
  padding-bottom: 89px !important;
}

.padding-top-89em {
  padding-top: 89em !important;
}

.padding-left-89em {
  padding-left: 89em !important;
}

.padding-right-89em {
  padding-right: 89em !important;
}

.padding-bottom-89em {
  padding-bottom: 89em !important;
}

.percent-width-89 {
  width: 89% !important;
}

.percent-height-89 {
  height: 89% !important;
}

.max-width-89rem {
  max-width: 89rem !important;
}

.max-height-89rem {
  max-height: 89rem !important;
}

.flex-89 {
  flex: 89;
}

.border-radius-89 {
  border-radius: 89px;
}

.percent-border-radius-89 {
  border-radius: 89%;
}

.mg-top-90 {
  margin-top: 90px !important;
}

.mg-90 {
  margin: 90px !important;
}

.mg-row-90 {
  margin-left: 90px !important;
  margin-right: 90px !important;
}

.mg-column-90 {
  margin-top: 90px !important;
  margin-bottom: 90px !important;
}

.mg-row-90em {
  margin-left: 90em !important;
  margin-right: 90em !important;
}

.mg-column-90em {
  margin-top: 90em !important;
  margin-bottom: 90em !important;
}

.mg-row-90rem {
  margin-left: 90rem !important;
  margin-right: 90rem !important;
}

.mg-column-90rem {
  margin-top: 90rem !important;
  margin-bottom: 90rem !important;
}

.mg-left-90 {
  margin-left: 90px !important;
}

.mg-right-90 {
  margin-right: 90px !important;
}

.mg-bottom-90 {
  margin-bottom: 90px !important;
}

.padding-90 {
  padding: 90px !important;
}

.padding-row-90 {
  padding-left: 90px !important;
  padding-right: 90px !important;
}

.padding-column-90 {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}

.padding-row-90em {
  padding-left: 90em !important;
  padding-right: 90em !important;
}

.padding-column-90em {
  padding-top: 90em !important;
  padding-bottom: 90em !important;
}

.padding-row-90rem {
  padding-left: 90rem !important;
  padding-right: 90rem !important;
}

.padding-column-90rem {
  padding-top: 90rem !important;
  padding-bottom: 90rem !important;
}

.padding-top-90 {
  padding-top: 90px !important;
}

.padding-left-90 {
  padding-left: 90px !important;
}

.padding-right-90 {
  padding-right: 90px !important;
}

.padding-bottom-90 {
  padding-bottom: 90px !important;
}

.padding-top-90em {
  padding-top: 90em !important;
}

.padding-left-90em {
  padding-left: 90em !important;
}

.padding-right-90em {
  padding-right: 90em !important;
}

.padding-bottom-90em {
  padding-bottom: 90em !important;
}

.percent-width-90 {
  width: 90% !important;
}

.percent-height-90 {
  height: 90% !important;
}

.max-width-90rem {
  max-width: 90rem !important;
}

.max-height-90rem {
  max-height: 90rem !important;
}

.flex-90 {
  flex: 90;
}

.border-radius-90 {
  border-radius: 90px;
}

.percent-border-radius-90 {
  border-radius: 90%;
}

.mg-top-91 {
  margin-top: 91px !important;
}

.mg-91 {
  margin: 91px !important;
}

.mg-row-91 {
  margin-left: 91px !important;
  margin-right: 91px !important;
}

.mg-column-91 {
  margin-top: 91px !important;
  margin-bottom: 91px !important;
}

.mg-row-91em {
  margin-left: 91em !important;
  margin-right: 91em !important;
}

.mg-column-91em {
  margin-top: 91em !important;
  margin-bottom: 91em !important;
}

.mg-row-91rem {
  margin-left: 91rem !important;
  margin-right: 91rem !important;
}

.mg-column-91rem {
  margin-top: 91rem !important;
  margin-bottom: 91rem !important;
}

.mg-left-91 {
  margin-left: 91px !important;
}

.mg-right-91 {
  margin-right: 91px !important;
}

.mg-bottom-91 {
  margin-bottom: 91px !important;
}

.padding-91 {
  padding: 91px !important;
}

.padding-row-91 {
  padding-left: 91px !important;
  padding-right: 91px !important;
}

.padding-column-91 {
  padding-top: 91px !important;
  padding-bottom: 91px !important;
}

.padding-row-91em {
  padding-left: 91em !important;
  padding-right: 91em !important;
}

.padding-column-91em {
  padding-top: 91em !important;
  padding-bottom: 91em !important;
}

.padding-row-91rem {
  padding-left: 91rem !important;
  padding-right: 91rem !important;
}

.padding-column-91rem {
  padding-top: 91rem !important;
  padding-bottom: 91rem !important;
}

.padding-top-91 {
  padding-top: 91px !important;
}

.padding-left-91 {
  padding-left: 91px !important;
}

.padding-right-91 {
  padding-right: 91px !important;
}

.padding-bottom-91 {
  padding-bottom: 91px !important;
}

.padding-top-91em {
  padding-top: 91em !important;
}

.padding-left-91em {
  padding-left: 91em !important;
}

.padding-right-91em {
  padding-right: 91em !important;
}

.padding-bottom-91em {
  padding-bottom: 91em !important;
}

.percent-width-91 {
  width: 91% !important;
}

.percent-height-91 {
  height: 91% !important;
}

.max-width-91rem {
  max-width: 91rem !important;
}

.max-height-91rem {
  max-height: 91rem !important;
}

.flex-91 {
  flex: 91;
}

.border-radius-91 {
  border-radius: 91px;
}

.percent-border-radius-91 {
  border-radius: 91%;
}

.mg-top-92 {
  margin-top: 92px !important;
}

.mg-92 {
  margin: 92px !important;
}

.mg-row-92 {
  margin-left: 92px !important;
  margin-right: 92px !important;
}

.mg-column-92 {
  margin-top: 92px !important;
  margin-bottom: 92px !important;
}

.mg-row-92em {
  margin-left: 92em !important;
  margin-right: 92em !important;
}

.mg-column-92em {
  margin-top: 92em !important;
  margin-bottom: 92em !important;
}

.mg-row-92rem {
  margin-left: 92rem !important;
  margin-right: 92rem !important;
}

.mg-column-92rem {
  margin-top: 92rem !important;
  margin-bottom: 92rem !important;
}

.mg-left-92 {
  margin-left: 92px !important;
}

.mg-right-92 {
  margin-right: 92px !important;
}

.mg-bottom-92 {
  margin-bottom: 92px !important;
}

.padding-92 {
  padding: 92px !important;
}

.padding-row-92 {
  padding-left: 92px !important;
  padding-right: 92px !important;
}

.padding-column-92 {
  padding-top: 92px !important;
  padding-bottom: 92px !important;
}

.padding-row-92em {
  padding-left: 92em !important;
  padding-right: 92em !important;
}

.padding-column-92em {
  padding-top: 92em !important;
  padding-bottom: 92em !important;
}

.padding-row-92rem {
  padding-left: 92rem !important;
  padding-right: 92rem !important;
}

.padding-column-92rem {
  padding-top: 92rem !important;
  padding-bottom: 92rem !important;
}

.padding-top-92 {
  padding-top: 92px !important;
}

.padding-left-92 {
  padding-left: 92px !important;
}

.padding-right-92 {
  padding-right: 92px !important;
}

.padding-bottom-92 {
  padding-bottom: 92px !important;
}

.padding-top-92em {
  padding-top: 92em !important;
}

.padding-left-92em {
  padding-left: 92em !important;
}

.padding-right-92em {
  padding-right: 92em !important;
}

.padding-bottom-92em {
  padding-bottom: 92em !important;
}

.percent-width-92 {
  width: 92% !important;
}

.percent-height-92 {
  height: 92% !important;
}

.max-width-92rem {
  max-width: 92rem !important;
}

.max-height-92rem {
  max-height: 92rem !important;
}

.flex-92 {
  flex: 92;
}

.border-radius-92 {
  border-radius: 92px;
}

.percent-border-radius-92 {
  border-radius: 92%;
}

.mg-top-93 {
  margin-top: 93px !important;
}

.mg-93 {
  margin: 93px !important;
}

.mg-row-93 {
  margin-left: 93px !important;
  margin-right: 93px !important;
}

.mg-column-93 {
  margin-top: 93px !important;
  margin-bottom: 93px !important;
}

.mg-row-93em {
  margin-left: 93em !important;
  margin-right: 93em !important;
}

.mg-column-93em {
  margin-top: 93em !important;
  margin-bottom: 93em !important;
}

.mg-row-93rem {
  margin-left: 93rem !important;
  margin-right: 93rem !important;
}

.mg-column-93rem {
  margin-top: 93rem !important;
  margin-bottom: 93rem !important;
}

.mg-left-93 {
  margin-left: 93px !important;
}

.mg-right-93 {
  margin-right: 93px !important;
}

.mg-bottom-93 {
  margin-bottom: 93px !important;
}

.padding-93 {
  padding: 93px !important;
}

.padding-row-93 {
  padding-left: 93px !important;
  padding-right: 93px !important;
}

.padding-column-93 {
  padding-top: 93px !important;
  padding-bottom: 93px !important;
}

.padding-row-93em {
  padding-left: 93em !important;
  padding-right: 93em !important;
}

.padding-column-93em {
  padding-top: 93em !important;
  padding-bottom: 93em !important;
}

.padding-row-93rem {
  padding-left: 93rem !important;
  padding-right: 93rem !important;
}

.padding-column-93rem {
  padding-top: 93rem !important;
  padding-bottom: 93rem !important;
}

.padding-top-93 {
  padding-top: 93px !important;
}

.padding-left-93 {
  padding-left: 93px !important;
}

.padding-right-93 {
  padding-right: 93px !important;
}

.padding-bottom-93 {
  padding-bottom: 93px !important;
}

.padding-top-93em {
  padding-top: 93em !important;
}

.padding-left-93em {
  padding-left: 93em !important;
}

.padding-right-93em {
  padding-right: 93em !important;
}

.padding-bottom-93em {
  padding-bottom: 93em !important;
}

.percent-width-93 {
  width: 93% !important;
}

.percent-height-93 {
  height: 93% !important;
}

.max-width-93rem {
  max-width: 93rem !important;
}

.max-height-93rem {
  max-height: 93rem !important;
}

.flex-93 {
  flex: 93;
}

.border-radius-93 {
  border-radius: 93px;
}

.percent-border-radius-93 {
  border-radius: 93%;
}

.mg-top-94 {
  margin-top: 94px !important;
}

.mg-94 {
  margin: 94px !important;
}

.mg-row-94 {
  margin-left: 94px !important;
  margin-right: 94px !important;
}

.mg-column-94 {
  margin-top: 94px !important;
  margin-bottom: 94px !important;
}

.mg-row-94em {
  margin-left: 94em !important;
  margin-right: 94em !important;
}

.mg-column-94em {
  margin-top: 94em !important;
  margin-bottom: 94em !important;
}

.mg-row-94rem {
  margin-left: 94rem !important;
  margin-right: 94rem !important;
}

.mg-column-94rem {
  margin-top: 94rem !important;
  margin-bottom: 94rem !important;
}

.mg-left-94 {
  margin-left: 94px !important;
}

.mg-right-94 {
  margin-right: 94px !important;
}

.mg-bottom-94 {
  margin-bottom: 94px !important;
}

.padding-94 {
  padding: 94px !important;
}

.padding-row-94 {
  padding-left: 94px !important;
  padding-right: 94px !important;
}

.padding-column-94 {
  padding-top: 94px !important;
  padding-bottom: 94px !important;
}

.padding-row-94em {
  padding-left: 94em !important;
  padding-right: 94em !important;
}

.padding-column-94em {
  padding-top: 94em !important;
  padding-bottom: 94em !important;
}

.padding-row-94rem {
  padding-left: 94rem !important;
  padding-right: 94rem !important;
}

.padding-column-94rem {
  padding-top: 94rem !important;
  padding-bottom: 94rem !important;
}

.padding-top-94 {
  padding-top: 94px !important;
}

.padding-left-94 {
  padding-left: 94px !important;
}

.padding-right-94 {
  padding-right: 94px !important;
}

.padding-bottom-94 {
  padding-bottom: 94px !important;
}

.padding-top-94em {
  padding-top: 94em !important;
}

.padding-left-94em {
  padding-left: 94em !important;
}

.padding-right-94em {
  padding-right: 94em !important;
}

.padding-bottom-94em {
  padding-bottom: 94em !important;
}

.percent-width-94 {
  width: 94% !important;
}

.percent-height-94 {
  height: 94% !important;
}

.max-width-94rem {
  max-width: 94rem !important;
}

.max-height-94rem {
  max-height: 94rem !important;
}

.flex-94 {
  flex: 94;
}

.border-radius-94 {
  border-radius: 94px;
}

.percent-border-radius-94 {
  border-radius: 94%;
}

.mg-top-95 {
  margin-top: 95px !important;
}

.mg-95 {
  margin: 95px !important;
}

.mg-row-95 {
  margin-left: 95px !important;
  margin-right: 95px !important;
}

.mg-column-95 {
  margin-top: 95px !important;
  margin-bottom: 95px !important;
}

.mg-row-95em {
  margin-left: 95em !important;
  margin-right: 95em !important;
}

.mg-column-95em {
  margin-top: 95em !important;
  margin-bottom: 95em !important;
}

.mg-row-95rem {
  margin-left: 95rem !important;
  margin-right: 95rem !important;
}

.mg-column-95rem {
  margin-top: 95rem !important;
  margin-bottom: 95rem !important;
}

.mg-left-95 {
  margin-left: 95px !important;
}

.mg-right-95 {
  margin-right: 95px !important;
}

.mg-bottom-95 {
  margin-bottom: 95px !important;
}

.padding-95 {
  padding: 95px !important;
}

.padding-row-95 {
  padding-left: 95px !important;
  padding-right: 95px !important;
}

.padding-column-95 {
  padding-top: 95px !important;
  padding-bottom: 95px !important;
}

.padding-row-95em {
  padding-left: 95em !important;
  padding-right: 95em !important;
}

.padding-column-95em {
  padding-top: 95em !important;
  padding-bottom: 95em !important;
}

.padding-row-95rem {
  padding-left: 95rem !important;
  padding-right: 95rem !important;
}

.padding-column-95rem {
  padding-top: 95rem !important;
  padding-bottom: 95rem !important;
}

.padding-top-95 {
  padding-top: 95px !important;
}

.padding-left-95 {
  padding-left: 95px !important;
}

.padding-right-95 {
  padding-right: 95px !important;
}

.padding-bottom-95 {
  padding-bottom: 95px !important;
}

.padding-top-95em {
  padding-top: 95em !important;
}

.padding-left-95em {
  padding-left: 95em !important;
}

.padding-right-95em {
  padding-right: 95em !important;
}

.padding-bottom-95em {
  padding-bottom: 95em !important;
}

.percent-width-95 {
  width: 95% !important;
}

.percent-height-95 {
  height: 95% !important;
}

.max-width-95rem {
  max-width: 95rem !important;
}

.max-height-95rem {
  max-height: 95rem !important;
}

.flex-95 {
  flex: 95;
}

.border-radius-95 {
  border-radius: 95px;
}

.percent-border-radius-95 {
  border-radius: 95%;
}

.mg-top-96 {
  margin-top: 96px !important;
}

.mg-96 {
  margin: 96px !important;
}

.mg-row-96 {
  margin-left: 96px !important;
  margin-right: 96px !important;
}

.mg-column-96 {
  margin-top: 96px !important;
  margin-bottom: 96px !important;
}

.mg-row-96em {
  margin-left: 96em !important;
  margin-right: 96em !important;
}

.mg-column-96em {
  margin-top: 96em !important;
  margin-bottom: 96em !important;
}

.mg-row-96rem {
  margin-left: 96rem !important;
  margin-right: 96rem !important;
}

.mg-column-96rem {
  margin-top: 96rem !important;
  margin-bottom: 96rem !important;
}

.mg-left-96 {
  margin-left: 96px !important;
}

.mg-right-96 {
  margin-right: 96px !important;
}

.mg-bottom-96 {
  margin-bottom: 96px !important;
}

.padding-96 {
  padding: 96px !important;
}

.padding-row-96 {
  padding-left: 96px !important;
  padding-right: 96px !important;
}

.padding-column-96 {
  padding-top: 96px !important;
  padding-bottom: 96px !important;
}

.padding-row-96em {
  padding-left: 96em !important;
  padding-right: 96em !important;
}

.padding-column-96em {
  padding-top: 96em !important;
  padding-bottom: 96em !important;
}

.padding-row-96rem {
  padding-left: 96rem !important;
  padding-right: 96rem !important;
}

.padding-column-96rem {
  padding-top: 96rem !important;
  padding-bottom: 96rem !important;
}

.padding-top-96 {
  padding-top: 96px !important;
}

.padding-left-96 {
  padding-left: 96px !important;
}

.padding-right-96 {
  padding-right: 96px !important;
}

.padding-bottom-96 {
  padding-bottom: 96px !important;
}

.padding-top-96em {
  padding-top: 96em !important;
}

.padding-left-96em {
  padding-left: 96em !important;
}

.padding-right-96em {
  padding-right: 96em !important;
}

.padding-bottom-96em {
  padding-bottom: 96em !important;
}

.percent-width-96 {
  width: 96% !important;
}

.percent-height-96 {
  height: 96% !important;
}

.max-width-96rem {
  max-width: 96rem !important;
}

.max-height-96rem {
  max-height: 96rem !important;
}

.flex-96 {
  flex: 96;
}

.border-radius-96 {
  border-radius: 96px;
}

.percent-border-radius-96 {
  border-radius: 96%;
}

.mg-top-97 {
  margin-top: 97px !important;
}

.mg-97 {
  margin: 97px !important;
}

.mg-row-97 {
  margin-left: 97px !important;
  margin-right: 97px !important;
}

.mg-column-97 {
  margin-top: 97px !important;
  margin-bottom: 97px !important;
}

.mg-row-97em {
  margin-left: 97em !important;
  margin-right: 97em !important;
}

.mg-column-97em {
  margin-top: 97em !important;
  margin-bottom: 97em !important;
}

.mg-row-97rem {
  margin-left: 97rem !important;
  margin-right: 97rem !important;
}

.mg-column-97rem {
  margin-top: 97rem !important;
  margin-bottom: 97rem !important;
}

.mg-left-97 {
  margin-left: 97px !important;
}

.mg-right-97 {
  margin-right: 97px !important;
}

.mg-bottom-97 {
  margin-bottom: 97px !important;
}

.padding-97 {
  padding: 97px !important;
}

.padding-row-97 {
  padding-left: 97px !important;
  padding-right: 97px !important;
}

.padding-column-97 {
  padding-top: 97px !important;
  padding-bottom: 97px !important;
}

.padding-row-97em {
  padding-left: 97em !important;
  padding-right: 97em !important;
}

.padding-column-97em {
  padding-top: 97em !important;
  padding-bottom: 97em !important;
}

.padding-row-97rem {
  padding-left: 97rem !important;
  padding-right: 97rem !important;
}

.padding-column-97rem {
  padding-top: 97rem !important;
  padding-bottom: 97rem !important;
}

.padding-top-97 {
  padding-top: 97px !important;
}

.padding-left-97 {
  padding-left: 97px !important;
}

.padding-right-97 {
  padding-right: 97px !important;
}

.padding-bottom-97 {
  padding-bottom: 97px !important;
}

.padding-top-97em {
  padding-top: 97em !important;
}

.padding-left-97em {
  padding-left: 97em !important;
}

.padding-right-97em {
  padding-right: 97em !important;
}

.padding-bottom-97em {
  padding-bottom: 97em !important;
}

.percent-width-97 {
  width: 97% !important;
}

.percent-height-97 {
  height: 97% !important;
}

.max-width-97rem {
  max-width: 97rem !important;
}

.max-height-97rem {
  max-height: 97rem !important;
}

.flex-97 {
  flex: 97;
}

.border-radius-97 {
  border-radius: 97px;
}

.percent-border-radius-97 {
  border-radius: 97%;
}

.mg-top-98 {
  margin-top: 98px !important;
}

.mg-98 {
  margin: 98px !important;
}

.mg-row-98 {
  margin-left: 98px !important;
  margin-right: 98px !important;
}

.mg-column-98 {
  margin-top: 98px !important;
  margin-bottom: 98px !important;
}

.mg-row-98em {
  margin-left: 98em !important;
  margin-right: 98em !important;
}

.mg-column-98em {
  margin-top: 98em !important;
  margin-bottom: 98em !important;
}

.mg-row-98rem {
  margin-left: 98rem !important;
  margin-right: 98rem !important;
}

.mg-column-98rem {
  margin-top: 98rem !important;
  margin-bottom: 98rem !important;
}

.mg-left-98 {
  margin-left: 98px !important;
}

.mg-right-98 {
  margin-right: 98px !important;
}

.mg-bottom-98 {
  margin-bottom: 98px !important;
}

.padding-98 {
  padding: 98px !important;
}

.padding-row-98 {
  padding-left: 98px !important;
  padding-right: 98px !important;
}

.padding-column-98 {
  padding-top: 98px !important;
  padding-bottom: 98px !important;
}

.padding-row-98em {
  padding-left: 98em !important;
  padding-right: 98em !important;
}

.padding-column-98em {
  padding-top: 98em !important;
  padding-bottom: 98em !important;
}

.padding-row-98rem {
  padding-left: 98rem !important;
  padding-right: 98rem !important;
}

.padding-column-98rem {
  padding-top: 98rem !important;
  padding-bottom: 98rem !important;
}

.padding-top-98 {
  padding-top: 98px !important;
}

.padding-left-98 {
  padding-left: 98px !important;
}

.padding-right-98 {
  padding-right: 98px !important;
}

.padding-bottom-98 {
  padding-bottom: 98px !important;
}

.padding-top-98em {
  padding-top: 98em !important;
}

.padding-left-98em {
  padding-left: 98em !important;
}

.padding-right-98em {
  padding-right: 98em !important;
}

.padding-bottom-98em {
  padding-bottom: 98em !important;
}

.percent-width-98 {
  width: 98% !important;
}

.percent-height-98 {
  height: 98% !important;
}

.max-width-98rem {
  max-width: 98rem !important;
}

.max-height-98rem {
  max-height: 98rem !important;
}

.flex-98 {
  flex: 98;
}

.border-radius-98 {
  border-radius: 98px;
}

.percent-border-radius-98 {
  border-radius: 98%;
}

.mg-top-99 {
  margin-top: 99px !important;
}

.mg-99 {
  margin: 99px !important;
}

.mg-row-99 {
  margin-left: 99px !important;
  margin-right: 99px !important;
}

.mg-column-99 {
  margin-top: 99px !important;
  margin-bottom: 99px !important;
}

.mg-row-99em {
  margin-left: 99em !important;
  margin-right: 99em !important;
}

.mg-column-99em {
  margin-top: 99em !important;
  margin-bottom: 99em !important;
}

.mg-row-99rem {
  margin-left: 99rem !important;
  margin-right: 99rem !important;
}

.mg-column-99rem {
  margin-top: 99rem !important;
  margin-bottom: 99rem !important;
}

.mg-left-99 {
  margin-left: 99px !important;
}

.mg-right-99 {
  margin-right: 99px !important;
}

.mg-bottom-99 {
  margin-bottom: 99px !important;
}

.padding-99 {
  padding: 99px !important;
}

.padding-row-99 {
  padding-left: 99px !important;
  padding-right: 99px !important;
}

.padding-column-99 {
  padding-top: 99px !important;
  padding-bottom: 99px !important;
}

.padding-row-99em {
  padding-left: 99em !important;
  padding-right: 99em !important;
}

.padding-column-99em {
  padding-top: 99em !important;
  padding-bottom: 99em !important;
}

.padding-row-99rem {
  padding-left: 99rem !important;
  padding-right: 99rem !important;
}

.padding-column-99rem {
  padding-top: 99rem !important;
  padding-bottom: 99rem !important;
}

.padding-top-99 {
  padding-top: 99px !important;
}

.padding-left-99 {
  padding-left: 99px !important;
}

.padding-right-99 {
  padding-right: 99px !important;
}

.padding-bottom-99 {
  padding-bottom: 99px !important;
}

.padding-top-99em {
  padding-top: 99em !important;
}

.padding-left-99em {
  padding-left: 99em !important;
}

.padding-right-99em {
  padding-right: 99em !important;
}

.padding-bottom-99em {
  padding-bottom: 99em !important;
}

.percent-width-99 {
  width: 99% !important;
}

.percent-height-99 {
  height: 99% !important;
}

.max-width-99rem {
  max-width: 99rem !important;
}

.max-height-99rem {
  max-height: 99rem !important;
}

.flex-99 {
  flex: 99;
}

.border-radius-99 {
  border-radius: 99px;
}

.percent-border-radius-99 {
  border-radius: 99%;
}

.mg-top-100 {
  margin-top: 100px !important;
}

.mg-100 {
  margin: 100px !important;
}

.mg-row-100 {
  margin-left: 100px !important;
  margin-right: 100px !important;
}

.mg-column-100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}

.mg-row-100em {
  margin-left: 100em !important;
  margin-right: 100em !important;
}

.mg-column-100em {
  margin-top: 100em !important;
  margin-bottom: 100em !important;
}

.mg-row-100rem {
  margin-left: 100rem !important;
  margin-right: 100rem !important;
}

.mg-column-100rem {
  margin-top: 100rem !important;
  margin-bottom: 100rem !important;
}

.mg-left-100 {
  margin-left: 100px !important;
}

.mg-right-100 {
  margin-right: 100px !important;
}

.mg-bottom-100 {
  margin-bottom: 100px !important;
}

.padding-100 {
  padding: 100px !important;
}

.padding-row-100 {
  padding-left: 100px !important;
  padding-right: 100px !important;
}

.padding-column-100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.padding-row-100em {
  padding-left: 100em !important;
  padding-right: 100em !important;
}

.padding-column-100em {
  padding-top: 100em !important;
  padding-bottom: 100em !important;
}

.padding-row-100rem {
  padding-left: 100rem !important;
  padding-right: 100rem !important;
}

.padding-column-100rem {
  padding-top: 100rem !important;
  padding-bottom: 100rem !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

.padding-top-100em {
  padding-top: 100em !important;
}

.padding-left-100em {
  padding-left: 100em !important;
}

.padding-right-100em {
  padding-right: 100em !important;
}

.padding-bottom-100em {
  padding-bottom: 100em !important;
}

.percent-width-100 {
  width: 100% !important;
}

.percent-height-100 {
  height: 100% !important;
}

.max-width-100rem {
  max-width: 100rem !important;
}

.max-height-100rem {
  max-height: 100rem !important;
}

.flex-100 {
  flex: 100;
}

.border-radius-100 {
  border-radius: 100px;
}

.percent-border-radius-100 {
  border-radius: 100%;
}

.fill-available {
  height: fill-available;
  height: -webkit-fill-available;
}

.mg-left-auto {
  margin-left: auto;
}

.mg-right-auto {
  margin-right: auto;
}

.mg-row-auto {
  margin-left: auto;
  margin-right: auto;
}

.mg-top-auto {
  margin-top: auto;
}

.mg-bottom-auto {
  margin-bottom: auto;
}

.mg-column-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.cursor-pointer {
  cursor: pointer;
}

/* overrirde typeahead */
.typeahead__container .stylish-border input {
  opacity: 1 !important;
}

/* override select2 */
.stylish-border .select2-container .select2-selection {
  background-color: rgba(0, 0, 0, 0.4) !important;
}

.stylish-border .select2-search--inline .select2-search__field {
  background: rgba(0, 0, 0, 0);
  color: white;
}

.typeahead__container.cancel:has(.stylish-border) .typeahead__cancel-button {
  opacity: 0;
}

.typeahead__container .stylish-input {
  border: none !important;
  padding: 0 0 0 5px;
}

.typeahead__container.stylish-typeahead-multiselect .typeahead__result {
  position: absolute !important;
}

.typeahead__container.stylish-typeahead-multiselect .stylish-border {
  background-color: rgba(0, 0, 0, 0.4) !important;
}

.typeahead__container.stylish-typeahead-multiselect .stylish-border > .typeahead__cancel-button {
  visibility: hidden !important;
}

.typeahead__container.stylish-typeahead-multiselect .stylish-border .stylish-input {
  background-color: rgba(0, 0, 0, 0) !important;
  padding-left: 1ch !important;
  padding-top: 0 !important;
}

.typeahead__container.stylish-typeahead-multiselect .stylish-border .typeahead__label-container .typeahead__label {
  width: auto !important;
  background: #383838 !important;
  padding-right: 0 !important;
}

.typeahead__container.stylish-typeahead-multiselect .stylish-border .typeahead__label-container .typeahead__label > span:first-child {
  color: white;
}

.typeahead__container.stylish-typeahead-multiselect .stylish-border .typeahead__label-container .typeahead__cancel-button {
  position: relative !important;
  float: none;
  margin-left: 4px !important;
  opacity: 1 !important;
}

.typeahead__container.stylish-typeahead-multiselect .stylish-border .stylish-input-actions-wrapper {
  top: unset !important;
  bottom: 0;
  transform: unset !important;
  height: 24px !important;
}

.typeahead__result {
  position: fixed !important;
  z-index: 5;
}

.modification-col {
  flex: 10 10;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  text-align: right;
  font-size: 14px;
}

.template-select {
  height: 20px;
  width: 100%;
  color: white;
  background: rgba(0, 0, 0, 0.65);
  padding: 0 5px 0 5px;
  font-family: "Klavika", sans-serif;
  outline: 0;
  border: 0;
}

.sub-page-container,
.page-content {
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
}
.sub-page-container .vertical-menu-container,
.page-content .vertical-menu-container {
  position: relative;
  display: inline-block;
  float: left;
  height: 100%;
  left: 0;
  transition: left 0.8s !important;
  border-radius: 8px;
  overflow: hidden;
}
.sub-page-container .vertical-menu-container .mwsc-list,
.page-content .vertical-menu-container .mwsc-list {
  width: 100%;
  width: -webkit-fill-available;
}
.sub-page-container .vertical-menu-container .mwsc-list .list,
.page-content .vertical-menu-container .mwsc-list .list {
  border-radius: 8px;
}
.sub-page-container .vertical-menu-container.vertical-menu-left,
.page-content .vertical-menu-container.vertical-menu-left {
  overflow: unset;
}
.sub-page-container .data-filter.v2,
.page-content .data-filter.v2 {
  width: 260px;
}
.sub-page-container .vertical-menu-container:has(.config-list),
.page-content .vertical-menu-container:has(.config-list) {
  flex: 5;
}
.sub-page-container .template-main-body,
.page-content .template-main-body {
  position: relative;
  float: left;
  margin-left: 10px;
  flex: 75;
}
.sub-page-container .first-vertical-menu-container,
.page-content .first-vertical-menu-container {
  position: relative;
  float: left;
  margin-left: 50px;
  height: 100%;
  width: 50%;
  flex: 27;
}
.sub-page-container .main-container,
.page-content .main-container {
  position: relative;
  float: left;
  margin-left: 50px;
  height: 100%;
  width: 50%;
}
.sub-page-container .template-content.v2,
.page-content .template-content.v2 {
  border-radius: 8px;
}
.sub-page-container .template-actions.v2,
.page-content .template-actions.v2 {
  border-radius: 0 5px 5px 0;
}

.template-main-body:not(:has(.template-actions button, .template-actions div)) .template-actions,
.template-2-container:not(:has(.template-actions button, .template-actions div)) .template-actions {
  display: none;
}
.template-main-body:not(:has(.template-actions button, .template-actions div)) .template-content,
.template-2-container:not(:has(.template-actions button, .template-actions div)) .template-content {
  width: 100%;
  border-radius: 8px;
}

.template-2-container.disposition-full-page .template-head {
  border-top-right-radius: 5px;
}
.template-2-container.disposition-full-page .template-head .wrapper {
  display: none !important;
}
.template-2-container.disposition-full-page .template-foot {
  width: calc(100% - 62px) !important;
}
.template-2-container.disposition-full-page .template-foot .tab-container {
  width: 100% !important;
  border-top-right-radius: 0px !important;
}
.template-2-container.disposition-full-page .template-actions {
  top: 59px;
}

.template-container,
.template-2-container {
  display: flex;
  height: 100%;
  flex-direction: column;
  position: relative;
  color: white;
  font-family: "Klavika", sans-serif;
}
.template-container .template-foot:not(:has(.template-tab-choice)) .tab-container,
.template-2-container .template-foot:not(:has(.template-tab-choice)) .tab-container {
  border-radius: 8px;
  margin-top: 0;
  height: 100%;
}
.template-container .template-foot:has(.template-tab-choice) .tab-container,
.template-2-container .template-foot:has(.template-tab-choice) .tab-container {
  border-radius: 0 8px 8px 8px;
}
.template-container .template-head,
.template-2-container .template-head {
  padding-top: 1em;
  padding-bottom: 1em;
  flex: 0;
  border-radius: 5px 0 5px 5px;
}
.template-container .template-main,
.template-2-container .template-main {
  padding-top: 1em;
  padding-bottom: 1em;
  flex: 1;
  border-radius: 8px 0 8px 8px;
}
.template-container .wrapper.no-padding,
.template-2-container .wrapper.no-padding {
  padding-inline: 0;
  padding-bottom: 0;
  width: 100%;
}
.template-container .template-foot,
.template-2-container .template-foot {
  position: relative;
  flex: 1;
  margin-top: 10px;
  width: 100%;
  min-height: 100px;
}
.template-container .template-foot .wrapper.no-padding,
.template-2-container .template-foot .wrapper.no-padding {
  padding-bottom: 0;
  padding-top: 0;
}
.template-container .template-foot .template-actions,
.template-2-container .template-foot .template-actions {
  transform: translateX(100%);
  top: 1.1em;
}
.template-container .template-foot .template-content,
.template-2-container .template-foot .template-content {
  position: static;
  width: 100%;
  margin-top: 1.1em;
  height: calc(100% - 20px);
  overflow-y: auto;
}
.template-container .template-foot:has(.template-actions) .template-content,
.template-2-container .template-foot:has(.template-actions) .template-content {
  border-top-right-radius: 0px;
}
.template-container .template-foot .tab-container,
.template-2-container .template-foot .tab-container {
  width: calc(100% - 60px);
}
.template-container .template-foot .tab-container .template-actions,
.template-2-container .template-foot .tab-container .template-actions {
  right: 62px;
}
.template-container .template-foot .wrapper,
.template-2-container .template-foot .wrapper {
  padding-top: 1em;
  padding-bottom: 1em;
}
.template-container .wrapper,
.template-2-container .wrapper {
  padding-inline: 2em;
  width: calc(100% - 4em);
}
.template-container form,
.template-2-container form {
  display: flex;
  flex-direction: row;
  height: -webkit-fill-available;
}
.template-container .template-actions,
.template-2-container .template-actions {
  display: flex;
  flex-direction: column;
  position: absolute;
  float: right;
  right: 0;
  top: 0;
  border-radius: 0 10px 10px 0;
  z-index: 1;
}
.template-container input[type=checkbox]:checked:disabled,
.template-2-container input[type=checkbox]:checked:disabled {
  position: relative;
}
.template-container input[type=checkbox]:checked:disabled::after,
.template-2-container input[type=checkbox]:checked:disabled::after {
  content: "✔";
  font-weight: bolder;
  color: #009fea;
  background-color: rgba(255, 255, 255, 0);
  border-radius: 3px;
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 1em;
  line-height: 1;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
}
.template-container input[type=radio],
.template-2-container input[type=radio] {
  position: relative;
}
.template-container input[type=radio]:checked::after,
.template-2-container input[type=radio]:checked::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background: #009fea;
}

.template-container.three-containers .template-head {
  flex: 0 5em;
}
.template-container.three-containers .container-1,
.template-container.three-containers .container-2 {
  flex: 3;
}

.interface-mode-badge {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 1ch;
  font-weight: unset;
  height: 1em;
  border-radius: 5px 0 5px;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.5);
  justify-content: space-between;
  align-items: center;
  min-width: 10em;
  padding-right: 1ch;
}
.interface-mode-badge:has(.action-container) {
  padding-right: 0ch;
}
.interface-mode-badge .title-container {
  flex: 1;
  text-align: center;
}
.interface-mode-badge span {
  margin-right: 2ch;
  font-size: 1em;
}
.interface-mode-badge i {
  font-size: 0.7em;
}
.interface-mode-badge .icons-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-right: 1ch;
  margin-right: 1ch;
}
.interface-mode-badge .icons-container i {
  display: none;
}
.interface-mode-badge .action-container {
  width: 3ch;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  background: rgba(0, 0, 0, 0.2392156863);
  border-bottom-right-radius: 5px;
}

.interface-mode-badge.consultation .fa-book {
  display: block;
}

.interface-mode-badge.search .fa-search {
  display: block;
}

.interface-mode-badge.create .fa-plus-circle {
  display: block;
}

.interface-mode-badge.update .fa-edit {
  display: block;
}

input[type=checkbox]:checked:disabled {
  position: relative;
}
input[type=checkbox]:checked:disabled::after {
  content: "✔";
  font-weight: bolder;
  color: #009fea;
  background-color: rgba(255, 255, 255, 0);
  border-radius: 3px;
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 1em;
  line-height: 1;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
}

.template-tab-choice-container {
  position: absolute;
  display: flex;
  height: 1.1em;
}

.template-tab-choice {
  width: 10em;
  position: relative;
  border-right: solid 1px #555555;
  padding-left: 2.2em;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  background-color: #888888;
  user-select: none;
  cursor: pointer;
}
.template-tab-choice > .action-container {
  position: absolute;
  padding-inline: 1em;
  font-size: 0.8em;
  height: 100%;
  border-top-left-radius: 10px;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.template-tab-choice > .action-container .dropdown-action.fa-arrow-down {
  z-index: 2;
  transition: transform 0.3s ease-in-out;
}
.template-tab-choice > .dropdown-container {
  opacity: 0;
  position: absolute;
  top: -200%;
  transition: opacity 0.1s ease-in-out, top 0.1s ease-in-out;
  color: #ababab;
}
.template-tab-choice > .dropdown-container > * {
  display: none;
}
.template-tab-choice > .dropdown-action {
  color: grey;
}

.template-tab-choice.active {
  background-color: rgba(0, 0, 0, 0.65);
}
.template-tab-choice.active::before {
  background-color: #555555;
}
.template-tab-choice.active > .action-container {
  position: absolute;
}
.template-tab-choice.active > .action-container:hover {
  color: white;
  color: white;
}
.template-tab-choice.active > .dropdown-container {
  color: black;
}
.template-tab-choice.active > .dropdown-container > div {
  padding-bottom: 0.2em;
  padding-top: 0.2em;
  padding-inline: 1em;
  background: #4a4a4a;
}
.template-tab-choice.active > .dropdown-container > div:first-child {
  margin-top: 1em;
}
.template-tab-choice.active > .dropdown-container > div:hover {
  background-color: #2f2e2e;
  color: white;
}
.template-tab-choice.active > .dropdown-container > div.active {
  background-color: #2f2e2e;
  color: white;
}

.template-tab-choice.developed > .action-container {
  color: white;
}
.template-tab-choice.developed > .action-container .fa-arrow-down {
  transform: rotate(180deg);
}
.template-tab-choice.developed > .dropdown-container {
  opacity: 1;
  z-index: 2;
  top: calc(100% - 1.1em);
  left: 0px;
  width: calc(100% - 0px);
  overflow: hidden;
  border-radius: 10px;
  user-select: none;
  border: solid 1px #0f0f0f;
  height: auto;
}
.template-tab-choice.developed > .dropdown-container > * {
  display: block;
}

.white-scrollbar-legacy *::-webkit-scrollbar-track,
.white-scrollbar-legacy::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.45);
}

.white-scrollbar-legacy *::-webkit-scrollbar,
.white-scrollbar-legacy::-webkit-scrollbar {
  background-color: rgba(255, 255, 255, 0);
  width: 8px;
  height: 8px;
}

.white-scrollbar-legacy *::-webkit-scrollbar-thumb,
.white-scrollbar-legacy::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0.95);
}

.black-scrollbar-legacy *::-webkit-scrollbar-track,
.white-scrollbar-legacy::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.45);
}

.black-scrollbar-legacy *::-webkit-scrollbar,
.black-scrollbar-legacy::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0);
  width: 8px;
  height: 8px;
}

.black-scrollbar-legacy *::-webkit-scrollbar-thumb,
.black-scrollbar-legacy::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
  background-color: rgba(0, 0, 0, 0.95);
}

fieldset.fieldset-container {
  border: solid white 1px;
  border-radius: 10px;
  padding-top: 5px;
  padding-bottom: 15px;
}
fieldset.fieldset-container legend {
  margin-left: 2em;
  padding-inline: 1ch;
}

.hidden {
  display: none;
}

.font-code {
  font-family: larger;
  font-size: medium;
}

.justify-content-space-around {
  justify-content: space-around;
}

.justify-content-end {
  justify-content: end;
}

.bold {
  font-weight: bold !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.align-content-center {
  align-content: center !important;
}

.align-self-flex-start {
  align-self: flex-start !important;
}

.content-in-jail > * {
  border-top: 0.5px solid rgba(0, 0, 0, 0.35);
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.35);
  border-radius: 5px;
}

.split-equals > div {
  flex: 1 1 50%;
}

.vertical-menu-v2 {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.vertical-menu-v2 .vertical-menu-category {
  height: 3em;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  border-radius: 5px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.65);
}

.text-align-center {
  text-align: center;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-uppercase {
  text-transform: uppercase;
}

.color-black {
  color: black;
}

.mwsc-list {
  display: inline-block;
  width: 230px;
  height: 100%;
  position: relative;
  z-index: 2;
}

.mwsc-list .input-list,
.mwsc-list .list {
  display: inline-block;
  position: relative;
  width: 100%;
}

.mwsc-list .input-list {
  height: 30px;
}

.mwsc-list .input-list .filter {
  width: 100px;
  float: left;
  border-radius: 5px 0 0 5px;
}

.mwsc-list .input-list .search {
  width: 130px;
  border-radius: 0 5px 5px 0;
  padding-left: 10px;
  box-sizing: border-box;
}

.mwsc-list .input-list .filter,
.mwsc-list .input-list .search {
  border: none;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
  color: white;
  font-family: "Klavika", sans-serif;
}

.mwsc-list .list {
  margin-top: 20px;
  list-style: none;
  max-height: calc(100% - 50px);
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
}

.mwsc-list .list > ul {
  width: 100%;
}

.mwsc-list .list .list-node,
.mwsc-list .list .list-node .list-item {
  cursor: pointer;
}

.mwsc-list .list .list-node.node-selected .header-node {
  background: blue !important;
}

.mwsc-list span {
  font-family: "Klavika", sans-serif;
  color: white;
  font-size: 14px;
}

.mwsc-list .list .list-node > div {
  padding: 8px 12px;
  box-sizing: border-box;
  background: #09BE7C;
  position: relative;
  display: block;
  width: 100%;
  border-bottom: 1px solid white;
}

.mwsc-list .list .list-node > div > span {
  font-size: 16px;
  line-height: 1;
}

.mwsc-list .list .list-node > ul {
  list-style-type: none;
  display: none;
}

.mwsc-list .list .list-item {
  padding: 7px 20px;
  box-sizing: border-box;
  height: 40px;
  display: flex;
  justify-content: center;
  background: rgba(0, 0, 0, 0.65);
}

.mwsc-list .list .list-node .list-item:hover {
  background: rgba(0, 0, 0, 0.75);
}

.mwsc-list .list .list-node .list-item.active {
  background: #979797;
}

.mwsc-list .list .list-node .list-item > span {
  margin-left: 15px;
  line-height: 26px;
  max-width: calc(100% - 39px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  font-size: 14px;
}

.mwsc-list .list .list-node .list-item .middle-txt {
  flex: 1 1 auto;
}

.mwsc-list .list .list-node .list-item .side-txt {
  flex: 0 0 auto;
}

.mwsc-list .list .list-node .list-item > div {
  max-height: 24px;
  max-width: 24px;
  float: left;
}

.mwsc-list .list .list-node .list-item > div > svg,
.mwsc-list .list .list-node .list-item > div .icon-svg,
.mwsc-list .list .list-node .list-item > div > img {
  height: auto;
  width: auto;
  max-height: 100%;
  max-width: 100%;
}

.mwsc-list .list .list-node .list-item > div .icon-svg svg {
  width: auto;
  height: auto;
}

.mwsc-list .list .list-node .list-item > div .icon-svg svg image {
  width: 100%;
}

.mwsc-list .list .list-node .list-item > div .icon-svg .icon-base-marker-color {
  position: absolute;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  margin-left: 2px;
}

.mwsc-list .list .list-node .cross {
  position: absolute;
  width: 10px;
  height: 10px;
  right: 12px;
  top: 12px;
}

.mwsc-list .list .list-node .cross .horizontal,
.mwsc-list .list .list-node .cross .vertical {
  background: white;
  position: absolute;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}

.mwsc-list .list .list-node .cross.open .horizontal,
.mwsc-list .list .list-node .cross.open .vertical {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mwsc-list .list .list-node .cross .horizontal {
  width: 100%;
  height: 2px;
  top: 4px;
}

.mwsc-list .list .list-node .cross .vertical {
  width: 2px;
  height: 100%;
  left: 4px;
}

.mwsc-list .list::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.65);
}

.mwsc-list .list::-webkit-scrollbar {
  width: 8px;
  background-color: rgba(0, 0, 0, 0);
}

.mwsc-list .list::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: white;
}

.mwsc-list-context-menu {
  background: white;
  /*width: 140px;*/
  width: auto;
  /*height: 167px;*/
  height: auto;
  max-height: 200px;
  transition: width 0.3s, max-height 0.2s, visibility 0.29s;
  visibility: visible;
  overflow: hidden;
  position: absolute;
  z-index: 899;
  padding: 6px 0;
  border-radius: 2px;
  box-sizing: border-box;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  font-family: "Klavika", sans-serif;
}

.mwsc-list-context-menu.hidden {
  width: 0;
  /*height: 0;*/
  max-height: 0;
  visibility: hidden;
}

.mwsc-list-context-menu ul > li {
  padding: 6px;
  cursor: pointer;
}

.mwsc-list-context-menu ul > li:hover {
  background: rgba(0, 0, 0, 0.1);
}

.mwsc-list-context-menu ul > li:last-child {
  border-bottom: 0;
}

@media screen and (max-width: 940px) {
  .mwsc-list.responsive-list {
    width: 100% !important;
  }
  .mwsc-list.responsive-list .input-list .search {
    width: calc(100% - 100px);
  }
}
.mwsc-list-checkboxes {
  width: 15px;
  height: 15px;
  position: absolute;
  margin-top: 2.2%;
  left: 3px;
}

.checkbox-interface {
  position: relative;
}

input.poi-checkbox {
  width: 15%;
  height: 15%;
  color: white;
  appearance: none;
  font-family: "Material Icons";
  position: absolute;
  margin-top: 0%;
  left: 1%;
  font-size: 115%;
}

input.poi-checkbox.poi-checked::before {
  content: "\e8f4";
}

input.poi-checkbox.poi-unchecked::before {
  content: "\e8f5";
}

/*.data-filter-body .send-export-request,*/
/*.data-filter-body .send-export-request {*/
/*right: 85px;*/
/*}*/
.data-filter {
  width: 260px;
  height: 100%;
  box-sizing: border-box;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
  transition: left 0.8s, margin 0.8s;
  transition-timing-function: cubic-bezier(0, -0.12, 0.46, -0.29);
  position: relative;
  color: white;
}
.data-filter .eraser-container .fa-eraser {
  user-select: none;
  position: absolute;
  right: 0;
  cursor: pointer;
  line-height: 1;
  padding: 0.25rem 0.25rem;
  color: white;
}
.data-filter .eraser-container .fa-eraser:hover {
  color: red;
}
.data-filter .data-filter-header {
  width: 100%;
  min-height: 40px;
  display: flex;
  align-items: center;
}
.data-filter .data-filter-header #hide-vertical-menu {
  transition: width 0.8s, right 0.8s;
  width: 24px;
  position: absolute;
  right: 10px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: right;
  z-index: 998;
}
.data-filter .data-filter-header #hide-vertical-menu i {
  color: white;
  user-select: none;
  cursor: pointer;
  font-size: 28px;
  transform: scaleX(-1);
  transition: margin 0.8s;
}
.data-filter .data-filter-body {
  height: calc(100% - 40px);
  width: 100%;
  display: flex;
  flex-flow: row;
  background: rgba(0, 0, 0, 0.45);
  position: relative;
}
.data-filter .data-filter-body .request {
  position: absolute;
  box-sizing: border-box;
  bottom: 0;
  right: 0;
  width: auto;
  padding: 4px 14px 4px 14px;
  margin: 0 25px 10px 0;
  color: white;
  font-family: "Klavika", sans-serif;
  font-size: 16px;
  border: 0;
  box-shadow: 2px 2px 8px black;
}
.data-filter .data-filter-body .send-request {
  position: absolute;
  box-sizing: border-box;
  bottom: 0;
  right: 0;
  width: auto;
  padding: 4px 14px 4px 14px;
  margin: 0 25px 10px 0;
  color: white;
  font-family: "Klavika", sans-serif;
  font-size: 16px;
  border: 0;
  box-shadow: 2px 2px 8px black;
}
.data-filter .data-filter-body .send-request:hover {
  cursor: pointer;
}
.data-filter .data-filter-body .send-export-request {
  position: absolute;
  box-sizing: border-box;
  bottom: 0;
  right: 0;
  width: auto;
  padding: 4px 14px 4px 14px;
  margin: 0 25px 10px 0;
  color: white;
  font-family: "Klavika", sans-serif;
  font-size: 16px;
  border: 0;
  box-shadow: 2px 2px 8px black;
}
.data-filter .data-filter-body .send-export-request:hover {
  cursor: pointer;
}
.data-filter .data-filter-body .send-export-request-v2 {
  position: absolute;
  box-sizing: border-box;
  bottom: 0;
  right: 0;
  width: auto;
  padding: 4px 14px 4px 14px;
  margin: 0 25px 10px 0;
  color: white;
  font-family: "Klavika", sans-serif;
  font-size: 16px;
  border: 0;
  box-shadow: 2px 2px 8px black;
  right: 100px;
}
.data-filter .data-filter-body .send-export-request-v2:hover {
  cursor: pointer;
}
.data-filter .data-filter-body .request-left-button {
  left: 10px;
  right: unset;
}
.data-filter .data-filter-content .data-filter-static {
  background-color: rgba(0, 0, 0, 0.4);
  margin-top: auto;
  border-top: 1px solid rgba(255, 255, 255, 0.45);
  border-bottom: 1px solid rgba(255, 255, 255, 0.45);
  margin-bottom: 5px;
}
.data-filter .data-filter-content .data-filter-static .data-filter__content {
  padding: 10px;
  display: flex;
  align-content: center;
  justify-content: center;
  flex-direction: column;
}
.data-filter .data-filter-content .data-filter-static .data-filter__header {
  padding: 10px 10px 0 10px;
}
.data-filter .data-filter-content .data-filter-static .data-filter__header:empty {
  display: none;
}
.data-filter .data-filter-list-item.active-filter {
  color: lawngreen;
}
.data-filter .data-filter-list-item.active-filter.icon-svg::before {
  background-color: lawngreen;
}
.data-filter .fa.active-filter {
  color: lawngreen;
}
.data-filter svg.active-filter path {
  fill: lawngreen !important;
}
.data-filter:has(.data-filter-search-bar) .data-filter-body {
  height: calc(100% - 80px);
}
.data-filter:has(.data-filter-search-bar) .data-filter-body .data-filter-content {
  height: calc(100% - 40px);
}

.data-filter.rounded .data-filter-header {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.data-filter.rounded .data-filter-body {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.data-filter.width-auto {
  width: 100%;
}
.data-filter.width-auto #send-export-request {
  width: calc(100% - 40px);
}

.data-filter-header {
  height: 35px;
  width: 100%;
  box-sizing: border-box;
  padding: 8px 12px;
  color: white;
  font-size: 16px;
  font-family: "Klavika", sans-serif;
  display: flex;
  flex: auto;
  align-items: center;
  justify-content: stretch;
}

.data-filter-search-bar {
  height: 40px;
  background-color: rgb(72, 72, 72);
  border-bottom: 2px solid rgba(255, 255, 255, 0.45);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.data-filter-search-bar .icon-container {
  min-width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.data-filter-search-bar .search-container {
  padding-inline: 1ch;
  width: calc(100% - 1ch);
}
.data-filter-search-bar .search-container input {
  border: none;
  width: 100%;
  height: 20px;
  background: rgba(0, 0, 0, 0) !important;
  border: 0 !important;
  border-bottom: 1px solid #979797 !important;
  color: white !important;
  min-width: 140px !important;
  font-family: "Klavika", sans-serif !important;
  font-size: 14px !important;
}
.data-filter-search-bar .search-container input > option {
  color: black;
}

.typeahead__label {
  border: unset !important;
  width: 100%;
  height: 30px;
  background: #222222 !important;
  border-radius: 4px;
  color: #929292;
  cursor: initial;
  display: flex;
  margin: 2px 10px 2px 0;
  padding: 3px 7px;
  overflow: hidden;
  flex-direction: row;
}
.typeahead__label span {
  width: 85%;
  top: 0;
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.typeahead__cancel-button {
  float: right !important;
  position: absolute !important;
  border-left: 1px solid #86360b !important;
  width: 30px !important;
  color: rgb(208, 40, 40) !important;
  margin-left: unset !important;
  padding: unset !important;
  font-size: 2em !important;
  right: 0 !important;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.typeahead__cancel-button:hover {
  background: #860b0b !important;
  border-left: 1px solid rgb(255, 255, 255) !important;
}

.data-filter-list-type-container {
  min-width: 40px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  box-sizing: border-box;
}
.data-filter-list-type-container:hover {
  overflow-y: auto;
}

.data-filter-list-type {
  display: flex;
  width: 100%;
  height: fit-content;
  flex-flow: column;
  overflow-y: hidden;
}
.data-filter-list-type .data-filter-list-item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex: 1 1 auto;
  text-align: center;
  min-height: 40px;
  height: 40px;
  max-height: 40px;
  user-select: none;
  color: white;
  font-size: 24px;
  border-bottom: 1px white solid;
}
.data-filter-list-type .data-filter-list-item:hover {
  background-color: rgba(0, 0, 0, 0.4);
  cursor: pointer;
}
.data-filter-list-type .data-filter-list-item.dependency {
  background-color: rgba(255, 0, 0, 0.6);
}
.data-filter-list-type .data-filter-list-item.dependency:hover {
  background-color: rgba(255, 0, 0, 0.6);
  cursor: not-allowed;
}
.data-filter-list-type .data-filter-list-item.active {
  background-color: rgba(0, 0, 0, 0.4);
}

.data-filter-content {
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  height: inherit;
  overflow-y: hidden;
  flex: 1 1 auto;
}
.data-filter-content .data-filter-tab {
  padding: 10px;
  color: white;
  font-size: 16px;
  font-family: "Klavika", sans-serif;
  box-sizing: border-box;
}
.data-filter-content .data-filter-tab .select2-container {
  min-width: 175px;
  max-width: 175px;
}
.data-filter-content .data-filter-tab .select2-container--default {
  z-index: 100;
}
.data-filter-content .data-filter-active {
  height: auto;
  padding: 10px;
  color: white;
  font-size: 16px;
  font-family: "Klavika", sans-serif;
  box-sizing: border-box;
}

.typeahead__field {
  position: unset !important;
  max-height: 240px;
  min-height: 30px;
}
.typeahead__field::-webkit-scrollbar {
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.45);
  background-color: rgba(255, 255, 255, 0);
  width: 8px;
  height: 8px;
}
.typeahead__field::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0.95);
}

.sector-plant-list-content .typeahead__field {
  max-height: 60px;
}

.data-filter-active .data-filter-active-item {
  font-size: 14px;
  margin-top: 1ch;
}
.data-filter-active fieldset {
  position: relative;
  border-radius: 5px;
  padding: 1ch;
}
.data-filter-active fieldset .eraser-container {
  display: flex;
  justify-content: column;
}
.data-filter-active .input-data {
  background: rgba(0, 0, 0, 0) !important;
  border: 0 !important;
  border-bottom: 1px solid #979797 !important;
  color: white !important;
  min-width: 140px !important;
  font-family: "Klavika", sans-serif !important;
  font-size: 14px !important;
}
.data-filter-active .input-data > option {
  color: black;
}

.data-filter-tab {
  width: 100%;
}
.data-filter-tab fieldset {
  position: relative;
  border-radius: 5px;
  padding: 1ch;
}
.data-filter-tab fieldset .eraser-container {
  display: flex;
  justify-content: column;
}
.data-filter-tab .input-data {
  background: rgba(0, 0, 0, 0) !important;
  border: 0 !important;
  border-bottom: 1px solid #979797 !important;
  color: white !important;
  min-width: 140px !important;
  font-family: "Klavika", sans-serif !important;
  font-size: 14px !important;
}
.data-filter-tab .input-data > option {
  color: black;
}
.data-filter-tab .js-typeahead.input-data {
  min-height: calc(0.75rem + 2px);
  padding: 0.25rem 0.25rem 0.25rem 0.25rem;
  line-height: 1;
  width: calc(100% - 42px);
  padding: 0 !important;
  margin-top: 5px;
}
.data-filter-tab .typeahead__cancel-button {
  display: none !important;
}
.data-filter-tab .typeahead__label .typeahead__cancel-button {
  display: block !important;
  height: inherit;
}

.typeahead__label-container {
  padding: 0 !important;
  position: relative !important;
}

.typeahead__list {
  min-width: 300px !important;
}
.typeahead__list > li > a {
  padding: 0.25rem 0.25rem;
  font-size: 14px;
}

.data-filter-header.eraser-container .fa-eraser {
  right: 40px;
}

.add-invoice-button {
  position: absolute;
  box-sizing: border-box;
  bottom: 0;
  right: 0;
  width: auto;
  padding: 4px 14px 4px 14px;
  margin: 0 25px 10px 0;
  color: white;
  font-family: "Klavika", sans-serif;
  font-size: 16px;
  border: 0;
  box-shadow: 2px 2px 8px black;
}

.request {
  cursor: pointer;
}

#send-export-request {
  margin-bottom: unset !important;
  position: absolute;
  width: 220px;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  height: 40px;
}

.data-filter.open-filter .data-filter-header #hide-vertical-menu i:hover {
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.2);
}

.data-filter.close-filter-v2 {
  transition: margin 0.8s;
  margin-left: -260px;
}
.data-filter.close-filter-v2 .data-filter-header #hide-vertical-menu {
  width: 40px;
  right: -40px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  height: 28px;
  width: 40px;
  right: -20px;
}
.data-filter.close-filter-v2 .data-filter-header #hide-vertical-menu:hover {
  width: 60px;
  right: -40px;
}
.data-filter.close-filter-v2 .data-filter-header #hide-vertical-menu:hover i {
  margin-left: 36px;
}
.data-filter.close-filter-v2 .data-filter-header #hide-vertical-menu i {
  margin-left: 16px;
  transition: margin 0.8s;
}

.data-filter.close-filter .data-filter-header #hide-vertical-menu {
  width: 40px;
  right: -40px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  height: 28px;
}
.data-filter.close-filter .data-filter-header #hide-vertical-menu:hover {
  width: 60px;
  right: -60px;
}
.data-filter.close-filter .data-filter-header #hide-vertical-menu:hover i {
  margin-left: 28px;
}
.data-filter.close-filter .data-filter-header #hide-vertical-menu i {
  margin-left: 14px;
  transition: margin 0.8s;
}

.vertical-menu-left {
  left: -290px !important;
}

.data-filter-neighbor.extend {
  width: 100% !important;
  transition: width 0.8s;
}

.data-filter-neighbor {
  transition: width 0.8s;
}

.hide-vertical-main-container {
  position: relative;
  height: 100%;
}

.hide-vertical-main-container.width-container {
  position: absolute;
  top: unset;
}

#data-filter-display-mode {
  width: -webkit-fill-available;
  background: rgba(0, 0, 0, 0.3);
  border-style: solid;
  border-left: 2px;
  border-right: 2px;
  border-color: grey;
  bottom: 50px;
  position: absolute;
}
#data-filter-display-mode .template-select {
  height: 20px;
  width: 100%;
  color: white;
  background: rgba(0, 0, 0, 0.65);
  padding: 0 5px 0 5px;
  font-family: "Klavika", sans-serif;
  outline: 0;
  border: 0;
}

@media screen and (max-height: 620px) {
  .data-filter {
    height: 100%;
  }
  #maintenance-filter {
    height: 100%;
  }
}
.supplier-product-type-filter {
  flex: 0 25em;
}

.data-filter-active {
  overflow-y: auto;
  flex: 1;
}

.data-filter-static {
  flex: 0;
}

.flex {
  display: flex;
}

.width-1em {
  width: 1em;
}

.width-2em {
  width: 2em;
}

.width-3em {
  width: 3em;
}

.width-4em {
  width: 4em;
}

.width-5em {
  width: 5em;
}

.width-6em {
  width: 6em;
}

.width-7em {
  width: 7em;
}

.width-8em {
  width: 8em;
}

.width-9em {
  width: 9em;
}

.width-10em {
  width: 10em;
}

.width-11em {
  width: 11em;
}

.width-12em {
  width: 12em;
}

.width-13em {
  width: 13em;
}

.width-14em {
  width: 14em;
}

.width-15em {
  width: 15em;
}

.width-16em {
  width: 16em;
}

.width-17em {
  width: 17em;
}

.width-18em {
  width: 18em;
}

.width-19em {
  width: 19em;
}

.width-20em {
  width: 20em;
}

.mg-left-1em {
  margin-left: 1em;
}

.mg-right-1em {
  margin-right: 1em;
}

.mg-top-1em, .import-excel .form-row {
  margin-top: 1em;
}

.mg-bottom-1em {
  margin-bottom: 1em;
}

.mg-left-1rem {
  margin-left: 1rem;
}

.mg-right-1rem {
  margin-right: 1rem;
}

.mg-top-1rem {
  margin-top: 1rem;
}

.mg-bottom-1rem {
  margin-bottom: 1rem;
}

.gap-1em {
  gap: 1em;
}

.mg-left-2em {
  margin-left: 2em;
}

.mg-right-2em {
  margin-right: 2em;
}

.mg-top-2em {
  margin-top: 2em;
}

.mg-bottom-2em {
  margin-bottom: 2em;
}

.mg-left-2rem {
  margin-left: 2rem;
}

.mg-right-2rem {
  margin-right: 2rem;
}

.mg-top-2rem {
  margin-top: 2rem;
}

.mg-bottom-2rem {
  margin-bottom: 2rem;
}

.gap-2em {
  gap: 2em;
}

.mg-left-3em {
  margin-left: 3em;
}

.mg-right-3em {
  margin-right: 3em;
}

.mg-top-3em {
  margin-top: 3em;
}

.mg-bottom-3em {
  margin-bottom: 3em;
}

.mg-left-3rem {
  margin-left: 3rem;
}

.mg-right-3rem {
  margin-right: 3rem;
}

.mg-top-3rem {
  margin-top: 3rem;
}

.mg-bottom-3rem {
  margin-bottom: 3rem;
}

.gap-3em {
  gap: 3em;
}

.mg-left-4em {
  margin-left: 4em;
}

.mg-right-4em {
  margin-right: 4em;
}

.mg-top-4em {
  margin-top: 4em;
}

.mg-bottom-4em {
  margin-bottom: 4em;
}

.mg-left-4rem {
  margin-left: 4rem;
}

.mg-right-4rem {
  margin-right: 4rem;
}

.mg-top-4rem {
  margin-top: 4rem;
}

.mg-bottom-4rem {
  margin-bottom: 4rem;
}

.gap-4em {
  gap: 4em;
}

.mg-left-5em {
  margin-left: 5em;
}

.mg-right-5em {
  margin-right: 5em;
}

.mg-top-5em {
  margin-top: 5em;
}

.mg-bottom-5em {
  margin-bottom: 5em;
}

.mg-left-5rem {
  margin-left: 5rem;
}

.mg-right-5rem {
  margin-right: 5rem;
}

.mg-top-5rem {
  margin-top: 5rem;
}

.mg-bottom-5rem {
  margin-bottom: 5rem;
}

.gap-5em {
  gap: 5em;
}

.mg-left-6em {
  margin-left: 6em;
}

.mg-right-6em {
  margin-right: 6em;
}

.mg-top-6em {
  margin-top: 6em;
}

.mg-bottom-6em {
  margin-bottom: 6em;
}

.mg-left-6rem {
  margin-left: 6rem;
}

.mg-right-6rem {
  margin-right: 6rem;
}

.mg-top-6rem {
  margin-top: 6rem;
}

.mg-bottom-6rem {
  margin-bottom: 6rem;
}

.gap-6em {
  gap: 6em;
}

.mg-left-7em {
  margin-left: 7em;
}

.mg-right-7em {
  margin-right: 7em;
}

.mg-top-7em {
  margin-top: 7em;
}

.mg-bottom-7em {
  margin-bottom: 7em;
}

.mg-left-7rem {
  margin-left: 7rem;
}

.mg-right-7rem {
  margin-right: 7rem;
}

.mg-top-7rem {
  margin-top: 7rem;
}

.mg-bottom-7rem {
  margin-bottom: 7rem;
}

.gap-7em {
  gap: 7em;
}

.mg-left-8em {
  margin-left: 8em;
}

.mg-right-8em {
  margin-right: 8em;
}

.mg-top-8em {
  margin-top: 8em;
}

.mg-bottom-8em {
  margin-bottom: 8em;
}

.mg-left-8rem {
  margin-left: 8rem;
}

.mg-right-8rem {
  margin-right: 8rem;
}

.mg-top-8rem {
  margin-top: 8rem;
}

.mg-bottom-8rem {
  margin-bottom: 8rem;
}

.gap-8em {
  gap: 8em;
}

.mg-left-9em {
  margin-left: 9em;
}

.mg-right-9em {
  margin-right: 9em;
}

.mg-top-9em {
  margin-top: 9em;
}

.mg-bottom-9em {
  margin-bottom: 9em;
}

.mg-left-9rem {
  margin-left: 9rem;
}

.mg-right-9rem {
  margin-right: 9rem;
}

.mg-top-9rem {
  margin-top: 9rem;
}

.mg-bottom-9rem {
  margin-bottom: 9rem;
}

.gap-9em {
  gap: 9em;
}

.mg-left-10em {
  margin-left: 10em;
}

.mg-right-10em {
  margin-right: 10em;
}

.mg-top-10em {
  margin-top: 10em;
}

.mg-bottom-10em {
  margin-bottom: 10em;
}

.mg-left-10rem {
  margin-left: 10rem;
}

.mg-right-10rem {
  margin-right: 10rem;
}

.mg-top-10rem {
  margin-top: 10rem;
}

.mg-bottom-10rem {
  margin-bottom: 10rem;
}

.gap-10em {
  gap: 10em;
}

.mg-left-11em {
  margin-left: 11em;
}

.mg-right-11em {
  margin-right: 11em;
}

.mg-top-11em {
  margin-top: 11em;
}

.mg-bottom-11em {
  margin-bottom: 11em;
}

.mg-left-11rem {
  margin-left: 11rem;
}

.mg-right-11rem {
  margin-right: 11rem;
}

.mg-top-11rem {
  margin-top: 11rem;
}

.mg-bottom-11rem {
  margin-bottom: 11rem;
}

.gap-11em {
  gap: 11em;
}

.mg-left-12em {
  margin-left: 12em;
}

.mg-right-12em {
  margin-right: 12em;
}

.mg-top-12em {
  margin-top: 12em;
}

.mg-bottom-12em {
  margin-bottom: 12em;
}

.mg-left-12rem {
  margin-left: 12rem;
}

.mg-right-12rem {
  margin-right: 12rem;
}

.mg-top-12rem {
  margin-top: 12rem;
}

.mg-bottom-12rem {
  margin-bottom: 12rem;
}

.gap-12em {
  gap: 12em;
}

.mg-left-13em {
  margin-left: 13em;
}

.mg-right-13em {
  margin-right: 13em;
}

.mg-top-13em {
  margin-top: 13em;
}

.mg-bottom-13em {
  margin-bottom: 13em;
}

.mg-left-13rem {
  margin-left: 13rem;
}

.mg-right-13rem {
  margin-right: 13rem;
}

.mg-top-13rem {
  margin-top: 13rem;
}

.mg-bottom-13rem {
  margin-bottom: 13rem;
}

.gap-13em {
  gap: 13em;
}

.mg-left-14em {
  margin-left: 14em;
}

.mg-right-14em {
  margin-right: 14em;
}

.mg-top-14em {
  margin-top: 14em;
}

.mg-bottom-14em {
  margin-bottom: 14em;
}

.mg-left-14rem {
  margin-left: 14rem;
}

.mg-right-14rem {
  margin-right: 14rem;
}

.mg-top-14rem {
  margin-top: 14rem;
}

.mg-bottom-14rem {
  margin-bottom: 14rem;
}

.gap-14em {
  gap: 14em;
}

.mg-left-15em {
  margin-left: 15em;
}

.mg-right-15em {
  margin-right: 15em;
}

.mg-top-15em {
  margin-top: 15em;
}

.mg-bottom-15em {
  margin-bottom: 15em;
}

.mg-left-15rem {
  margin-left: 15rem;
}

.mg-right-15rem {
  margin-right: 15rem;
}

.mg-top-15rem {
  margin-top: 15rem;
}

.mg-bottom-15rem {
  margin-bottom: 15rem;
}

.gap-15em {
  gap: 15em;
}

.mg-left-16em {
  margin-left: 16em;
}

.mg-right-16em {
  margin-right: 16em;
}

.mg-top-16em {
  margin-top: 16em;
}

.mg-bottom-16em {
  margin-bottom: 16em;
}

.mg-left-16rem {
  margin-left: 16rem;
}

.mg-right-16rem {
  margin-right: 16rem;
}

.mg-top-16rem {
  margin-top: 16rem;
}

.mg-bottom-16rem {
  margin-bottom: 16rem;
}

.gap-16em {
  gap: 16em;
}

.mg-left-17em {
  margin-left: 17em;
}

.mg-right-17em {
  margin-right: 17em;
}

.mg-top-17em {
  margin-top: 17em;
}

.mg-bottom-17em {
  margin-bottom: 17em;
}

.mg-left-17rem {
  margin-left: 17rem;
}

.mg-right-17rem {
  margin-right: 17rem;
}

.mg-top-17rem {
  margin-top: 17rem;
}

.mg-bottom-17rem {
  margin-bottom: 17rem;
}

.gap-17em {
  gap: 17em;
}

.mg-left-18em {
  margin-left: 18em;
}

.mg-right-18em {
  margin-right: 18em;
}

.mg-top-18em {
  margin-top: 18em;
}

.mg-bottom-18em {
  margin-bottom: 18em;
}

.mg-left-18rem {
  margin-left: 18rem;
}

.mg-right-18rem {
  margin-right: 18rem;
}

.mg-top-18rem {
  margin-top: 18rem;
}

.mg-bottom-18rem {
  margin-bottom: 18rem;
}

.gap-18em {
  gap: 18em;
}

.mg-left-19em {
  margin-left: 19em;
}

.mg-right-19em {
  margin-right: 19em;
}

.mg-top-19em {
  margin-top: 19em;
}

.mg-bottom-19em {
  margin-bottom: 19em;
}

.mg-left-19rem {
  margin-left: 19rem;
}

.mg-right-19rem {
  margin-right: 19rem;
}

.mg-top-19rem {
  margin-top: 19rem;
}

.mg-bottom-19rem {
  margin-bottom: 19rem;
}

.gap-19em {
  gap: 19em;
}

.mg-left-20em {
  margin-left: 20em;
}

.mg-right-20em {
  margin-right: 20em;
}

.mg-top-20em {
  margin-top: 20em;
}

.mg-bottom-20em {
  margin-bottom: 20em;
}

.mg-left-20rem {
  margin-left: 20rem;
}

.mg-right-20rem {
  margin-right: 20rem;
}

.mg-top-20rem {
  margin-top: 20rem;
}

.mg-bottom-20rem {
  margin-bottom: 20rem;
}

.gap-20em {
  gap: 20em;
}

.badge > span {
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  border: none;
  background-color: #DEEBFF;
  padding-inline: 4px;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 3px;
  block-size: -webkit-min-content;
  block-size: -moz-min-content;
  block-size: min-content;
  position: static;
  overflow: hidden;
}
.badge > span > span {
  font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  color: #0052CC;
}
.badge[data-color=blue] > span {
  background-color: #DEEBFF;
}
.badge[data-color=blue] > span > span {
  color: #0052CC;
}
.badge[data-color=purple] > span {
  background-color: #EAE6FF;
}
.badge[data-color=purple] > span > span {
  color: #403294;
}
.badge[data-color=red] > span {
  background-color: #FFEBE6;
}
.badge[data-color=red] > span > span {
  color: #DE350B;
}
.badge[data-color=orange] > span {
  background-color: #FFFAE6;
}
.badge[data-color=orange] > span > span {
  color: #974F0C;
}
.badge[data-color=green] > span {
  background-color: #E3FCEF;
}
.badge[data-color=green] > span > span {
  color: #006644;
}

.dark-theme {
  --bg-color: #1a1a1a;
  --text-color: #fff;
  --primary: #8d8d8d;
  --secondary: #6c757d;
  --border-color: #333;
  --card-bg: #2d3748;
  --card-text: #e9ecef;
  --disabled-bg: #6b6b6b;
  --disabled-text: #4e4e4e;
  --input-bg: #505050;
  --input-invalid: #fe7011;
}

.light-theme {
  --bg-color: #f8f9fa;
  --text-color: #222;
  --primary: #bbbbbb;
  --secondary: #a8a8a8;
  --border-color: #ddd;
  --card-bg: #fff;
  --card-text: #222;
  --disabled-bg: #ededed;
  --disabled-text: #888;
  --input-bg: #f5f5f5;
  --input-invalid: #fe7011;
}

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

body {
  background-size: cover;
  position: relative;
  overflow: hidden;
  background-attachment: fixed;
  font-family: "Klavika", sans-serif;
}

input:disabled {
  opacity: 0.7;
}

/* Supprimer les flèches sur les inputs de nombres */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=checkbox]:checked:disabled {
  position: relative;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

[hidden] {
  display: none;
}

textarea {
  resize: none;
}

.border-box {
  padding: 10px;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}

.template-dialog {
  position: absolute;
  font-family: "Klavika", sans-serif;
  width: 60%;
  height: 50%;
  left: 20%;
  top: 25%;
  z-index: 1100;
}

.template-dialog.template-dialog-xl {
  min-width: 1024px;
  max-width: 80%;
  min-height: 720px;
  max-height: 80%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.template-header {
  position: absolute;
  top: 20px;
  color: white;
  height: 40px;
  width: calc(100% + 8px);
  display: flex;
  align-items: center;
}

.template-header p {
  margin: 0 !important;
  padding: 6px 80px !important;
}

.template-icon {
  position: absolute;
  top: 17px;
  z-index: 99;
  left: 20px;
}

.template-actions .template-icon {
  position: relative;
  top: unset;
  left: unset;
  z-index: unset;
}

.template-actions .template-icon:not([disabled]):hover {
  cursor: pointer;
  transform: scale(1.05) !important;
}

.template-icon:has(i) {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  padding: 2px;
  border-radius: 100%;
  height: 48px;
  width: 48px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.template-actions .template-icon:has(i) {
  background-color: white;
  padding: 2px;
  border-radius: 100%;
  height: 36px;
  width: 36px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.template-icon i {
  font-size: 32px;
  transform: translateY(-50%);
}

.template-actions .template-icon i {
  font-size: 28px;
  transform: translateY(-50%);
}

.template-actions .custom-icon:before {
  background-size: 28px;
  width: 28px;
  height: 28px;
}

.template-dialog.rounded .template-content {
  border-radius: 5px;
}

.template-content {
  position: relative;
  float: left;
  font-family: "Klavika", sans-serif;
  background: rgba(0, 0, 0, 0.65);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  z-index: 1;
  height: 100%;
  width: calc(100% - 62px);
}

.template-body {
  font-family: "Klavika", sans-serif;
  color: white;
  position: relative;
  overflow-y: hidden;
  overflow-x: hidden;
  width: calc(100% - 60px);
  height: calc(100% - 100px);
  margin: 70px 30px 30px 30px;
  box-sizing: border-box;
}

.template-body.template-body-flex > div {
  flex: 1;
  display: flex;
  width: 100%;
  min-height: 30px;
  align-items: center;
}

.template-body.template-body-flex label {
  height: fit-content;
}

.template-body.template-body-flex .typeahead__container {
  flex: 1;
  position: relative !important;
}

.template-body.template-body-flex .typeahead__container input {
  width: 100% !important;
  height: 100% !important;
}

.template-body.template-body-flex .typeahead__container .typeahead__cancel-button {
  height: 100% !important;
  line-height: normal !important;
  font-size: 1em !important;
}

.template-body.template-body-flex .typeahead__container:hover .typeahead__cancel-button {
  visibility: visible;
}

.template-body > div {
  display: inline-block;
  width: 100%;
}

/*.template-body > div > div > div > label*/
/*{*/
/*color: white;*/
/*display: block;*/
/*width: 200px;*/
/*font-family: 'Klavika', sans-serif;*/
/*}*/
.template-body > div > div > label,
.template-body > div > div > div > label,
.template-body fieldset > div > label,
.template-body > div > label,
.template-body > div > p {
  color: white;
  display: block;
  width: 230px;
  float: left;
  font-family: "Klavika", sans-serif;
}

.template-body.full-width > div > div > label,
.template-body.full-width > div > div > div > label,
.template-body.full-width fieldset > div > label,
.template-body.full-width > div > label,
.template-body.full-width > div > p,
.template-body.full-width > div > div > div > textarea,
.template-body.full-width > div > div > textarea,
.template-body.full-width > div > textarea,
.template-body.full-width > div > div > div > input,
.template-body.full-width > div > div > input,
.template-body.full-width > div > input,
.template-body.full-width fieldset > div > input,
.template-body.full-width input.template-input,
.template-body.full-width > div > div > div > select,
.template-body.full-width > div > div > select,
.template-body.full-width > div > select,
.template-body.full-width select.template-select {
  width: 100%;
}

.template-body > div > div > div > input,
.template-body > div > div > input,
.template-body > div > input,
.template-body fieldset > div > input,
.template-body input.template-input,
.template-input {
  outline: 0;
  border: 0;
  background: rgba(0, 0, 0, 0.65);
  width: 40%;
  height: 20px;
  color: white;
  padding: 0 0 0 5px;
  vertical-align: middle;
  display: inline-block;
  font-family: "Klavika", sans-serif;
  box-sizing: border-box;
}

.template-body > div > div > div > textarea,
.template-body > div > div > textarea,
.template-body > div > textarea {
  width: 90%;
  color: white;
  outline: 0;
  background: rgba(0, 0, 0, 0.65);
  border: 0;
  padding: 5px 0 0 5px;
  font-family: "Klavika", sans-serif;
  resize: none;
  box-sizing: border-box;
}

.template-body > div > div > div > select,
.template-body > div > div > select,
.template-body > div > select,
.template-body select.template-select {
  height: 20px;
  width: 100%;
  color: white;
  background: rgba(0, 0, 0, 0.65);
  padding: 0 5px 0 5px;
  font-family: "Klavika", sans-serif;
  outline: 0;
  border: 0;
  width: 20%;
}

select.template-select {
  height: 20px;
  width: 100%;
  color: white;
  background: rgba(0, 0, 0, 0.65);
  padding: 0 5px 0 5px;
  font-family: "Klavika", sans-serif;
  outline: 0;
  border: 0;
}

.template-content > div > div > select,
.template-content > div > select {
  height: 20px;
  width: 40%;
  color: white;
  background: rgba(0, 0, 0, 0.65);
  padding: 0 5px 0 5px;
  font-family: "Klavika", sans-serif;
  outline: 0;
  border: 0;
}

.template-body > div > ul {
  display: inline-block;
  padding-left: 20px;
  width: 100%;
  overflow-y: auto;
  height: 100px;
}

.template-actions {
  position: relative;
  top: 20px;
  float: left;
  padding: 10px;
  z-index: 0;
  overflow: hidden;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
  display: flex;
  flex-direction: column;
}

.template-actions button,
.template-actions div {
  width: 42px;
  height: 42px;
  text-align: center;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}

.template-actions button {
  background: none;
}

.template-actions *:disabled .action-button {
  cursor: unset;
}

.template-actions div[disabled],
.template-actions button[disabled] {
  opacity: 0.5;
  transform: scale(1) !important;
  cursor: unset;
}

.template-actions div:has(.circle-icon) {
  margin-inline: 1px;
  width: 38px;
  height: 40px;
}

.template-actions .circle-icon {
  width: 36px;
  height: 36px;
  margin-inline: 2px;
}

.template-actions .fa {
  font-size: 1.5em;
}

.template-actions:not([disabled]) *:not([disabled]) i:hover:not([disabled]),
.template-actions:not([disabled]) *:not([disabled]) img:hover:not([disabled]) {
  cursor: pointer;
  transform: scale(1.05) !important;
}

.template-actions-icons {
  margin-top: 5px;
}

.template-actions-icons[disabled] > img {
  filter: opacity(0.5);
  cursor: not-allowed;
}

.template-actions-icons[disabled] > img:hover {
  transform: none !important;
}

.template-input-data {
  background: rgba(0, 0, 0, 0) !important;
  border: 0 !important;
  border-bottom: 1px solid #979797 !important;
  color: white !important;
  min-width: 140px !important;
  font-family: "Klavika", sans-serif !important;
  font-size: 14px !important;
}

.template-input-data > option {
  color: black;
}

.template-input-data.js-typeahead {
  min-height: calc(0.75rem + 2px);
  padding: 0.25rem 0.25rem 0.25rem 0.25rem;
  line-height: 1;
  width: calc(100% - 42px);
}

.template-input-data::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: rgb(200, 200, 200);
  font-family: Klavika, sans-serif;
  font-size: 14px;
}

.template-input-data::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: rgb(200, 200, 200);
  font-family: Klavika, sans-serif;
  font-size: 14px;
}

.template-button-colored {
  box-sizing: border-box;
  width: auto;
  padding: 4px 14px 4px 14px;
  color: white;
  font-family: "Klavika", sans-serif;
  font-size: 16px;
  border: 0;
  box-shadow: 2px 2px 8px black;
  cursor: pointer;
}

.template-button,
.template-button-light {
  width: auto !important;
  display: inline-flex !important;
  border-radius: 3px;
  box-shadow: 1px 2px 4px black;
  min-width: 130px;
  align-items: center;
  justify-content: center;
  align-content: center;
  padding: 8px 6px;
  cursor: pointer;
  margin-right: 10px;
  margin-top: 10px;
}

.template-button-light {
  color: white;
}

.template-button > i,
.template-button-light > i {
  margin-right: 6px;
}

.template-tab-container {
  height: 100%;
}

.typeahead__list {
  min-width: 300px !important;
}

.typeahead__list > li > a {
  padding: 0.25rem 0.25rem;
  font-size: 14px;
}

.typeahead__list > li.typeahead__item.typeahead__group-item:has([deleted=true]) {
  background-color: rgba(255, 0, 0, 0.7);
  color: white !important;
  border-top: none;
}

.typeahead__list > li > a:has([deleted=true]) {
  color: white !important;
}

.typeahead__list > li.typeahead__item.typeahead__group-item:has([deleted=true]) a:hover {
  background-color: rgba(255, 0, 0, 0.5) !important;
  border-top: none;
}

.vertical-menu-container {
  position: relative;
  display: inline-block;
  float: left;
  height: 100%;
  left: 0;
  transition: left 0.8s !important;
}

.whiteScrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.45);
}

.whiteScrollbar::-webkit-scrollbar {
  background-color: rgba(255, 255, 255, 0);
  width: 8px;
  height: 8px;
}

.whiteScrollbar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0.95);
}

.blackScrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.45);
}

.blackScrollbar::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0);
  width: 8px;
  height: 8px;
}

.blackScrollbar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
  background-color: rgba(0, 0, 0, 0.95);
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: rgba(255, 255, 255, 0.5);
  font-family: Klavika, sans-serif;
  font-size: 16px;
  font-weight: bold;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: rgba(255, 255, 255, 0.7);
  font-family: Klavika, sans-serif;
  font-size: 16px;
  font-weight: bold;
}

/*::-ms-input-placeholder { !* Internet Explorer 10-11 *!*/
/*color: rgba(255, 255, 255, 0.7);*/
/*font-family: Klavika, sans-serif;*/
/*font-size: 16px;*/
/*font-weight: bold;*/
/*}*/
.whiteScrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.45);
}

.whiteScrollbar::-webkit-scrollbar {
  background-color: rgba(255, 255, 255, 0);
  width: 8px;
  height: 8px;
}

.whiteScrollbar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0.95);
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: rgba(255, 255, 255, 0.5);
  font-family: Klavika, sans-serif;
  font-size: 16px;
  font-weight: bold;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: rgba(255, 255, 255, 0.7);
  font-family: Klavika, sans-serif;
  font-size: 16px;
  font-weight: bold;
}

/*::-ms-input-placeholder { !* Internet Explorer 10-11 *!*/
/*color: rgba(255, 255, 255, 0.7);*/
/*font-family: Klavika, sans-serif;*/
/*font-size: 16px;*/
/*font-weight: bold;*/
/*}*/
.blackScrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.15);
}

.blackScrollbar::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0);
  width: 8px;
  height: 8px;
}

.blackScrollbar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px var(--c-white);
  background-color: rgba(0, 0, 0, 0.3);
}

.smallblackScrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px var(--c-white);
  border-radius: 10px;
  background-color: var(--c-white);
}

.smallblackScrollbar::-webkit-scrollbar {
  background-color: white;
  width: 1px;
  height: 2px;
}

.smallblackScrollbar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px var(--c-white);
  background-color: rgba(0, 0, 0, 0.3);
}

.mediumblackScrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px var(--c-white);
  background-color: var(--c-white);
}

.mediumblackScrollbar::-webkit-scrollbar {
  background-color: white;
  width: 5px;
  height: 2px;
  transition: all 0.3s ease-in-out;
}

.mediumblackScrollbar::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px var(--c-white);
  background-color: rgba(0, 0, 0, 0.6);
}

ul.tab-pages,
ul.subtab {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

ul.tab-pages li, ul.subtab li {
  float: left;
  cursor: pointer;
}

ul.tab-pages li a, ul.subtab li a {
  display: inline-block;
  text-align: center;
  padding: 11px 16px;
  text-decoration: none;
  font-family: Klavika, sans-serif;
  color: white;
}

ul.tab-pages li a, ul.subtab.full-width li a {
  width: 100%;
  height: 40px;
  box-sizing: border-box;
}

ul.tab-pages > li a:hover {
  background: rgba(255, 255, 255, 0.1);
}

ul.tab-pages > li a:focus, .active {
  background: rgba(255, 255, 255, 0.1);
}

.div-subtab ul.subtab {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 5px 5px 0 0;
}

ul.subtab > li a:hover {
  background: rgba(0, 0, 0, 0.4);
}

ul.subtab > li a:focus, .subtab-active,
ul.subtab > li a.subtab-active:hover {
  background: rgba(0, 0, 0, 0.2);
}

.div-subtab ul.subtab {
  display: block;
  padding: 0;
  height: auto;
}

.div-subtab ul.subtab.full-width {
  display: flex;
  flex-direction: row;
}

.div-subtab ul.subtab > li {
  user-select: none;
  /* supported by Chrome and Opera */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
}

.disable-select {
  user-select: none;
  /* supported by Chrome and Opera */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
}

.div-subtab ul.subtab.full-width > li {
  flex: 1;
}

.div-subtab div.subtabcontent {
  display: block;
  padding: 10px;
  box-sizing: border-box;
  position: relative;
  height: 400px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0 0 5px 5px;
}

#div-account-infos {
  height: unset;
}

.div-informations {
  width: 220px;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
  max-height: 907px;
  overflow: auto;
  font-family: Klavika, sans-serif;
  color: #ffffff;
}

.div-informations .title-block > p {
  font-size: 16px;
  text-align: center;
  padding: 8px 12px;
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
}

.div-informations .body-block {
  background: rgba(0, 0, 0, 0.75);
  padding: 10px;
  overflow: hidden;
  font-size: 15px;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}

.div-informations .body-block > div {
  display: inline-block;
}

.div-informations .body-block > label {
  display: block;
  width: auto;
}

.div-informations .body-block > div > label,
.div-informations .body-block > div > p {
  color: white;
  display: block;
  width: 170px;
  float: left;
  font-family: "Klavika", sans-serif;
}

.div-informations .body-block > div > select {
  width: 40%;
  color: white;
  background: rgba(0, 0, 0, 0.65);
  padding: 0 5px 0 5px;
  font-family: "Klavika", sans-serif;
  outline: 0;
  border: 0;
}

#loading-div {
  height: 128px;
  width: 128px;
  position: absolute;
  top: 0;
  z-index: 99999;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  display: none;
  justify-content: center;
  align-items: center;
}

.full-width-infos,
.infos-left,
.infos-right {
  position: relative;
}

.infos-left,
.infos-right {
  width: 50%;
  height: inherit;
  text-align: center;
  display: inline-block;
}

.infos-left {
  float: left;
}

.infos-right {
  float: right;
}

.infos-right > label,
.infos-left > label {
  width: 100%;
  display: inline-block;
}

.full-width-infos {
  width: 100%;
  text-align: center;
  clear: both;
  display: inline-block;
}

.full-width-infos > label {
  width: 100%;
  display: block;
}

.infos-left p,
.infos-right p,
.full-width-infos p {
  margin-top: 10px;
  width: 100%;
  font-size: 18px;
}

.full-width-infos input {
  outline: 0;
  border: 0;
  background: rgba(0, 0, 0, 0.5);
  width: 40%;
  color: white;
  padding: 0 0 0 5px;
  vertical-align: middle;
  display: inline-block;
  font-family: "Klavika", sans-serif;
  box-sizing: border-box;
}

.infos-left label + img,
.infos-right label + img {
  margin-top: 10px;
  position: relative;
  top: auto;
  left: auto;
  transform: translateY(0);
}

.infos-left img,
.infos-right img,
.full-width-infos img {
  position: absolute;
  top: 50%;
  left: 25%;
  transform: translateY(-50%);
}

.full-height-infos {
  width: 12.5%;
  height: 100%;
  float: left;
  display: inline-block;
  text-align: center;
}

.full-height-infos .center-label {
  width: 100%;
  height: 50%;
  display: table;
}

.full-height-infos div label {
  width: calc(100% - 10px);
  height: 100%;
  padding: 0 5px 0 5px;
  font-size: 16px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.full-height-infos p {
  width: 100% !important;
  height: 50%;
  padding: 0 5px 0 5px;
  display: inline;
  text-align: center;
  font-size: 16px;
}

.full-height-infos img {
  vertical-align: middle;
  display: none;
}

.vertical-separator {
  position: absolute;
  height: 80%;
  top: 10%;
  border-left: 1px solid white;
}

.horizontal-separator {
  border-bottom: 1px solid white;
  width: 100%;
  clear: both;
}

.picker-submit-button {
  position: relative;
  height: 100%;
  max-height: 85px;
  float: right;
  width: 25px;
  border: 0;
  box-shadow: 2px 2px 8px black;
  cursor: pointer;
}

.picker-date {
  margin: 5px 15% 0 10%;
  width: 60%;
  height: 100%;
  float: left;
}

.picker-date input {
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-bottom: 1px solid #979797;
  color: white;
  width: 100%;
}

.auto-click-div {
  margin-top: 14px;
  cursor: pointer;
}

.auto-click-div #auto-click-checkbox {
  float: left;
  width: auto;
  cursor: pointer;
}

.auto-click-div label {
  margin-left: 18px;
  font-size: 14px;
  display: block;
  user-select: none;
  cursor: pointer;
}

.searchDiv {
  position: relative;
  width: 220px;
  z-index: 99;
}

.searchDiv span {
  position: absolute;
  top: 7px;
  left: 17px;
  color: white;
}

.searchDiv span:hover {
  cursor: text;
}

.searchDiv input {
  width: 5px;
  height: 30px;
  background: rgba(0, 0, 0, 0.65);
  border: none;
  font-size: 10pt;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
  color: #dddddd;
  padding-left: 45px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  transition: 0.5s all ease;
  border-radius: 5px;
}

.searchDiv input:focus {
  width: 220px;
  border: 0;
  outline: 0;
}

.div-switch-mat {
  outline: 0;
  border: 0;
  color: white;
  padding: 0 0 0 5px;
  vertical-align: middle;
  display: inline-block;
  font-family: "Klavika", sans-serif;
  box-sizing: border-box;
  margin: 0 !important;
  width: auto !important;
}

.export-popup {
  width: 700px;
  height: 250px;
  left: 50%;
  top: 50%;
  position: absolute;
  z-index: 1100;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.dialog {
  width: 750px;
  height: 450px;
  left: 50%;
  top: 50%;
  position: absolute;
  z-index: 1100;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.template-dialog {
  width: 750px;
  height: 450px;
  left: 50%;
  top: 50%;
  position: absolute;
  z-index: 1100;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.dialog-content {
  height: 100%;
}

.template-dialog.auto-height {
  height: auto;
}

.template-dialog.v2 .template-content {
  border-radius: 8px;
}

.template-dialog.v2 .template-actions {
  border-radius: 0 8px 8px 0;
}

.template-dialog .template-header .title-right {
  float: right;
  margin-left: auto;
  margin-right: 10px;
}

.mg-top-5 {
  margin-top: 5px;
}

.mg-top-10 {
  margin-top: 10px;
}

.mg-top-10-imp {
  margin-top: 10px !important;
}

.mg-top-15 {
  margin-top: 15px;
}

.mg-top-15-imp {
  margin-top: 15px !important;
}

.mg-top-50 {
  margin-top: 50px;
}

.mg-top-100 {
  margin-top: 100px;
}

.mg-left-5 {
  margin-left: 5px;
}

.mg-left-10 {
  margin-left: 10px;
}

.mg-left-15 {
  margin-left: 15px;
}

.mg-left-25 {
  margin-left: 25px;
}

.mg-left-50 {
  margin-left: 50px;
}

.mg-right-5 {
  margin-right: 5px;
}

.mg-right-10 {
  margin-right: 10px;
}

.mg-right-15 {
  margin-right: 15px;
}

.mg-bottom-5 {
  margin-bottom: 5px;
}

.mg-bottom-10 {
  margin-bottom: 10px;
}

.mg-bottom-15 {
  margin-bottom: 15px;
}

.pg-right-5 {
  padding-right: 5px;
}

.pg-right-10 {
  padding-right: 10px;
}

.pg-right-15 {
  padding-right: 15px;
}

.pg-left-5 {
  padding-left: 5px;
}

.pg-left-10 {
  padding-left: 10px;
}

.pg-left-15 {
  padding-left: 15px;
}

.arrow {
  background: transparent;
  display: block;
  height: 24px;
  width: 24px;
  position: absolute;
  cursor: pointer;
}

.arrow b {
  height: 0;
  left: 50%;
  margin-left: -6px;
  margin-top: -6px;
  top: 50%;
  width: 0;
  position: absolute;
  border-style: solid;
}

.highlight_popup .leaflet-popup-content-wrapper {
  background: rgb(255, 196, 0) !important;
  color: rgb(0, 0, 0) !important;
  font-weight: bold;
  margin-bottom: 2px !important;
}

.device-popup .leaflet-popup-close-button,
.vehicle-popup .leaflet-popup-close-button,
.device-popup .leaflet-popup-tip-container,
.vehicle-popup .leaflet-popup-tip-container {
  margin: 0 !important;
  display: none;
}

.device-popup .leaflet-popup-content-wrapper,
.vehicle-popup .leaflet-popup-content-wrapper {
  font-size: 11px !important;
  line-height: 0 !important;
}

.vehicle-popup.dark .leaflet-popup-content-wrapper {
  background: rgba(0, 0, 0, 0.8) !important;
  color: #fff;
}

.vehicle-popup.light .leaflet-popup-content-wrapper {
  background: rgba(255, 255, 255, 0.9) !important;
  color: #000;
}

.device-popup .leaflet-popup-content,
.vehicle-popup .leaflet-popup-content {
  padding: 0 4px !important;
}

.device-popup .leaflet-popup-content p:first-child,
.vehicle-popup .leaflet-popup-content p:first-child {
  margin-top: 2px !important;
}

.device-popup .leaflet-popup-content p,
.vehicle-popup .leaflet-popup-content p {
  margin-bottom: 2px !important;
  font-size: 14px;
  text-align: center;
  line-height: 16px;
}

.custom-popup .leaflet-popup-content-wrapper {
  font-family: Klavika, sans-serif;
  background: rgba(0, 0, 0, 0.65);
  color: #fff;
  font-size: 14px;
  line-height: 24px;
}

.custom-popup .leaflet-popup-content-wrapper a {
  color: rgba(255, 255, 255, 0.5);
}

.custom-popup .leaflet-popup-tip-container {
  width: 30px;
  height: 15px;
}

.custom-popup .leaflet-popup-tip {
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid rgba(0, 0, 0, 0.65);
}

.arrow.left b {
  border-color: transparent white transparent transparent;
  border-width: 6px 12px 6px 0px;
}

.arrow.right b {
  border-color: transparent transparent transparent white;
  border-width: 6px 0px 6px 12px;
}

.material-button {
  border-radius: 0.25rem;
  border: none;
  text-decoration: none;
  cursor: pointer;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 -2px 1px rgba(0, 0, 0, 0.25);
  line-height: 1.2rem;
  font-weight: 900;
  padding: 8px 14px 9px;
  display: inline-block;
  text-align: center;
  user-select: none;
}

.material-button:active {
  box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.25);
}

.c-black {
  color: #000000 !important;
}

.c-white {
  color: #ffffff !important;
}

.c-red {
  color: #e53935 !important;
}

.c-blue {
  color: #1e88e5 !important;
}

.c-green {
  color: #7cb342 !important;
}

.c-yellow {
  color: #fdd835 !important;
}

.c-orange {
  color: #fb8c00 !important;
}

.c-purple {
  color: #8e24aa !important;
}

.c-brown {
  color: #6d4c41 !important;
}

.c-grey {
  color: #757575 !important;
}

.bg-black {
  background-color: #000000 !important;
}

.bg-white {
  background-color: #ffffff !important;
}

.bg-red {
  background-color: #e53935 !important;
}

.bg-blue {
  background-color: #1e88e5 !important;
}

.bg-green {
  background-color: #7cb342 !important;
}

.bg-yellow {
  background-color: #fdd835 !important;
}

.bg-orange {
  background-color: #fb8c00 !important;
}

.bg-purple {
  background-color: #8e24aa !important;
}

.bg-brown {
  background-color: #6d4c41 !important;
}

.bg-grey {
  background-color: #757575 !important;
}

.bg-light-grey {
  background-color: #aaaaaa !important;
}

.material-button.red {
  background: #e53935;
}

.material-button.green {
  background: #7cb342;
}

.material-button.disabled {
  box-shadow: none !important;
  background: #e0e0e0 !important;
  cursor: default !important;
  /*color: #bdbdbd;*/
}

@media screen and (max-width: 500px) {
  .border-box {
    padding: 10px 10px 10px 10px;
  }
}
.space-evenly {
  justify-content: space-evenly;
}

.item-center {
  align-items: center;
}

.hover-scale:hover {
  cursor: pointer;
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.span-ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.space-between {
  justify-content: space-between;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-no-wrap {
  flex-wrap: nowrap;
}

.viewport {
  position: absolute;
  /*height: 800px;*/
  top: 60px;
  left: 260px;
  right: 250px;
  bottom: 70px;
}

.toggle-button[toggle=false] {
  filter: opacity(50%);
  transform: scale(0.9);
}

span.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 85%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
  min-height: 0 !important;
}

span.label.label-warning {
  background-color: #f0ad4e;
}

span.label.label-error {
  background-color: #d9534f;
}

span.label.label-error-untreated {
  background-color: #e67e22;
}

span.label.label-success {
  background-color: #5cb85c;
}

span.label.label-temporary {
  background-color: #d9d9d9;
  color: black;
  white-space: unset;
}

.xdsoft_datetimepicker td.disabled {
  opacity: 100 !important;
  background: rgba(213, 164, 0, 0.31) !important;
}

.xdsoft_datetimepicker td.disabled:hover {
  opacity: 100 !important;
  background: rgba(213, 164, 0, 0.31) !important;
}

.center:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.circle-loader {
  border: 3px solid #555;
  border-top: 3px solid #f3f3f3;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  display: inline-block;
  box-sizing: border-box;
}

.circle-loader:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.medium-circle {
  border: 4px solid #555 !important;
  border-top: 4px solid #f3f3f3 !important;
  width: 40px !important;
  height: 40px !important;
}

.big-circle {
  border: 8px solid #555 !important;
  border-top: 8px solid #f3f3f3 !important;
  width: 110px !important;
  height: 110px !important;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .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-auto {
  float: left;
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
  min-height: 1px;
  margin-bottom: 0 !important;
  box-sizing: border-box;
  text-align: center;
}

.col-md-12 {
  width: 100%;
}

.col-md-11 {
  width: 91.66666667%;
}

.col-md-10 {
  width: 83.33333333%;
}

.col-md-9 {
  width: 75%;
}

.col-md-8 {
  width: 66.66666667%;
}

.col-md-7 {
  width: 58.33333333%;
}

.col-md-6 {
  width: 50%;
}

.col-md-5 {
  width: 41.66666667%;
}

.col-md-4 {
  width: 33.33333333%;
}

.col-md-3 {
  width: 25%;
}

.col-md-2 {
  width: 16.66666667%;
}

.col-md-1 {
  width: 8.33333333%;
}

.col-auto {
  width: auto;
}

.background-white {
  background-color: rgb(255, 255, 255) !important;
}

.font-white {
  color: white !important;
}

.elevated-item {
  background: rgba(255, 255, 255, 0.1);
  border: none;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 5px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  margin-bottom: 10px;
  height: 35px;
  line-height: 35px;
  min-width: 70px;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.hover-scale:hover {
  transform: scale(1.05);
  cursor: pointer;
}

.row {
  box-sizing: border-box;
  /* overflow: hidden; */
  position: relative;
}

.chip {
  box-sizing: border-box;
  display: flex;
  text-decoration: none;
  margin: 4px auto;
  padding: 0;
  outline: 0;
  position: relative;
  background-color: rgb(224, 224, 224);
  border-radius: 16px;
  white-space: nowrap;
  width: fit-content;
}

.chip span {
  color: rgba(0, 0, 0, 0.87);
  font-size: 14px;
  line-height: 32px;
  padding-left: 12px;
  padding-right: 12px;
  white-space: nowrap;
}

.chip .chip-icon-container {
  background-color: rgb(188, 188, 188);
  user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  border-radius: 50%;
  height: 32px;
  width: 32px;
  margin-right: -4px;
}

.chip .chip-icon-container .chip-icon {
  position: relative;
  /*font-size: 20px;*/
  display: inline-block;
  user-select: none;
  /*width: 20px;*/
  /*height: 20px;*/
  margin: 6px;
  color: rgb(68, 68, 68);
}

.chip.chip-error span,
.chip.chip-error .chip-icon {
  color: #E74C3C;
}

.tab-space {
  white-space: pre !important;
}

.caret-dropdown {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 4px;
  vertical-align: middle;
  border-top: 5px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

.caret-dropup {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 4px;
  vertical-align: middle;
  border-top: 0;
  border-bottom: 5px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

.filter-table {
  color: white;
  font-size: 14px !important;
  margin-left: 4px;
}

.filter-table.active {
  color: lawngreen;
}

.circle-icon {
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  display: flex;
  text-decoration: none;
  padding: 0;
  outline: 0;
  position: relative;
  background-color: rgb(240, 240, 240);
  border-radius: 50%;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
  align-items: center;
  justify-content: center;
  align-content: center;
}
.circle-icon i[class^=icon-]:before {
  height: 1em;
  width: 1em;
}

.circle-icon > i {
  box-sizing: inherit;
  color: #1D1D1B;
}

.circle-icon.small-icon {
  width: 16px;
  height: 16px;
  font-size: 12px;
}

.background-test {
  height: 100%;
  width: 100%;
}

.redTheme {
  --c-main: #bf3b53;
  --c-grey: #e9ecef;
  --c-white: #f5f5f5;
}

.greenTheme {
  --c-main: #8bc34a;
  --c-grey: #e9ecef;
  --c-white: #f5f5f5;
}

.q-check label span {
  display: inline-block;
  position: relative;
  background-color: transparent;
  width: 20px;
  height: 20px;
  transform-origin: center;
  border: 2px solid var(--c-main);
  border-radius: 0%;
  vertical-align: -6px;
  margin-right: 10px;
  transition: background-color 150ms 200ms, transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
}

.q-check label {
  font-family: "Klavika", sans-serif;
  color: var(--c-white);
}

.q-check label span:before {
  content: "";
  width: 0px;
  height: 2px;
  border-radius: 0px;
  background: var(--c-main);
  position: absolute;
  transform: rotate(45deg);
  top: 8px;
  left: 5px;
  transition: width 50ms ease 50ms;
  transform-origin: 0% 0%;
}

.q-check label span:after {
  content: "";
  width: 0;
  height: 2px;
  border-radius: 0px;
  background: var(--c-main);
  position: absolute;
  transform: rotate(305deg);
  top: 12px;
  left: 6px;
  transition: width 50ms ease;
  transform-origin: 0% 0%;
}

.q-check input[type=checkbox]:not(:disabled) + label:hover span:before {
  width: 5px;
  transition: width 100ms ease;
}

.q-check input[type=checkbox]:not(:disabled) + label:hover span:after {
  width: 10px;
  transition: width 150ms ease 100ms;
}

.q-check input[type=checkbox] {
  display: none;
}

.q-check input[type=checkbox]:disabled + label span, .q-check input[type=checkbox]:disabled + label {
  cursor: not-allowed;
  opacity: 0.5;
}

.q-check input[type=checkbox]:checked + label span {
  background-color: var(--c-main);
  border: 2px solid transparent;
}

.q-check input[type=checkbox]:checked + label span:after {
  width: 10px;
  background: var(--c-grey);
  transition: width 150ms ease 100ms;
}

.q-check input[type=checkbox]:checked + label span:before {
  width: 5px;
  background: var(--c-grey);
  transition: width 150ms ease 100ms;
}

.q-check input[type=checkbox]:checked + label:hover span {
  background-color: var(--c-main);
  transform: scale(1.2);
  transition: transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
}

@media (max-width: 940px) {
  body.login-body {
    height: 100%;
  }
  .border-box.responsive-box,
  .border-box.responsive-box .tabcontent {
    /* Change flex into contents to remove margin */
    display: contents;
    flex-direction: column;
    overflow: auto;
  }
  .border-box.responsive-box.with-inner-tab,
  .border-box.responsive-box.with-inner-tab .tabcontent {
    overflow: auto;
  }
  .border-box.responsive-box .tabcontent {
    flex: 1;
    height: auto !important;
  }
  .border-box.responsive-box .template-body > div > div > input,
  .border-box.responsive-box .template-body > div > div > select,
  .border-box.responsive-box .template-body > div > input,
  .border-box.responsive-box .template-body > div > select {
    width: 100%;
  }
  .border-box.responsive-box #vertical-menu-container {
    height: auto;
    width: 100%;
  }
  .border-box.responsive-box #vertical-menu-equipments,
  .border-box.responsive-box #vertical-menu-accounts {
    width: 100%;
  }
  .border-box.responsive-box .template-header p {
    margin: 0;
    padding: 6px 0 6px 80px;
  }
}
/*@media (max-device-aspect-ratio: 3/4) {*/
/*body {*/
/*height: calc(100vh * 1.333 - 9%);*/
/*}*/
/*}*/
/*@media (max-device-aspect-ratio: 2/3) {*/
/*body {*/
/*height: calc(100vh * 1.5 - 9%);*/
/*}*/
/*}*/
/*@media (max-device-aspect-ratio: 10/16) {*/
/*body {*/
/*height: calc(100vh * 1.6 - 9%);*/
/*}*/
/*}*/
/*@media (max-device-aspect-ratio: 9/16) {*/
/*body {*/
/*height: calc(100vh * 1.778 - 9%);*/
/*}*/
/*}*/
.label-info {
  text-align: left;
  padding-left: 25px;
}

.label-title {
  color: #203f53;
  font-size: 24px !important;
  font-weight: bold;
  text-align: left;
}

.p-2-3 {
  padding: 0.7rem !important;
}

.width-container {
  position: absolute;
  width: calc(100% - 35px) !important;
  top: 10px;
  right: 10px;
  transition: width 0.8s;
}

.button-add {
  background: #222222;
}

.button-add:hover {
  background: rgb(0, 0, 0);
  background: radial-gradient(circle, rgb(79, 79, 79) 25%, rgb(41, 41, 41) 80%);
  cursor: pointer;
}

.height-80 {
  height: 80%;
}

.height-60 {
  height: 60%;
}

.height-50 {
  height: 50%;
}

.height-30 {
  height: 30%;
}

.height-20 {
  height: 20%;
}

.height-20px {
  height: 20px;
}

.item-list label {
  display: list-item !important;
  width: 50% !important;
  /*width: 230px;*/
}

.disable-part {
  pointer-events: none;
  cursor: default !important;
  text-decoration: none;
  color: black;
}

.disable-part path {
  fill: #6e6e6e !important;
}

.disable-part use {
  opacity: 0;
}

.search-comptant {
  display: inline-block;
  margin-bottom: 5px;
}

.search-comptant input[type=checkbox] {
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  float: right;
  position: relative;
  top: 1em;
  margin-right: 3%;
}

.search-comptant h4 {
  width: 70%;
  float: left;
}

.select2-left-square-border {
  border-radius: 4px 0 0 4px !important;
}

.background-color-1 {
  background: #3DBE9B;
}

.background-color-2 {
  background: #67D888;
}

.background-color-3 {
  background: #4498DF;
}

.background-color-4 {
  background: #9856BA;
}

.background-color-5 {
  background: #37495F;
}

.background-color-6 {
  background: #ECC400;
}

.background-color-7 {
  background: #DF7D0A;
}

.background-color-8 {
  background: #DF4A38;
}

.background-color-9 {
  background: #ECF0F1;
}

.background-color-10 {
  background: #97A5A5;
}

/*used to avoid overflow hiding of the filter's result*/
.typeahead__container {
  position: inherit !important;
}

.typeahead__container button,
.typeahead__container input,
.typeahead__container optgroup,
.typeahead__container select,
.typeahead__container textarea {
  font-family: "Klavika", sans-serif !important;
  font-family: "Klavika", sans-serif !important;
}

.search-account-type {
  display: inline-block;
  width: 100%;
  margin-bottom: 15px;
}

.search-account-type input[type=checkbox] {
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  float: right;
  position: relative;
  margin-right: 3%;
}

.search-account-type a {
  width: 70%;
  float: left;
}

.img-gray {
  filter: brightness(0.6) grayscale(1);
}

.template-associated-list {
  margin-right: 10px;
}

.template-associated-list .template-associated-list-label {
  color: white;
  width: 125px !important;
  display: block;
  float: none;
}

.template-associated-list > div {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  margin-bottom: 0;
  padding: 5px 5px 5px 5px;
  background: rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}

.template-associated-list .template-associated-list-container {
  display: flex;
  flex-direction: column;
}

.template-associated-list .template-associated-list-item {
  min-height: 50px;
  color: black;
  display: block;
  position: relative;
  flex: 1;
  padding: 6px;
  background: white;
  box-sizing: border-box;
  border-radius: 3px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  margin-bottom: 10px;
}

.template-associated-list .template-associated-list-item > p {
  color: black;
}

.template-associated-list .template-associated-list-item-delete {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 32px;
  color: #E53935;
  cursor: pointer;
}

.template-associated-list .template-associated-list-item-delete > i {
  margin: 8px auto;
}

.template-associated-list .template-associated-list-item-delete > i:hover {
  cursor: pointer;
  transform: scale(1.1);
}

.template-associated-list .template-associated-list-item-new {
  cursor: pointer;
}

.template-associated-list .template-associated-list-item-new > p {
  font-size: 0.9em;
}

.template-associated-list .template-associated-list-item-new > p:hover {
  font-size: 1em;
}

.template-badge {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1ch;
  border-width: 2px;
  padding: 2px 5px 2px 5px;
  border-style: solid;
  box-sizing: border-box;
}

.template-badge.blue {
  background-color: #0077C5;
  color: #FFFFFF;
  border-color: #0077C5;
}

.template-badge.red {
  background-color: #D52B1E;
  color: #FFFFFF;
  border-color: #D52B1E;
}

.template-badge.grey {
  background-color: #6B6C72;
  color: #FFFFFF;
  border-color: #6B6C72;
}

.template-badge.yellow {
  background-color: #FFBB00;
  color: #000000;
  border-color: #FFBB00;
}

.template-badge.green {
  background-color: #108000;
  color: #FFFFFF;
  border-color: #108000;
}

.template-badge.purple {
  background-color: #C9007A;
  color: #FFFFFF;
  border-color: #C9007A;
}

.template-badge.bluegreen {
  background-color: #008481;
  color: #FFFFFF;
  border-color: #008481;
}

.container-dis {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  width: 100%;
}

.progress-bar-container-dis {
  width: 90%;
  height: 1rem;
  border-radius: 2rem;
  position: relative;
  overflow: hidden;
  transition: all 0.5s;
  will-change: transform;
  box-shadow: 0 0 5px #e76f51;
}

.raw-page-simulation {
  position: absolute;
  top: 0;
  opacity: 0;
}

.progress-bar-dis {
  position: absolute;
  height: 100%;
  width: 100%;
  content: "";
  top: 0;
  bottom: 0;
  left: -100%;
  border-radius: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-family: sans-serif;
}

.progress-bar-text-dis {
  position: absolute;
  z-index: 1;
  right: 0;
  top: -2px;
  text-shadow: 0 0 5px #404040;
}

.loading-content-overflow {
  overflow: hidden !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
}

.loading-panel {
  position: absolute;
  display: flex !important;
  justify-content: center;
  align-items: center;
  min-width: 100% !important;
  min-height: 100% !important;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
}
.loading-panel.grey-background {
  background: rgba(0, 0, 0, 0.5);
}

.loading-panel .loading-circle {
  display: inline-block;
  content: " ";
  margin: 0 !important;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading-circle 1.2s linear infinite;
  aspect-ratio: 1/1;
  height: 50% !important;
  min-height: 64px;
  max-height: 128px;
  width: unset !important;
}

.disabled {
  opacity: 75%;
  filter: grayscale(100%);
}

.password-info {
  position: absolute;
  z-index: 111111;
  top: 75px;
  right: 25%;
  width: 50%;
  padding: 15px;
  background: #292929;
  font-size: 0.875em;
  border-radius: 5px;
  box-shadow: 0 1px 3px #ccc;
  border: 1px solid #ddd;
}

.password-info ul li {
  margin: 10px 20px;
  list-style-type: none;
}

.password-info {
  display: none;
  text-align: left;
}

.password-info h4 {
  margin: 0 0 10px 0;
  padding: 0;
  font-weight: normal;
  color: #ddd;
}

.password-info::before {
  content: "▲";
  position: absolute;
  top: -12px;
  left: 45%;
  font-size: 14px;
  line-height: 14px;
  color: #ddd;
  text-shadow: none;
  display: block;
}

.password-info .invalid {
  padding-left: 22px;
  line-height: 24px;
  color: #ff7a7b;
}

.password-info .valid {
  padding-left: 22px;
  line-height: 24px;
  color: #9cff92;
}

.white-circle {
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #FFF !important;
}

.circle {
  aspect-ratio: 1/1;
  border-radius: 50%;
}

*:not([disabled]) > .cmd-img:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
  filter: brightness(120%);
  -webkit-filter: brightness(120%);
  -moz-filter: brightness(120%);
  -o-filter: brightness(120%);
  cursor: pointer;
}

*:not[disabled] .cmd-img:active:not([disabled]) {
  opacity: 0.5;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.circle-icon.cmd-img:hover i {
  filter: brightness(80%);
}

.validation-switch {
  position: relative;
  display: inline-block;
  width: 40px !important;
  flex: 0 40px !important;
  height: 22px;
}

.validation-switch input {
  opacity: 0;
  width: 100%;
  height: 100%;
}

/* The slider */
.validation-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: red;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.validation-slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:disabled + .validation-slider {
  background-color: #ddd;
}

input:checked + .validation-slider {
  background-color: #21f367;
}

input:focus + .validation-slider {
  box-shadow: 0 0 1px #21f367;
}

input:checked + .validation-slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

.validation-slider.round {
  border-radius: 15px;
}

.validation-slider.round:before {
  border-radius: 50%;
}

.validation-switch.pending input,
.validation-switch.pending:has(input:disabled) {
  pointer-events: none;
}

.validation-switch.pending .validation-slider {
  cursor: progress;
}

.validation-switch.pending .validation-slider::before {
  -webkit-transform: translateX(8px);
  -ms-transform: translateX(8px);
  transform: translateX(8px);
}

.rotate {
  animation: rotation 1s linear infinite;
}

.validation-switch.pending .validation-slider::after {
  content: "";
  animation: rotation 1s linear infinite;
  box-sizing: border-box;
  position: absolute;
  left: 12px;
  top: 3px;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-bottom-color: #cdcdcd;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.flex_none {
  flex: none !important;
}

.flex_01 {
  flex: 1;
}

.flex_02 {
  flex: 2;
}

.flex_03 {
  flex: 3;
}

.flex_04 {
  flex: 4;
}

.flex_05 {
  flex: 5;
}

.flex_06 {
  flex: 6;
}

.flex_07 {
  flex: 7;
}

.flex_08 {
  flex: 8;
}

.flex_09 {
  flex: 9;
}

.container {
  display: flex;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-x-auto {
  overflow-y: auto;
}

.row {
  flex-direction: row;
}

.row-reverse {
  flex-direction: row-reverse;
}

.column {
  flex-direction: column;
}

.space-around {
  justify-content: space-around !important;
}

.justify-content-center {
  justify-content: center;
}

.space-between {
  display: flex;
  justify-content: space-between;
}

.justify-content-center {
  justify-content: center;
}

.justify-space-evenly {
  justify-content: space-evenly;
}

.align-items-center {
  align-items: center;
}

.flex-start {
  justify-content: flex-start;
}

.button {
  cursor: pointer;
}

.margin-right {
  margin-right: 5px;
}

.margin-left {
  margin-left: 5px;
}

.button:hover:not([disabled]) {
  filter: invert(15%);
}

.button[disabled] {
  opacity: 50%;
}

.underline {
  text-decoration: underline;
}

@keyframes loading-circle {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.flex_01 {
  flex: 1 !important;
}

.flex_02 {
  flex: 2 !important;
}

.flex_03 {
  flex: 3 !important;
}

.flex_04 {
  flex: 4 !important;
}

.flex_05 {
  flex: 5 !important;
}

.flex_06 {
  flex: 6 !important;
}

.import-excel {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1100;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 520px;
  height: 90%;
  max-height: 870px;
  min-height: 500px;
}
.import-excel .form-row {
  display: flex;
}
.import-excel .form-row .stylish-border {
  flex: 1;
}

.rounded-panel {
  border-radius: 8px;
}

.span-customer {
  color: white;
}

*:not([disabled]) > .action-button:hover {
  cursor: pointer;
  transform: scale(1.05) !important;
}

.template-icon.white-circle i {
  display: flex;
  transform: unset;
}

.table-list .badge-bubble,
.table-list-v2-body .badge-bubble {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  min-width: 11ch;
  height: 1.5em;
  border-radius: 1ch;
  border-width: 2px;
  border-style: solid;
}

.interface-actions-container {
  border-radius: 10px;
  background: #505050;
  position: absolute;
  top: 20px;
  left: 0%;
  transform: translateX(-50%);
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  padding: 4px;
  border: solid white 2px;
  z-index: 998;
}

.interface-actions-container.right {
  /*right: 0%;*/
  transform: translateX(-50%);
  left: 100%;
}

.interface-actions-container > img {
  margin-top: 5px;
  margin-bottom: 5px;
}

.collapse-bar.horizontal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.collapse-bar .collapse-bar-shadow {
  height: 3px;
  position: absolute;
  top: -1px;
  bottom: 0;
  left: 0;
  background: blue;
  opacity: 0.5;
  pointer-events: none;
  transition-duration: 0.22s;
  transition-property: top, opacity, height;
  transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
}

.stylish-button {
  display: flex;
  padding-inline: 1em;
  border-width: 2px;
  border-style: solid;
  border-radius: 5px !important;
  background-color: rgba(0, 0, 0, 0.55) !important;
  color: #EEEEEE;
  display: inline-block;
  font-family: "Klavika", sans-serif;
  box-sizing: border-box;
  font-size: 1em;
  resize: none;
  cursor: pointer;
}

.stylish-button:disabled {
  opacity: 0.5;
  cursor: default;
}

.stylish-button:has(i.fa.prefix-icon) {
  padding-left: 0.5em;
  padding-right: 0.8em;
}

.stylish-button:hover {
  background-color: rgba(0, 0, 0, 0.6) !important;
  color: #FFFFFF;
}

.stylish-button i.fa.prefix-icon {
  margin-right: 5px;
  font-size: 0.8em;
}

.stylish-button:active {
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.55);
  transform: translateY(2px);
}

.stylish-button:active:disabled {
  transform: none;
  box-shadow: 1px 2px 4px black;
}

.text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

fieldset.template-fieldset {
  border-radius: 1em;
  padding-top: 5px;
  padding-bottom: 10px;
  padding-inline: 2ch;
}

/*
Les maskcontent sont des choix d'affichage qui se veulent sans tab
Ils sont la pour limiter les redondances d'onglet : liste des reglement, interface des reglement ...
Englober la page voulu avec maskcontent et mettre celui ci enfant d'un tabcontent
*/
.tabcontent:has(> .maskcontent) {
  display: flex;
}

.tabcontent:has(> .maskcontent) > .maskcontent {
  min-width: 100%;
  flex: 100%;
}

.maskcontent {
  height: 100%;
  width: 100%;
  visibility: hidden;
}

/* Le premier maskcontent est affiché par défaut */
.tabcontent .maskcontent:first-of-type {
  visibility: visible;
}

.em18-width {
  width: 18em;
}

.footer .bubble,
.header .bubble {
  height: -webkit-fill-available;
  min-height: -webkit-fill-available;
  font-size: smaller;
}

.footer .bubble,
.header .bubble {
  height: -webkit-fill-available;
  min-height: -webkit-fill-available;
  background: rgba(255, 255, 255, 0.0666666667);
  font-size: smaller;
  border-radius: 10px;
  width: 95%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
  padding: 2px;
}

.leaflet-map-pane .leaflet-marker-icon .icon-base-marker-color {
  z-index: 2;
  transform: translate(22px, 4px);
  scale: 0.8;
}

input.invalid {
  border: solid rgba(255, 247, 0, 0.5) 2px !important;
}

.border-radius-5 {
  border-radius: 5px;
}

.border-radius-8 {
  border-radius: 8px;
}

.color-red {
  color: red;
}

.popup-test {
  z-index: 10000;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  transition: width 0.3s, height 0.3s, visibility 0.3s, opacity 0.2s linear;
  visibility: hidden;
  opacity: 0;
}

.popup-test.active {
  visibility: visible;
  opacity: 1;
}

.dot-loader {
  width: 15px;
  aspect-ratio: 1;
  border-radius: 50%;
  animation: l5 1s infinite linear alternate;
}

@keyframes l5 {
  0% {
    box-shadow: 20px 0 #000, -20px 0 rgba(0, 0, 0, 0.1333333333);
    background: #000;
  }
  33% {
    box-shadow: 20px 0 #000, -20px 0 rgba(0, 0, 0, 0.1333333333);
    background: rgba(0, 0, 0, 0.1333333333);
  }
  66% {
    box-shadow: 20px 0 rgba(0, 0, 0, 0.1333333333), -20px 0 #000;
    background: rgba(0, 0, 0, 0.1333333333);
  }
  100% {
    box-shadow: 20px 0 rgba(0, 0, 0, 0.1333333333), -20px 0 #000;
    background: #000;
  }
}
.slider-container {
  border-bottom: 2px solid transparent;
  border-image-slice: 1;
  width: 3em;
  height: 1.5em;
  position: relative;
  display: inline-grid;
  align-items: center;
}

.slider-container input[type=checkbox] {
  display: none;
}

.slider {
  position: absolute;
  cursor: pointer;
  width: 50%;
  height: 1.5em;
  left: 25%;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 1em;
}

.slider-all {
  width: 95%;
  height: 1em;
  left: 2.5%;
}

.slider:before {
  position: absolute;
  content: "";
  height: 80%;
  aspect-ratio: 1/1;
  left: 10%;
  right: unset;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}

.slider-container input:checked,
.slider-container:has(input:checked) .slider:before {
  left: 90%;
  transform: translate(-100%, 0);
  background-color: #ffffff;
}

.slider-container input:checked,
.slider-container:has(input:checked) .slider-red {
  background-color: #32e726;
}

.slider-red {
  background-color: #d9262c;
}

.slider-blue {
  background-color: #0080ff;
}

i.fas.fa-rotate-45, i.fa.fa-rotate-45 {
  -webkit-filter: none;
  filter: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
i.fas.fa-rotate-135, i.fa.fa-rotate-135 {
  -webkit-filter: none;
  filter: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.background-success {
  background: #21f367;
}

.color-success {
  color: #21f367;
}

.before-background-success:before {
  background: #21f367;
}

.background-info {
  background: #1e90ff;
}

.color-info {
  color: #1e90ff;
}

.before-background-info:before {
  background: #1e90ff;
}

.background-warning {
  background: #ff9f00;
}

.color-warning {
  color: #ff9f00;
}

.before-background-warning:before {
  background: #ff9f00;
}

.background-danger {
  background: #ff4d4d;
}

.color-danger {
  color: #ff4d4d;
}

.before-background-danger:before {
  background: #ff4d4d;
}

.background-disabled {
  background: grey;
}

.before-background-disabled:before {
  background: grey;
}

.rounded {
  border-radius: 5px;
}

.height-fill-available {
  height: fill-available;
  height: -webkit-fill-available;
}

.width-fill-available {
  width: fill-available;
  width: -webkit-fill-available;
}

.template-select select {
  padding: 5px 0px 5px 5px;
  background: rgba(0, 0, 0, 0.65);
  color: white;
  outline: 0;
  border: 0;
}

fieldset.fieldset-container {
  border: solid white 1px;
  border-radius: 10px;
  padding-top: 5px;
  padding-bottom: 15px;
  padding-inline: 1em;
}

fieldset.fieldset-container legend {
  margin-left: 2em;
  padding-inline: 1ch;
}

/*# sourceMappingURL=template_wayzz.css.map */