/************************************************
 Credit portal classes
*************************************************/

/* Debug Reset! */
#section1-2 .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.layer_creditportal {
	margin-top:25px; /* neu Prontokredit */
}

.layer_creditportal ::-webkit-input-placeholder {
    color: #fff;
}
.layer_creditportal ::-moz-placeholder {
    color: #fff;
}
.layer_creditportal :-ms-input-placeholder {
    color: #fff;
}
.layer_creditportal :-moz-placeholder {
    color: #fff;
}

.layer_creditportal .control-group.checkboxes {
    position: relative;
    top: -10px;
}

.layer_creditportal .control-group.checkboxes label {
    font-size: 18px;
    font-weight: 400;
}

.layer_creditportal .control-label {
    float: left;
    width: 38%;
    font-size: 18px;
    font-weight: 400;
    padding-top: 7px;
    padding-bottom: 3px;
    display: none;
    white-space: nowrap;
}

.layer_creditportal .control-group .controls {
    float: left;
    width: 100%;
	max-width: 600px;
}

.layer_creditportal .controls .dropdown {
    max-width: none;
    min-width: 0;
}

.layer_creditportal .credit-pages {
    padding: 0;
    counter-reset: creditcounter;
}

.layer_creditportal .credit-pages dt {
    position: relative;
    padding: 5px 0;
}

.layer_creditportal .credit-pages dt:before {  /* Nummer im Header KP */
    content: counter(creditcounter);
    counter-increment: creditcounter;
    position: absolute;
    left: 0; top: 0;
    width: 65px;
    height: 100%;
    font-size: 28px;
    padding: 9px 0 10px 25px;
    border-right: 1px solid #fff;
}

.layer_creditportal .credit-pages dt { /* Balken mit Header KP */
	padding:9px 0 10px 90px;
    font-size: 28px;
	font-family: "Open Sans",sans-serif;
	font-weight: 400;
	letter-spacing: 0.03em;
	text-transform:uppercase;
}

.layer_creditportal .credit-page { /* Hintergrund offenes Feld KP */
    background-color: #f7f7f7;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}    

.layer_creditportal .credit-innerpage {
    border-left: 1px solid #fff;
    margin-left: 64px;
    padding: 35px 25px 35px 25px;
    /* max-width: 800px;               width page */
}  

.layer_creditportal .credit-innerpage .form-subheader {
	font-size: 28px;
	font-weight: 400;
	margin-top: 35px;
	margin-bottom: 35px;
	padding-bottom: 0px;
	/* border-bottom: 2px solid #ddd; */
	margin-left: -20px;
	padding-left: 20px;
	/* background-color: #F1F1F1; */
}

.layer_creditportal .header-active { /* Farbe Balken mit Header KP */
    background-color: #e2041a;
	color:#fff;
}    

.layer_creditportal .header-complete {
    background-color: #eee;
}    

.layer_creditportal .header-incomplete {
    background-color: #eee;
    color: #c5c5c5;
    border-bottom: 1px solid #fff;
}
    
/* Pager */
    
.credit-pager {
    overflow: hidden;
}

    .credit-pager .forward {
        float: right;
    }

#creditslider-container {
    width: 100%;
    max-width: 100%; /* 600px */
    font-size: 24px;
    /*
    border-radius: 30px;
    -webkit-box-shadow: 10px 10px 19px -8px rgba(0,0,0,0.26);
    -moz-box-shadow: 10px 10px 19px -8px rgba(0,0,0,0.26);
    box-shadow: 10px 10px 19px -8px rgba(0,0,0,0.26);
    */
}
       
    #creditslider-container #loan-value:focus {
        background-color: #fff;
    }

    #creditslider-container p {
        margin: 0 0 18px 0;
        color: #222;
    }

    #creditslider-container label {
        font-weight: 300;
		position: relative !important; /* neu fix */
    }

    #creditslider-container h5 {
        font-size: 24px;
        margin-top: 24px;
        /* font-weight: 700; */
        margin-bottom: 25px;
    }

    #creditslider-container input { /* Texte Fett im Bedienfeld */
        width: 188px;
        border: 0;
		font-size: 24px;
		font-family: "Open Sans",sans-serif;
		font-weight: 400;
        background-color: transparent;
    }

    #creditslider-container .left-aligned {
        text-align: right;
        float: right;
        padding: 0 2px;
    }

    #creditslider-container .ui-widget-header { /* Strich Regler dunkel */
        background: none #e2041a;
        top: 0px;
        height: 10px;
    }

    #creditslider-container #month-amount-slider .ui-widget-header {
        -moz-transition: width 0.07s linear;
        -webkit-transition: width 0.07s linear;
        transition: width 0.07s linear;
    }

    #creditslider-container .ui-slider-horizontal .ui-slider-handle {
        top: -15px;
    }

    /* Slider line bright color*/
    
    #creditslider-container .ui-widget-content {
        border: none;
        height: 10px;
		margin: 25px 33px 45px 11px;
        background: none #dbdbdb;
    }
	
	@media(max-width:767px){
		#creditslider-container .ui-widget-content {
			zoom: 1.4;
			margin-left: 11px;
			margin-right: 30px;
		}		
	}
    /* Slider Rundknopf */

    #creditslider-container .ui-state-default {
        height: 42px;
        width: 42px;
        border-radius: 3px;
        border: 10px solid #e2041a;
        background: none #fff;
        outline: none;
        -moz-transition: background-color 0.2s linear;
        -webkit-transition: background-color 0.2s linear;
        transition: background-color 0.2s linear;
    }

	#creditslider-container .ui-state-default:active,
	#creditslider-container .ui-state-default:hover {
		background-color: #e2041a;
		-moz-transition: background-color 0.2s linear;
		-webkit-transition: background-color 0.2s linear;
		transition: background-color 0.2s linear;
		cursor:pointer;
    }

    #creditslider-container #month-amount-slider .ui-state-default {
        -moz-transition: background-color 0.2s linear, left 0.1s linear;
        -webkit-transition: background-color 0.2s linear, left 0.1s linear;
        transition: background-color 0.2s linear, left 0.1s linear;
    }
  
    #creditslider-container .credit-protection  {
        margin-top: 5px;
        border-top: 2px solid #ddd;
    }
    
    #creditslider-container .credit-protection .controls {
        margin-top: 5px;
        float: none;
    }
    
    #creditslider-container .credit-protection p {
        margin-top: 15px;
        font-size: 15px;
    }

@media (max-width: 767px) {
	#creditslider-container {
		zoom: 0.7;
	}
	
	.layer_creditportal .credit-innerpage {
		margin-left: 0px;
	}
}

/* confirmation and email */    

.creditrequest-confirmation {
    font-size: 16px;
    width: 100%;
}

.creditrequest-confirmation th.header {
    font-size: 18px;
    background-color: #ccc;
    height: 30px;
    padding-left: 6px;
}

.creditrequest-confirmation th.subheader {
    background-color: #eee;
    height: 28px;
    padding-left: 6px;
}

.creditrequest-confirmation td.spacer {
    height: 18px;
}

.creditrequest-confirmation td:first-child {
    padding-top: 3px;
    padding-bottom: 3px;
    width: 30%;
}

.creditrequest-confirmation td:nth-child(2) {
    padding-top: 3px;
    padding-bottom: 3px;
    width: 70%;
}

.layer_creditportal .privacy-policy {
}

.layer_creditportal .privacy-policy h2 {
    font-size: 14px;
    margin: 8px 0;
    font-weight: 400;
}

.layer_creditportal .privacy-policy p {
    font-size: 12px;
    margin: 0 0 20px 0;
}

.layer_creditportal .confirmation-checkbox .controls {
    width: 100%;
}

/* Korrektur vertikal bei Sticky Navigation, sonst top 0 */

.positioner {
	position:relative;
	top:-90px;
}