/* General Rules */
#sl_form {
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	margin: 20px 0;
	padding:10px;
	font-size:16px;
	color: #585858;
}

#sl_form .sl_grid {display:grid;grid-template-columns:49% 49%;grid-column-gap: 2%;margin: 0 auto;}
#sl_form .hiding {display:none;}
#sl_form .filters_grid {display:block;max-width: 600px;margin: 0 auto;}

/* Circle Rules */
.circle-down { height: 25px; width: 25px; position: absolute; top: 0; left: 0; border-radius: 12.5px; border: 2px solid #347fff; }
.circle-down:after {content: "";width: 15px;position: absolute;height: 3px;background-color: #347fff;top: 50%;margin-top: -1.5px;left: 50%; margin-left: -7.5px;}
.circle-up { height: 25px; width: 25px; position: absolute; right: 0; top: 0; border-radius: 12.5px; border: 2px solid #347fff; }
.circle-up:after {content: "";width: 15px;position: absolute;height: 3px;background-color: #347fff;top: 50%;left: 50%; margin-top: -1.5px;margin-left: -7.5px;}
.circle-up:before {content: "";width: 3px;position: absolute;height: 15px;background-color: #347fff;top: 50%;left: 50%;margin-top: -7.5px;margin-left: -1.5px;}
.circle-up:hover, .circle-down:hover { background-color: #FFC801; cursor: pointer; }
.circle-control {touch-action: none;}

.output-number {color: #585858;font-size:25px;}
.output-number output {color: #347fff;font-weight: 900;}
.output-pad	{ padding: 0 25px; line-height: 25px; min-height: 25px; position: relative;text-align: center;}

/* Sliders */
.sl,
.sl__fill, input[type=range] {background: #e6e6e6;display: block;height: 6em;box-sizing: border-box;border-radius: 3em;}

.sl {position: relative;height: 8px;width: 100%;margin:1em 0;}

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

.sl__fill {height: 8px;width: 100%;background: #347fff;position: absolute;top: 0;}

.sl__handle {background: #fff;cursor: pointer;display: inline-block;border: 10px solid #347fff;width: 10px;height:10px;position: absolute;top: -11px;border-radius: 50%;box-sizing: content-box !important;}

.sl-range {margin-bottom: 24px;}

.hidesliders {text-align: center;}
a#hidesliders {text-decoration: none;border: 1px solid #ccc;color:#cccccc;padding: 6px 12px;border-radius: 16px;}


/* Number of Offers */
.companys_matches {text-align:center; margin: 12px; color:#585858;}
.offers, .no-offers {display:none;}

/* Company Box Rules */
#sl_form .company_box {text-align: center;background: #FFF;box-sizing: border-box;}
#sl_form .company_top {padding: 20px; border: 1px solid #f2f2f2;border-radius: 10px;}

/* Logo */
#sl_form .company_box .toprow.full {display:grid;grid-template-columns:30% 30% 30%;grid-column-gap: 5%;align-items: center;}
#sl_form .company_logo {text-align:left;}
#sl_form .company_logo img {max-width: 120px !important;max-height: 50px !important;margin:0 !important;}

/* Details */
#sl_form .company_details {border-right:1px solid #f2f2f2;padding-right: 12px;}
#sl_form .company_details table {width:100%;text-align: left;margin-block-end: 0;}
#sl_form .company_details table td {padding: 0px;border: none;background-color: #fff;}
#sl_form .company_details .details{text-align: right;}

/* Payment */
#sl_form .company_box .toprow .topright {color:#7990a5;font-size:12px;}
#sl_form .payment {font-size:30px;font-weight: 900;color:#585858}

/* Warning */
#sl_form .warning {font-size:14px;color: #343848;text-align: left;margin: 8px 0 0 0;}
#sl_form .warning img {height:30px;width:30px;float:left;margin: 0 10px 0 0;}

/* Dropdown */
.more_info {font-weight: 500;margin-top: 12px;padding-top: 20px;font-size:16px;}
.more_info a.applylink {text-decoration: none;color:#004183;}
.company_apply, .company_moremobile {line-height: 36px;margin-top: 12px;}
.company_apply a ,.company_apply span {display:block;background: #28A745;font-weight:500;color: #FFF !important;text-decoration: none;font-size:16px;}

/* Example */
.example {font-size:12px; color: #666;text-align: left;margin: 8px 0 0 0;}

/* More Info Link */
.readmore { color: #0F63FF; text-decoration: none;margin: 0 16px 0 0;}

/* More Info Content */
.company_box .drop { display: none; margin-top: 12px;}
.company_box .drop .moreestimate {background-color: #cccccc;padding: 12px;margin-bottom: 12px;}
.company_box .dropnumbers {text-align: center;display:grid;grid-template-columns:32% 32% 32%;grid-column-gap: 2%;margin: 12px 0;}
.company_box .dropnumbers span {font-weight: 900;font-size:16px;}
.company_box .dropcontent {text-align: left;display:grid;grid-template-columns:49% 49%;grid-column-gap: 2%;}

/* Show More */
#lc_show_more{text-align:center;cursor:pointer;margin:15px auto 15px auto;}

/* The Modal */
#sl_form .modal {display: none;position: fixed;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;	overflow: auto;	background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}

/* Modal Content */
#sl_form .modal-content {background-color: #fefefe;margin: auto;padding: 12px;border: 1px solid #888;width: 40%;border-radius: 4px;position: relative;top: 50%;transform: translateY(-50%);}

#sl_form .modal-content p,
#sl_form .modal-content h2 {color: #343848;}

/* The Close Button */
#sl_form .closemodal {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold;}

#sl_form .closemodal:hover,
#sl_form .closemodal:focus {color: #343848;text-decoration: none;cursor: pointer;}

#sl_form a.opentooltip5, #sl_form a.opentooltip5:visited{color: #0da1ed;text-decoration: none;}

/* The Close Button */
#sl_form .closetooltip5 {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold;margin-top: -10px;}
#sl_form .closetooltip5:hover,
#sl_form .closetooltip5:focus {color: #343848;text-decoration: none;cursor: pointer;}

/*inputs*/
#sl_form input[type=button] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* 600px wide screens */
@media only screen and (max-width: 600px) {
	#sl_form .sl_grid {display:block;}
	#sl_form .output-number	{font-size:22px;}
	#sl_form .payment {font-size:24px;}
	#sl_form .sl_rates {margin-top: 10px;}
	#sl_form .company_box {}
	#sl_form .company_box .toprow.full {display: block;}
	#sl_form .company_logo {text-align:center;margin-bottom: 12px;}
	#sl_form .company_box .dropcontent {display:block;margin-bottom: 12px;}
	#sl_form .modal-content {width: 80%;}
}