/** Shopify CDN: Minification failed

Line 559:24 Unexpected ".4x8_sd_addon"

**/
/** Shopify CDN: Minification failed

Line 524:24 Unexpected ".4x8_sd_addon"

**/
/* V3.2 - 240320-1720P */

center {
  background-image: url("https://saferacks.com/cdn/shop/files/ext-SAFE_OverheadStorageRack_23-39_e15108cf-9835-445a-9428-b74da8727e3c.jpg");
  background-size: cover;
  max-width: 1300px;
  min-width: 650px;
  margin: auto;
  min-height: 650px;
  padding: 100px;

  @media screen and (max-width: 649px) {
    max-width: 350px;
    min-width: 350px;
    padding: 20px;
    padding-top: 50px;
    min-height: 400px;
  }
}


#pro_result_content h4 {
	/* font-family: sans-serif; */
	font-size: 1.1em;  /* changed 12/21/23 - mike */
	font-weight: bold;	
	width: 100%;
    margin-top: 0.2em;
    margin-bottom: 0.5em;
    text-rendering: optimizeSpeed;
}

#pro_result_content .nav-tabs .nav-link {
	color: #495057;
}

#pro_result_content .nav-tabs .nav-link.active {
	/* color: #0070F2; */
	background-color: #FFFFFF; /*#F5F2F2;*/
    color: black; /* added */
}

.pro-search-go {
	cursor: pointer;
}

.pro_search_form a:hover{
    text-decoration: none;
}

#pro_search_spinner {
	display: none;
	color: #007bff!important;
}

#pro_container {
  padding: 40px;
}

#pro_container,#pro_result_content .button {
	margin-bottom: 1em;
	padding: 0 1.2em;
	font-weight: bolder;
	/*cursor: pointer;  commented out 12/14/23 - mike */
}

.button is-smaller {
  padding: 0px;
}

#pro_result_content .button.is-outline {
    /* border: 2px solid currentColor; */
    background-color: transparent;
	line-height: 2.19em;
}

#pro_result_content .secondary.is-outline {
	color: #b82323;
}

#appt.install_pro {
	padding: 0px;
}

.install_pro.lightbox-content {
	background-color: white;
	margin: 0 auto;
	/*overflow-x: scroll;*/
}

a.button.arrow-scroll i.bt-icon {margin:0;}

#pro_container #pro_result_content .pro_header {
	display: inline-flex;
	flex-direction: row;
	width: 100%;
	position:relative;
}
#pro_container #pro_result_content a.back_to_form {
	color: #444;
	/* font-size: 9px !important; */
	position:relative;
    padding: 0px !important; /* added */
    min-width: 10px; /* added */
}

a.back_to_form:hover {
  text-decoration: none; /* added */
}

#pro_container #pro_result_content .pro_header h4 {
	display: inline-block;
	text-align:center;
  /* added: */
  letter-spacing: normal;
  font-size: 24px;
  font-family: field-gothic-condensed, sans-serif;
}

#pro_container .pro_query_response h4.result-header span.status-true {
	 display:inline;
  /* added: */
  letter-spacing: normal;
  font-size: 18px;
  font-family: field-gothic-condensed, sans-serif;
}
#pro_container .pro_query_response h4.result-header span.status-false {
	 display:none;
  /* added: */
  letter-spacing: normal;
  font-size: 18px;
  font-family: field-gothic-condensed, sans-serif;
}

#pro_container .pro_installer_message {
  font-size: 15px;
  padding: 0 15px;
  margin-top: 10px;
}

#pro_container .pro_inv_message {
  padding: 0 15px;
}

#pro_install_type {
	display: flex;
	justify-content: center;
}

#pro_install_type_wrapper {
	text-align: center;
	padding-bottom: 10px;
}

#pro_install_type_wrapper span#select_install_type_prompt {
	font-size: 16px;
	/* color: #0070F2; */
}

#pro_install_type_wrapper label#select_install_type_prompt {
	font-size: 16px;
	/* color: #0070F2; */
	/* margin-left: 15px; */
}

#pro_install_type_wrapper span#io_overhead_price, div.pro_inv_message span#io_overhead_price, #pro_install_type_wrapper span#pro_prices {
	/* color: #0070F2; */
}

#pro_install_type_wrapper label {
	font-weight: 700;
}

#pro_install_type_wrapper select, #pro_install_type_wrapper option {
	font-weight: 700;
	/* margin-left: 15px; */
    padding: 5px; /* added */
    border: none; /* added */
}

#pro_container button#book_next_button {
	font-size: 15px;
}

.pro_market.rates {
	display: inline-block;
	width: 100%;
	position: relative;
	/*border-top:2px solid #EEE;  commented out 12/20/23 - mike */
}

#pro_result_content h5.market-pricing-header {
	 display:none;
}
.toggle-list i {
	padding: 0;
	margin: 0;
	position: relative;
	display: inline;
	line-height: 2;
	font-weight: 800 !important;
}
#toggle_markets:hover {
	background: transparent !important;
}

#toggle_markets {
	  display:none;
	padding: 0 15px !important;
	line-height: 1;
	height: 28px;
	font-size: 10px;
	margin: 0;
	background: transparent;
	color: #444;
	border: none;
	font-weight: 800;
}

#toggle_markets i {
	font-size: 15px;
}
#slideRight i, #slideLeft i {
	padding: 0;
	margin: 0;
	position: relative;
	display: inline;
	line-height: 2;
	font-size: 20px;
	font-weight: 800 !important;
}
#slideRight, #slideLeft {
	width: 40px;
	height: 40px;
	padding: 0;
	display: inline-block;
	margin: 0;
	overflow: hidden;
	text-align: center;
	line-height: 15px;
	z-index: 2;
	border: 1px solid #6C625E;
	background: #46453F;
}
#slideLeft {
	position: absolute;
	top:calc(50% - 20px);
	  left:0;
}
#slideRight {
	position: absolute;
	top:calc(50% - 20px);
	  right:0;
}
.pro_market:not(.scroll-view) #slideRight, .pro_market:not(.scroll-view) #slideLeft {
	  display:none !important;
}
#pro_result_content .pro_market.scroll-view #slideRight, #pro_result_content .pro_market.scroll-view #slideLeft {
	display:inline-block:
}
/* Hide scrollbar for Chrome, Safari and Opera */
#pro_result_content ul.installer-price-rate::-webkit-scrollbar {
	display: none;
}
#pro_result_content .pro_market.scroll-view ul.installer-price-rate {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding: 30px 5px;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  -webkit-overflow-scrolling: touch;
}
#pro_result_content .pro_market.scroll-view ul.installer-price-rate li {
	flex: 0 0 auto;
}

#pro_container {
	display: block;
	/* max-width: 860px; */
    max-width: 600px; /* added */
	margin: 0 auto;
	width: 100%;
	padding: 10px 15px;
	border: 1.5px solid #DDDADA;
	min-height: 200px;
}
#pro_container .row.pro_search_form.active {
	margin: 0 auto;
	text-align:center;
	padding-right:20px;
}

.pro_search_form .col-sm-12.searchform {
	width: initial;
	display: inline-block;
	margin: 20px auto 20px;
	clear: both;
	position: relative;
}
#pro_container .result_notice.active {
	background: #F3F9FF;
	padding: 3px 10px;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	border: 1px solid #D7DEE8;
	color: #115a86;
}
#pro_container .pro_search_form .searchform.active {
	display: inline-block;
	position: relative;
}
#pro-search-input, #proButtonClick {
	display: inline-block;
	position: relative;
	clear: unset;
	width: inherit;
	max-height: 34px !important;
	height: 100%;
}
#proButtonClick {
	padding: 2px 10px;
	top: 0px;
	border: 3px solid #00569E;
	position: relative;
	display: inline-block;
	/* line-height: 2; */
	  text-align:center;
    min-height: 20px !important;
    min-width: 40px !important;
}
#proButtonClick i {
	margin: 0;
}
#pro_container .pro_search_form.active label {
	display: inline-block;
	position: relative;
	margin: 0 0 0 10px;
	font-size: 13px;
}
#pro_container #pro-search-input {
	margin: 0;
	padding: 2px 10px;
	right: -5px;
	z-index: 0;
	border: 2px solid #CCC;
	display: inline-block;
	top: 0px;
	font-size: 16px;
	font-weight: 800;
	letter-spacing: 1px;
	color: #005b9e;
}
#pro_container .global_notice:not(:active),
#pro_container .pro_search_form:not(:active), 
#pro_container .result_notice:not(:active), 
#pro_result_content:not(:active) {
  display:none;
}

#pro_container .global_notice.active {
	display: inline-block;
	width: inherit;
	max-width: 100%;
}
	
#pro_container .pro_search_form.active, 
#pro_container .result_notice.active, 
#pro_container #pro_result_content.active {
	display: inline-block;
	width: inherit;
	max-width: 100%;
}
#single-result pre {
	background: #fff;
	width: inherit;
	display: inline-block;
	  max-width: 100%;
}
#pro_container .pro_query_response h4 span {
	/* background: #00569e; */
    background: none; /* added */ 
	/* padding: 2px 16px; */
    margin-top: -2px; /* added */
	/* border: 1px solid #082946; */
	font-size: 12px;  /* changed 12/21/23 - mike */
	line-height: inherit;  /* changed 12/21/23 - mike */
	vertical-align: middle;  /* added 12/21/23 - mike */
	display: inline-block;
	/* color: #fff; */
    color: black; /* added */
	font-weight: 800;
	margin-left: 5px;
	letter-spacing: 2px;
}
#pro_container #pro_result_content .search_response { }
#pro_container #pro_result_content a.back_to_form {
	color: #444;
	position:absolute;
    padding: 0px !important; /* added */
    min-width: 60px; /* added */
    min-height: 40px; /* added */
    border: none; /* added */
}
#pro_container #pro_result_content .search_response span.underline {
		text-decoration:underline;
		  font-weight:bold;
		  border-color:#888;
}
#pro_container #pro_result_content a.back_to_form:hover {
	background: unset;
	color: #444;
	border-color: #444;
    min-width: 60px; /* added */
    min-height: 40px; /* added */
}

#pro_container .result_notice.active strong {
	font-weight: 700;
	background: #165D89;
	padding: 2px 10px;
	color: #FFF;
	font-size: 11px;
	margin-right: 5px;
}
#pro_container .result_notice.active {
	max-width: 500px;
	margin: 0 auto;
	display: block;
	line-height: 1.4;
	padding: 10px 10px;
}

/********* pro_installer_action (original) **********/

.pro_installer_action {
	display: block;
	margin: 0 auto;
		margin-bottom: 0px;
	max-width: 500px;
	width: 100%;
	text-align: center;
	padding: 10px 0 0;
	background: #F9F9F9;
	vertical-align: middle !important;
	margin-bottom: 10px;
	border: 2px solid #E8E9EC;
}
.pro_installer_action a {
	margin-right: 5px;
}

.pro_installer_action a.booking-link {
	margin-right:5px;
}
.pro_installer_action .phone_set .phone_text {
	font-size: 11px;
	max-width: 57px;
	display: inline-block;
	text-align: left;
	line-height: 1;
	font-weight: 700;
	margin-left: 5px;
	color: #5C6FB3;
}
.pro_installer_action .phone_set {
	display: inline-block;
}

.pro_installer_action .booking-phone {
	/* color: #007bff; */
  color: black; /* added */
}

/********* pro_installer_action_v2 (12/21/23) **********/

.pro_installer_action_v2 {
	display: block;
	margin: 0 auto;
	margin-bottom: 0px;
	max-width: 500px;
	width: 100%;
	text-align: center;
	padding: 10px 0 0;
	/* background: #F9F9F9; */
	vertical-align: middle !important;
	margin-bottom: 10px;
	/* border: 2px solid #E8E9EC; */
    margin-top: 20px; /* added */
}

.pro_installer_action_v2 a {
	margin-right: 5px;
}
.pro_installer_action_v2 a.button {
	/* font-size: 0.7em; */
  cursor: pointer;
}

.pro_installer_action_v2 a.button:hover {
	/* font-size: 0.7em; */
  cursor: pointer; /* added */
  text-decoration: none; /* added */
}

.pro_installer_action_v2 a.booking-link {
	margin-right:5px;
}

.pro_installer_action_v2 .phone_set .phone_text {
	font-size: 14px;
	max-width: 70px;  /* changed from 57px to 70px 12/21/23 - mike */
	display: inline-block;
	text-align: left;
	line-height: 1;
	font-weight: 900;
	vertical-align: text-top;
	margin-left: 10px;  /* changed from 5px to 10px 12/21/23 - mike */
	color: #5C6FB3;
}

.pro_installer_action_v2 .phone_set {
	display: inline-block;
}

.pro_installer_action_v2 .booking-phone {
	/* color: #007bff; */
  color: black; /* added */
}


/********* BROWN STYLE **********/
.dark .brown_pro #pro_container #pro_result_content a.back_to_form {
	color: #fff;
    min-width: 10px; /* added */
}
.brown_pro #pro_container {
	display: block;
	/* max-width: 860px; */
  max-width: 600px; /* added */
	margin: 0 auto;
	width: 100%;
	padding: 10px 15px;
	border: 1.5px solid #403730;
	min-height: 150px;
	background: #827769;
}

.installer-price-rate li.4x8_sd_addon {
	display:none !important;
}
ul.installer-price-rate { /* added */
  padding: 0px !important;
}
ul.market-info ul.installer-price-rate li.io_overhead .market-price {
	background: #FFFAEB;
	color: #3c2700;
}
ul.market-info ul.installer-price-rate li.io_overhead .market-price::before {
	background: #3c2700;
}
ul.installer-price-rate span.market-price::before {
  /* removed:
    line-height: 15px;
    font-family: sans-serif,Open Sans, Mono, Courier; 
    color: #FFF;
    font-size: 11px;
    height: 15px;
    padding: 0;
    top: 30%; 
    left: -10px; 
    color: #FFF; */
  content: "$";
  position: absolute;
  width: 15px;
  margin: 0;
  /* added: */
  font-family: field-gothic-condensed, sans-serif !important;
  line-height: 1 !important;
  border: none;
  background: none !important;
  border: 0px !important;
  border-radius: 0px !important;
  color: black !important;
  font-size: 14px !important;
  height: 20px !important;
  padding: 3px 0px 0px 4px !important;
  top: 9px !important;
  left: -4px !important;

@media screen and (max-width: 649px) {
  top: -4px !important;
  padding: 0px 0px 0px 4px !important;
}
}

ul.installer-price-rate span.market-price {
  /* removed:
    padding: 3px 8px;
    font-family: Courier;
    line-height: 49px;
    font-family: sans-serif,Open Sans, Mono, Courier; 
    text-align: center; 
    right: 0;
    border-left: 1px solid #E3E3E3; */
  font-weight: 600;
  position: absolute;
  top: 0;
  height: 100%;
  display: inline-block;
  width: 45px;
  /* added: */
  font-family: field-gothic-condensed, sans-serif !important;
  line-height: 1 !important;
  border: none;
  border-left: none !important;
  padding-top: 11px !important;
  text-align: left !important;
  right: -10px;
}

ul.installer-price-rate span.market-label {
  color: black !important;
}

ul.market-info ul.installer-price-rate li {
  max-width: 265px !important; /* added */
}

ul.market-info ul.installer-price-rate li.io_overhead .market-label {
	color: #423826;
}

@media screen and (max-width:500px){
	.mfp-ready .mfp-container.mfp-s-ready {
		padding: 0;
		height: 100%;
	}
	.mfp-auto-cursor .mfp-content {
		cursor: auto;
		height: 100%;
	}
	#pro_container #pro_result_content.active {
		display: inline-block;
		width: inherit;
		max-width: 100%;
		overflow-y: scroll;
		/* max-height: calc(100vh - 30px);
		overflow-x: hidden; */
	}

	.market-info .installer-price-rate {
		text-align: center;
	}
}

#proBackSearch {
  cursor: pointer;
}