.loancomparison_form {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.loancomparison, .loancomparison__fill {
    background: #fefefe;display: block;height: 12px;
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
    border: 1px solid #fefefe;
}

.loancomparison {
    position: relative;
    height: 12px;
    width: 100%;
    margin: 1em 0;
font-size: 1em !important;
border: 0 solid #ccc;
background: #e1e1e1;
}

.loancomparison--disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
}

.loancomparison-slider-hidden { display: none; }
.loancomparison-filter-hidden { display: none; }


.loancomparison__fill {
    height: 12px;
    width: 100%;
    background: #0074c4;
    position: absolute;
    top: -1px;
    border: 0;
}

.loancomparison_form .col1 img {
margin-top: -5px;
}

.loancomparison__handle {
    background: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    width: 18px;
    height: 18px;
    position: absolute;
	top: -10px;
    border: 6px solid #a5a5a5;
	box-sizing: content-box !important;
    border-radius: 5px;
}

input[type="range"]:focus + .loancomparison .loancomparison__handle {
    -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
    -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
    box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}
.entry p {padding:0;margin: 12px 0;}
div.sliderlabel {text-align:center; font-weight: bolder; font-size: 14px;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
div.sliderlabel output { color: #333;
font-size: 20px;
padding: 5px 30px 5px 33px;
margin: 10px 0px;
display: inline-block;
text-align: center;
min-width: 130px;
    border-radius: 5px;
max-width: 250px;
border: 2px solid #eee; }
div.filterlabel {text-align:center;font-size: 1.4em; padding: 12px 0;}
.filterlabel ul, .filterlabel li { list-style: none; position: relative; font-size: 14px;}
.filterlabel ul {  padding: 0 !important; margin: 0 !important;  width: 100%;}
.filterlabel li { float: left; font-size: 14px; text-align: left; padding: 10px 10px;}
.filterlabel li.label { float: left; padding: 10px 0; color: #333; margin-top: 8px;
background: #fff;}
.inner .inner-header {  height: 30px; position: relative; }
.inner .inner-header span { position: absolute; display: block; width: 100%; bottom: 0; left: 0; text-align: center; font-size: 13px;  }
.inner .inner-body { height: 2em; line-height: 2em; font-size: 14px; }
.loancomparison_form .ansok a { color:#343848;background: #12ab49; border-radius: 5px; width: 150px;  display: block; height: 50px; line-height: 52px !important; padding: 0 !important; }
.loancomparison_form .ansok a:hover { background-color: #27d666;color:#FFFFFF;}
.drop { position: relative; width: 100%; }
.inner { vertical-align: top !important; }
.under-setup { height: 40px; margin-top: 30px; line-height: 40px; }
.under-setup .check-row {
	height: 40px;
	padding-left: 160px;
	position: absolute;
	margin-top: -40px; 
}
.checks { list-style: none; }
.checks li { list-style: none; display: inline-block; padding: 0 10px; line-height: 2em; font-size: 1em; }
.checks i { color: #008800; font-size: 1em; padding-right: 5px; padding-left: 5px; }

@media only screen and (max-width: 850px) {
	.filterlabel li { float: left; padding: 5px 5px !important; }
}

.loancomparison_sliders {margin-bottom:20px;}
.loancomparison_form table, .loancomparison_form th, .loancomparison_form td {border:none;border-collapse:separate; border-spacing:0 1em;}
.loancomparison_form table {width:100%;}
.loancomparison_form tr {background-color: rgba(0, 116, 196, 0.09) !important;
border: none; position: relative;} 
.loancomparison_form .col1 { width: 160px; padding: 0px 5px 5px 15px}
.loancomparison_form .col11 { max-width: 180px; width: 180px; }

.entry ul.checks{padding:0;margin:0;}
.loancomparison_form th {font-weight: 900;padding:0 8px;}
.loancomparison_form td {color:#343848;padding:8px;vertical-align: middle;text-align: center;}
.loancomparison_form td a {font-size: 14px;}
  
.loancomparison_form .logo img{padding:0;margin:0;}
.loancomparison_form .sok .ansok {margin: 0;padding: 0;}
.loancomparison_form .ansok{margin: 0 !important;}
.loancomparison_form .ansok a {color:#ffff;text-decoration:none; font-size: 18px;
font-weight: bold;}
.loancomparison_form .ansok a:hover {color:#FFF;}

.loancomparison_form .eksemple {font-size:0.6rem;}
.loancomparison_rates .toggle_drop { display: none; }
.loancomparison_rates .monthly { float: left; height: 100%; line-height: 55px; display: block; padding-left: 10px; margin: 0 !important;  }
.column_header { display: none; }

.loancomparison_form .top { display: none; }
.loancomparison_form .bottom { display: none; }

.fa.fa-star {color:gold; font-size: 20px; }
.fa.fa-star.grey{color:#aaa; font-size: 20px; }

#lc_show_more {
    text-align: center;

cursor: pointer;

position: relative;

color: #003e77;

display: table;

text-align: center;

height: 40px;

line-height: 40px;

min-width: 250px;

width: auto;

border: 2px solid #003e77;

font-size: 15px;

cursor: pointer;

font-weight: bold;

z-index: 999;

margin: 15px auto 35px auto;
    border-radius: 5px;
    
    width: 150px;

display: block;

height: 50px;

line-height: 50px !important;
}


#lc_show_more:hover {
color: #408dc2;
border: 2px solid #408dc2;

}


#lc_show_more .fg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.loancomparison_rates .upper { display: none; }

@media only screen and (max-width: 720px) {
    
    div.sliderlabel output {
padding: 5px 0px 5px 0px;
min-width: 115px;
max-width: 115px; }

	.loancomparison_rates .upper { display: block; }
    .loancomparison_rates .loancomparison_rates_header { display: none; }
    .loancomparison_form tr { width: 100%; display: block;
clear: both;
margin-bottom: 15px;
background-color: rgba(0, 116, 196, 0.09) !important;
border: none;
padding: 15px; }
    .loancomparison_form .drop td { width: 100% !important; display: block; border: none !important; }
    .col3 img { height: 20px !important; }
	.column_header { display: block; float: left; width: 50%;  }
	.loancomparison_form .upper { height: 50px; position: relative; display: block; }
	.upper .inner-header img { display: block; max-width: 100% !important; margin-top: 0px; }
	.upper .inner-body { line-height: 55px; }
	
    .bottom { position: relative; }
    .loancomparison_form .bottom { display: block; }
    .col1, .col2, .col12  { display: none !important; }
    .loancomparison_form .drop td.odd { background-color: #f3f4f8; }
    .loancomparison_form .drop td.bottom { clear: both; }
	
	.inner-header { text-align: left; display: block; float: left; width: 50%;  }
	.inner .inner-header span { text-align: left !important; position: relative; top: auto; left: auto; display: block; height: 100%; line-height: 40px; font-size: 14px; }
	.inner-body { float: left; display: block; width: 50%; text-align: left; }
	
	.inner { clear: both; }
	.col11 { max-width: 100% !important; width: 100% !important; }
	.col11 .inner-header { display: none; }
	.col11 .inner-body { float: none; width: 100% !important; height: auto; }
	.loancomparison_form .ansok { width: 100%; }
	.loancomparison_form .ansok a{ width: 100% !important; height: 60px !important; line-height: 60px !important; text-align: center; color: #fff; }
    .drop .col11 .inner-body .ansok a:hover {color: #FFFFFF; }
    .fa.fa-star {font-size: 22px; }
}


.loancomparison_checkbox {
	width: 20px;
	height: 20px;
	display: inline-block;
	position: relative;
	top: 3px;
	margin-right: 10px;
}
.loancomparison_checkbox input { visibility: hidden; position: absolute; }
.loancomparison_checkbox label { width: 100%; height: 100%; display: block; border: 1px solid #ccc; border-radius: 5px; position: relative; background-color: white; cursor: pointer; }
.loancomparison_checkbox label::after { opacity: 0; border: 3px solid #339966; background: transparent; position: absolute; width: 9px; height: 5px; bottom: 7px; left: 5px; border-top: none; border-right: none; 
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	content: "";
}
.loancomparison_checkbox label:hover::after {
	opacity: 0.5;
}
.loancomparison_checkbox input[type=checkbox]:checked + label:after {
	opacity: 1;
}

/* PlusMinus */
.cssCircle {
display: inline-block;
cursor: pointer;
font-size: 28px;
color: #12ab49;
vertical-align: middle;
margin-bottom: 5px;
background: #fff;
border-radius: 50%;
height: 28px;
width: 28px;
line-height: 22px;
text-align: center;
border: 2px solid #12ab49;
margin-top: 2px;
}

.cssCircle:hover {
  cursor: pointer;
}

.cssCircle.minusSign{
margin-right: 10px;
}

.sliderteksti{
padding-right: 10px;
    font-size: 16px;
}


.cssCircle.plusSign {
    margin-left: 5px;
}