/*
body {
	font-family: 'Open Sans', sans-serif;
	color: #45525b;
}
*/
/*
.container {
	max-width: 1073px;
	padding: 0 20px;

	margin: 0 auto;
}
*/

.fincalc-bs hr {
	border-top: 1px solid #409def;
	max-width: 100%;
}

.section.section--calc .section__title {
	font-size: 22px;
	font-weight: 400;
}

/* FORM */

.form.form--calc {
	font-size: 13px;
}
.form--calc input:not([type='checkbox']) {
	height: 48px;
	border-radius: 8px;
	border: 1px solid #2590ed;
}
.form--calc .form-label {
	font-size: 11px;
	font-weight: 500;
	color: #6c767d80;

	line-height: 130%;
}
.form--calc .form__input-wrap {
	width: 100%;
	max-width: 166px;

	height: 48px;
	border-radius: 8px;
	border: 1px solid #2590ed;
}
@media (max-width: 576px) {
	.form--calc .form__input-wrap {
		max-width: 100%;
	}
}
.form--calc .form__input-wrap input {
	border: 0;
	height: auto;
}
.form--calc .form__input-wrap .input-group-append .input-group-text {
	height: 100%;
	border: 0;
	background: none;
}
.form--calc .form__input {
	max-width: 100%;
}

.form--calc .period-block {
	position: relative;
}

.form--calc .period-block label {
	width: 70px;
	height: 48px;

	display: flex;
	align-items: center;

	color: #45525b50;

	border: 1px solid #2590ed50;
}
.form--calc .period-block input + label:hover {
	border-color: #45525b50;
	color: #45525b;
	background-color: inherit;
}
.form--calc .period-block input:checked + label {
	color: #45525b;
	border-color: #2590ed;
	background-color: #2590ed10;
}

.form--calc .periodYearsField {
	position: relative;

	display: flex;
	align-items: center;

	width: 168px;

	padding: 5px 0;

	border-radius: 6px;
	border: 1px solid #2590ed;
	height: 48px;
}

.form--calc .periodYearsField .periodYearsField__check {
	position: absolute;
	opacity: 0;

	width: 100%;
}
.form--calc .periodYearsField .periodYearsField__label {
	width: 100%;
	border: 0;
	background: none;

	display: flex;
}

.form--calc .periodYearsField button {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 40px;
	height: 44px;

	padding: 0 12px;

	font-size: 13px;
	color: #2590ed;

	border: 0;
}
.form--calc .periodYearsField input {
	width: 90px;
	height: 44px;

	border: 0;
	border-left: 1px solid #409def10;
	border-right: 1px solid #409def10;

	text-align: center;
}

.form--calc #check-excel {
	width: 22px;
	height: 22px;

	border: 1px solid #2590ed50;
}

.form--calc #check-excel:checked {
	background-image: var(--wpr-bg-ef80ee4d-0c1f-4ae5-8bcf-a148daa74b42);

	background-position: center;
	background-repeat: no-repeat;
	background-size: 13px;

	box-shadow: none;

	background-color: transparent;
	outline: 0;
}

/* Custom input buttons */
.form--calc .input__btn__group {
	display: none;
	flex-direction: column;
	justify-content: center;
}

.form--calc .input__money__group:hover .input__btn__group {
	display: flex;
}

.form--calc .input__btn {
	background: #F1F1F1;
	cursor: pointer;
}

.form--calc .input__btn:hover {
	background: #D2D2D2;
}

.form--calc .input__btn__add {
	padding: 4px 4px 0;
}

.form--calc .input__btn__remove {
	padding: 0 4px 4px;
}

/* Note */
.note {
	position: absolute;
	top: 60px;
	background-color: #F1F8FE;
	border: solid 1px #2590ed;
	border-radius: 5px;
	z-index: 10;
}

.note-month {
	left: -100px;
	width: 320px;
}

.note-year {
	left: 55px;
}

@media (max-width: 576px) {
	.note-month {
		left: 10px;
	}
}


/* END FORM */

/* DRAGNDROP */
.form--calc .dragndrop {
	max-width: 301px;
	height: 85px;

	border-radius: 8px;

	border: 1px solid #2590ed40;
	background-color: #f9f9f9;
}
.form--calc .dragndrop.active {
	background-color: #fff;
    border-color: #a3a3a3;
    border-style: dashed;
    border-width: 2px;
	cursor: pointer;
}

.form--calc .dragndrop.active.dragover-active {
	background: #F1F1F1;
}

@media (max-width: 576px) {
	.form--calc .dragndrop {
		max-width: 100%;
	}
}

/* END DRAGNDROP */

/* TABLE */
.fincalc-bs .table-wrapper {
	/*width: 1033px;*/
	overflow: auto;
}
.fincalc-bs .table {
	/*max-width: 1030px;
	width: 1030px;*/

	border: 0;

	margin-bottom: 35px;

	border-collapse: separate;
	border-spacing: 0;

    border: 1px solid transparent;
}
.fincalc-bs .table th,
.fincalc-bs .table td {
	background-color: transparent;
}

.fincalc-bs .table thead th {
	font-size: 10px;
	font-weight: 700;
	color: #6c767d80;
}


.fincalc-bs .table tbody {
	background-color: #f9f9f950;

	overflow: hidden;
}

.fincalc-bs .table tbody th {
	font-size: 12px;
	font-weight: 600;
	color: #2590ed;

	border-bottom: 1px solid #2590ed;
}

.fincalc-bs .table tbody td {
	font-size: 11px;
	font-weight: 400;
	color: #45525b;

	border-bottom: 1px solid #2590ed;
}

.fincalc-bs .table tbody tr:first-child td{
    border-top: 1px solid #2590ed;

    border-bottom: 1px solid #2590ed;;
}
.fincalc-bs .table tbody tr:first-child td:last-child{
    border-radius: 0 5px 0 0;
    border-right: 1px solid #2590ed;
}
.fincalc-bs .table tbody tr td:last-child{
    border-right: 1px solid #2590ed;
}
.fincalc-bs .table tbody tr:first-child th:first-child {
	border-radius: 0 5px 0 0;

	border-left: 1px solid #2590ed;
    border-top: 1px solid #2590ed;
    /* border-bottom: 0; */

	border-radius: 5px 0 0 0;
}
.fincalc-bs .table tbody tr th:first-child{

    border-left: 1px solid #2590ed;
    border-bottom: 1px solid #2590ed;
}

.fincalc-bs .table tbody tr:last-child th:first-child{
    border-radius: 0 0 0 5px;
}
.fincalc-bs .table tbody tr:last-child td:last-child{
    border-radius: 0 0 5px 0;
}

/* END TABLE */

/* ACCORDION */
.accordion .accordion-item {
	margin-bottom: 20px;

	border-radius: 5px;
	border: 1px solid #2590ed;
	background-color: #f9f9f950;
	outline: none;

	overflow: hidden;
}
.accordion .accordion-button {
	font-size: 12px;
	font-weight: 600;
	color: #2590ed;

	background-color: transparent;
	box-shadow: none;
}
.accordion .accordion-button:hover {
	background-color: transparent;
	outline: none;
}
.accordion .accordion-button::after {
	width: 10px;
	height: 10px;

	background-size: contain;
}
.accordion .accordion-body {
	padding: 7px 38px 16px 26px;
}
.accordion .accordion-body ul {
	font-size: 11px;
	font-weight: 400;
	color: #45525b;

	margin-bottom: 0;

	display: grid;
	grid-template-columns: repeat(2, max-content);

	gap: 10px 50px;
}
.accordion .accordion-body ul li {
	display: flex;
	align-items: center;
	gap: 15px;
}
.accordion .accordion-body ul .caption {
	font-size: 10px;
	font-weight: 700;
	color: #6c767d80;
}

#sectionResult {
	border-radius: 12px;
}

body .fincalc-bs .accordion-item:not(:first-of-type) {
	border-top: 1px solid #2590ed;
}

/* BUTTONS */
.fincalc-bs .btn {
	font-size: 12px;
	font-weight: 700;
	line-height: 160%;
}

#createBtnResult {
	padding-left: 20px;
	padding-right: 20px;
}
#createBtnResult:hover {
	background-color: #6bd382 !important;
}
.fincalc-bs .btn-primary {
	height: 40px;

	background-color: #2590ed;
	color: #fff;

	/*box-shadow: 16px 4px 50px #2590ed50;*/

    border-radius: 12px;
    border: 0;
}
.fincalc-bs .btn-success {
	/*height: 72px;*/
	padding: 17px 33px;

	font-size: 20px;
	font-weight: 700;

	background-color: #6bd382;
    border-radius: 12px;
    border: 0;
	text-transform: inherit;
}
.fincalc-bs .btn-secondary {
	/*height: 72px;*/
	padding: 17px 33px;

	font-size: 20px;
	font-weight: 700;

    color: #fff;

	background-color: #CBD4DC;
    border-radius: 12px;
    border: 0;
	text-transform: inherit;
}
.btn-link {
	height: 40px;
	text-decoration: underline;
	color: #45525b70;
}

/* END BUTTONS */

/* section eval */
.section--evaluation {
	background-color: #eaf4fe;
}

.section.section--evaluation .section__title {
	font-size: 22px;
	font-weight: 400;
}

/* END SECTION EVAL */

/* STATS BLOCK */
.stats {
	gap: 18px 35px;
}
@media (max-width: 576px) {
	.stats {
		gap: 18px 0;
	}
}

.stats__item {
	position: relative;

	padding: 22px 5px 15px;

	display: flex;
	flex-direction: column;
	justify-content: center;

	font-size: 10px;
	line-height: 1.6;
	text-align: center;
	color: #fff;

	background-color: #2590ed;
	border-radius: 12px;
	box-shadow: 2px 2px 50px #2590ed50;
}
.stats__item--default {
	background-color: #96ceff;
}
.stats__item--default .stats__item-caption {
	font-size: 15px;
}
@media (max-width: 576px) {
	.stats__item {
		font-size: 12px;

        padding: 9px 16px 7px;

		border-radius: 5px;

        text-align: left;
	}
}
.stats__item .tooltip-btn {
	position: absolute;
	top: 10px;
	right: 12px;

	width: 14px;
	height: 14px;

	padding: 0;
	margin: 0;

	display: flex;
	align-items: center;
	justify-content: center;

	font-family: 'Open Sans', sans-serif;
	font-size: 9px;
	font-weight: 700;
	color: #fff;

	border-radius: 50%;
	background-color: #d9d9d950;
}
@media (max-width: 576px){
	.stats__item .tooltip-btn{
		top: 14px;
		right: 11px;
	}
}
.stats__item-caption {
	font-size: clamp(1.125rem, 0.9578rem + 0.7429vw, 1.4375rem);
	font-weight: 700;
}
@media (max-width: 576px) {
	.stats__item .stats__item-caption {
		font-size: 18px;
	}
}

/* END OF STATS BLOCK */

/* RESULT BLOCK */
.result {
	padding: 20px 30px;

	font-size: clamp(1.125rem, 0.9244rem + 0.8915vw, 1.5rem);
	font-weight: 700;
	color: #6bd382;

	background-color: #fff;
	border-radius: 12px;
}
.result.result--disabled{
    color: #BFBFBF;
}

.result-text{
    font-size: 13px;
    color: #6C767D80;
}

/* END OF RESULT BLOCK */

/* TOOLTIP */
.fincalc-bs .tooltip-btn {
	width: 12px;
	height: 12px;
	min-height: 12px;

	padding: 0;
	margin: 0;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	font-family: 'Open Sans', sans-serif;
	font-size: 8px;
	font-weight: 700;
	color: #6c767d60;

	border-radius: 50%;
	background-color: #e3effb;
}
.fincalc-bs .tooltip-btn:hover {
	color: #6c767d60;
	background-color: #e3effb;
}

/* END TOOLTIP */


/* GRAPHS */
.graphs{
    margin-bottom: 46px;
}

.graphs__item .caption{
    margin-bottom: 25px;
    margin-left: 24px;

    font-size: 15px;
    font-weight: 700;
    color: #45525B;
}
.graphs__item .graphs__item-content{

    width: 100%;

    aspect-ratio: 2; /*1.54 / 1;*/

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 15px 13px;

    border-radius: 12px;
    background-color: #fff;
}
.graphs__item--disabled .graphs__item-content {
    padding: 15px 62px;
}
.graphs__item .graphs__item-content .text{
    font-size: 24px;
    font-weight: 700;
    line-height: 160%;
    text-align: center;

    color: #BFBFBF;
}
/* END GRAPHS */
.form--calc input {
	font-size: 1rem;
}

.form--calc input[type="number"] {
	text-align: left;
	padding-left: 15px;
}

.form--calc :is(.btn,.button,button,[type="submit"],[type="button"]),
.still-fin-calc :is(.btn,.button,button,[type="submit"],[type="button"]) {
	text-transform: none;
}

@media (min-width: 1400px) {
#sectionResult .container {
	padding-left: 1.8em;
	padding-right: 1.8em;
}
}

@media (min-width: 1200px) {
	#sectionResult .table-eval thead tr th:first-child,
	#sectionResult .table-eval tbody tr th:first-child  {
		width: 180px;
	}
}

@media (max-width: 1199px) {
	#accordian-income li {
		min-width: 100px;
	}
	#accordian-income .accordian-income-cell {
		width: 100%;
    	border: 1px solid #ccc;
		padding-left: 2px;
	}
	#calcCollapseTwo li {
		min-width: 100px;
	}
	#calcCollapseTwo .accordian-expense-cell {
		width: 100%;
    	border: 1px solid #ccc;
		padding-left: 2px;
	}

}

#check-excel {
	margin-bottom: 5px;
}
label[for="check-excel"] {
	margin-bottom: 0;
}

.stats__item .stats_item_caption {
	font-size: 13px;
}