@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

[v-cloak] {
	display: none;
}

.fullW {

	width: 100%;

	flex-shrink: 0;

}

select {
	background: transparent;
}

.grid {

	display: grid;

	grid-gap: var(--gap);

	grid-template-columns: var(--columns);

	width: 100%;

}


.flex {

	display: flex;

	grid-gap: var(--gap);

	flex-wrap: wrap;

}


.inline-flex {

	display: inline-flex;

	grid-gap: var(--gap);

	align-items: center;

}


@media only screen and (max-width: 400px) {

	.inline-flex {

		grid-gap: 1rem;

	}

}


.full-flex {

	display: flex;

	align-items: center;

}


.full-flex.between {

	justify-content: space-between;

}


*,

*::before,

*::after {

	padding: 0;

	margin: 0;

	box-sizing: border-box;

}


*::-moz-selection {

	background-color: #FFBC00;

	color: white;

}


/* *::selection {

  background-color: #FFBC00;

  color: white;

} */


html {

	font-size: 16px;

	scroll-behavior: smooth;

}

/* @media only screen and (max-width: 768px) {

  html {

    font-size: 14px;

  }

} */


body {

	line-height: 1.6;

	font-family: "Roboto", sans-serif;

	background: #F7F7F2;

}


ul,

ol {

	list-style: none;

}


a {

	text-decoration: none;

}


h1,

h2,

h3 {

	line-height: 1.2;

}


.container {
	width: min(100%, 1140px);
	margin: 0 auto;

}

.container.center {

	display: flex;

	align-items: center;

	flex-direction: column;

	grid-gap: 3rem;

	padding: 1rem 0 3em;

}

#calculatorcredite.container.center {
  padding: 3rem 0;
}

@media only screen and (max-width: 450px) {

	.container.center, #calculatorcredite.container.center {

		padding: 0 0 1.5rem;

	}

}

.container.full-height {

	min-height: calc(100vh - 6rem);

}


.highlighted-text {

	color: #FFBC00;

}


.btn {

	background-color: transparent;

	outline: unset;

	border: unset;

	cursor: pointer;

	text-decoration: none;

	font-weight: 600;

	font-family: "Roboto", sans-serif;

	padding: 0.75em 1.5em;

	font-size: 1rem;

	border-radius: 5px;

	background: #FFBC00;

	color: black;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	text-align: center;

	grid-gap: 0.75rem;

	transition: background-color 300ms, color 300ms;

}

.btn:is(:hover, :focus):not(.disabled) {

	background-color: #FFAB0F;

}

.btn.disabled {

	background-color: rgba(254, 188, 66, 0.7);

	cursor: initial;

}


.btn.normal {

	background-color: unset;

	padding: unset;

}


.btn.normal:is(:hover, :focus) {

	background-color: unset;

	text-decoration: underline;

}

.choose-input-wrapper {
	display: flex;
	align-items: center;
	grid-gap: 1.5rem;
}

.choose-input-wrapper.full {
	grid-gap: .75rem;
	width: 100%;
	flex-wrap: wrap;
}

.choose-input-wrapper.full>* {
	flex: 1 1 150px;
}

@media only screen and (max-width: 550px) {
	.choose-input-wrapper {
		grid-gap: .75rem;
		width: 100%;
		flex-wrap: wrap;
	}

	.choose-input-wrapper>* {
		flex: 1 1 150px;
	}
}


.choose-input {

	display: inline-flex;

	align-items: center;

	grid-gap: 0.75rem;

	position: relative;

}

.choose-input input {

	position: absolute;

	left: 0;

	top: 4px;

	opacity: 0;

	cursor: pointer;

	width: 16px;

	height: 16px;

}

.choose-input .input-object {

	width: 16px;

	height: 16px;

	background-color: #B4B4B4;

	line-height: 1;

	transition: background-color 300ms;

	cursor: pointer;

	flex-shrink: 0;

}

.choose-input .input-object.round {

	border-radius: 100vmax;

}

.choose-input .input-object.square {

	border-radius: 4px;

}

.choose-input label {

	font-size: 0.875rem;

	transition: color 300ms;

}

.choose-input.choose-boxed {

	min-height: 45px;

	display: inline-flex;

	align-items: center;

	padding: 0 1rem;

	border-radius: 4px;

	position: relative;

	isolation: isolate;

}

@media only screen and (max-width: 550px) {
	.choose-input.choose-boxed {
		min-height: 50px;
	}
}

.choose-input.choose-boxed input {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

}

.choose-input.choose-boxed label {

	line-height: 1.2;

	color: #B4B4B4;

	font-weight: 400;

}

.choose-input.choose-boxed .choose-boxed-line {

	border: 1px solid #B4B4B4;

	border-radius: 4px;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	pointer-events: none;

	z-index: -1;

	transition: border-color 300ms;

}

.choose-input input:checked~.input-object {

	background-color: #FFBC00;

}

.choose-input input:checked~label {

	color: #FFBC00;

}


.choose-input input:checked~.choose-boxed-line {

	border-color: #FFBC00;

}

.choose-input.choose-text {
  align-items: flex-start;
}

.choose-input.choose-text .input-object {
  position: relative;
  pointer-events: none;
}

.text-input {

	display: inline-flex;

	align-items: center;

	position: relative;

}

.text-input input {

	border: unset;

	border-bottom: 1px solid #B4B4B4;

	outline: none;

	min-height: 40px;

	font-family: "Roboto", sans-serif;

	font-size: 1rem;

	width: 100%;

}

.text-input input::-moz-placeholder {

	color: #B4B4B4;

}

.text-input input:-ms-input-placeholder {

	color: #B4B4B4;

}

.text-input input,
.text-input input::placeholder {

	color: #B4B4B4;

}

.text-input .line {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 1px;

	background-color: #FFBC00;

	transform: scaleX(0);

	transform-origin: left;

	transition: transform 300ms ease-in-out;

}

.text-input input:focus::-moz-placeholder,
.text-input input:not(:placeholder-shown):not(:focus)::-moz-placeholder {

	color: #FFBC00;

}

.text-input input:focus:-ms-input-placeholder,
.text-input input:not(:placeholder-shown):not(:focus):-ms-input-placeholder {

	color: #FFBC00;

}

.text-input input:not(:-moz-placeholder-shown):not(:focus),
.text-input input:not(:-moz-placeholder-shown):not(:focus)::placeholder {

	color: #FFBC00;

}

.text-input input:not(:-ms-input-placeholder):not(:focus),
.text-input input:not(:-ms-input-placeholder):not(:focus)::placeholder {

	color: #FFBC00;

}

.text-input input:focus,

.text-input input:not(:placeholder-shown):not(:focus),

.text-input input:focus::placeholder,

.text-input input:not(:placeholder-shown):not(:focus)::placeholder {

	color: #FFBC00;

}

.text-input input:not(:-moz-placeholder-shown):not(:focus)~.line {

	transform: scaleX(1);

}

.text-input input:not(:-ms-input-placeholder):not(:focus)~.line {

	transform: scaleX(1);

}

.text-input input:focus~.line,

.text-input input:not(:placeholder-shown):not(:focus)~.line {

	transform: scaleX(1);

}

.text-input.special input {

	padding-right: var(--pr);

}

.text-input.special .special-div {

	position: absolute;

	right: 0;

	top: 50%;

	transform: translateY(-50%);

}

.text-input.special .special-div>* {

	color: #B4B4B4;

	font-weight: 400;

}

.text-input.special .special-div select {

	border: none;

	outline: none;

	font-family: "Roboto", sans-serif;

	font-size: 1rem;

	transition: color 300ms;

	cursor: pointer;

}

.text-input.special .special-div option {

	position: relative;

	color: black;

}

.text-input.special .special-div option:checked {

	color: #FFBC00;

}

.text-input.special input:not(:-moz-placeholder-shown):not(:focus)~.special-div>* {

	color: #FFBC00;

}

.text-input.special input:not(:-ms-input-placeholder):not(:focus)~.special-div>* {

	color: #FFBC00;

}

.text-input.special input:focus~.special-div>*,

.text-input.special input:not(:placeholder-shown):not(:focus)~.special-div>*,

.text-input.special select:focus,

.text-input.special select:hover {

	color: #FFBC00;

}

@media only screen and (max-width: 550px) {

	.text-input input,
	.text-input input::placeholder {

		font-size: 1.25rem;

	}

}


@media only screen and (max-width: 400px) {

	.text-input input,
	.text-input input::placeholder {

		font-size: 1.125rem;

	}

}


.boxed-with-btn {

	padding: 1rem;

	border: 1px solid rgba(0, 0, 0, .1);

	background-color: rgb(0 0 0 / 3%);

	border-radius: 8px;

}


.boxed-with-btn .btn {

	font-size: 0.875rem;

	color: rgba(0, 0, 0, .5);

	font-weight: 500;

}


.boxed-with-btn .btn:is(:hover, :focus) {

	color: #FFBC00;

	text-decoration: none;

}


.date-selection {

	display: inline-flex;

	align-items: center;

	grid-gap: 0.5rem;

}

.date-selection>* {

	position: relative;

}

.date-selection>*:not(:last-child)::after {

	content: "/";

	position: relative;

	color: #B4B4B4;

	margin-left: 0.5rem;

}

@media only screen and (max-width: 380px) {
	.date-selection>*:not(:last-child)::after {
		display: none;
	}
}

.date-selection select {

	border: none;

	border-bottom: 1px solid #B4B4B4;

	outline: none;

	padding: 0.35rem 0;

	font-family: "Roboto", sans-serif;

	font-size: 1rem;

	min-width: 55px;

	color: #B4B4B4;

	cursor: pointer;

	background: unset;

}

.date-selection select option {

	color: black;

}

.date-selection select option:checked {

	color: #FFBC00;

}

.date-selection select:is(:hover, :focus, :selected) {

	color: #FFBC00;

	border-color: #FFBC00;

}

@media only screen and (max-width: 550px) {

	/* .date-selection {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  } */
}

.regular-select-container {
	width: 100%;
}

.regular-select {
	border: none;
	border-bottom: 1px solid #B4B4B4;
	outline: none;
	padding: 0.35rem 0;
	font-family: "Roboto", sans-serif;
	font-size: 1rem;
	min-width: 55px;
	color: #B4B4B4;
	cursor: pointer;
	background: unset;
}

.regular-select option {
	color: #222;
}

.regular-select option:checked {
	color: #FFBC00;
}

@media only screen and (max-width: 768px) {
	.regular-select-container {
		flex-direction: column;
		align-items: flex-start !important;
		grid-gap: .5rem;
	}

	.regular-select {
		width: 100%;
	}
}

@media only screen and (max-width: 550px) {
	.regular-select {
		flex: unset;
	}

	.regular-select, .regular-select option {
		font-size: 1.25rem;
	}
}

@media only screen and (max-width: 400px) {
	.regular-select, .regular-select option {
		font-size: 1.125rem;
	}
}

header .container {

	min-height: 6rem;

	display: flex;

	align-items: center;

	justify-content: space-between;

	grid-gap: 1.5rem;
	width: min(calc(100% - 2rem), 1440px);

}

header .container .logo svg {

	height: auto;

}

@media only screen and (max-width: 550px) {

	header .container .logo svg {

		width: 80px;

	}

}

@media only screen and (max-width: 450px) {

	header .container nav {

		position: fixed;

		top: 0;

		left: 0;

		width: 100%;

		height: 100vh;

		background: white;

		padding: 1.5rem;

		z-index: 1;

		align-items: center;

		justify-content: center;

		transform: translateX(100%);

		display: none;

	}

	header .container nav.active {

		-webkit-animation: menuLeft 300ms both cubic-bezier(0.73, -0.37, 0.24, 1.29);

		animation: menuLeft 300ms both cubic-bezier(0.73, -0.37, 0.24, 1.29);

		display: flex;

	}

	@-webkit-keyframes menuLeft {

		to {

			transform: translateX(0);

		}

	}

	@keyframes menuLeft {

		to {

			transform: translateX(0);

		}

	}

}

header .container nav ul {

	display: inline-flex;

	align-items: center;

	grid-gap: 2rem;

}

header .container nav ul li a {

	color: black;

	font-weight: 500;

	min-height: 4rem;

	display: inline-flex;

	align-items: center;

	position: relative;

	transition: color 300ms;

	cursor: pointer;

}

header .container nav ul li a::after {

	content: "";

	position: absolute;

	bottom: 0;

	left: 50%;

	width: 95%;

	height: 4px;

	background: #FFBC00;

	border-radius: 100vmax;

	transform: translateX(-50%) scaleX(0);

	transition: transform 300ms;

	transform-origin: left;

}

header .container nav ul li a:is(:hover, :focus, .active) {

	color: #FFBC00;

}

header .container nav ul li a:is(:hover, :focus, .active)::after {

	transform: translateX(-50%) scaleX(1);

}

@media only screen and (max-width: 450px) {

	header .container nav ul {

		flex-direction: column;

		justify-content: center;

		grid-gap: 1rem;

	}

	header .container nav ul li a {

		font-size: 1.35rem;

		min-height: 2rem;
		font-weight: 600;

	}

}

header .container nav .mobile-close-btn {

	background: transparent;

	border: none;

	outline: none;

	cursor: pointer;

	text-decoration: none;

	font-size: 2rem;

	color: black;

	transition: color 300ms;

	display: none;

}

@media only screen and (max-width: 450px) {

	header .container nav .mobile-close-btn {

		display: inline-block;

	}

}

header .container nav .mobile-close-btn:is(:hover, :focus) {

	color: #FFBC00;

}

header .container .mobile-btn {

	background-color: rgba(255, 188, 0, 0.15);

	color: black;

	outline: none;

	border: none;

	cursor: pointer;

	text-decoration: none;

	padding: 0.5rem;

	border-radius: 4px;

	transition: background-color 300ms;

	display: none;

}

header .container .mobile-btn i {

	font-size: 1.4rem;

}

header .container .mobile-btn:is(:hover, :focus, .active) {

	background-color: #FFBC00;

}

.mobile-nav-header {
	display: none;
}

@media only screen and (max-width: 450px) {

	header .container .mobile-btn {

		display: inline-block;

	}

	.mobile-nav-header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		padding: 2rem 1rem;
		display: flex;
		align-items: center;
		justify-content: space-between;
		grid-gap: 1.5rem;
	}

}



.eltfnc-panel {

	display: flex;

	flex-direction: column;

	grid-gap: 1.5rem;

	width: calc(min(100%, 556px) + 3rem);

	overflow-x: hidden;

	padding: 1.5rem;

}

@media only screen and (max-width: 600px) {
	.eltfnc-panel {
		width: min(100%, 556px);
		padding: 1.5rem 1rem;
	}
}

.eltfnc-panel-container {
	display: flex;
}

.eltfnc-panel-container>* {
	flex-shrink: 0;
}


.eltfnc-panel>h2 {

	font-size: 1.75rem;

}


@media only screen and (max-width: 768px) {

	.eltfnc-panel {

		grid-gap: 1rem;

	}

}

.eltfnc-panel .eltfnc-panel-wrapper {

	width: 100%;

	background: white;

	padding: 2em;

	border-radius: 20px;

	display: flex;

	flex-direction: column;

	align-items: flex-start;

	grid-gap: 1.5rem;

	box-shadow: 0 10px 14px rgba(0, 0, 0, .04);

}


@media only screen and (max-width: 768px) {

	.eltfnc-panel .eltfnc-panel-wrapper {

		padding: 1.5em;

		border-radius: 10px;

		width: min(100%, 556px);

	}

}

.eltfnc-panel .eltfnc-panel-subtitle {

	font-size: 1.25rem;

	font-weight: 600;

	line-height: 1.3;

}

@media only screen and (max-width: 550px) {

	.eltfnc-panel .eltfnc-panel-subtitle {

		font-size: 1.135rem;

	}

}


@media only screen and (max-width: 400px) {

	.eltfnc-panel .eltfnc-panel-subtitle {

		font-size: 1.125rem;

	}

}

.eltfnc-panel.active {

	-webkit-animation: panelShow 600ms both cubic-bezier(0.78, -0.59, 0.3, 1.63);

	animation: panelShow 600ms both cubic-bezier(0.78, -0.59, 0.3, 1.63);

}


.calculator-component {

	display: grid;

	grid-template-columns: 1fr 1fr;

	width: 100%;

	grid-gap: 1.5rem;

}

@media only screen and (max-width: 550px) {

	.calculator-component {

		grid-template-columns: 100%;

		grid-gap: 3rem;

	}

}

.calculator-component>div:nth-child(2) {

	display: grid;

	grid-template-columns: 1fr 1fr;

	grid-gap: 1rem;

}

.calculator-component>div:nth-child(2)>div {

	line-height: 1.2;

}

.calculator-component>div:nth-child(2) p {

	font-size: 0.875rem;

}


@-webkit-keyframes panelShow {

	from {

		transform: scale(0);

	}

	to {

		transform: scale(1);

	}

}


@keyframes panelShow {

	from {

		transform: scale(0);

	}

	to {

		transform: scale(1);

	}

}


.slide-enter-active,
.slide-leave-active {

	transition: margin-left .5s ease-out, opacity .5s ease-out;

}


.slide-enter-from {

	opacity: 0;

	margin-left: 493.41px;

}


.slide-enter-to {

	opacity: 1;

	margin-left: 0;

}


.slide-leave-from {

	opacity: 0.5;

	margin-left: 0;

}


.slide-leave-to {

	opacity: 0;

	margin-left: -493.41px;

}


.slidedown-enter-active,
.slidedown-leave-active {

	transition: margin-left .5s ease-out, opacity .5s ease-out;

}


.slidedown-enter-from {

	opacity: 0;

	margin-left: -493.41px;

}


.slidedown-enter {

	opacity: 1;

	margin-left: 0;

}


.slidedown-leave-from {

	opacity: 0.5;

	margin-left: 0;

}


.slidedown-leave-to {

	opacity: 0;

	margin-left: 493.41px;

}


/* .slide-enter, .slide-leave-to {

  opacity: 0;

  margin-top: -493.41px;

}

.slide-enter-to, .slide-leave {

  opacity: 1;

  margin-top:0;

} */


/* .slidedown-enter-active,

.slidedown-leave-active {

  transition: margin-top .5s ease-out, opacity .4s ease-out;

}



.slidedown-enter-to{

  opacity: 0;

  margin-top: 493.41px;

}



.slidedown-leave-from {

  opacity: 1;

  margin-top: 0;

}



.slidedown-enter-from,

.slidedown-leave-to {

  opacity: 0;

  margin-top: 493.41px;

} */


.alert-message {

	padding: .75rem 1rem;

	border-radius: 4px;

	border: 1px solid crimson;

	color: crimson;

	width: 100%;

	display: block;

	background-color: rgba(220, 20, 60, 0.089);

	display: none;

	font-size: 0.875rem;

}


.alert-message.success {

	border-color: green;

	color: green;

	background-color: rgb(0 128 0 / 5%);

}


.eltfnc-score-panel .eltfnc-panel-wrapper {

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;

	text-align: center;

	position: relative;

	overflow: hidden;

	isolation: isolate;

}


@media only screen and (max-width: 480px) {

	.eltfnc-score-panel .eltfnc-panel-wrapper::after {

		bottom: -60px;

		right: -60px;

	}

}


@media only screen and (max-width: 380px) {

	.eltfnc-score-panel .eltfnc-panel-wrapper::after {

		width: 120px;

		height: 120px;

	}

}


.eltfnc-score-panel .eltfnc-panel-wrapper>h3 {

	font-size: 1.75rem;

	line-height: 1.2;

	display: flex;

	flex-direction: column;

	grid-gap: .5rem;

}


.eltfnc-score-panel .eltfnc-panel-wrapper>img {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	z-index: -1;

	opacity: .35;

	max-width: 50%;

}


.eltfnc-score-panel .eltfnc-panel-wrapper>h3 small {

	font-size: 1.125rem;

	font-weight: 400;

}


.eltfnc-score-panel .eltfnc-panel-wrapper>p {

	max-width: 45ch;

	margin-bottom: 1rem;

}


.eltfnc-score-panel .eltfnc-panel-wrapper>.eltfnc-score-status {

	font-size: 2.75rem;

	margin: 1rem 0;

	font-weight: 600;

	display: flex;

	flex-direction: column;

	line-height: 1.3;

}


.eltfnc-score-panel .eltfnc-panel-wrapper>.eltfnc-score-status small {

	font-size: 1rem;

	font-weight: 400;

}


.eltfnc-score-panel .eltfnc-panel-wrapper>.eltfnc-score-status.bad span {

	color: red;

}


.eltfnc-score-panel .eltfnc-panel-wrapper>.eltfnc-score-status.average span {

	color: #FFBC00;

}


.eltfnc-score-panel .eltfnc-panel-wrapper>.eltfnc-score-status.excelent span {

	color: #0cbf0c;

}


@media only screen and (max-width: 550px) {

	.fullWM {

		width: 100%;

	}

}

.eltfnc-panel-btns {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	grid-gap: 1.5rem;
}

@media only screen and (max-width: 550px) {
	.eltfnc-panel-btns {
		flex-direction: column-reverse;
		grid-gap: .75rem;
	}

	.eltfnc-panel-btns>* {
		width: 100%;
	}
}

.eltfnc-tabs-top {
	margin-bottom: .5rem;
}

@media only screen and (max-width: 550px) {
	.eltfnc-tabs-top {
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

.eltfnc-tabs-top ul {
	padding: 0 1.5rem;
	display: flex;
	align-items: center;
	grid-gap: 3rem;
}

@media only screen and (max-width: 550px) {
	.eltfnc-tabs-top ul {
		padding: 1.5rem 0;
		grid-gap: 1.5rem;
		overflow-x: auto;
		scrollbar-width: 0;
	}

	.eltfnc-tabs-top ul>* {
		flex-shrink: 0;
	}

	.eltfnc-tabs-top ul::-webkit-scrollbar {
		display: none;
	}
}

.eltfnc-tabs-top ul li button {
	background: transparent;
	border: none;
	outline: none;
	position: relative;
	font-weight: 600;
	color: black;
	font-family: 'Roboto', sans-serif;
	font-size: 1.125rem;
	transition: color 300ms;
	cursor: pointer;
	text-decoration: none;
}

.eltfnc-tabs-top ul li button:is(:hover, :focus, .active) {
	color: #FFBC00;
}

.eltfnc-tabs-top ul li button::before {
	content: '';
	position: absolute;
	top: calc(100% + .5rem);
	left: 0;
	height: 5px;
	width: 50%;
	border-radius: 100vmax;
	display: block;
	background: #FFBC00;
	transition: transform 300ms;
	transform-origin: left;
	transform: scaleX(0);
}

.eltfnc-tabs-top ul li button:is(:hover, :focus, .active)::before {
	transform: scaleX(1);
}

.eltfnc-tabs {
	width: calc(min(100%, 556px) + 3rem);
}

@media only screen and (max-width: 600px) {
	.eltfnc-tabs {
		width: min(100%, 556px);
	}
}

.eltfnc-tabs>.eltfnc-tabs-top,
.eltfnc-tabs .eltfnc-tabs-body,
.eltfnc-tabs .eltfnc-panel {
	width: 100%;
}

@media only screen and (max-width: 550px) {
	.eltfnc-tabs-tab {
		display: flex;
		flex-direction: column;
		grid-gap: 1.5rem;
	}
}

.eltfnc-tabs-tab .eltfnc-panel {
	overflow: unset;
}

@media only screen and (max-width: 550px) {
	.eltfnc-tabs-tab .eltfnc-panel {
		padding-top: 0;
	}
}

.even-grid {
	display: grid;
	width: 100%;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	grid-gap: .75rem;
}

.even-grid .text-input.special {
	width: 100%;
}

.elt-fnc-tabular {
	width: 100%;
}

.elt-fnc-tabular-tab {
	position: relative;
	isolation: isolate;
	padding: 1rem 0;
}

.elt-fnc-tabular-tab-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	grid-gap: 1.5rem;
}

.elt-fnc-tabular-tab.bg-tab .elt-fnc-tabular-tab-inner::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #B4B4B4;
}

.elt-fnc-tabular-tab.bg-tab::before {
	content: '';
	position: absolute;
	top: 0;
	left: -2rem;
	width: calc(100% + 4rem);
	height: 100%;
	background: #F8F8F8;
	z-index: -1;
}

.elt-fnc-tabular-tab.bg-tab.no-underline .elt-fnc-tabular-tab-inner::after {
	display: none;
}

@media only screen and (max-width: 768px) {
	.elt-fnc-tabular-tab.bg-tab::before {
		width: calc(100% + 3rem);
		left: -1.5rem;
	}
}

.elt-fnc-tabular-tab .elt-fnc-tabular-tab-title {
	line-height: 1.2;
}

.elt-fnc-tabular-tab .elt-fnc-tabular-tab-stat {
	text-align: right;
}

.elt-fnc-tabular-tab.footer-tab {
	font-size: 1.125rem;
	font-weight: 600;
	padding: 0.75rem 0;
}

@media only screen and (max-width: 550px) {
	.elt-fnc-tabular-tab.footer-tab {
		padding: .5rem 0;
	}
}

.full-grid-span {
	grid-column: 1/3;
}

@media only screen and (max-width: 390px) {
	.full-grid-span {
		grid-column: unset;
	}
}

.text-input.special select {
    width: 100%;
    padding: 4px;
}