@import 'https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700&subset=latin-ext';
.credit_form {
font-family: "Roboto",Helvetica,Arial,sans-serif;
font-size:15px;
}
.credit_form h1{
font-weight:300;
font-family: "Roboto",Helvetica,Arial,sans-serif;
}

.h2_credit_form{
font-size:29px;
font-family: "Roboto",Helvetica,Arial,sans-serif;
font-weight: 400;
}
.step-2 .h2_credit_form,.step-3 .h2_credit_form{
font-size:25px;
font-weight:400;
color:#98ca0d;
font-family: "Roboto",Helvetica,Arial,sans-serif;
}

.credit_form h1 {
color: #940084;
font-weight: 300;
letter-spacing: 1px;
font-family: "Roboto",Helvetica,Arial,sans-serif;
border-bottom:1px solid #EBEBEB;
margin-bottom:30px;

}
.credit_front_form {
background:#fff; padding:40px 20px 10px; display:table;width:100%;color:#333;
}
.iznosi{
color:#666;
display:block;
font-family: "Roboto",Helvetica,Arial,sans-serif;
line-height: 18px;
font-size:14px;
}
.credit_front_form  #interest{
display:inline;
color:#666;
}

.iznosinum{
float:right;
}
.insurance_label{
font-family: "Roboto",Helvetica,Arial,sans-serif;
color:#777;
}
.kamata_label{
font-family: "Roboto",Helvetica,Arial,sans-serif;
color:#666;
display:block;
font-size:13px;
margin-top:10px;
}
.cta-heading h2 {
font-size: 50px;
font-weight: 500;
margin-top: 80px;
text-align: center;
}
.loanrequest{
font-size: 16px;
font-weight: 700;
text-align: center;
background:#940084;
border:1px solid #940084;
color:#fff;
margin-bottom:10px;
}
.loanrequest:hover{
background:#fff;
border:1px solid #940084;
color:#940084;
}
.loanrequest i{
font-size: 14px;
margin-left:5px;
}
.form-row {
line-height:10px;height:80px;
}
.credit_front_form  .formlabel{
font-size:18px;
color: #333333;
font-family: "Raleway",Helvetica,Arial,sans-serif;
font-weight:500;
margin-bottom:25px;
display:block;
}
.credit_front_form  .labelgrey{
font-size:18px;
color: #777;
font-family: "Raleway",Helvetica,Arial,sans-serif;
}
.credit_front_form .notification{
font-size:11px;
color: #777;
font-family: "Roboto",Helvetica,Arial,sans-serif;
line-height:14px;
display:block;
}
.totalratelabel{
color: #333;
display: block;
font-family: "Raleway",Helvetica,Arial,sans-serif;
font-size: 18px;
font-weight: 700;
margin-top: 10px;
}
.totalrate{
 color:#940084;
display: block;
font-size: 35px;
font-weight: 500;
font-family: "Roboto",Helvetica,Arial,sans-serif;
}
.credit_front_form input[type="text"],.credit_front_form input[type="text"]:focus {
background:#fff; 
border-top: none;
border-left: none;
border-right: none;
border-bottom: 10px solid #d8e261 !important;
box-shadow:none;
color:#940084;
font-size:25px;
font-weight:500;
padding:5px;
width: 100%;
margin-top: -4px;
}
.credit_form textarea,.credit_form .textarea  {
width: 100%;
}
.credit_form fieldset  {
border:0px;
}


/* Stiled select */
.credit_front_form .select  {
position: relative;
display: inline-block;
width: 100%;
margin-bottom: 15px;
}
.credit_front_form .select select {
display: inline-block;
width: 100%;
font-size:25px;
font-weight:500;
border-bottom: 10px solid #d8e261 !important;
padding: 0 0 0 5px;
line-height:25px;
margin-top:5px;
cursor: pointer;
color: #940084;
border: 0;
border-radius: 0;
outline: 0;
background: #fff;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}

.credit_front_form .select select::-ms-expand {
display: none;
}

.credit_front_form .select select:hover,
.select select:focus {
color: color: #940084;
background: #fff;
}

.credit_front_form .select select:disabled {
pointer-events: none;
opacity: .5;
}


/*front-ent*/
.credit_form input[type="text"],.credit_form input[type="text"]:focus {
/*background:#fff; 
border-top: none;
border-left: none;
border-right: none;
border: 1px solid #ccc;
box-shadow:none;
padding:5px;
border-radius: 5px;*/
width: 100%;
color:#940084;
font-size:20px;
border: 0px !important;
font-weight:500;
}
.step-2  input[type="text"],.step-2  input[type="text"]:focus {
font-size:15px !important;
font-weight:400!important;
}
.credit_form .select  {
position: relative;
display: inline-block;
width: 100%;
margin-bottom: 15px;
}
.credit_form .select select {
display: inline-block;
width: 100%;
font-size:20px;
font-weight:500;
line-height:30px;
cursor: pointer;
color: #940084;
border: 0px;
padding:9px;
/*border-radius: 5px;
border:1px solid #ccc;
padding: 5px 5px;
background: #fff;*/
outline: 0;
background-color:#f2f2f2;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
transition: all 0.2s linear 0s;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

}
.step-2 .select select {
font-size:14px;
font-weight:500;
padding:12px;
line-height:15px;
}

.credit_form .select select::-ms-expand {
display: none;
}

.credit_form .select select:hover,
.select select:focus {
color:  #940084;
/*background: #fff;*/
}

.credit_form .select select:disabled {
pointer-events: none;
opacity: .5;
}
.credit_form .select__arrow {
position: absolute;
top: 16px;
right: 15px;
width: 0;
height: 0;
border-width: 10px 7px 0 7px;
border-style: solid;
border-color:  #940084 transparent transparent transparent;
pointer-events: none;
}
.credit_form .select select:hover ~ .select__arrow,
.credit_form .select select:focus ~ .select__arrow {
border-top-color: #000;
}

.credit_form .select select:disabled ~ .select__arrow {
border-top-color: #ccc;
}
/*Stiled select end*/


/*Range slider*/
.credit_front_form .ui-slider-horizontal {
height: 10px;
}
.credit_front_form  .ui-slider-horizontal .ui-slider-handle {
margin-left: -0.6em;
top: -18px;
}
.credit_front_form  .ui-slider .ui-slider-handle {
border-radius: 50%;
cursor: pointer;
height: 40px;
position: absolute;
width: 40px;
z-index: 2;
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}
.credit_front_form  .ui-state-default,.credit_front_form   .ui-widget-content .ui-state-default,.credit_front_form   .ui-widget-header .ui-state-default,.credit_front_form   .ui-button,.credit_front_form   html .ui-button.ui-state-disabled:hover,.credit_front_form   html .ui-button.ui-state-disabled:active {
background: #fff none repeat scroll 0 0;
border: 1px solid #d9d9d9;
color: #454545;
font-weight: normal;
} 

.credit_front_form .ui-widget-header {
background: #940084;
border: 1px solid #940084;
}
.credit_front_form .ui-widget-content {
background: #e8e7e7 none repeat scroll 0 0;
border: 1px solid  #e8e7e7 ;
}
/*Range slider end*/



.control-group {
/*display: inline-block;
width: 200px;
height: 210px;
margin: 10px;
padding: 30px;
text-align: left;
vertical-align: top;
background: #fff;
box-shadow: 0 1px 2px rgba(0,0,0,.1);*/
}
.credit_form .control-group {
/*display: inline-block;
width: 200px;
height: 210px;
margin: 10px;
padding: 30px;
text-align: left;
vertical-align: top;
background: #fff;
box-shadow: 0 1px 2px rgba(0,0,0,.1);*/
line-height:24px;
margin-top:15px;
}
.control {
/*font-size: 18px;*/
position: relative;
display: inline-block;
margin-bottom: 15px;
padding-left: 30px;
cursor: pointer;
margin-right:10px;
font-family: "Roboto",Helvetica,Arial,sans-serif;
}

.control input {
position: absolute;
z-index: -1;
opacity: 0;
}

.control__indicator {
position: absolute;
top: 0px;
left: 0;
width: 24px;
height: 24px;
background: #e8e7e7;
}

.control--radio .control__indicator {
border-radius: 50%;
}

/* Hover and focus states */
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
/*background: #ccc;*/
}

/* Checked state */
.control input:checked ~ .control__indicator {
/*background: #2aa1c0;*/
 background: #940084;
}

/* Hover state whilst checked */
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
/*background: #0e647d;*/
background: #940084;
}

/* Disabled state */
.control input:disabled ~ .control__indicator {
pointer-events: none;
opacity: .6;
background: #e6e6e6;
}

/* Check mark */
.control__indicator:after {
position: absolute;
display: none;
content: '';
}

/* Show check mark */
.control input:checked ~ .control__indicator:after {
display: block;
}

/* Checkbox tick */
.control--checkbox .control__indicator:after {
top: 4px;
left: 8px;
width: 6px;
height: 11px;
transform: rotate(45deg);
border: solid #fff;
border-width: 0 3px 3px 0;

}

/* Disabled tick colour */
.control--checkbox input:disabled ~ .control__indicator:after {
border-color: #7b7b7b;
}

/* Radio button inner circle */
.control--radio .control__indicator:after {
top: 8px;
left: 8px;
width: 8px;
height: 8px;
border-radius: 50%;
background: #fff;
}

/* Disabled circle colour */
.control--radio input:disabled ~ .control__indicator:after {
background: #7b7b7b;
}
.step-1 .radio_label{
width: 350px;
}
.radio_label{
margin-right: 30px;
}

.credit_form .row {
margin-top:10px;
margin-bottom:30px;
}
.step-2 .row {
margin-top:10px;
margin-bottom:0px;
}

.credit_form.wizard > .content {
    background: #fff none repeat scroll 0 0;
    border-radius: 0px;
	border:1px solid #d9d9d9;
	box-shadow:inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.control__indicator.error{
background: rgb(251, 227, 228) none repeat scroll 0 0;
    border: 1px solid #fbc2c4;
    color: #8a1f11;
}

.form-control{border-radius:0px;}
.bootstrap-filestyle .btn{padding:12px;line-height:16px; background: #940084;}
.btn-info {
    border-color: #940084;
    color: #fff;
}
.btn-info:hover {
    border-color: #940084;
opacity:0.8
}
.notification{font-size:14px;}
.step-1 .credit_values_table{
border-collapse: collapse; 
text-align:right;
}
.align_left{text-align:left !important;vertical-align: bottom;  }

.align_bottom td{vertical-align: bottom !important;  }

.step-1 table {
border-spacing: 0;
border-collapse: collapse; 
border:0;
}

.step-1 .row {
margin-bottom:0;
}
.step-1 .h2_credit_form {
font-weight: 300;
}
.select_haa{font-size:15px !important;font-weight: 400; line-height: 15px !important;  padding: 12px;}
.txt_hear_for_us:focus {
font-size:15px !important;font-weight: 400 !important;
}
.txt_hear_for_us {
font-size:15px !important;font-weight: 400 !important;
}

.credit_values_table .iznosinum{
color:#940084}
.credit_values_table .totalrate{
line-height: 35px;}

.rowborder{border-bottom:3px solid #d8e261}

.credit_values_table td,.credit_values_table th{
border:0;
text-align:right;
vertical-align: bottom; 
}
.step-3 .row{margin-bottom:0px; border-bottom:1px solid #f5f5f5}
.step-3 .row label{font-weight:500}
.doc-info{/*font-size:12px;*/}

.content_confirmation {
    height: 250px;
    margin-top: 6px;
    padding: 2px 5px 6px 6px;
    background: #fff;
    font-size: 14px;
    line-height: 15px;
    text-align: justify;
    border: 1px solid #f5f5f5;
    border-right: none;
    overflow-y: scroll;
}
::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #d8e261;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #d8e261; 
}

@media screen and (max-width: 991px) {
.credit_front_form .form-row {
height:120px;
margin-bottom:10px;
}
.credit_front_form .form-row .ui-slider {
margin-bottom:20px;
}
}

.error{  
background: #fddfdf none repeat scroll 0 0;
border: 1px solid #f1a899;
color: red;
padding:5px;
margin-left:0px !important;
}