<--! ///////////// FORM CSS ///////////// -->
form {
width:300px!important;
}
#.desc {
	width:100px;
}
.bridgeinput{
	width:200px;
}
.calcrow {
	width:300px;
	overflow:hidden;
}
.loantypetitle {
	font-weight:bold;
	color:#ffffff;
	margin:0;
	padding:0;
	width:100%;
	background-color:#5b7dbc;
	border-radius: 10px;
	padding:10px; 
}
.recalc {
	font-weight:bold;
	color:#ffffff;
	margin-bottom:10px;
	padding:0;
	width:100%;
	background-color:#5b7dbc;
	border-radius: 10px;
	padding:10px;
	overflow:hidden;
}
.hello {
	font-weight:bold;
	color:#ffffff;
	margin-bottom:10px;
	padding:0;
	width:100%;
	background-color:#5b7dbc;
	border-radius: 10px;
	padding:10px;
	overflow:hidden;
}
.loantotaloutput {
	font-weight:bold;
	color:#ffffff;
	margin:0;
	padding:0;
	width:100%;
	background-color:#5b7dbc;
	border-radius: 10px;
	padding:10px; 
}
.boxcalc {
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	border: 1px solid #cccccc; border-radius: 10px;
	overflow:hidden;
	margin:20px;
}
.boxresult {
	clear:both;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	padding:10px;
	border: 1px solid #cccccc;
	border-radius: 10px;
	overflow:hidden;
	margin:20px;
}
.warn {
	float:left;
}
.copy {
	font-size:75%;
	color:#cccccc;
	text-align:center;
}
.copy a {
	color:#cccccc;
	text-decoration:none;
}
.header {
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	overflow: hidden;
}
.NOcalcbody {
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	font-family:arial;
	border: 2px solid #1C6EA4;
	border-radius: 10px;
	overflow:hidden;
}

.calcsend {
	margin: 50px;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:linear-gradient(to bottom, #5b7dbc 5%, #5b7dbc 100%);
	background-color:#5b7dbc;
	border-radius:3px;
	border:1px solid #124d77;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.calcsend:hover {
	background:linear-gradient(to bottom, #5b7dbc 5%, #5b7dbc 100%);
	background-color:#5b7dbc;
}
.calcsend:active {
	position:relative;
	top:1px;
}
.infobutton {
	margin-left:10px;
	box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	background:linear-gradient(to bottom, #b8e356 5%, #a5cc52 100%);
	background-color:#b8e356;
	border-radius:6px;
	border:1px solid #83c41a;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	padding:2px 6px;
	text-decoration:none;
	text-shadow:0px 1px 0px #86ae47;
}

<--! ///////////// MODAL CSS ///////////// -->

.blocker{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	overflow:auto;
	z-index:1;
	padding:20px;
	box-sizing:border-box;
	background-color:#000;
	background-color:rgba(0,0,0,0.75);
	text-align:center}.blocker:before{content:"";
	display:inline-block;
	height:100%;
	vertical-align:middle;
	margin-right:-0.05em}.blocker.behind{background-color:transparent}.modal{display:none;
	vertical-align:middle;
	position:relative;
	z-index:2;
	max-width:500px;
	box-sizing:border-box;
	width:90%;
	background:#fff;
	padding:15px 30px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-o-border-radius:8px;
	-ms-border-radius:8px;
	border-radius:8px;
	-webkit-box-shadow:0 0 10px #000;
	-moz-box-shadow:0 0 10px #000;
	-o-box-shadow:0 0 10px #000;
	-ms-box-shadow:0 0 10px #000;
	box-shadow:0 0 10px #000;
	text-align:left;
}

.modal a.close-modal{
	position:absolute;
	top:-12.5px;
	right:-12.5px;
	display:block;
	width:30px;
	height:30px;
	text-indent:-9999px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url('data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')}.modal-spinner{display:none;
	position:fixed;
	top:50%;
	left:50%;
	transform:translateY(-50%) translateX(-50%);
	padding:12px 16px;
	border-radius:5px;
	background-color:#111;
	height:20px;
}

.modal-spinner>div{border-radius:100px;
	background-color:#fff;
	height:20px;
	width:2px;
	margin:0 1px;
	display:inline-block;
	-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;
	animation:sk-stretchdelay 1.2s infinite ease-in-out}.modal-spinner .rect2{-webkit-animation-delay:-1.1s;
	animation-delay:-1.1s
}

.modal-spinner .rect3 {
	-webkit-animation-delay:-1.0s;
	animation-delay:-1.0s;
}

.modal-spinner .rect4 {
	-webkit-animation-delay:-0.9s;
	animation-delay:-0.9s;
}

@-webkit-keyframes sk-stretchdelay {
	0%,40%,100% {
	-webkit-transform:scaleY(0.5);
	}
	20% {
	-webkit-transform:scaleY(1.0);
	}
}

@keyframes sk-stretchdelay {
	0%,40%,100% {
	transform:scaleY(0.5);
	-webkit-transform:scaleY(0.5);
	}
	20% {transform:scaleY(1.0);
	-webkit-transform:scaleY(1.0);
	}
}