.fin-calc { 
	font-size: 1.5rem; 
	padding: 20px 0px 40px; 
}
.fin-calc:before {
	height: 600px;
    width: 100%;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.1;
	background-image: url(https://d1r4509tniam8v.cloudfront.net/img/fm/financialCalculatorBg.png);
	background-size: 100%;
	background-position: top;
	background-repeat: no-repeat;
}
.fin-calc hr { border: none; padding-top: 15px; padding-bottom: 15px; margin: 0;}
.fin-calc hr:before { content: ''; position: absolute; left: 50%; width: 100%; max-width: 640px; height: 1px; transform: translateX(-50%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #b7b7b7 50%, rgba(0, 0, 0, 0) 100%);}
.fin-calc summary { margin-bottom: 0.5rem; }
.fin-calc small { color: #aaa; }
.fin-calc p { margin-bottom: 0.75rem; line-height: 1.75em; }
.fin-calc p>span { margin-bottom: 0.25rem; }
.fin-calc .box .box-body { padding: 10px 20px 20px;  }

.fin-calc .fin-calc-group .box:hover { box-shadow: 0 0 6px rgba(0,0,0,0.6); }
.fin-calc .fin-calc-group .box:before { 
	content: ''; 
	opacity:0.1; 
	position: absolute; 
	top: calc(50% - 4rem); 
	left: calc(50% - 4rem); 
	width: 8rem; 
	height: 8rem; 
	background-size:100%; 
	background-position: top;
	background-repeat: no-repeat;
}
.fin-calc .fin-calc-group .box:hover:before { top: calc(50% - 5rem);  left: calc(50% - 5rem);  width: 10rem;  height: 10rem; }
.fin-calc .fin-calc-group .box.saving:before {
	background-image: url('https://d1r4509tniam8v.cloudfront.net/img/svg/fin-calc/fin-calc-group-saving.svg');
}
.fin-calc .fin-calc-group .box.loan:before {
	background-image: url('https://d1r4509tniam8v.cloudfront.net/img/svg/fin-calc/fin-calc-group-loan.svg');
}
.fin-calc .fin-calc-group .box.single_saving:before {
	background-image: url('https://d1r4509tniam8v.cloudfront.net/img/svg/fin-calc/fin-calc-group-single_saving.svg');
}
.fin-calc .fin-calc-group .box.annuity:before {
	background-image: url('https://d1r4509tniam8v.cloudfront.net/img/svg/fin-calc/fin-calc-group-annuity.svg');
}
.fin-calc .fin-calc-group .box.invest:before {
	background-image: url('https://d1r4509tniam8v.cloudfront.net/img/svg/fin-calc/fin-calc-group-invest.svg');
}
.fin-calc .fin-calc-group .box.insurance:before {
	background-image: url('https://d1r4509tniam8v.cloudfront.net/img/svg/fin-calc/fin-calc-group-insurance.svg');
}
.fin-calc .fin-calc-group .item-level>img { width: 26px; position: absolute; top: 5px; right: 10px; }
.fin-calc .fin-calc-group .item-brief { height: 100px; font-size: 95%; overflow:hidden; overflow-y:auto; line-height: 1.55em;}
@media (min-width: 768px) and (max-width: 991px) {
	.fin-calc .fin-calc-group .item-brief { height: 80px; }
}
@media (max-width: 767px) {
	.fin-calc .fin-calc-group .item-brief { height: auto; }
}
.fin-calc .fin-calc-group .btn-block .btn { font-size: 98%; }

.fin-calc .box .box-body details { font-size: 0.75em; }
.fin-calc .box .box-body .suitable { height: 40px }
@media (max-width: 767px) {
	.fin-calc .box .box-body .suitable { height: auto; }
}
.fin-calc .box .box-body .suitable [class^='col-']  {  padding-left: 0.5rem; padding-right: 0.5rem; }

.fin-calc .fin-calc-item .item-no { position: absolute; right: 0px; top: 0px; font-size: 20px; padding: 10px; background: #f6f6f6; border-radius: 0 0 0 15px; width: 40px; text-align:center; }


/*************** item content *******************/
.fin-calc .fin-calc-item .pager li.previous { font-size: 1.75rem; }
.fin-calc .fin-calc-item .pager li.formula { float: right; }
.fin-calc .fin-calc-item .pager li.formula > a { background:transparent; border: none; border-top-right-radius:0; border-bottom-right-radius:0; background: rgb(0,0,0,0.4); color: #fff; border-right: 5px solid #ffe100; }
.fin-calc .fin-calc-item .item-header {  position: relative;  margin-bottom: 1.5rem; margin-top: -1.5rem; }
.fin-calc .fin-calc-item .item-content { position: relative; }
.fin-calc .fin-calc-item .item-content img { width: 160px; height:160px; }
.fin-calc .fin-calc-item .item-content blockquote { padding-right:0; font-weight: 200; line-height: 26px; text-align:left; }
.fin-calc .fin-calc-item .item-content .formula { text-align:center; background: rgb(0,0,0,0.4); color: #fff; font-size: 1.75rem; padding: 0.75rem; margin-bottom: 1.25rem; border-bottom: 5px solid #ffe100; }
.fin-calc .fin-calc-item .item-content .box { margin-top: 1.5rem; }
.fin-calc .fin-calc-item .item-content .box .box-body { padding-top: 30px;  }
.fin-calc .fin-calc-item .item-content .input-block { display: flex; /*flex-wrap: wrap;*/ }
.fin-calc .fin-calc-item .item-content .input-value { border-right: 1px solid #ccc; }
.fin-calc .fin-calc-item .item-content .input-value input[type="text"] ,
.fin-calc .fin-calc-item .item-content .input-value input[type="tel"] ,
.fin-calc .fin-calc-item .item-content .input-value input[type="number"] { text-align: right; }
.fin-calc .fin-calc-item .item-content .input-value .btn { font-size: 98%; }

.fin-calc .fin-calc-item .item-content .input-value .cash-value-block { border: 1px dotted #ccc; border-top-left-radius: 6px; border-top-right-radius: 6px; }
.fin-calc .fin-calc-item .item-content .input-value .cash-value-block .cc-div-table-cell.th { color:white; background: #3c8dbc; }
.fin-calc .fin-calc-item .item-content .input-value .cash-value-block .cc-div-table-cell.th:first-child { border-top-left-radius: 6px; }
.fin-calc .fin-calc-item .item-content .input-value .cash-value-block .cc-div-table-cell.th:last-child { border-top-right-radius: 6px; }
.fin-calc .fin-calc-item .item-content .input-value .cash-value-block .cc-div-table-cell { padding: 4px }
.fin-calc .fin-calc-item .item-content .input-value .cash-value-block .cc-div-table-cell:first-child { padding-right: 2px; }
.fin-calc .fin-calc-item .item-content .input-value .cash-value-block .cc-div-table-cell:last-child { padding-left: 2px; }
.fin-calc .fin-calc-item .item-content .input-value .cash-value-block .btn-add { margin:4px; padding:5px; text-align:center; border: 1px dashed #3c8dbc; color: #3c8dbc; cursor: pointer; border-radius: 4px; }
.fin-calc .fin-calc-item .item-content .input-value .cash-value-block .btn-add:hover { background: #3c8dbc11;  }
.fin-calc .fin-calc-item .item-content .input-value .cash-value-block .cc-div-table-row .btn-remove { background:white; padding:5px; text-align:center; border: 1px dashed #f56954; color: #f56954; cursor: pointer; border-radius: 4px; }
.fin-calc .fin-calc-item .item-content .input-value .cash-value-block .cc-div-table-row:hover .cc-div-table-cell .btn-remvoe { background: #f56954;  }

.fin-calc .fin-calc-item .item-content .result-value { margin: auto; }
.fin-calc .fin-calc-item .item-content .result-value > div:first-child { text-align:left; }
.fin-calc .fin-calc-item .item-content .result-value .value-block { margin: 1rem 0 0; }
.fin-calc .fin-calc-item .item-content .result-value .value-block .name,
.fin-calc .fin-calc-item .item-content .result-value .value-block .value small { font-size: 1.5rem;  font-weight: 400; }
.fin-calc .fin-calc-item .item-content .result-value .value-block .value { font-size: 3rem; font-weight: 700; }
.fin-calc .fin-calc-item .item-content .result-value blockquote { margin-top: 10px; font-size: 1.4rem; font-weight:400;  padding: 10px; }
.fin-calc .fin-calc-item .item-content .result-value blockquote.danger {color: #f56954; border-left-color: #f56954; background: rgba(245,105,84,0.05); }
.fin-calc .fin-calc-item .item-content .result-value blockquote.warning {color: #f39c12; border-left-color: #f39c12; background: rgba(243,156,18,0.05); }
.fin-calc .fin-calc-item .item-content .result-value blockquote.success {color: #00a65a; border-left-color: #00a65a; background: rgba(0,166,90,0.05); }
.fin-calc .fin-calc-item .item-content .result-value blockquote.primary {color: #3c8dbc; border-left-color: #3c8dbc; background: rgba(60,141,188,0.05); }

.fin-calc .fin-calc-item .table-chart > [class^='col-'] { padding-top:15px; padding-bottom: 15px; }

@media (max-width:991px) {
	.fin-calc .fin-calc-item .item-content blockquote { padding-right: 160px; }
	.fin-calc .fin-calc-item .item-content img { position: absolute; right: 30px; top: -20px; width: 110px; height: 110px; z-index: -1; } 
}

@media (max-width:767px) {
	.fin-calc .fin-calc-item .item-header h1 { font-size: 28px; }
	.fin-calc .fin-calc-item .item-header { margin-top: 0; }
	.fin-calc .fin-calc-item .pager { margin-top: 0; }
	.fin-calc .fin-calc-item .pager li.formula { margin: 20px 0;  width:100%; }
	.fin-calc .fin-calc-item .pager li.formula a { width:100% }
	.fin-calc .fin-calc-item .item-content .col-sm-12 {padding-left:0; padding-right:0;}
	.fin-calc .fin-calc-item .item-content .input-block { display: block; }
	.fin-calc .fin-calc-item .item-content .input-value { border-right: none; }
	.fin-calc .fin-calc-item .item-content .box .box-body  [class^='col-'] { padding-left: 0; padding-right: 0; } 
	.fin-calc .box .box-body .suitable [class^='col-'] { padding-left: 0; padding-right: 0; }
	.fin-calc .fin-calc-item .item-content blockquote { padding-right: 30px; }
	.fin-calc .fin-calc-item .item-content img {  top:calc(50% - 50px); right: 0; width: 100px; height: 100px; opacity: 0.3; } 
	
	.fin-calc .fin-calc-item .table-chart > [class^='col-'] { padding: 15px 0; }
}

.table-group.fixed td:first-child, .table-group.fixed th:first-child { width: 50px; }

label small { font-weight:normal; font-size:85% !important; color:transparent !important;  }
label .required { color: red !important; }