html {
  --unite-text-default: var(--unite-bright1);
  --unite-text-dark: var(--unite-dark8);
  --unite-link-default: var(--unite-bright8);
  --unite-link-hover: var(--unite-light1);
  --unite-glass1: rgba(179, 212, 225, 0.05);
  --unite-glass2: rgba(179, 212, 225, 0.16);
  --unite-glass3: rgba(199, 221, 230, 0.27);
  --unite-glass4: rgba(199, 221, 230, 0.38);
  --unite-glass5: rgba(203, 226, 235, 0.49);
  --unite-glass5g: rgba(75, 75, 75, 0.49);
  --unite-glass6: rgba(203, 226, 235, 0.6);
  --unite-glass7: rgba(203, 226, 235, 0.7);
  --unite-glass8: rgba(212, 236, 245, 0.8);
  --unite-glass9: rgba(212, 236, 245, 0.9);
  --unite-bright1: #d4ecf5;
  --unite-bright2: #cbe2eb;
  --unite-bright3: #c7dde6;
  --unite-bright4: #b3d4e1;
  --unite-bright5: #a0ccdc;
  --unite-bright6: #90c3d7;
  --unite-bright7: #7cb9d2;
  --unite-bright8: #69b2cd;
  --unite-bright9: #5aabc8;
  --unite-light1: #22a1cb;
  --unite-light1a: rgba(34, 161, 203, 0.1);
  --unite-light2: #2096bd;
  --unite-light3: #1e8cb1;
  --unite-light4: #1c84a6;
  --unite-light5: #1a7898;
  --unite-light5a: rgba(26, 120, 152, 0.4);
  --unite-light6: #166985;
  --unite-light7: #15617a;
  --unite-light8: #125167;
  --unite-light9: #10495d;
  --unite-light9a: rgba(16, 73, 93, 0.2);
  --unite-def: #0d3d4d;
  --unite-dark1: #0c3745;
  --unite-dark2: #0b3341;
  --unite-dark3: #0b2e3c;
  --unite-dark4: #0a2c37;
  --unite-dark5: #0a242f;
  --unite-dark6: #072129;
  --unite-dark7: #051e25;
  --unite-dark8: #05191f;
  --unite-dark9: #041419;
  --unite-shadow_container: rgba(4, 19, 24, 0.6);
  --unite-wsize_desktop: 1400px;
  --unite-red-bright5: #f19a9b;
  --unite-red1: #c22b2d;
  --unite-red2: #b02b2d;
  --unite-red3: #9d2728;
  --unite-red4: #721c1d;
  --unite-orange-bright5: #f1d79c;
  --unite-orange1: #d0974c;
  --unite-orange2: #c2893d;
  --unite-orange3: #ae7331;
  --unite-orange4: #936122;
  --unite-green-bright5: #9af19b;
  --unite-green1: #2bc22d;
  --unite-green2: #2bb02d;
  --unite-green3: #279d28;
  --unite-green4: #1c721d;
}
table {
  color: inherit;
}
.input_container input[type='checkbox'],
.input_container input[type='radio'] {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  margin: 0px;
}
.dropdown {
  display: inline-flex;
  border: 1px solid var(--unite-light1);
  padding: 8px 12px;
  font-weight: 900;
  color: var(--unite-def);
  background: var(--unite-bright1);
  position: relative;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -ms-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}
.dropdown.type1::after {
  content: '\25bc';
  padding-left: 6px;
  color: var(--unite-light1);
}
.dropdown.type1:hover .dropdown-menu {
  display: block;
}
.dropdown:hover,
.dropdown .dropdown-menu .option:hover {
  background: var(--unite-bright7);
  cursor: pointer;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -ms-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}
.dropdown .dropdown-icon {
  display: inline-block;
  padding-right: 6px;
}
.dropdown .dropdown-menu {
  position: absolute;
  display: none;
  top: 33px;
  left: -1px;
  min-width: 100%;
  background: var(--unite-bright1);
  border: 1px solid var(--unite-light1);
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -ms-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}
.dropdown .dropdown-menu .option {
  padding: 8px;
  overflow: hidden;
}
.button__default {
  display: inline-flex;
  border: 1px solid var(--unite-light1);
  padding: 8px 12px;
  font-weight: 900;
  color: var(--unite-dark5);
  text-decoration: none;
  background: var(--unite-bright7);
  position: relative;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -ms-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
  line-height: normal;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.button__default:hover {
  background: var(--unite-bright1);
  cursor: pointer;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -ms-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}
.button__default.selected {
  background: var(--unite-bright4);
}
.button__default.highlighted {
  background: var(--unite-light8);
  color: var(--unite-bright1);
  border-color: var(--unite-dark5);
}
.button__default.highlighted:hover {
  background: var(--unite-bright9);
  color: var(--unite-dark5);
  cursor: pointer;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -ms-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}
.button__default.glass {
  background: var(--unite-glass1);
  color: var(--unite-bright2);
  border: 1px solid var(--unite-glass3);
}
.button__default.glass:hover {
  background: var(--unite-glass2);
  color: var(--unite-bright2);
  border: 1px solid var(--unite-glass4);
}
.button__default.red {
  background: var(--unite-red1);
  color: var(--unite-bright2);
  border: 1px solid var(--unite-red2);
}
.button__default.red:hover {
  background: var(--unite-red2);
  color: var(--unite-bright2);
  border: 1px solid var(--unite-red4);
}
.button__default.orange {
  background: var(--unite-orange1);
  color: var(--unite-bright2);
  border: 1px solid var(--unite-orange2);
}
.button__default.orange:hover {
  background: var(--unite-orange2);
  color: var(--unite-bright2);
  border: 1px solid var(--unite-orange4);
}
.button__default.green {
  background: var(--unite-green1);
  color: var(--unite-bright2);
  border: 1px solid var(--unite-green2);
  border-right-color: var(--unite-green2);
}
.button__default.green:hover {
  background: var(--unite-green2);
  color: var(--unite-bright2);
  border: 1px solid var(--unite-green4);
  border-right-color: var(--unite-green4);
}
.button__default[disabled] {
  background: var(--unite-bright1);
  border: 1px solid var(--unite-bright8);
  color: var(--unite-light2);
}
.button__default[disabled]:hover {
  background: var(--unite-bright1);
  border: 1px solid var(--unite-bright8);
  color: var(--unite-light2);
  cursor: not-allowed;
}
.button__group {
  display: flex;
}
.button__group :not(:last-child) {
  border-right: none;
}
.button__group :not(:last-child).highlighted {
  border-right: 1px solid var(--unite-dark5);
}
.button__group :first-child {
  -webkit-border-radius: 2px 0px 0px 2px;
  -moz-border-radius: 2px 0px 0px 2px;
  border-radius: 2px 0px 0px 2px;
}
.button__group :last-child {
  -webkit-border-radius: 0px 2px 2px 0px;
  -moz-border-radius: 0px 2px 2px 0px;
  border-radius: 0px 2px 2px 0px;
}
.button__group :only-child {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.button__group.vertical {
  display: grid;
}
.button__group.vertical :not(:last-child) {
  border-bottom: none;
}
.button__group.vertical :not(:last-child).highlighted {
  border-right: 1px solid inherit;
  border-bottom: 1px solid inherit;
}
.button__group.vertical :first-child {
  -webkit-border-radius: 2px 2px 0px 0px;
  -moz-border-radius: 2px 2px 0px 0px;
  border-radius: 2px 2px 0px 0px;
}
.button__group.vertical :last-child {
  -webkit-border-radius: 0px 0px 2px 2px;
  -moz-border-radius: 0px 0px 2px 2px;
  border-radius: 0px 0px 2px 2px;
}
.button__group.vertical :only-child {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.checkbox,
.radio {
  position: relative;
  vertical-align: text-top;
  display: inline-flex;
  min-width: 12px;
  min-height: 12px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid var(--unite-light1);
  background: var(--unite-bright1);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkbox.selected::before,
.radio.selected::before,
.checkbox.selected_partial::before,
.radio.selected_partial::before {
  content: '\2713';
  font-size: 12px;
  line-height: 8px;
  font-weight: 900;
  width: 8px;
  height: 8px;
  margin: 2px;
  position: absolute;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.checkbox.selected_partial::before,
.radio.selected_partial::before {
  content: '';
  background: var(--unite-def);
}
.checkbox:hover,
.radio:hover {
  border: 1px solid var(--unite-light2);
  background: var(--unite-bright7);
  -webkit-box-shadow: 0px 0px 2px var(--unite-light5);
  -moz-box-shadow: 0px 0px 2px var(--unite-light5);
  box-shadow: 0px 0px 2px var(--unite-light5);
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.radio {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.radio.selected::before {
  content: '';
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: var(--unite-def);
}
.input_container input:checked ~ .radio::before {
  content: '';
  width: 8px;
  height: 8px;
  margin: 2px;
  position: absolute;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: var(--unite-def);
}
.input_container input:checked ~ .checkbox::before {
  content: '\2713';
  font-size: 12px;
  line-height: 8px;
  font-weight: 900;
  width: 8px;
  height: 8px;
  margin: 2px;
  position: absolute;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
label .checkbox,
label .radio {
  position: absolute;
  top: 0;
  left: 0;
}
label.input_container {
  position: relative;
  padding-left: 18px;
}
.text_field {
  display: inline-flex;
  border: 1px solid var(--unite-light1);
  padding: 6px 10px;
  color: var(--unite-def);
  background: var(--unite-bright1);
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.text_field.selected {
  all: var(--unite-bright4);
}
.text_field:hover,
.text_field:focus {
  outline: none;
  border-color: var(--unite-light3);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-shadow: 0px 0px 2px var(--unite-light1);
  -moz-box-shadow: 0px 0px 2px var(--unite-light5);
  box-shadow: 0px 0px 2px var(--unite-light5);
}
/**
--> GRID SECTION
 */
.uni-grid,
grid,
grid-section {
  display: grid;
  grid-gap: 0px;
  grid-template-columns: 1fr;
  position: relative;
}
.uni-grid.main,
grid.main,
grid-section.main {
  grid-template-columns: repeat(48, 1fr);
  position: relative;
}
.uni-grid .gap-4,
grid .gap-4,
grid-section .gap-4,
.uni-grid .gap-default,
grid .gap-default,
grid-section .gap-default {
  grid-gap: 4px;
}
.uni-grid .gap-8,
grid .gap-8,
grid-section .gap-8 {
  grid-gap: 8px;
}
.uni-grid .gap-12,
grid .gap-12,
grid-section .gap-12 {
  grid-gap: 12px;
}
.uni-grid .gap-16,
grid .gap-16,
grid-section .gap-16 {
  grid-gap: 16px;
}
.uni-grid .gap-20,
grid .gap-20,
grid-section .gap-20 {
  grid-gap: 20px;
}
.uni-grid .gap-24,
grid .gap-24,
grid-section .gap-24 {
  grid-gap: 24px;
}
/*# sourceMappingURL=unite.css.map */