body{margin: 0;height: 100%;padding:0;font-family: 'Montserrat', sans-serif;}
ul{margin: 0;list-style: none;padding: 0;}
a, a:hover{text-decoration: none;cursor: pointer;}
/*Header-Style*/
.header-sec {padding: 20px 0;}
.site-logo .logo-img {position: relative;width: 170px;height: 55px;}
.site-logo .logo-img img {width: auto;max-width: 100%;height: auto;max-height: 100%;}
/*.header-sec .site-logo {width: 20%;float: left;}*/
.header-sec .right-btns {width: 100%;}
button.navbar-toggler, button.navbar-toggler:focus {background: #fff;border: 1px solid #ff5603 !important;
    width: 62px;padding: 5px;top: -6px;position: relative;}
.tab-view ul {text-align: right;position: relative;}
.tab-view ul li {display: inline-block; margin-right: 0px;margin-top: 6px;}
.tab-view ul li:last-child { margin-right: 0px;}
.tab-view ul li a {
	display: inline; 
	padding:12px 7px;
	border-radius: 5px;
	border:1px solid #ff5603;
	color: #ff5603;
	font-size: 13px;
	text-transform: capitalize;
	font-weight: 500;
	min-width: 185px;
	text-align: center;
}
.tab-view ul li.current a{ background: #ff5603 !important; color: #fff !important;}
.tab-view ul li a:hover, .tab-view ul li a:active, .tab-view ul li a:focus{background:#ff5603;
color: #fff !important;}
.tab-view ul li.active-step a{background:#ff5603;color: #fff;}
.desktop-top-menu nav.navbar {width: 100%;padding-right: 10px;padding-left: 10px;}
span.tooltip-type {border: 1px solid #1f81d5;
	background: #1f81d5;
	display: inline-block;
	color: #fff;
	padding: 2px;
	border-radius: 4px;
    max-width: 185px;
    text-align: left;
    height: 68px;
}
span.tooltip-type:after {
	content: "\f0da";
	position: absolute;
	top: 21px;
	color: #1f81d5;
	font: normal normal normal 14px/1 FontAwesome;
    right: -10px; 
    font-size: 30px;
}
.active-indicate {position: absolute; left: 0px;top: -9px;}
span.tooltip-type p {font-size: 11px;color: #fff;font-family: 'Montserrat', sans-serif;margin: 0;line-height: 15px;}
.navbar {box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);font-weight: 300;}
/*main-sec*/
section.main-sec {padding-bottom: 30px;}
.left-main-block {width: 65%;}
.right-sidebar-block {width: 30%;padding-left: 15px; page: main; }
.data-table-main table, .data-table-main thead {border: 0;text-align: center;}
.data-table-main table thead tr th,.data-table-main table tfoot tr th {
    background: #55957a;
    color: #fff;
    font-size: 13px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    border: 0;
    border-right: 1px solid #ebebeb;
}
.data-table-main table thead tr th:last-child {border-right: 0;}
.data-table-main table tbody tr:nth-of-type(odd) {background: #f5f5f5;}
.data-table-main table tr td{font-size: 13px;color: #000;font-family: 'Montserrat', sans-serif;font-weight: 400;border-right: 1px solid #ebebeb;}
.data-table-main table.dataTable.no-footer{border-bottom: 0;}
.data-table-main table tbody{}
.data-table-main table tbody tr{border-right: 1px solid #ebebeb;border-left: 1px solid #ebebeb;}
.data-table-main .dataTables_wrapper {width: 740px;margin: 0px auto;}
.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom: 0 !important;}
.content-block{padding: 15px;text-align: center;padding-bottom: 0px;}
.bg-gray {border: 1px solid #eee;background: #f9fafb;}
.h1-heading {font-size: 23px;color: #222222;font-weight: 500;font-family: 'Montserrat', sans-serif;text-align: left;}
.content-block p {font-size: 15px;color: #000;font-weight: 400;}
.form-block {text-align: left;}
.h2-heading {font-size: 16px;color: #000;font-weight: 600;font-family: 'Montserrat', sans-serif;}
.form-block .form-group label,.form-block .form-group1 label {
    padding: 5px;
    font-size: 13px;
    color: #000;
    font-weight: 500;
    text-align: left;
    margin: 0;
    background: #ebeef0;
    height: 37px;
    width: 100%;
    line-height: 28px;    
}
.form-block .form-group .input-field { width: 43%;float: left;}
.form-block .form-group label{float: left;width: 57%;overflow: hidden;}
.form-block .form-group1 label { /* float: left; */ width: 68%;overflow: hidden; }
.for-canvas-pdf .canvas-label{float: left;width: 68%;overflow: hidden;padding: 5px;
    font-size: 14px;
    color: #000;
    font-weight: 600;
    text-align: right;
    margin: 0;        
    height: 37px;    
    line-height: 28px;}
.for-canvas-pdf .field-set {display: inline-block;}
.for-canvas-pdf .field-set .form-group:last-child .canvas-label {background: #ebeef0;}
.for-canvas-pdf .input-field{width: 32%;float: left;text-align: left;}
.for-canvas-pdf .input-field .input-type {font-size: 16px;color: #111;}
.input-field input{background-color: #fff;width: 100%;height: 37px;border:0;box-shadow: none;padding-left: 5px;font-size: 16px; padding-right: 5px;}
#tab-2 .input-field input{padding-left: 10px;}
#tab-2 .input-field.css-for-dollor input { padding-left:20px; }
#tab-2 .input-field.css-for-dollor .tcl-dollor-sign{ left:2px; }
.input-field input:focus{outline: none;}
.form-block .form-group,.form-block .form-group1 {border: 1px solid #dddddd;display: inline-block; width: 100%;margin-bottom: 8px;}
.repeat-block .form-group:last-child {margin-bottom: 7px;}
input::-webkit-input-placeholder {color: transparent;font-size: 15px;}
input:-ms-input-placeholder {color: transparent;font-size: 14px;}
input::placeholder {color: transparent;font-size: 14px;}
.repeat-block {padding: 0px;border: 0px solid #ebebeb;padding-bottom: 0;padding-top: 15px;position: relative;}
.add-new-block {display: inline-block;width: 100%;text-align: right;margin-bottom: 30px;}
.add-new-block a {font-size: 14px;font-weight: 600;color: #ff5603;}
.removeButton {position: absolute;right: -3px;top: -12px;cursor: pointer; z-index: 99;}
.removeButton i{font-size: 15px; color: #fff;background: red;width: 25px;height: 25px;text-align: center;border-radius: 50%;line-height: 25px;}
.bg-pink {background: #f8edec;margin-top: 15px;border: 1px solid #e8b7b4;}
.bg-green {background: #f7faf0;margin-top: 15px;border: 1px solid #b9c79f;}
.bg-dark-green{background: #55957a;margin-top: 0px;border: 1px solid #55957a;padding-bottom: 10px;}
.bg-dark-green ul li i.fa {position: absolute;left: 0;line-height: 25px;color: #ffc000;top: 2px;}
.bg-dark-green ul li {position: relative;padding-left: 25px;color: #fff;margin-bottom: 5px;font-size: 16px;}
.bg-dark-green .h2-heading {color: #fff;}
div#repeat_block { margin-top: 15px;}
.block-horizontal-view{text-align: center;}
.block-horizontal-view .field-set {
    display: inline-block;
    margin: 5px;    
    background: #fff;
    padding: 5px 10px;   
    padding-bottom: 0;
    width: 31%;  
    border: 1px solid #e5e6e7;      
    box-shadow: 0px 0px 5px 0px #e5e6e7;
    -webkit-box-shadow: 0px 0px 5px 0px #e5e6e7;
    -moz-box-shadow: 0px 0px 5px 0px #e5e6e7;
}
.block-horizontal-view .field-set.no-box-shadow{ box-shadow: none; } 
.page-step2 .form-block .field-set .form-group,.page-step2 .form-block .field-set .form-group1 {border: 0;margin-bottom: 0;}
.page-step2 .form-block .field-set .form-group:last-child {border: 1px solid #dddddd;}
.page-step2 .form-block .field-set .form-group label,.page-step2 .form-block .field-set .form-group1 label{background: transparent;font-weight: 600;}
.page-step2 .form-block .field-set .form-group:last-child label {background: #ebeef0;}
.file-download {width: 100%;max-width: 565px;margin: 0px auto;padding-top: 30px;}
.file-download p{color: #444444;font-size: 18px;}
.custom-btn{
    padding: 10px 22px;
    border-radius: 5px;
    border: 2px solid #ff5603;
    color: #ff5603;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 500;
    background: #fff;
    cursor: pointer;
}
.custom-btn:hover, .custom-btn:active, .custom-btn:focus{background: #ff5603;color: #fff; outline: none;}
/*.form-group.files {margin: 30px 0;}
.files input {
    outline: 2px dashed #dcdcdc;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    padding: 120px 0px 85px 35%;
    text-align: center !important;
    margin: 0;
    width: 100% !important;
	font-size: 16px;
    }
    .files input:focus{     outline: 2px dashed #92b0b3;  outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear; border:1px solid #92b0b3;
    }
    .files{ position:relative}
    .files:after {  pointer-events: none;
    position: absolute;
    top: 40px;
    left: 0;
    width: 50px;
    right: 0;
    height: 56px;
    content: "";
    background-image: url(../images/file-upload-icon.png);
    display: block;
    margin: 0 auto;
    background-size: 100%;
    background-repeat: no-repeat;
    }
    .color input{ background-color:#f1f1f1;}
    .files:before {
    position: absolute;
    bottom: 8px;
    left: 0;  pointer-events: none;
    width: 95%;
    right: 0;
    height: 57px;    
    display: block;
    margin: 0 auto;
    color: #222222;
    font-weight: 400;
    text-transform: capitalize;
    text-align: center;
	font-size: 16px;
    }*/
.entry-content {max-width: 1140px;padding: 0 !important;margin: auto; width:100%;}
.entry-content .main_top_sec {margin: 0;width: auto;max-width: 100%;}
.desktop-top-menu .site-logo {position: inherit;}
.desktop-top-menu {display: flex !important;justify-content: space-between;}
.desktop-top-menu .site-logo {position: inherit;}
.desktop-top-menu .site-logo {position: static;float: none;width: auto;}
/*section.main-sec_table .left-main-block div#data_firstTable_wrapper, section.main-sec_table .left-main-block div#data_firstTable_wrapper table{width:100%;}
section.main-sec_table .container .row {display: flex;justify-content: space-between;}*/
/*.dataTables_scroll {width: 100%;}*/
.page-step2 .content-block {padding-bottom: 15px;width: 100%;display: inline-block;}
.page-left-sec{width: 30%;}
.page-right-sec{width: 70%;padding-left: 30px;}
.chart-container {padding-top: 10px; position: relative; }
.chart-container .canvasjs-chart-credit {display: none !important;}
.visible-xs{display: none;}
.hide-xs{display: block;}
.padLeftRight{padding-left: 0;padding-right: 0;}
section.main-sec_table .left-main-block{width: 70%;}
em.error{ color: #f40808; font-size: 14px; font-style: normal; padding: 10px; display: inline-block; }
#procced-data table{ font-size:15px;}
.tab-content{ max-width: 100% !important; } 
#procced-data { width: 100%; margin:auto; margin-top:30px;}
.error-div { width: 100%;  text-align: center;}
.tab-view .tabs li.disabled{ pointer-events: none; background: #fff; }
.error {border: 1px solid #fb0707 !important;}
#procced-data .data-table-main .dataTables_wrapper { width: 100%;}
#procced-data .data-table-main .dataTables_wrapper td {border: 1px solid #dee2e6;}
/* .buttons-pdf span::after {
	content: "";
	content: "";
	display: block;
	background: url(../images/pdf-file.png) no-repeat;
	width: 30px;
	height: 30px;
	float: left;
	background-size: 100%;
	margin-right: 14px;
}
.buttons-excel span::after {
	content: "";
	content: "";
	display: block;
	background: url(../images/xls.png) no-repeat;
	width: 30px;
	height: 30px;
	float: left;
	background-size: 100%;
	margin-right: 14px;
} */
.right-sidebar-block .content-block.bg-gray {padding-bottom: 0px;}
@-ms-viewport{width: device-width;}
.form-block .form-group .input-field input::-webkit-input-placeholder {color: transparent;}
.form-block .form-group .input-field input:-ms-input-placeholder {color: transparent;}
.form-block .form-group .input-field input::placeholder {color: transparent;}
#data_firstTable_wrapper {margin: 0 !important;width: 100% !important;}
#data_firstTable_wrapper .dataTables_scrollHeadInner, 
#data_firstTable_wrapper .dataTables_scrollHeadInner table.table {width: 100% !important;}
#data_firstTable_wrapper .dataTables_scrollHeadInner table.table thead th {padding: 10px;}
#data_firstTable_wrapper .dataTables_scrollHeadInner table.table thead th {padding: 10px;vertical-align: top;word-break: initial;}
#data_firstTable_wrapper .dataTables_scrollHeadInner table.table thead th:nth-child(1) {width: 30px !important;}
table#data_firstTable thead th, table#data_firstTable tbody td {padding: 10px;vertical-align: top;}
table#data_firstTable thead th:nth-child(1), table#data_firstTable tbody td:nth-child(1) {width: 30px !important;}
.mr-btm{margin-bottom: 15px;}
.visible-xs{display: none;}
table thead th, table tfoot th {word-break: inherit;vertical-align: top !important;}
.inside-outside-loan.content-block.bg-pink{margin-top: 0;}
div#repeat_block_2, div#repeat_block_3 {margin: 10px 0;}
.from-drag {top: 0px;left: 0px;max-width:100%;width: 100%;height: 240px;border: 1px dashed #cccccc;background: #fff;margin: auto;border-radius: 5px;}
.from-drag p {margin-top: 55px;margin-bottom: 0;display: inline-block; width: 100%;text-align: center;line-height: 26px;color: #000000;font-family: Montserrat !important;font-size: 16px;text-transform: uppercase;letter-spacing: 0px;}
.from-drag input {position: absolute;margin: 0;padding: 0;width: 100%;height: 100%;outline: none;opacity: 0;left: 0px;top: 0px;z-index: 999;}
.from-drag img {max-width: 60px;padding-top: 20px;}
.from-drag h5 {font-family: Montserrat !important;color: #b6b2b2;font-size: 16px;line-height: 20px;display: inline-block;width: 100%;position: absolute;
    left: 0;right: 0;margin: 0px auto;text-transform: uppercase;color: #ff5603; font-weight: 600;}
.from-drag h5 span::before, .from-drag h5 span::after {display: inline-block;content: "";border-top: 1px solid #b6b2b2;width: 3rem;margin: 4px 10px;}
.policy_drop {position: relative;margin: 0px;max-width: 570px;margin: 0px auto;margin-bottom: 30px;margin-top: 30px;}
h3.select-file {font-size: 18px;color: #222222;margin-top: 15px;}
.from-drag p.selected-file {color: #ff5603;}
.print-btn-continer .custom-btn{ padding: 10px }
/* .print-btn-continer{ text-align:right;} */
#year_toggle{ cursor: pointer;}
input#age{background-color: #fff;width: 100%;height: 37px;border: 0;box-shadow: none;padding-left: 5px;font-size: 14px;padding-right: 5px;}
input#age:focus{outline: none;}
.print-btn-continer .custom-btn {padding: 2px 10px;font-size: 20px; outline:none; }
section.benifits-law-sec article.container {width: 100%;max-width: 860px;}
.benifits-law-sec .bg-dark-green {min-height: 244px;}
.benifits-law-sec .bg-dark-green .h2-heading {font-size: 18px;}
.benifits-law-sec .bg-dark-green ul li{font-size: 17px;}
.left-sidebar-sec .h1-heading.mr-btm {margin-bottom: 20px;}
.left-sidebar-sec .form-block .h2-heading {margin-top: 15px;}
.top-heading-sec {display: inline-block;width: 100%;}
.top-heading-sec .h1-heading {float: left;}
.top-heading-sec .change-loan-btn {float: right; width: 20%;}
/*.page-with-pdf .form-group{display: flex;}*/
.page-with-pdf .form-group .input-field{float: none;display:inline-block;vertical-align: top;}
.page-with-pdf .form-group label{float: none;display:inline-block;}
#procced-data .data-table-main .dataTables_wrapper tr:last-child td:nth-child(8), 
#procced-data .data-table-main .dataTables_wrapper tr:last-child td:nth-child(10) {font-weight: bold;color: green;}
#data_firstTable tr:last-child td:last-child {
    color: blue;
    font-weight: bold;
	z-index: 9999999;
    /* position: relative; */
	cursor: pointer;
}
#data_firstTable tr:last-child td:last-child span{color: blue !important;}
#data_firstTable tr.odd td.dataTables_empty {
    color: #000;
	font-weight: 400;	
}
.inside-outside-loan-container{ display:none; }
.inside-outside-loan-container{ margin-top: 20px; }
.inside-outside-loan-container .bg-green{ margin-top: 0px; }
#cashoption .inside-outside-loan,#cashoption .inside-outside-loan{ display:none; }
.inside-outside-loan.content-block.bg-pink{ display:none; }
.highcharts-credits { display: none; }
.cash-flow-chart-container{ width:100%; margin-top: 40px; }
.tab-view ul li a.new-scenario { min-width: auto; }
#new-scenario-modal {width: 100% !important;max-width: 100%;}
	.vertical-alignment-helper {
		display:table;
		height: 100%;
		width: 100%;
		pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
	}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;    
    pointer-events:none;
	vertical-align: middle;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    max-width:inherit; /* For Bootstrap 4 - to avoid the modal window stretching full width */
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}
#new-scenario-modal .modal-btn:hover{ border-color: #ff5603; }
#new-scenario-modal .modal-btn:focus{ box-shadow: none; }
#new-scenario-modal .modal-btn:active{ box-shadow: none; background-color: #ff5603; border-color: #ff5603; }
#new-scenario-modal p{
	font-size: 16px;
	color:#000;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
	margin: 0px;
}
#new-scenario-modal .modal-header{ padding: 5px;}
#new-scenario-modal .modal-body,#new-scenario-modal .modal-footer{ padding: 10px;}
#new-scenario-modal .modal-btn{ padding: 5px 15px; }
.f-last-continer .form-block .form-group label{ width: auto; padding: 5px 10px;}
.f-last-continer .form-block .form-group .input-field{ width: 62%; }
.f-last-continer .form-block .description-box .form-group { width: 90%; }
.f-last-continer .form-block .description-box .form-group .input-field{ width: 100%; }
/* .f-last-continer .form-block .form-group .input-field{ width: auto;} */
.f-last-continer .form-block .form-group{ margin-bottom: 0px; }
.main-sec_table{ margin-top: 15px  !important; }
.tab-content{display: none;}
.tab-content.current{display: inherit;}
button#print-all-btn { font-size: 14px; padding: 6.5px 10px !important; vertical-align: top; outline:none; }
.lc-green-value-color{ color:green !important; font-weight:bold; font-size: 16px !important; }
.tcl-disclouser{ font-size: 13px; margin-top: 20px; text-align: justify; }
.form-group.css-for-dollor label {overflow: inherit;}
/* .form-group.css-for-dollor .input-field input {
    padding-left: 0px;
} */
.form-group.css-for-dollor .tcl-dollor-sign {position: absolute;
right: 109px; top: 3.5px; font-size: 16px;}
.form-group.css-for-dollor { position: relative;}
#new-scenario-modal .modal-content {z-index: 9999999;}
.form-group.css-for-percentage label {overflow: inherit;}
/* .form-group.css-for-percentage .input-field input {
    padding-right: 20px;
} */
.form-group.css-for-percentage .tcl-percentage-sign {position: absolute; top: 4px;
 font-size: 14px;}
.form-group.css-for-percentage {position: relative;}
.content-wrapper { z-index: inherit !important;} 


.tcl-dollor-sign,.tcl-percentage-sign{ display:none; }
.inside-outside-loan .css-for-dollor div.input-field{ position:relative; }
.inside-outside-loan .css-for-dollor .tcl-dollor-sign{ right: 0px; left: 2px; color:green; font-weight: 800;}
#tab-3 .form-group.css-for-dollor .tcl-dollor-sign{ right: 115px; top: 5px; } 
#tab-3 .form-group.css-for-dollor .tcl-label-style{ display: block; height: auto; }
#tab-3 .form-group.css-for-dollor .tcl-label-style .tcl-dollor-sign{ top: 5px; }
#tab-2 .form-group.css-for-dollor .tcl-dollor-sign{ right: 122px; } 
#tab-4 .form-group.css-for-dollor .tcl-dollor-sign{ right: 112px;top: 5px; }
#tab-4 .form-group.css-for-dollor label{display:block;height:auto;}
#tab-1 .inside-outside-loan .form-group.css-for-dollor .tcl-dollor-sign{ top: 7px; font-size: 14px; width: 13px;}
#chartContainer-policy-loan-cash-flow,#chartContainer-outside-loan-cash-flow{ margin-left:100px; }
#tab-2 .abc-class .input-field input{ padding-left: 13px; padding-left: 13px;
border: 1px solid #ccc; height: 45px; }
.page-step2 .tcl-disclouser p{	
	font-size: 13px;
    margin-top: 20px;
    text-align: justify;
}
.abc-class {display: flex;}
.top-heading-sec .heading-content { flex: 3;}
.top-heading-sec .description-box .input-field {
    display: inline-block;
    width: 47%;
}
#change-existing-loan-warning-modal .modal-content{ z-index: 9999999; }
#change-existing-loan-warning-modal{ width: 100% !important; max-width: 100%;}
#change-existing-loan-warning-modal .modal-header { padding: 5px;}
#change-existing-loan-warning-modal .modal-body, #change-existing-loan-warning-modal .modal-footer{ padding: 10px; }
#change-existing-loan-warning-modal p {
	font-size: 16px;
	color:	#000;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
	margin: 0px;
}
#change-existing-loan-warning-modal .modal-btn {
    padding: 5px 15px;
}
#change-existing-loan-warning-modal .modal-btn:active{
	box-shadow: none;
	background-color:#ff5603;
	border-color:#ff5603;
}
#change-existing-loan-warning-modal .modal-btn:hover {  border-color: #ff5603;}
#change-existing-loan-warning-modal .modal-btn:focus {
	box-shadow: none;
}
.description-box{ display: inline-block; width: 100%;}
.print-page-heder{ display: none; margin: 10px 0px 5px 0px; text-align: center; }
.print-page-date {
	float: left;
	display: inline-block;
	font-size: 10px;	
	vertical-align: top;
	font-weight: 600;
}
.print-page-title{
	display: inline-block;
    font-size: 10px;    
    vertical-align: top;
	font-weight: 600;
}
.input-field.css-for-dollor{ position: relative; }
.input-field.css-for-dollor .tcl-dollor-sign { display: none; font-size: 16px; position: absolute; top: 6px;
    left: 5px; width: 16px;}
	
.inside-outside-loan .input-field.css-for-dollor .tcl-dollor-sign { top: 6px; }	
.input-field.css-for-percentage { position: relative; } 
.input-field.css-for-percentage .tcl-percentage-sign { display: none; position: absolute; font-size: 16px; top: 7px; font-weight: 600; width: 16px;}
.text-color-blue{ color:blue; }
#paying-cash-modal .modal-header,#loan-quiz-modal .modal-header { padding: 0px 10px; }
/* body.pcm-modal-open { overflow-y: auto !important; } */
.after_modal_appended { position:relative; }
#paying-cash-modal,#loan-quiz-modal {
    position: absolute !important; overflow: visible;
}
.paying-cash-option-modal{  top: 120px; }
#paying-cash-modal .modal-content,#loan-quiz-modal .modal-content{ margin: 0; }
#loan-open-modal { cursor: pointer; }
#paying-cash-modal button.close,#loan-quiz-modal button.close{ outline: none !important; border:none !important; }
#paying-cash-modal .modal-content{ max-width: 395px;}
.paying-cash-option-modal .vertical-align-center { vertical-align: top; }
.table-last-row-modal .vertical-align-center { vertical-align: bottom; }
.table-last-row-modal{  bottom: 42px; }
.loan-cal-quiz a {
	text-decoration: none !important;
	outline: none;
	margin-left: 5px;
	font-size: 20px;
	color: #000;
}

#loan-quiz-modal .modal-content{ max-width: 375px; max-height: 210px; height: 210px;  }
#loan-quiz-modal .modal-body{ padding:10px; }
.quiz-modal-text p {
	font-size: 17px;
	margin-bottom: 15px;
	text-align: center;
	font-weight: 600;
}
.quiz-modal-ques p {
	font-size: 14px;
	margin-bottom: 20px 0px 0px 0px;	
	font-weight: 600;	
	margin-bottom: 15px;
}
.quiz-green {
	color: green;
	margin-right: 5px;
}
.quiz-blue {
	color: blue;
	margin-left: 5px;
}
#loan-quiz-modal .modal-body {
	padding: 10px 10px 10px 10px;
	margin: 0px; 
}



/* #loan-quiz-1,#loan-quiz-2,#loan-quiz-3{ display:none; } */

.ml11,.ml12{
  font-weight: bold;
  font-size: 14px;
}
.ml13 {
  font-weight: 600;
  font-size: 14px;
}

.ml11 .text-wrapper,.ml12 .text-wrapper,.ml13 .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.1em;
  padding-right: 0.05em;
  padding-bottom: 0.15em;
}

.ml11 .line,.ml12 .line,.ml13 .line {
  opacity: 0;
  position: absolute;
  left: 0;
  height: 100%;
  width: 3px;
  background-color: #fff;
  transform-origin: 0 50%;
}

.ml11 .line1,.ml12 .line1,.ml13 .line1 { 
  top: 0; 
  left: 0;
}

.ml11 .letter,.ml12 .letter,.ml13 .letter {
  display: inline-block;
  line-height: 1em;
   
}
.ml11 .letter,.ml12 .letter,.ml13 .letter{opacity: 0;  }

.animate
{
  width: 300px;
  margin: 0 auto;
  padding: 2px; 
  background-repeat: no-repeat;
  background-size: 0 2px, 0 100%, 0% 2px;
  background-position: top center, top center, bottom center;
  -webkit-animation: drawBorderFromCenter 1s;
  border: none !important;
}
.animate-blue{
	background-color: #0101FB; 
	background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAAEB+////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=='),  url('data:image/gif;base64,R0lGODlhAQABAPAAAAEB+////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=='),
	url('data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=='); 
}
.animate-green{
	background-color: green;
	background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAAEB+////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=='),  url('data:image/gif;base64,R0lGODlhAQABAPAAAAEB+////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=='),
	url('data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=='); 
}
.animate-red{
	background-color: #fd0000; 
	background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP0AAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=='),  url('data:image/gif;base64,R0lGODlhAQABAPAAAP0AAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=='),
	url('data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=='); 
}

/* Chrome, Safari, Opera */
@-webkit-keyframes drawBorderFromCenter {
    0% {
      background-size: 0 2px, 0 0, 100% 100%;
    }
    20% {
      background-size: 100% 2px, 100% 0, 100% 100%;
    }
    66%
    {
      background-size: 100% 2px, 100% 98%, 100% 100%;
    }
    99%
    {
      background-size: 100% 2px, 100% 98%, 0 2px;
    }
}

.animate-border #cash_ac_ror {
	padding: 0px;
	height: 37px;
}

.quiz-green-color {
	color: green;
}
.quiz-blue-color {
	color: blue;
}
/* .animate-border-c {
	border-left: 2px solid blue !important;
	border-right: 2px solid blue !important;
} */
.quiz-modal-open #data_firstTable thead tr th:last-child,.quiz-modal-open #data_firstTable tbody tr td:last-child,.quiz-modal-open #data_firstTable thead tr th:nth-child(7),.quiz-modal-open #data_firstTable tbody tr td:nth-child(7)
{
	border-left: 2px solid blue !important;
	border-right: 2px solid blue !important;
}
.quiz-modal-open #data_firstTable thead tr th:last-child,.quiz-modal-open #data_firstTable thead tr th:nth-child(7)
{
	border-top: 2px solid blue !important;
}
.quiz-modal-open #data_firstTable tbody tr:last-child td:nth-child(9),.quiz-modal-open #data_firstTable tbody tr:last-child td:nth-child(7)
{
	border-left: 2px solid blue !important;
	border-right: 2px solid blue !important;
	border-bottom: 2px solid blue !important;
}

/* .animate-border-top{ border-top: 2px solid blue !important; }
.animate-border-bottom{ border-bottom: 2px solid blue !important; }
.animate-border-bottom{ border-bottom: 2px solid blue !important; } */

#data_firstTable thead tr th {
	border-bottom: none !important;
	border-top: none !important;
}
#loan-quiz-modal .close {
	position: absolute;
	right: 10px;
	z-index: 9999999;
}
.loan-cal-quiz {
	text-align: left;
	margin-bottom: 10px;
}
.animate-table-col {  
  border: 1px solid black;
  animation: animatetablecol 5s;
}

@keyframes animatetablecol {
  50% {border-left: 15px solid lightblue;}
}

.loan-pants-image{	
	width: 180px;
}
#pants-image-modal,#pants-image-modal-outside{ 
display:none;
position: absolute;
z-index: 9999;
}

.quiz-modal-ques{padding-top: 10px;}
#loan-quiz-1 .ml11{
	color: blue;
}
#loan-quiz-2 .ml12 {
	color: red;
}
.loan-container {
	width: 1150px;
	max-width: 1150px !important;
	margin: auto !important;
}
#pants-image-modal .close, #pants-image-modal-outside .close {
	position: relative;
	left: -10px;
	top: 23px;
	z-index: 999;
	outline: none;
}
.tdredborder-left-top{ border-left: 2px solid red !important; border-top:2px solid red !important; border-bottom: 2px solid red !important; }
.tdredborder-top-bottom{ border-top: 2px solid red !important; border-bottom:2px solid red !important; }
#procced-data .button-skip-mastersheet-data
{
	color: #f35023;	
	text-transform: uppercase;
	font-size: 18px;
	font-family: Montserrat !important;
	cursor: pointer;
	text-decoration: underline !important;	
	margin: 15px 0px;
	display: inline-block;
}

#year_toggle_alt,#foot_year_toggle_alt {
	cursor: pointer;
}
.loan-slide-heading {
	background: #0073bd;
color: #ffffff;
font-size: 30px !important;
display: flex;
width: 100%;
justify-content: center;
align-items: center;
padding:16px 0px;
margin:0px; 
}
.loan-slide-heading:before{
	display:none !important;
	
}
.animation-slide-center {
	text-align: center;
	margin-top: 0px;
}
.loan-container #agefilter {
	margin: 0px;
}
.loan-container table{ line-height: normal !important; }
.loan-container .td-color-red{ color:red !important; }
a#new-scenario-op{
	color: #212529;
	text-decoration: none;
}
a#saved-case-op{
    color: #212529;
    text-decoration: none;
}
@media screen and (min-width:1599px){
	.paying-cash-option-modal{
	top: 100px;
	}
}
@media screen and (min-width:1500px){
	.paying-cash-option-modal{
		top: 106px;
	}
}

@media screen and (min-width:1900px){
	.paying-cash-option-modal{
		top: 78px;
	}
}

@media print { 
    .data-table-main table thead tr th {background-color: #55957a !important;}  
    .top-heading-sec .change-loan-btn, .dt-buttons.custom_button_styling{display: none !important;}
	section.benifits-law-sec .col-lg-6 {flex: 0 0 50% !important; max-width: 50% !important;}
	.inside-outside-loan-container.print-style{ display:inline-flex !important; }
	.inside-outside-loan-container.print-style .col-lg-6{flex: 0 0 50% !important; max-width: 50% !important;}
	.removeButton,.add-new-block{ display:none !important; }
	.tab-content{ display: block !important; page-break-after: always !important; }
	#chartContainer-policy-loan-cash-flow, #chartContainer-outside-loan-cash-flow{ 	margin-left: 150px !important;}
	#tab-2 #procced-data,#tab-2 .tcl-disclouser{ margin-top: 10px !important; }
	#tab-2 .custom_button_styling{ margin-top: 15px !important; }
	.page-step2 .tcl-disclouser p{ margin-top: 10px !important; margin-bottom: 10px !important; }
	
	.description-box .input-field{ width:59% !important; }
	
	.input-field.css-for-dollor .tcl-dollor-sign { top: 5px !important; }
	.loan-cal-quiz{ display:none !important; }
	#loan-quiz-modal{ display:none !important;  }
	
	.quiz-modal-open #data_firstTable thead tr th:last-child,.quiz-modal-open #data_firstTable tbody tr td:last-child, .quiz-modal-open #data_firstTable thead tr th:nth-child(7),.quiz-modal-open #data_firstTable tbody tr td:nth-child(7)
	{
		border-left: 2px solid blue !important;
		border-right:2px solid blue !important;
	}
		
	.right-sidebar-block .animate-blue{
		border: 2px solid blue !important;
		background: none !important;
	}	
	.right-sidebar-block .animate-red{
		border: 2px solid #fd0000 !important;
		background: none !important;
	}
	
	.data-table-main #data_firstTable .tdredborder-left-top{ border-left: 2px solid red !important; border-top:2px solid red !important; border-bottom: 2px solid red !important; }
	.data-table-main #data_firstTable .tdredborder-top-bottom{ border-top: 2px solid red !important; border-bottom:2px solid red !important; }
	
	.data-table-main.quiz-modal-open #data_firstTable tbody tr:last-child td:nth-child(9),.data-table-main.quiz-modal-open 
	#data_firstTable tbody tr:last-child td:nth-child(7)
	{
		border-left: 2px solid blue !important;
		border-right: 2px solid blue !important;
		border-bottom: 2px solid blue !important;
	}
	.quiz-animation-ror{ margin-top:0px !important; }
	
	/* .page-with-pdf .alternate-print label{ float:left !important; } */
	
	
    table { page-break-inside:auto !important; }
    tr    { page-break-inside:avoid; page-break-after:auto !important; }
    thead { display:table-header-group !important; }
    tfoot { display:table-footer-group !important; }
	table tfoot {display:none !important;  }
	.data-table-main table thead tr th,.data-table-main table tfoot tr th {
		background: #55957a !important;
		color: #fff !important;
		font-size: 13px !important;
		font-family: 'Montserrat', sans-serif !important;
		font-weight: 500 !important;
		border: 0 !important;
		border-right: 1px solid #ebebeb !important;
		line-height: 18px !important;
	}
	.text-color-blue{ color: blue !important; }
	.bg-gray {
		border: 1px solid #eee  !important;
		background: #f9fafb  !important;
	}
	.form-block .form-group label, .form-block .form-group1 label {
		padding: 5px !important;
		font-size: 13px !important;
		color: #000 !important;
		font-weight: 500 !important;
		text-align: left !important;
		margin: 0 !important;
		background: #ebeef0!important;
		height: 37px !important;
		width: 100% !important;
		line-height: 28px !important;
	}
	.bg-green {
		background: #f7faf0 !important;		
		border: 1px solid #b9c79f !important;
	}
	.bg-pink {
		background: #f8edec !important;
		border: 1px solid #e8b7b4 !important;
	}
	.bg-dark-green ul li i.fa {
		position: absolute  !important;
		left: 0  !important;
		line-height: 25px  !important;
		color: #ffc000  !important;
		top: 2px !important;
	}
	.bg-dark-green {
		background: #55957a !important;
		margin-top: 0px !important;
		border: 1px solid #55957a !important;
		padding-bottom: 10px !important;
	}
	.bg-dark-green .h2-heading {
		color: #fff !important;
	}
	.bg-dark-green ul li {
		position: relative !important;
		padding-left: 25px !important;
		color: #fff !important;
		margin-bottom: 5px !important;		
	}
	.form-block .form-group label {
		float: left !important;
		width: 57% !important;
		overflow: hidden !important;
	}
	.form-block .form-group .input-field {
		width: 43% !important;
		float: left !important;
	}
	#data_firstTable tr:last-child td:last-child {
		color: blue !important;
		font-weight: bold !important;
		z-index: 9999999 !important;
		cursor: pointer !important;
	}
	.lc-green-value-color {
		color: green !important;
		font-weight: bold !important;
		font-size: 16px !important;
	}
	.inside-outside-loan .css-for-dollor .tcl-dollor-sign {
		right: 0px !important;	
		color: green !important;
		font-weight: 800 !important;
	}
	#procced-data .data-table-main .dataTables_wrapper tr:last-child td:nth-child(8), #procced-data .data-table-main .dataTables_wrapper tr:last-child td:nth-child(10) {
		font-weight: bold !important;
		color: green !important;
	}
	.loan-container table{ line-height: normal !important; }
	
	.data-table-main table tr td {		
		border-right: 1px solid #ebebeb !important;
		border-top: none !important;
		line-height:18px !important;
	}
	.loan-container .td-color-red{ color:red !important; }
    .single-print
    {
        height: 100vh; 
        margin:  0 !important; 
        padding: 0 !important;
    }
    .print-number-red
    {
        color: red !important;
        font-weight: 800 !important;
        font-size: 12px !important;
    }
    #skip-take-me-saved-cases
    {
        display: none !important;
    }
}
@page {size: A3;  margin: 40px 15px 15px 15px; }
/* .right-sidebar-block.print-on-all-pages {
	display: block;
	position: fixed;
	top: 0px;        
	right: 1px;
	text-align: right;
} */


/*==============Media Screen==============*/

@media screen and (min-width:1025px) and (max-width: 1230px){
    span.tooltip-type { padding: 3px;max-width: 164px;}   
    span.tooltip-type p {font-size: 10px;}
    .tab-view ul li a{padding: 5px 2px;font-size: 11px;}

} 
@media screen and (min-width:992px) and (max-width: 1024px){
    .active-indicate {display: none;}
}
@media screen and (min-width:992px) and (max-width: 1199px){
    .data-table-main .dataTables_wrapper {width: 635px;}    
    .tab-view ul li a{padding: 5px 3px;font-size: 13px;}
    table#data_firstTable{width: 693px !important;}
    #data_firstTable_wrapper .dataTables_scrollHeadInner, 
    #data_firstTable_wrapper .dataTables_scrollHeadInner table.table {width: 700px !important;}
    .h1-heading {font-size: 19px;}
    .h2-heading{font-size: 15px;}   
    .benifits-law-sec .bg-dark-green .h2-heading {font-size: 16px;}
    .benifits-law-sec .bg-dark-green ul li{font-size: 15px;}
}
@media screen and (max-width: 991px){
    .h2-heading{font-size: 15px;}
    .h1-heading{font-size: 18px;}
    ul li {font-size: 14px;}
    .tab-view ul li a {padding: 8px 12px;font-size: 12px;}
    .input-field input {font-size: 14px;}
    .form-block .form-group label{font-size: 13px;}
    input::-webkit-input-placeholder {font-size: 13px;}
    input:-ms-input-placeholder {font-size: 13px;}
    input::placeholder {font-size: 13px;}
    .block-horizontal-view .field-set{margin: 5px 0 ;}
    .active-indicate{display: none;}
    .tab-view ul {text-align: center;}
    .right-sidebar-block, .page-right-sec {width: 100%;padding-left: 0;} 
    .page-right-sec{margin-top: 30px;}
    section.main-sec_table .left-main-block {width: 100%;}
    table#data_firstTable{width: 798px !important;}
    #data_firstTable_wrapper .dataTables_scrollHeadInner, #data_firstTable_wrapper .dataTables_scrollHeadInner table.table 
    {width: 793px !important;}
    .page-left-sec {width: 100%;}
    .files:before{font-size: 14px;}
    .right-sidebar-block {margin-top: 30px;}
    .benifits-law-sec .bg-dark-green {min-height: auto;}
    .benifits-law-sec .bg-dark-green .h2-heading {font-size: 16px;}
    .benifits-law-sec .bg-dark-green ul li{font-size: 15px;}
}
@media screen and (min-width:768px) and (max-width: 991px){
   /* .data-table-main .dataTables_wrapper {width: 478px;}*/
    .block-horizontal-view .field-set {width: 49%;}   
}
@media screen and (max-width: 767px){
    .visible-xs{display: block;}
    .hide-xs{display: none;}
    .header-sec .site-logo{width: auto;}   
    .mobile-menu button.navbar-toggler {position: absolute;right: 5px;top: -50px;background:#ff5603;border-color: #ff5603;}
    nav.navbar.navbar-dark.navbar-2 a.nav-link {color: #ff5603 !important; font-weight: 500;    
    border-bottom: 1px solid;padding-bottom: 0px;margin-bottom: 4px;}
    .mobile-menu {position: relative;width: 100%;padding-top: 10px;}        
    .left-main-block, .page-left-sec {width: 100%;}  
    .block-horizontal-view .field-set {width: 100%;}  
    .custom-btn{padding: 10px 15px;margin-bottom: 5px;}
    .visible-xs{display: block;}
    .hide-xs{display: none !important;}
    .files:before{font-size: 13px;}
    .file-download p{font-size: 16px;}
 
}
@media screen and (max-width: 640px){
    .tab-view ul li.current a {background: #fff !important;color: #ff5603 !important;}
    .tab-view ul li a {border-radius: 0;border:0; border-bottom: 1px solid #eee;width: 100%;}
    .tab-view ul li a:hover{color: #ff5603 !important; }
    .tab-view ul {text-align: left;}
    .tab-view ul li{width: 100%;}
}
@media screen and (min-width:552px) and (max-width: 767px){
   /* .data-table-main .dataTables_wrapper {width: 495px;}*/
}
@media screen and (min-width:451px) and (max-width: 550px){
    /*.data-table-main .dataTables_wrapper {width: 435px;}*/
}
@media screen and (max-width: 450px){
    /*.data-table-main .dataTables_wrapper {width: 280px;}*/
}