@charset "utf-8";
/* CSS Document */
 .body_bg{ background-color:#fff;box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.05); background-color:#fff;border: solid 1px #EDEDED; padding:5px 10px;}
.loan_form .checkbox-text input{ width:10% !important;} 
         .loan_container{font: normal 14px/20px "Raleway";}
         .loan_container .column-title{font: 800 26px/30px "Raleway";color: #364352; text-align:center; text-transform:uppercase; margin-top:0px; width:100%;margin-bottom: 5px; background-color:#F2F4F6 !important ; padding:10px 0px;}
         .loan_container .results .column-title{ text-align:center;}
         .loan_container ol{ padding-left:0px; list-style-type:none;}
		 .lblFrequncy{ width:68%; padding-right:2%;}
         .loan_container ol li label{width:60%;padding-top:13px;color: #767676;padding-left: 15px;}
         .loan_container .sep-3{ position: relative;
         display: block;
         clear: both;
         margin: 15px 0 15px 0;
         min-width: 100%;
         height: 1px;
         border-top: 1px solid;
         color: #EDEDED;}
		 .loan_container h3{ width:100%;}
		 .loan_container h3 span{margin-left: 15px;
font: normal 1em Arial,Geneva,Helvetica,sans-serif;
font-weight: bold;
color: #afca0a !important;
font-size: 13px; width:100%;}
.loan_container ol li{ max-width:100%;}
         .loan_container ol li .loan_amount{ width: 30%;
float: right;
margin-top: -23px;
padding-right: 1%;}
.loan_form ol li{display: flex; display:flex-box}
         .loan_form fieldset{ border:none;}
         .loan_form .inp-text{ float:right; width:30%;} 
		 .loan_form .checkbox-text{ padding-top:10px; float:none;}
 
         .loan_form .inp-text input{ width:98% ;padding: 6px 1%; padding-left:15px !important;}
		
		 .loan_form ol li select{ width:auto; display:inline-block; float:right;max-height: 30px;}
		 .loan_form .inp-text select {width: 98% ; float:none !important;}
         .loan_form input, .loan_form select
         {
         -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.05) !important;
         box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.05) !important;
         border: solid 1px rgba(0,0,0,0.2);
         
         position: relative;
         outline: none;
         border-bottom: 1px solid transparent;
         box-shadow: none !important;
         font-size: 14px;
         border-radius: 0px;
         background: #ffffff;
         color: #2B2F34;
         padding: 6px;
         font-weight: 200;
         transition: all .2s ease;
         border: solid 1px rgba(43,47,52,0.1);
         margin-top: 5px;
         }
         .loan_form button{
         transition: color .3s ease, border .3s ease, background .3s ease;
         background-color: transparent !important;
         background: transparent !important;
         background-image: none !important;
         color: #afca0a !important;
         border: solid 2px #afca0a;
         padding: .8em 2em !important;
         font-weight: 600 !important;
         line-height: 1.2em;
         }
         .loan_form button:hover, .loan_form button:focus, .loan_form button:active{
         background-color: #afca0a !important;
         background: #afca0a !important;
         background-image: none !important;
         color: #FFF !important;
         border: solid 2px ;
         border-color:#afca0a;
         }
		 .dollar{ color: #2b2f34;
    margin-left: 6px;
    margin-top: 8px !important;
    position: absolute;
    z-index: 999;
    font-weight: bold;}
.percentage{ position: absolute;
margin-top: 7px !important;
color: #2B2F34;
z-index: 999;
margin-left: 48px;
 font-weight: bold;
}
         .results
         {
         padding:0px 10px;
         }
         .results-box{ padding: 15px 15px 9px 14px !important; list-style-type:none; margin:0; margin-bottom:3px; min-height:50px;}
         .total-result{ background-color:#afca0a;color: #fff;}
         .total{ background-color:#34373c;color: #AFAFAF;}
		 .total-result .amount{ font-size:24px;  font-weight:400;}
		 .total .amount{font-size: 30px;  font-weight:500; }
         .symbol{ float:left;color: #fff;line-height: 0.9em;}
         .amount{float:none !important; margin-left:1%; padding:0px !important; margin-bottom:0px !important; color: #fff !important;}
         .results ol li { padding-bottom:10px;}
		 
		 .ui-widget-content
		 {
		 border:none !important;
		 }
		 @media(max-width:400px)
		 {
		 .loan_form ol li
		 {
		 display:block;
		 }
		 .lblFrequncy
		 {
		 float:left;
		 width:100%;
		 
		 }
		 .loan_form .inp-text {
    float: left;
    width: 100%;
}
		 
		 }