/* COLORS */
:root {
  --gaf-primary-color: #135CC2;
  --gaf-secondary-color: #CCCCCC;
  --gaf-tertiary-color: #E5E5E5;
  --gaf-quaternary-color: #F4F4F4;
  --gaf-gray-color: #808080;
  --gaf-light-color: #508EE6;
  --gaf-pale-blue-color: #B4D3FF;
  --gaf-dark-blue-color: #073A87;
  --gaf-deep-blue-color: #29235C;
  --gaf-dark-gray-color: #333333;
  --gaf-danger-color: #ED5E5E;
  --gaf-error-color: #ED5E5E;
  --gaf-success-color: #4BB543;
  --gaf-warning-color: #F2AC57;
}
html,
body {
  margin: 0;
}
#app {
  height: 100%;
  color: var(--gaf-dark-gray-color, #333333);
  background-color: var(--gaf-quaternary-color, #F4F4F4);
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.btn-text--text {
  color: var(--gaf-btn-text-color, currentColor);
  caret-color: var(--gaf-btn-text-color, currentColor);
}

/* V-MAIN */
.v-main {
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 400ms ease-in-out, left 500ms linear, right 500ms linear, padding 500ms linear, width 500ms linear !important;
}

/* V-DATA-TABLE */
.v-data-table--fixed-height .v-data-table__wrapper {
  scrollbar-width: thin;
  scrollbar-color: var(--gaf-secondary-color, #CCCCCC) var(--gaf-white-color, white);
}
.v-data-table--fixed-height .v-data-table__wrapper::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.v-data-table--fixed-height .v-data-table__wrapper::-webkit-scrollbar-thumb {
  background-color: var(--gaf-secondary-color, #CCCCCC);
  border-radius: 4px;
  border-style: solid;
  border-width: 2px;
}
.v-data-table--fixed-height .v-data-table__wrapper::-webkit-scrollbar {
  background-color: var(--gaf-white-color, white);
}
.v-data-table--fixed-height .v-data-table__wrapper::-webkit-scrollbar-track {
  background: var(--gaf-white-color, white);
}
.v-data-table--fixed-height .v-data-table__wrapper::-webkit-scrollbar-thumb {
  border-color: var(--gaf-white-color, white);
}

/* V-DIALOG */
.v-dialog {
  scrollbar-width: thin;
  scrollbar-color: var(--gaf-secondary-color, #CCCCCC) var(--gaf-white-color, white);
}
.v-dialog::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.v-dialog::-webkit-scrollbar-thumb {
  background-color: var(--gaf-secondary-color, #CCCCCC);
  border-radius: 4px;
  border-style: solid;
  border-width: 2px;
}
.v-dialog::-webkit-scrollbar {
  background-color: var(--gaf-white-color, white);
}
.v-dialog::-webkit-scrollbar-track {
  background: var(--gaf-white-color, white);
}
.v-dialog::-webkit-scrollbar-thumb {
  border-color: var(--gaf-white-color, white);
}
.v-dialog.v-dialog--fill-height {
  margin: 0;
  height: 100%;
  max-height: unset;
}

/* V-EXPANSION-PANEL */
.v-expansion-panel::before {
  box-shadow: inherit;
}

/* V-MENU */
.v-menu__content {
  scrollbar-width: thin;
  scrollbar-color: var(--gaf-secondary-color, #CCCCCC) var(--gaf-white-color, white);
}
.v-menu__content::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.v-menu__content::-webkit-scrollbar-thumb {
  background-color: var(--gaf-secondary-color, #CCCCCC);
  border-radius: 4px;
  border-style: solid;
  border-width: 2px;
}
.v-menu__content::-webkit-scrollbar {
  background-color: var(--gaf-white-color, white);
}
.v-menu__content::-webkit-scrollbar-track {
  background: var(--gaf-white-color, white);
}
.v-menu__content::-webkit-scrollbar-thumb {
  border-color: var(--gaf-white-color, white);
}

/* V-TABS */
.theme--light.v-tabs > .v-tabs-bar .v-tab:not(.v-tab--active),
.theme--light.v-tabs > .v-tabs-bar .v-tab:not(.v-tab--active) > .v-icon,
.theme--light.v-tabs > .v-tabs-bar .v-tab--disabled {
  color: var(--gaf-gray-color, #808080);
}

/* V-CARD */
.v-card__title {
  word-break: break-word;
}
.v-card--link:focus:before {
  opacity: 0;
}
.theme--light.v-card {
  color: var(--gaf-dark-gray-color, #333333);
}

/* V-BTN */
.v-btn {
  letter-spacing: 0.02em !important;
  font-weight: 700 !important;
}
.v-btn.v-size--large {
  font-size: 1rem !important;
}
.v-btn:not(.v-btn--disabled):not(.v-btn--outlined).secondary, .v-btn:not(.v-btn--disabled):not(.v-btn--outlined).tertiary, .v-btn:not(.v-btn--disabled):not(.v-btn--outlined).quaternary, .v-btn:not(.v-btn--disabled):not(.v-btn--outlined).warning {
  color: var(--gaf-dark-gray-color, #333333);
}
.v-btn:not(.v-btn--disabled):not(.v-btn--outlined).light, .v-btn:not(.v-btn--disabled):not(.v-btn--outlined).pale-blue, .v-btn:not(.v-btn--disabled):not(.v-btn--outlined).white {
  color: var(--gaf-primary-color, #135CC2);
}
.v-btn:not(.v-btn--disabled):not(.v-btn--outlined).danger, .v-btn:not(.v-btn--disabled):not(.v-btn--outlined).dark-blue, .v-btn:not(.v-btn--disabled):not(.v-btn--outlined).deep-blue, .v-btn:not(.v-btn--disabled):not(.v-btn--outlined).success {
  color: var(--gaf-white-color, white);
}
.v-btn:not(.v-btn--disabled):not(.v-btn--outlined):not(.v-btn--text):not(.tertiary):not(.quaternary) {
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.08);
}
.v-btn:not(.v-btn--round).v-size--small {
  height: 32px;
  padding: 0 1rem !important;
}
.v-btn:not(.v-btn--round).v-size--default {
  height: 48px;
  padding: 0 1.5rem !important;
}
.v-btn:not(.v-btn--round).v-size--large {
  height: 62px;
  padding: 0 2rem !important;
}
.v-btn:not(.v-btn--rounded).v-size--small {
  font-size: 0.75rem;
  font-weight: 400;
}

/* V-INPUT */
.gaf-input .v-label {
  color: var(--gaf-gray-color, #808080);
  font-size: 0.875rem;
}
.gaf-input .v-messages {
  min-height: 12px;
  font-size: 0.625rem;
  color: var(--gaf-gray-color, #808080);
  caret-color: var(--gaf-gray-color, #808080);
}
.gaf-input .v-icon {
  color: var(--gaf-primary-color, #135CC2);
}
.gaf-input.v-text-field--outlined .v-label--active {
  transform: translateX(-24px);
}
.gaf-input.v-text-field--outlined.gaf-input--x-dense .v-label--active {
  transform: translateX(-16px);
}
.gaf-input.v-text-field--outlined:not(.v-input--is-focused):not(.v-input--has-state) > .v-input__control > .v-input__slot fieldset {
  color: transparent;
}
.gaf-input.v-text-field--outlined:not(.v-input--is-focused):not(.v-input--has-state) > .v-input__control > .v-input__slot fieldset legend {
  width: 0 !important;
}
.gaf-input.v-text-field--outlined:not(.v-input--is-focused):not(.v-input--has-state) > .v-input__control > .v-input__slot:hover fieldset {
  color: var(--gaf-gray-color, #808080);
}
.gaf-input.v-text-field--outlined.v-input--is-focused fieldset, .gaf-input.v-text-field--outlined.v-input--has-state fieldset {
  border-width: 1px;
}
.gaf-input.v-text-field--outlined.v-input--is-focused fieldset legend, .gaf-input.v-text-field--outlined.v-input--has-state fieldset legend {
  width: 0 !important;
}
.gaf-input.v-text-field:not(.v-input--has-state).gaf-input--header > .v-input__control > .white.v-input__slot:before {
  border-color: var(--gaf-white-color, white);
}
.gaf-input.v-input {
  color: var(--gaf-dark-gray-color, #333333);
  font-size: 0.875rem;
}
.gaf-input.v-input .v-input__slot {
  margin-bottom: 0;
}
.gaf-input.v-input input, .gaf-input.v-input textarea {
  color: var(--gaf-dark-gray-color, #333333);
}
.gaf-input--header.v-text-field {
  padding: 0;
  margin-top: -2px;
}
.gaf-input--header.v-text-field input {
  padding: 0;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 2rem;
  text-transform: uppercase;
  letter-spacing: -0.04em;
}
.gaf-input--header.v-text-field .v-text-field__details {
  margin-top: 2px;
}
.gaf-input--prepend-inner.theme--light.v-text-field--outlined .v-label--active {
  transform: translateX(-20px);
}
.gaf-input--prepend-inner.theme--light.v-text-field--outlined.gaf-input--x-dense .v-label--active {
  transform: translateX(-12px);
}
.gaf-input--top-spacer .v-input__slot {
  margin-top: 24px;
}
.gaf-input.v-textarea textarea {
  line-height: 1.625;
}
.gaf-input.v-text-field__details {
  min-height: 12px;
}
.gaf-input.v-text-field.v-text-field--enclosed .v-text-field__details {
  margin-top: 4px;
  margin-bottom: 2px;
  padding: 0;
}
.gaf-input.v-text-field.v-text-field--outlined .v-label {
  top: -21px;
}
.gaf-input.v-text-field.v-text-field--outlined.v-text-field--enclosed:not(.v-text-field--solo).gaf-input--x-dense .v-input__append-inner, .gaf-input.v-text-field.v-text-field--outlined.v-text-field--enclosed:not(.v-text-field--solo).gaf-input--x-dense .v-input__append-outer, .gaf-input.v-text-field.v-text-field--outlined.v-text-field--enclosed:not(.v-text-field--solo).gaf-input--x-dense .v-input__prepend-inner, .gaf-input.v-text-field.v-text-field--outlined.v-text-field--enclosed:not(.v-text-field--solo).gaf-input--x-dense .v-input__prepend-outer, .gaf-input.v-text-field.v-text-field--outlined.v-text-field--full-width:not(.v-text-field--solo).gaf-input--x-dense .v-input__append-inner, .gaf-input.v-text-field.v-text-field--outlined.v-text-field--full-width:not(.v-text-field--solo).gaf-input--x-dense .v-input__append-outer, .gaf-input.v-text-field.v-text-field--outlined.v-text-field--full-width:not(.v-text-field--solo).gaf-input--x-dense .v-input__prepend-inner, .gaf-input.v-text-field.v-text-field--outlined.v-text-field--full-width:not(.v-text-field--solo).gaf-input--x-dense .v-input__prepend-outer {
  margin-top: 4px;
}
.gaf-input.v-text-field.v-text-field--outlined.v-text-field--enclosed:not(.v-text-field--solo).gaf-input--x-dense .v-input__append-inner .v-icon, .gaf-input.v-text-field.v-text-field--outlined.v-text-field--enclosed:not(.v-text-field--solo).gaf-input--x-dense .v-input__append-outer .v-icon, .gaf-input.v-text-field.v-text-field--outlined.v-text-field--enclosed:not(.v-text-field--solo).gaf-input--x-dense .v-input__prepend-inner .v-icon, .gaf-input.v-text-field.v-text-field--outlined.v-text-field--enclosed:not(.v-text-field--solo).gaf-input--x-dense .v-input__prepend-outer .v-icon, .gaf-input.v-text-field.v-text-field--outlined.v-text-field--full-width:not(.v-text-field--solo).gaf-input--x-dense .v-input__append-inner .v-icon, .gaf-input.v-text-field.v-text-field--outlined.v-text-field--full-width:not(.v-text-field--solo).gaf-input--x-dense .v-input__append-outer .v-icon, .gaf-input.v-text-field.v-text-field--outlined.v-text-field--full-width:not(.v-text-field--solo).gaf-input--x-dense .v-input__prepend-inner .v-icon, .gaf-input.v-text-field.v-text-field--outlined.v-text-field--full-width:not(.v-text-field--solo).gaf-input--x-dense .v-input__prepend-outer .v-icon {
  font-size: 20px;
}
.gaf-input.v-text-field.v-text-field--outlined.v-text-field--enclosed:not(.v-text-field--solo).gaf-input--x-dense .v-input__append-inner, .gaf-input.v-text-field.v-text-field--outlined.v-text-field--full-width:not(.v-text-field--solo).gaf-input--x-dense .v-input__append-inner {
  margin-right: -4px;
}
.gaf-input.v-text-field.v-text-field--enclosed.gaf-input--x-dense:not(.gaf-input.v-text-field--rounded) > .v-input__control > .v-input__slot, .gaf-input.v-text-field.v-text-field--rounded.gaf-input--x-dense > .v-input__control > .v-input__slot {
  padding: 0 16px;
}
.gaf-input.v-text-field.v-text-field--rounded.v-textarea {
  border-radius: 8px;
}
.gaf-input.v-text-field.gaf-input--x-dense > .v-input__control > .v-input__slot {
  min-height: 32px;
}
.gaf-input .v-input--hide-details > .v-input__control > .v-input__slot {
  margin-bottom: 0;
}
.gaf-input.v-select.v-text-field--outlined:not(.v-text-field--single-line).gaf-input--x-dense .v-select__selections {
  padding: 0;
}
.v-input--reverse .v-input__slot {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.v-application--is-ltr .v-input--reverse .v-input__slot .v-input--selection-controls__input {
  margin-right: 0;
  margin-left: 8px;
}
.v-application--is-rtl .v-input--reverse .v-input__slot .v-input--selection-controls__input {
  margin-left: 0;
  margin-right: 8px;
}

/* V-LIST */
.v-list-item--link:before {
  border-radius: inherit;
}
.gaf-list .v-list-item--active.theme--light::before {
  opacity: 0 !important;
}
.gaf-list .v-list-item--disabled.theme--light {
  color: var(--gaf-secondary-color, #CCCCCC);
}
.v-list--dense.gaf-list .v-list-item {
  min-height: 32px;
}
.v-list--dense.gaf-list--inner .v-list-item {
  min-height: 30px;
}
.gaf-list--inner .v-list-item:first-child {
  border-top: thin solid transparent;
}
.gaf-list--inner .v-list-item:not(:first-child) {
  border-top: thin solid var(--gaf-tertiary-color, #E5E5E5);
}
.gaf-list--inner .v-list-item:last-child {
  border-bottom: thin solid transparent;
}
.gaf-list--inner .v-list-item:not(:last-child) {
  border-bottom: thin solid var(--gaf-tertiary-color, #E5E5E5);
}
.gaf-list--inner.gaf-list--initial .v-list-item {
  border-bottom: thin solid var(--gaf-tertiary-color, #E5E5E5);
}
.gaf-list--inner.gaf-list--final .v-list-item {
  border-top: thin solid var(--gaf-tertiary-color, #E5E5E5);
}

/* V-ITEM-GROUP */
.gaf-item-group .v-card.v-sheet {
  box-shadow: 0px 1px 2px rgba(56, 50, 78, 0.08), 0px 3px 6px rgba(56, 50, 78, 0.08);
}
.gaf-item-group .v-card.v-sheet.v-item--active {
  box-shadow: 0px 1px 2px rgba(56, 50, 78, 0.08), 0px 3px 6px rgba(56, 50, 78, 0.08), 0px 4px 4px rgba(56, 50, 78, 0.24);
}
.gaf-item-group .v-card.v-sheet.v-item--active::after {
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
  position: absolute;
  border: 2px solid var(--gaf-primary-color, #135CC2);
}
.gaf-item-group .v-list-item__content > * {
  line-height: unset;
  margin-bottom: 0;
}
.gaf-item-group .v-card--disabled > *:not(.v-card__progress) {
  opacity: unset;
}

/* V-TREEVIEW */
.gaf-treeview.v-treeview--dense .v-treeview-node .v-treeview-node__root {
  min-height: 32px;
  margin-bottom: 8px;
}
.gaf-treeview.quaternary--content-color .v-treeview-node .v-treeview-node__content {
  background-color: var(--gaf-quaternary-color, #F4F4F4);
}
.gaf-treeview .v-treeview-node .v-treeview-node__root {
  padding: 0;
}
.gaf-treeview .v-treeview-node .v-treeview-node__content {
  background-color: var(--gaf-white-color, white);
  padding: 4px 16px;
  border-radius: 4px;
}
.gaf-treeview .v-treeview-node .selected .v-treeview-node__content {
  background-color: var(--gaf-pale-blue-color, #B4D3FF);
}
.gaf-treeview .v-treeview-node:not(.v-treeview-node--disabled) > .v-treeview-node__root .v-treeview-node__content {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.gaf-treeview .v-treeview-node--disabled > .v-treeview-node__root .v-treeview-node__content {
  cursor: not-allowed;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.gaf-treeview .v-treeview-node .v-treeview-node__checkbox.v-icon {
  color: var(--gaf-gray-color, #808080);
  font-size: 20px;
  height: 24px;
  width: 24px;
}
.gaf-treeview .v-treeview-node .v-treeview-node__checkbox.v-icon::after {
  transform: scale(1.1);
}
.gaf-treeview .v-treeview-node .v-treeview-node__checkbox.v-icon.v-icon--disabled {
  color: var(--gaf-secondary-color, #CCCCCC) !important;
}
.gaf-treeview .v-treeview-node .v-treeview-node__toggle.v-icon {
  color: var(--gaf-primary-color, #135CC2);
  font-size: 16px;
  height: 24px;
  width: 24px;
}
.gaf-treeview .v-treeview-node .v-treeview-node__toggle.v-icon::after {
  transform: none;
}
.gaf-treeview .v-treeview-node .v-treeview-node__toggle--open.v-icon {
  color: var(--gaf-secondary-color, #CCCCCC);
}
.theme--light.gaf-treeview--hoverable .v-treeview-node__root:hover::before, .theme--light.gaf-treeview .v-treeview-node--click > .v-treeview-node__root:hover::before {
  opacity: 0.06;
  border-radius: 4px;
}
.theme--light.gaf-treeview .v-treeview-node__root.v-treeview-node--active:hover::before, .theme--light.gaf-treeview .v-treeview-node__root.v-treeview-node--active::before {
  border-radius: 4px;
}
.monitor-video-attendance-sticky {
  position: sticky;
  right: 0;
  background-color: var(--gaf-quaternary-color, #F4F4F4);
}
.monitor-video-attendance-sticky-actions {
  position: sticky !important;
  right: 0 !important;
  z-index: 1 !important;
  width: 60px !important;
  min-width: 60px !important;
  max-width: 60px !important;
  flex: 0 0 60px !important;
  overflow: visible !important;
  background-color: white;
}
[class*=gaf-input--input-scale-],
[class*=gaf-input--label-scale-] {
  --input-scale: 1;
  --label-scale: 1;
}
.gaf-input--input-scale-0 {
  --input-scale: 1;
}
.gaf-input--input-scale-1 {
  --input-scale: 1.1;
}
.gaf-input--input-scale-2 {
  --input-scale: 1.2;
}
.gaf-input--input-scale-3 {
  --input-scale: 1.3;
}
.gaf-input--input-scale-4 {
  --input-scale: 1.4;
}
.gaf-input--input-scale-5 {
  --input-scale: 1.5;
}
.gaf-input--input-scale-6 {
  --input-scale: 1.6;
}
.gaf-input--input-scale-7 {
  --input-scale: 1.7;
}
.gaf-input--input-scale-8 {
  --input-scale: 1.8;
}
.gaf-input--input-scale-9 {
  --input-scale: 1.9;
}
.gaf-input--input-scale-10 {
  --input-scale: 2;
}
.gaf-input--label-scale-0 {
  --label-scale: 1;
}
.gaf-input--label-scale-1 {
  --label-scale: 1.2;
}
.gaf-input--label-scale-2 {
  --label-scale: 1.4;
}
.gaf-input--label-scale-3 {
  --label-scale: 1.6;
}
.gaf-input--label-scale-4 {
  --label-scale: 1.8;
}
.gaf-input--label-scale-5 {
  --label-scale: 2;
}
.gaf-input--label-scale-6 {
  --label-scale: 2.2;
}
.gaf-input--label-scale-7 {
  --label-scale: 2.4;
}
.gaf-input--label-scale-8 {
  --label-scale: 2.5;
}
.gaf-input--label-scale-9 {
  --label-scale: 2.6;
}
.gaf-input--label-scale-10 {
  --label-scale: 2.7;
}
.gaf-input--button-scale-0 {
  --label-scale: 1;
}
.gaf-input--button-scale-1 {
  --label-scale: 1.1;
}
.gaf-input--button-scale-2 {
  --label-scale: 1.15;
}
.gaf-input--button-scale-3 {
  --label-scale: 1.2;
}
.gaf-input--button-scale-4 {
  --label-scale: 1.25;
}
.gaf-input--button-scale-5 {
  --label-scale: 1.3;
}
.gaf-input--button-scale-6 {
  --label-scale: 1.35;
}
.gaf-input--button-scale-7 {
  --label-scale: 1.4;
}
.gaf-input--button-scale-8 {
  --label-scale: 1.5;
}
.gaf-input--button-scale-9 {
  --label-scale: 1.6;
}
.gaf-input--button-scale-10 {
  --label-scale: 1.7;
}
.v-btn [class*=gaf-input--button-scale-] {
  font-size: calc(14px * var(--label-scale));
}
[class*=gaf-input--input-scale-] input {
  font-size: calc(16px * var(--input-scale)) !important;
  padding-top: calc(8px * var(--input-scale)) !important;
  padding-bottom: calc(8px * var(--input-scale)) !important;
}
[class*=gaf-input--label-scale-] .v-label {
  font-size: calc(14px * var(--label-scale)) !important;
  overflow: visible !important;
  top: max(-30px, -21px * var(--label-scale)) !important;
}

/* cursor */
.cursor-pointer, .cursor-pointer:hover {
  cursor: pointer !important;
}
.cursor-default, .cursor-default:hover {
  cursor: default !important;
}
.cursor-move, .cursor-move:hover {
  cursor: move !important;
}
.cursor-not-allowed, .cursor-not-allowed:hover {
  cursor: not-allowed !important;
}

/* scroll bar */
.pretty-scroll-bar-quaternary {
  scrollbar-width: thin;
  scrollbar-color: var(--gaf-secondary-color, #CCCCCC) var(--gaf-quaternary-color, #F4F4F4);
}
.pretty-scroll-bar-quaternary::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.pretty-scroll-bar-quaternary::-webkit-scrollbar-thumb {
  background-color: var(--gaf-secondary-color, #CCCCCC);
  border-radius: 4px;
  border-style: solid;
  border-width: 2px;
}
.pretty-scroll-bar-quaternary::-webkit-scrollbar {
  background-color: var(--gaf-quaternary-color, #F4F4F4);
}
.pretty-scroll-bar-quaternary::-webkit-scrollbar-track {
  background: var(--gaf-quaternary-color, #F4F4F4);
}
.pretty-scroll-bar-quaternary::-webkit-scrollbar-thumb {
  border-color: var(--gaf-quaternary-color, #F4F4F4);
}
.pretty-scroll-bar-quaternary-primary {
  scrollbar-width: thin;
  scrollbar-color: var(--gaf-secondary-color, #CCCCCC) var(--gaf-quaternary-color, #F4F4F4);
  scrollbar-color: var(--gaf-primary-color, #135CC2) var(--gaf-quaternary-color, #F4F4F4);
}
.pretty-scroll-bar-quaternary-primary::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.pretty-scroll-bar-quaternary-primary::-webkit-scrollbar-thumb {
  background-color: var(--gaf-secondary-color, #CCCCCC);
  border-radius: 4px;
  border-style: solid;
  border-width: 2px;
}
.pretty-scroll-bar-quaternary-primary::-webkit-scrollbar {
  background-color: var(--gaf-quaternary-color, #F4F4F4);
}
.pretty-scroll-bar-quaternary-primary::-webkit-scrollbar-track {
  background: var(--gaf-quaternary-color, #F4F4F4);
}
.pretty-scroll-bar-quaternary-primary::-webkit-scrollbar-thumb {
  border-color: var(--gaf-quaternary-color, #F4F4F4);
}
.pretty-scroll-bar-quaternary-primary::-webkit-scrollbar-thumb {
  background-color: var(--gaf-primary-color, #135CC2);
}
.pretty-scroll-bar-white {
  scrollbar-width: thin;
  scrollbar-color: var(--gaf-secondary-color, #CCCCCC) var(--gaf-white-color, white);
}
.pretty-scroll-bar-white::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.pretty-scroll-bar-white::-webkit-scrollbar-thumb {
  background-color: var(--gaf-secondary-color, #CCCCCC);
  border-radius: 4px;
  border-style: solid;
  border-width: 2px;
}
.pretty-scroll-bar-white::-webkit-scrollbar {
  background-color: var(--gaf-white-color, white);
}
.pretty-scroll-bar-white::-webkit-scrollbar-track {
  background: var(--gaf-white-color, white);
}
.pretty-scroll-bar-white::-webkit-scrollbar-thumb {
  border-color: var(--gaf-white-color, white);
}

/* rotate */
.rotate-90 {
  transform: rotate(90deg);
}
.rotate-180 {
  transform: rotate(180deg);
}
.rotate-270 {
  transform: rotate(270deg);
}

/* align */
.vertical-align-top {
  vertical-align: top;
}
.vertical-align-middle {
  vertical-align: middle;
}

/* text */
.text-underline {
  text-decoration: underline;
}
.heading-1 {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 2rem;
  text-transform: uppercase;
  letter-spacing: -0.04em;
}
.heading-2 {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -0.02em;
}
.heading-3 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}
.body-text-1 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -0.02em;
}
.body-text-2 {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.caption-1 {
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
  text-transform: uppercase;
}
.caption-2 {
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 1rem;
  text-transform: uppercase;
}
.caption-3 {
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.2;
}

/* font */
.fs-lg {
  font-size: 2.5rem;
}
.fs-md {
  font-size: 2.25rem;
}
.fs-sm {
  font-size: 2rem;
}
.fs-xs {
  font-size: 1.5rem;
}
.fs-xxs {
  font-size: 0.75rem;
}

/* line-height */
.line-height-x-small {
  line-height: 0.5rem !important;
}
.line-height-small {
  line-height: 1rem !important;
}
.line-height-short {
  line-height: 1.25rem !important;
}
.line-height-medium {
  line-height: 1.5rem !important;
}
.line-height-normal {
  line-height: normal !important;
}
.line-height-tall {
  line-height: 2rem !important;
}

/* position */
.absolute-block {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.position-absolute {
  position: absolute;
}
.position-fixed {
  position: fixed;
}
.position-relative {
  position: relative;
}
.position-sticky-right {
  position: sticky;
  right: 0;
}
.right-0 {
  right: 0;
}

/* overflow */
.overflow-x-scroll {
  overflow-x: scroll !important;
}
.overflow-unset {
  overflow: unset !important;
}

/* max-width */
.max-width-200 {
  max-width: 200px;
}
.max-width-225 {
  max-width: 200px;
}
.max-width-250 {
  max-width: 250px;
}
.max-width-300 {
  max-width: 300px;
}
.max-width-350 {
  max-width: 350px;
}
.max-width-500 {
  max-width: 500px;
}
.max-width-full {
  max-width: 100%;
}

/* width */
.full-width {
  width: 100% !important;
}
.width-80 {
  width: 80% !important;
}
.width-60 {
  width: 60% !important;
}

/* margin */
.margin-auto {
  margin: auto;
}
.my-20 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

/* border */
.border {
  border: 2px solid;
}
.border--selected {
  border: 2px solid;
  border-color: var(--gaf-primary-color, #135CC2) !important;
}
.dotted-border {
  border-style: dotted !important;
}
.thin-solid-border {
  border: thin solid;
}
.double-solid-border {
  border: 2px solid;
}
.triple-solid-border {
  border: 3px solid;
}
.no-border {
  border: none;
}
.pale-blue--border {
  border-color: var(--gaf-pale-blue-color, #B4D3FF) !important;
}
.primary--border {
  border-color: var(--gaf-primary-color, #135CC2) !important;
}
.secondary--border {
  border-color: var(--gaf-secondary-color, #CCCCCC) !important;
}

/* elevations */
.shadow {
  box-shadow: 0px 1px 2px rgba(56, 50, 78, 0.08), 0px 3px 6px rgba(56, 50, 78, 0.08) !important;
}
.shadow--selected {
  box-shadow: 0px 1px 2px rgba(56, 50, 78, 0.08), 0px 3px 6px rgba(56, 50, 78, 0.08), 0px 4px 4px rgba(56, 50, 78, 0.24) !important;
}
.shadow-autocomplete {
  box-shadow: 0px 6px 12px rgba(56, 50, 78, 0.08), 0px 12px 24px rgba(56, 50, 78, 0.16) !important;
}
.shadow-float {
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.light-elevation-1 {
  box-shadow: 0px 1px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important;
}
.disabled-elevation-1 {
  box-shadow: 0px 0px 1px -2px rgba(0, 0, 0, 0.2), 0px 0px 2px 0px rgba(0, 0, 0, 0.14), 0px 0px 1px 0px rgba(0, 0, 0, 0.12) !important;
}

/* opacity */
.opacity-100 {
  opacity: 1;
}
.opacity-90 {
  opacity: 0.9;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-40 {
  opacity: 0.4;
}

/* flex */
.flex-basis-100 {
  flex-basis: 100%;
}
/* COLORS */
/* EXPORTS */