html,
body {
	font-family: 'Open Sans', sans-serif;
}

:root {
	--light: 300;
	--regular: 400;
	--medium: 500;
	--semi-bold: 600;
	--bold: 700;
}

.v-application {
	font-family: 'Open Sans', sans-serif !important;
	margin: 0;
	padding: 0;
}

.v-btn {
	text-transform: none !important;
}

/* DECORATION */
.cursor-pointer {
	cursor: pointer;
}

.gray-border {
  border: 1px solid #DEE2E6;
}

/* POSITION */
.relative {
	position: relative;
}
.absolute {
	position: absolute;
}

/* TEXT */
.caption-text {
  line-height: 22px;
	font-size: 16px;
	font-weight: var(--semi-bold);
}

.text-text {
  font-weight: var(--regular);
  font-size: 12px;
  line-height: 12px;
  color: #152536;
}

.select-text {
  font-weight: var(--regular);
  font-size: 12px;
  line-height: 16px;
  color: #666666;
}

.button-text {
  font-family: Inter, sans-serif;
  font-weight: var(--semi-bold);
  font-size: 16px;
  line-height: 19px;
}

.subtitle-text {
    font-weight: var(--regular);
    font-size: 16px;
    line-height: 22px;
    color: #6C757D;
}

.result-subtitle-text {
    font-weight: var(--bold);
    font-size: 10px;
    line-height: 14px;
    color: #6C757D;
}

.result-text {
    font-weight: var(--bold);
    font-size: 12px;
    line-height: 16px;
}

.title-text {
    font-weight: var(--regular);
    font-size: 20px;
    line-height: 27px;
    color: #202A52;
}

.label-text {
  font-weight: var(--regular);
  font-size: 14px;
  line-height: 19px;
  color: #202A52;
}

.v-text-field--gray > .v-input__control > .v-input__slot > .v-text-field__slot
> input{
  font-family: Roboto, sans-serif;
  font-size: 12px;
  line-height: 14px;
	color: #666666;
	font-weight: var(--regular);
}

.v-select-field--gray > .v-input__control > div > .v-select__slot > .v-select__selections > input::placeholder {
	font-family: Roboto, sans-serif;
  font-size: 12px;
  line-height: 14px;
	color: #666666;
	font-weight: var(--regular);
}

.v-select-field--gray > .v-input__control > div > .v-select__slot > .v-select__selections > .v-select__selection {
	font-family: Roboto, sans-serif;
  font-size: 12px;
  line-height: 14px;
	color: #666666;
	font-weight: var(--regular);
}

.input-text {
  font-family: Roboto, sans-serif;
  font-weight: var(--regular);
  font-size: 12px;
  line-height: 14px;
  color: #666666;
}

.result-container-bottom-shadow {
    box-shadow: 0 4px 2px -2px #DEE2E6;
}

/* SIZING */
.w-full {
	width: 100%;
}

.custom-tooltip-white {
  max-width: 200px;
  border-radius: 5px;
  box-shadow: 0 4px 15px 0 rgba(146,146,210,0.3);
  opacity: 1 !important;
}

.custom-tooltip-white::before{
  border-right: solid 8px transparent;
  border-left: solid 8px transparent;
  border-top: solid 8px #FFFFFF;
  transform: translateX(-50%);
  position: absolute;
  z-index: -21;
  content: '';
  top: 100%;
  left: 50%;
  height: 0;
  width: 0;
}

.custom-tooltip-text {
  font-family: Inter, sans-serif;
  font-weight: var(--regular);
  font-size: 14px;
  line-height: 21px;
  color: #68717A;
}