body {font-family: 'Droid Sans';font-size: 14px;background-color:#FFF;/*#e1eed6*/;color:#545454;/*margin-bottom: 60px;*/}

header{display:block;height:100px;text-align:center;background:#033e75;}
	header .logo{display:inline-block;width:430px;height:100px;line-height:100px;background:url('../images/logo_crst.png') top center no-repeat}

.main{margin:0 auto;padding-top:10px;padding-bottom:10px;padding-left:25px;padding-right:25px;margin:10px auto;background:#d3e3c6;/*b0d690*/ /*border:2px solid #8BBF8B;*/border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;border-top-left-radius:10px;overflow: hidden;}
	.main fieldset{padding:15px;}
	.main h2{margin-top:0;font-size:22px;text-align:left}
	.main label{font-weight:600;color:#333}
	
.home{padding:30px;text-align:center}
	.home h1{font-size:88px;color:#7AC142;}
	.home p{margin:20px 0}

.content-holder{background:#d3e3c6;}

h1.page_title{color:#004B8D;}

h3.page_title, h3{color:/*#033E75*/#545454;}

h3 small{color:#648449}

.terms{font-size:10px;}

/**
SEARCH FORM AND SEARCH FORM ITEMS
*/
.search-form{margin: 5px auto;text-align:center;}

#update_password_error_msg, #send_password_error_msg {padding-left:20px;color:#900;display:none;}

#error_msg, #login_error_msg, #zip-code-lookup-error-msg {color:#900;display:none;padding-bottom:5px;margin-bottom:5px;}

/** this makes sure that the glyphicons for the search form show up inside the form fields instead of popping out of them on smaller screen sizes
*/
.has-feedback label.sr-only ~ .form-control-feedback {top: 0;}

.custom-input-button{padding-left:5px;}

label{padding-top:10px;}

/**
PAGE SECTIONS
*/
.installation-scheduler-disabled{background-color:#AAB2A4;padding-top:20px;padding-bottom:10px;/*margin-top:20px;*/}
.order_details-disabled{background-color:#BEC6B6;padding-top:20px;/*margin-top:20px;*/}
.offer_dates-disabled{background-color:#CBD6C2;padding-top:20px;/*margin-top:20px;*/}
.confirmation-disabled{background-color:#DBE8D0;padding-top:20px;/*margin-top:20px;*/}
.create_order-disabled{background-color:#BEC6B6;padding-top:20px;/*padding-bottom:10px;margin-top:20px;*/}

.display-skus-disabled{background-color:#BEC6B6;padding-top:20px;/*padding-bottom:10px;margin-top:20px;*/}
.reserve-dates-disabled{background-color:#CBD6C2;padding-top:20px;/*padding-bottom:10px;margin-top:20px;*/}
.customer-data-disabled{background-color:#BEC6B6;padding-top:20px;/*padding-bottom:10px;margin-top:20px;*/}
.ecommerce-disabled{background-color:#BEC6B6;padding-top:20px;/*padding-bottom:10px;margin-top:20px;*/}
/**
END PAGE SECTIONS
*/

/**
CONTAINER STYLES
*/
.container, .container-fluid{padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto}

	.container: before,.container: after, .container-fluid: before,.container-fluid: after{display: table;content: " "}

	.container: after,.container-fluid: after{clear: both}
/**
END CONTAINER STYLES
*/

/**
LOADER STYLES
*/	
#loader{display: none;z-index: 4000;position:fixed;left: 0; top: 0;}
	#loader-message{color:#FFF;font-size:20px;font-weight:bold;}
#imgAjaxLoader {background-color: #3961B9;opacity: 0.7;margin:0;padding:0;position:fixed;height:100%;width:100%;}
.ajaxLoader{width:500px;height: 300px;position: fixed;top: 50%;left: 50%;text-align:center;padding:10px;margin-left: -250px;margin-top: -100px;}
/**
END LOADER STYLES
*/

/*
CLIENT SELECT STYLES
*/
select option {color: black;}

	select option:first-child {color: grey;}
	
	select option[disabled]:first-child {display: none;}
	
	select.empty {color: grey;}
/*
END CLIENT SELECT STYLES
*/	

/**
CONTENT DISPLAY TABLES
*/
.table > thead > tr > td.order-details,
.table > tbody > tr > td.order-details,
.table > tfoot > tr > td.order-details,
.table > thead > tr > th.order-details,
.table > tbody > tr > th.order-details,
.table > tfoot > tr > th.order-details,
.table > thead > tr.order-details > td,
.table > tbody > tr.order-details > td,
.table > tfoot > tr.order-details > td,
.table > thead > tr.order-details > th,
.table > tbody > tr.order-details > th,
.table > tfoot > tr.order-details > th {background-color: #b6d1a1;}

.table-hover > tbody > tr > td.order-details:hover,
.table-hover > tbody > tr > th.order-details:hover,
.table-hover > tbody > tr.order-details:hover > td,
.table-hover > tbody > tr.order-details:hover > th {background-color: #FFF;}

.table-hover > tbody > tr > td.job-complete:hover,
.table-hover > tbody > tr > th.job-complete:hover,
.table-hover > tbody > tr.job-complete:hover > td,
.table-hover > tbody > tr.job-complete:hover > th {background-color: #E8F4FC;}

.table-striped-green>tbody>tr:nth-child(odd)>td,.table-striped-green>tbody>tr:nth-child(odd)>th{background-color:#edf8e5}
.table-striped-green>tbody>tr:nth-child(even)>td,.table-striped-green>tbody>tr:nth-child(even)>th{background-color:#c6d3bc}

/* hover color: #ddecd0 */
.table-hover > tbody > tr > td.offer-dates:hover,
.table-hover > tbody > tr > th.offer-dates:hover,
.table-hover > tbody > tr.offer-dates:hover > td,
.table-hover > tbody > tr.offer-dates:hover > th {background-color: #ddecd0;}

/* hover color: #ddecd0 */
.table-hover > tbody > tr > td.order-details:hover,
.table-hover > tbody > tr > th.order-details:hover,
.table-hover > tbody > tr.order-details:hover > td,
.table-hover > tbody > tr.order-details:hover > th {background-color: #ddecd0;}
/**
END CONTENT DISPLAY TABLES
*/

/**
NAVIGATION CRUMB
*/
.steps{margin-top:10px;}

.steps a {padding: 10px 12px 10px 25px;margin-right: 5px;background: #efefef;position: relative;display: inline-block;color:#000;text-decoration:none;cursor: default;}

	/*.steps a:hover {cursor: pointer; cursor: hand;}*/

	.steps a:before {width: 0;height: 0;border-top: 20px inset transparent;border-bottom: 20px inset transparent;border-left: 20px solid #FFF;/*#e1eed6*/;position: absolute;content: "";top: 0;left: 0;}

	.steps a:after {width: 0;height: 0;border-top: 20px inset transparent;border-bottom: 20px inset transparent;border-left: 20px solid #efefef;position: absolute;content: "";top: 0;right: -20px;z-index: 2;}

	/*.steps a:last-child:after,*/
	.steps a:first-child:before {border: none;}

	.steps a:first-child {padding-left:15px;   -webkit-border-radius: 4px 0 0 4px;-moz-border-radius: 4px 0 0 4px;border-radius: 4px 0 0 4px;}

	.steps a:last-child {-webkit-border-radius: 0 4px 4px 0;-moz-border-radius: 0 4px 4px 0;border-radius: 0 4px 4px 0;}

	.steps .current {background: #2972B2;color: #fff;}

		.steps .current:after {border-left-color: #2972B2;}

	.steps .complete {background: #76AF2A;color: #fff;}

		.steps .complete:after {border-left-color: #76AF2A;}

	.steps .disabled {background: #C4C4C4;color: #545454;}

		.steps .disabled:after { border-left-color: #C4C4C4;}
/**
END NAVIGATION CRUMB
*/

/**
NAVIGATION CRUMB - small screens
*/
.steps-small{margin-top:10px;font-size:12px;}

	.steps-small a {padding: 5px 6px 5px 12px;margin-right: 10px;background: #efefef;position: relative;color:#000;text-decoration:none;display: block;border-bottom:1px solid white;cursor: default;}
		/*.steps-small a:hover {cursor: pointer; cursor: hand;}*/

	.steps-small .current {background-color:#2972B2;color:#FFF;}

	.steps-small .complete {background: #76AF2A;color: #fff;}

	.steps-small .disabled {background-color:#C4C4C4;color:#545454;}

	.steps-small .current:after, .steps-small .complete:after, .steps-small .disabled:after {content:" ";overflow:hidden;color:transparent;display: block;}
/**
END NAVIGATION CRUMB - small screens
*/

/**
MEDIA QUERIES
*/
@media(min-width: 768px){.container{width: 750px}}

@media(min-width: 992px)
{.container{width: 970px}}

@media(min-width: 1200px)
{.container{width: 1170px}}

/** RESERVE DATES **/
@media only screen and (min-width: 50px) and (max-width: 319px){ 	
	span.date-header {display:block;background-color:#2972B2;margin-bottom:5px;padding:10px;color:#FFF;}
}
@media only screen and (min-width: 320px) and (max-width: 479px){
	span.date-header {display:block;background-color:#2972B2;margin-bottom:5px;padding:10px;color:#FFF;}
}
@media only screen and (min-width: 480px) and (max-width: 767px){	
	span.date-header {display:block;background-color:#2972B2;margin-bottom:5px;padding:10px;color:#FFF;}	
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	span.date-header {display:block;background-color:#2972B2;margin-bottom:5px;padding:10px;color:#FFF;}	
}
/**
END MEDIA QUERIES
*/

/**
FOOTER STYLES
*/
footer{padding: 20px 0 0 0;text-align: center;}
	footer .provided-by{margin-bottom:20px}
	footer .provided-by a{display:inline-block;width:241px;height:73px;line-height:73px;text-indent:-10000px;background:url('../images/installs.png') top center no-repeat}
	footer .inner{height:76px;margin-top:25px;background:url('../images/footer_background.gif') top left repeat-x;}
		footer .inner p,footer .inner a{margin:0;font-size:15px;color:#fff}
		footer .inner p{padding-top:15px}
		footer .inner a{cursor:pointer}
/**
END FOOTER STYLES
*/

/**
SECTION DIVIDER ARROWS
*/
.arrow-holder{text-align:center;padding-left:50%;padding-top:10px;}

.arrow-down {width: 0; height: 0; border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #D3E3C6;}

.arrow-up {width: 0; height: 0; border-left: 20px solid transparent;border-right: 20px solid transparent;border-bottom: 20px solid #FFF;}
/**
END SECTION DIVIDER ARROWS
*/

#service_list{margin-top:10px;} /* this is the services container */
.service-list{text-align:left;margin-bottom:10px;font-size:11px;} /* this is the individual services divs */
.service_text{padding-left:5px;} /* this is a class on the href for a remove sku button */
.two-pixel-margin{margin-bottom:2px;} /* this is for the find your service form fields */


/** EQUAL HEIGHT COLUMSN **/
/**
*	https://scotch.io/bar-talk/different-tricks-on-how-to-make-bootstrap-columns-all-the-same-height
*/
.row.match-my-cols {
    overflow: hidden; 
}

.row.match-my-cols [class*="col-"]{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

.row-centered {
    text-align:center;
}

.col-centered{

margin: 0 auto;
}
.im-centered { margin: auto; max-width: 800px;}

/** PAGE STYLES **/
	/** INDEX **/
	.disabled{background-color:#999;}
	.disable-sku{background-color:#97A38D;}
	.sku-background{background-color:#CBD6C2;}
	#loader-message{color:#FFF;font-size:20px;font-weight:bold;}
	[data-fc-with-sidecart="reveal"].cart-visible [data-fc-store-page],
	[data-fc-with-sidecart="reveal"].cart-visible [data-fc-ui-block] {
		z-index: 100!important;
		-webkit-transform: translate3d(-9px, 0, 0)!important;
		-moz-transform: translate3d(-9px, 0, 0)!important;
		-ms-transform: translate3d(-9px, 0, 0)!important;
		-o-transform: translate3d(-9px, 0, 0)!important;
		transform: translate3d(-9px, 0, 0)!important;
	}
	.gly-flip-horizontal {
	  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
	  -webkit-transform: scale(-1, 1);
	  -moz-transform: scale(-1, 1);
	  -ms-transform: scale(-1, 1);
	  -o-transform: scale(-1, 1);
	  transform: scale(-1, 1);
	}
	/** END INDEX PAGE **/
	
	/** DISPLAY SKUS GRID [sears hometown and outlet] **/
	/*label.sku-checkbox-label {
		float: left;
		padding-left: 3px;
	}
	input.sku-checkbox-input {
		width: 15px;
		height: 15px;
		float: left;
	}
	input[type="checkbox"], 
	input[type="radio"],
	input.radio,
	input.checkbox {
		vertical-align:text-top;
		width:13px;
		height:13px;
		padding:0;
		margin:0;
		position:relative;
		overflow:hidden;
		top:2px;
	}*/
	
	.sku-header{font-size:16px;font-weight:bold;}
	.sku-description{font-size:12px;font-weight:normal;line-height:14px;}

	input[name=haulaway]{display:none;}
	.glyphicon-white, .glyphicon-white a {
	  color: #fff;
	}
	
	input[name=gas_appliance]{display:none;}
	.glyphicon-white, .glyphicon-white a {
	  color: #fff;
	}
	
	/** RESERVE DATES **/
	.table-striped-column > tbody > tr td:nth-of-type(odd) {
	  background-color: #7DC2D0;
	}
	.table-striped-column > tbody > tr td:nth-of-type(even) {
	  background-color: #82CEDD;
	}
	
	.table-responsive
	{
		overflow-x: auto;
	}
	
	span.date-header {display:block;background-color:#2972B2;margin-bottom:5px;padding:10px;color:#FFF;text-align:center;}
	
	.stripe{padding:10px 10px 10px 10px;}
	
	.stripe:nth-of-type(odd) {
		background-color: #7DC2D0;
	}
	
	.stripe:nth-of-type(even) {
		background-color: #82CEDD;
	}
	
	label.radio-inline, label.checkbox-inline, label.radio, label.checkbox {
	  background-color: #dcdfd4;
	  cursor: pointer;
	  font-weight: 400;
	  font-size:12px;
	  margin-bottom: 10px !important;
	  margin-right: 2%;
	  margin-left:0;
	  padding: 10px 10px 10px 30px;
	}
	label.radio-inline.checked, label.checkbox-inline.checked, label.radio.checked, label.checkbox.checked {
	  background-color: #266c8e;
	  color: #fff !important;
	  text-shadow: 1px 1px 2px #000 !important;
	}
	.columns label.radio-inline, .columns label.checkbox-inline {
	  min-width: 190px;
	  vertical-align: top;
	  width: 30%;
	}
	.columns label.radio, .columns label.checkbox-inline {
	  vertical-align: top;
	  width: 100%;
	}
	.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline,  .radio + .radio {
	  margin-left: 0;
	}
	/** END RESERVE DATES **/
	.paymentModal {
		display: none; /* Hide modal by default */
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background-color: white;
		padding: 20px;
		border-radius: 5px;
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
		z-index: 1000;
		max-height: 80vh; /* Set maximum height for the modal */
		overflow-y: auto; /* Enable vertical scrolling */
	}
/** END PAGE STYLES **/