/* General Rules */
#kiirlaenu_form {
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	margin: 20px 0;
	display:grid;
	grid-template-columns:30% 70%;
	grid-column-gap: 30px;
}

#kiirlaenu_header {border: 1px solid #E7E7E7; border-radius: 12px ;padding: 20px;box-shadow: 0 6px 25px -2px rgba(13,27,38,.1607843137);}

#kiirlaenu_header h2 {font-size: 20px;text-align: center;}

/* Sets up the sliders and filters */
.kiirlaenu_grid {display:block;max-width: 100%;margin: 20px auto;}
.filters_grid {display:block;max-width: 100%;margin: 18px auto;}

#kiirlaenu_form .sliderlabels {display:grid;grid-template-columns:50% 50%;grid-column-gap: 0;line-height: 25px;font-size:125%;margin-bottom: 12px;}
#kiirlaenu_form .rangelabels {display:grid;grid-template-columns:50% 50%;grid-column-gap: 0;color: #cccccc;line-height: 12px;font-size:75%;margin-bottom: 12px;}
#kiirlaenu_form .rangelabels .max-label {text-align: right;}

/* Slider controls */
.kiirlaenu_slider {display:grid;grid-template-columns:12% 76% 12%;grid-column-gap: 0;position: relative;}

#kiirlaenu_form  .output-value {text-align: center;margin-bottom: 12px;font-size: 30px;}
.kiirlaenu_slider svg {cursor: pointer;fill: #482d70}
.kiirlaenu_slider div.plus {text-align:right;}
.circle-control {touch-action: none;}

/* Sliders */
.kiirlaenu,
.kiirlaenu__fill,
input[type=range] {
	display: block;
	box-sizing: border-box;
	border-radius: 3px;
	background-color: #E7E7E7;
}

.kiirlaenu {
	position: relative;
	height: 6px;
	width: 100%;
	margin:10px 0;
}

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

.kiirlaenu__fill {
	height: 6px;
	width: 100%;
	position: absolute;
	top: 0;
	background-color: #482d70;
}

.kiirlaenu__handle {
	background: #ffffff;
	color:#fff;
	cursor: pointer;
	display: inline-block;
	width: 25px;
	height: 25px;
	top: -10px;
	border-radius: 12.5px;
	border: 3px solid #482d70;
	position:relative;
}

#kiirlaenu_form .desktoplabel {display:block;}
#kiirlaenu_form .mobilelabel {display:none;}

#kiirlaenu_form .kiirlaenu_matches {text-align:center;font-size:14px;margin-bottom: 20px;}
.one-offer, .no-offers {display:none;}

.kiirlaenu_rates {display: grid; grid-template-columns:32% 32% 32%;grid-column-gap: 2%;margin: 0;}

/* Example */
.examplecalc {text-align: center;font-size: 12px;}
.exampleblurb {text-align: center;font-size: 13px;color:#54595F;margin: 20px 0;}

/* Checks */
.kiirlaenu_checks .check {display: flex;align-items: center; gap: 8px;font-size:24px;margin: 12px 0;}

/* Company Box Rules */
.kiirlaenu_box {text-align: left; padding: 20px;box-sizing: border-box;position: relative;background:#ffffff; margin-bottom: 30px;border: 1px solid #E7E7E7;border-radius:12px;box-shadow: 0 6px 25px -2px rgba(13,27,38,.1607843137);max-height: 270px;}

/* numbering */
.kiirlaenu-numbering {
    position:absolute;
    left:0;
    top:0;
    z-index:5;
    overflow:hidden;
    width:20px;
    height:20px;
    font-size:14px;
    padding: 1px 0 0 0;
    text-align: center;
    background: #482d70;
    border-radius: 12px 0 4px 0;
    color: #ffffff;
}

.kiirlaenu-numbering-circle {
    position:absolute;
    left:5px;
    top:5px;
    z-index:5;
    overflow:hidden;
    width:24px;
    height:24px;
    font-size:16px;
    background: #ffffff;
    border-radius: 50%;        /* makes it a circle */
	display: flex;             /* center the content */
	align-items: center;       /* vertical centering */
	justify-content: center;   /* horizontal centering */
	border: 2px solid #482d70;
    color: #585858;
}

/* Promo Ribbon */
.kiirlaenu_box .kribbon {position: absolute; top: -1px; left: 12px; transform: translate(0,-100%); border-radius: 4px 4px 0 0;padding: 2px 4px;line-height:20px;}

.kiirlaenu_box .toprow {display: block;}

/* Top row */
.kiirlaenu_box .toprow {text-align:center;}
.kiirlaenu_box .company_logo {text-align:center;display: inline-block;vertical-align: text-top;min-width: 140px;}
.kiirlaenu_box .company_logo img {max-width: 120px !important;max-height: 40px !important;margin:0 !important;}
.kiirlaenu_box .company_name {text-align:left;display: inline-block;vertical-align: text-top;}
.kiirlaenu_box .company_name .companyname {font-size:140%;font-weight: 900;}

/* Middle row */
.company_details span.label {display:block;font-size:60%;}
.kiirlaenu_box .midrow table {width:100%;text-align:center;border:none;}
.kiirlaenu_box .midrow table td {padding: 6px 0;border:none;border-bottom: 1px solid #cccccc;}
.kiirlaenu_box .midrow table td.last {border: none;}

/* Bottom row */
.kiirlaenu_box .lowrow {margin-top: 10px;text-align: center;}

/* Apply Button */
.company_apply {text-align: center;margin: 20px 10% 0;}
.company_apply a {display:block;font-weight:500;text-decoration: none;border-radius: 18px;line-height: 36px;background-color: #482d70;color:#ffffff;}
.company_apply .sponsored {font-size: 60%;}

/* 600px wide screens */
@media only screen and (max-width: 600px) {
	#kiirlaenu_form {display:block;}
	.kiirlaenu_grid {display:block;}
	.kiirlaenu_slider {grid-template-columns:8% 84% 8%!important;}
	.kiirlaenu_rates {grid-template-columns:49% 49%;grid-column-gap: 2%;margin:0;}
	.kiirlaenu_box .kribbon {font-size:12px;line-height: 14px;}
	.kiirlaenu_box .toprow {display: block;}
	.kiirlaenu_box .readmore {display: none;}
	.kiirlaenu_box .company_logo {text-align:center;margin: 0 auto;min-width: 100%}
	.kiirlaenu_box .midrow {display: block;margin: 12px 0;}
	.kiirlaenu_box .midrow table {font-size:12px;}
	.kiirlaenu_box .midrow table td {padding: 2px 0;}
	.kiirlaenu_box .lowrow {display:none}
	.company_details:first-of-type {text-align: left;}
	.company_details:last-of-type {text-align: right;}
	.company_apply {margin: 16px 0;}
	#kiirlaenu_form .desktoplabel {display:none;}
	#kiirlaenu_form .mobilelabel {display:block;}
	#kiirlaenu_form .features {margin-top:12px;}
	#kiirlaenu_form .example {margin-bottom: 12px;}
	#kiirlaenu_form .kiirlaenu_checks {display: none;}
	.kiirlaenu__handle {width: 30px;height: 30px;top: -12.5px;border-radius: 15px;}
}
	/* Ribbon */
	.kiirlaenu_box .kribbon {background-color:#0BDA51;color: #FFFFFF}