/* High resolution Screen mixin */
/* ######################################### # Application wide variables ######################################### */
 .red {
	 color: #d82c2c;
}
/* ######################################### # Global Mixins ######################################### */
 .box-card, .square-card-container, .fuel-prices-container, .delivery-site-container, .add-delivery-site-container, #form-frame {
	 -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.06);
	 -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.06);
	 box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.06);
	 background-color: #fff;
	 -webkit-border-radius: 2px;
	 -moz-border-radius: 2px;
	 border-radius: 2px;
	 overflow: hidden;
}
 .square-card-container, .fuel-prices-container, .delivery-site-container, .add-delivery-site-container {
	 display: block;
	 width: 275px;
	 height: 275px;
	 margin: 50px auto 0 auto;
}
 .square-card-container p, .fuel-prices-container p, .delivery-site-container p, .add-delivery-site-container p {
	 font-size: 15px;
	 padding: 0 10px;
	 line-height: 20px;
}
 .square-card-container .icon-container, .fuel-prices-container .icon-container, .delivery-site-container .icon-container, .add-delivery-site-container .icon-container {
	 display: block;
	 width: 100%;
	 height: 162px;
	 line-height: 162px;
}
 .square-card-container .icon-container img, .fuel-prices-container .icon-container img, .delivery-site-container .icon-container img, .add-delivery-site-container .icon-container img {
	 vertical-align: middle;
}
 @media (max-width: 768px) {
	 .square-card-container, .fuel-prices-container, .delivery-site-container, .add-delivery-site-container {
		 width: 260px;
		 height: 260px;
	}
	 .square-card-container .icon-container, .fuel-prices-container .icon-container, .delivery-site-container .icon-container, .add-delivery-site-container .icon-container {
		 height: 147px;
		 line-height: 147px;
	}
}
 #account-masthead {
	 background-color: #84bf41;
	 padding-bottom: 20px;
}
 #account-specific-navigation {
	 background-color: #2d2d2d;
	 padding: 5px 0 10px 0;
	 text-align: center;
}
 #account-specific-navigation a {
	 margin: 5px 2px;
	 text-transform: uppercase;
	 display: inline-block;
}
 #account-features li {
	 padding: 5px 0;
	 font-size: 16px;
	 font-weight: 700;
}
 .dashed-hr {
	 border: none;
	 border-bottom: 1px dashed #666;
}
 #form-frame {
	 padding: 20px 0 0 0;
	 text-align: center;
}
 #form-frame #not-verified-notice {
	 color: #d82c2c;
}
 #form-frame input, #form-frame textarea, #form-frame select, #form-frame #form_alert {
	 appearance: none;
	 margin: 5px 0;
	 padding: 6px;
	 border-radius: 4px;
	 border: 1px dashed #666;
	 text-align: center;
	 width: 90%;
	 outline: none;
	 transition: 0.3s;
	 font-size: 18px;
}
 #form-frame input:focus, #form-frame textarea:focus, #form-frame select:focus, #form-frame #form_alert:focus {
	 border-color: rgba(245, 166, 35, 1);
	 background-color: rgba(245, 166, 35, .3);
}
 #form-frame input:focus placeholder, #form-frame textarea:focus placeholder, #form-frame select:focus placeholder, #form-frame #form_alert:focus placeholder {
	 color: rgba(245, 166, 35, 1);
}
 #form-frame input[type=submit], #form-frame textarea[type=submit], #form-frame select[type=submit], #form-frame #form_alert[type=submit] {
	 background-color: rgba(245, 166, 35, .5);
	 border: solid 1px rgba(245, 166, 35, 1);
	 transition: 0.3s;
	 margin-bottom: 20px;
}
 #form-frame input[type=submit]:hover, #form-frame textarea[type=submit]:hover, #form-frame select[type=submit]:hover, #form-frame #form_alert[type=submit]:hover, #form-frame input[type=submit]:focus, #form-frame textarea[type=submit]:focus, #form-frame select[type=submit]:focus, #form-frame #form_alert[type=submit]:focus {
	 background-color: rgba(245, 166, 35, 1);
}
 #form-frame input[type=checkbox], #form-frame textarea[type=checkbox], #form-frame select[type=checkbox], #form-frame #form_alert[type=checkbox] {
	 width: 20px;
	 height: 20px;
	 margin: 0;
	 border-radius: 10px;
	 padding: 0;
}
 #form-frame input[type=checkbox]:checked, #form-frame textarea[type=checkbox]:checked, #form-frame select[type=checkbox]:checked, #form-frame #form_alert[type=checkbox]:checked {
	 background-color: rgba(245, 166, 35, 1);
	 border: solid 1px rgba(245, 166, 35, 1);
}
 #form-frame input[type=file], #form-frame textarea[type=file], #form-frame select[type=file], #form-frame #form_alert[type=file] {
	 margin: 5px auto;
	 text-align: center;
}
 #form-frame input[disabled=disabled], #form-frame textarea[disabled=disabled], #form-frame select[disabled=disabled], #form-frame #form_alert[disabled=disabled] {
	 opacity: 0.7;
	 cursor: not-allowed;
}
 #form-frame input[type=radio], #form-frame textarea[type=radio], #form-frame select[type=radio], #form-frame #form_alert[type=radio] {
	 width: 20px;
	 display: inline-block;
	 height: 20px;
	 margin: 0;
	 border-radius: 10px;
	 padding: 0;
}
 #form-frame input[type=radio]:checked, #form-frame textarea[type=radio]:checked, #form-frame select[type=radio]:checked, #form-frame #form_alert[type=radio]:checked {
	 background-color: rgba(245, 166, 35, 1);
	 border: solid 1px rgba(245, 166, 35, 1);
}
 #form-frame #form_alert {
	 text-align: center;
	 border: none;
	 color: #d82c2c;
	 margin: 0 auto 10px auto;
}
 #form-frame textarea {
	 text-align: left;
}
 #form-frame #remember-me label {
	 margin: 15px 0;
}
 #form-frame small {
	 display: block;
	 padding: 10px 0;
}
 #form-frame label {
	 margin: 20px 20px 0 20px;
}
 #form-frame #error_explanation h2 {
	 font-family: "proxima-nova";
	 font-weight: 700;
	 font-size: 17px;
	 color: #2d2d2d;
}
 #form-frame #error_explanation ul li {
	 text-align: center;
	 border-color: #d82c2c;
	 color: #d82c2c;
	 border: none;
}
 #form-frame #directions-disclaimer {
	 color: #666;
	 font-size: 12px;
}
 #login-frame {
	 padding: 20px 0;
	 margin-top: 20px;
	 background-color: #fff;
	 border-top: 1px dashed #aaa;
	 border-bottom-radius: 4px;
}
 #login-frame span {
	 color: #333;
	 font-family: 'proxima-nova';
	 font-weight: '100';
	 font-size: 18px;
}
 #login-frame span a {
	 display: inline-block;
	 padding: 0px 2px;
	 color: #333;
	 font-weight: 600;
	 transition: 0.2s;
}
 #login-frame span a:hover {
	 color: #d82c2c;
	 text-decoration: none;
}
 .fuel-prices-container {
	 height: auto;
	 padding-top: 30px;
	 padding-bottom: 30px;
}
 .fuel-prices-container h5 {
	 font-size: 51px;
	 padding: 0px 0 10px 0;
	 display: block;
}
 .fuel-prices-container span {
	 text-transform: uppercase;
	 display: block;
	 text-align: center;
}
 .fuel-prices-container span.fuel-title {
	 font-weight: 700;
	 font-size: 17px;
}
 .fuel-prices-container span.per-gallon {
	 font-size: 15px;
	 color: #8a8a8a;
}
 .price-disclaimer {
	 text-align: center;
	 text-transform: uppercase;
	 color: #8a8a8a;
	 font-size: 15px;
	 font-weight: 300;
	 margin-top: 10px;
}
 .price-disclaimer span {
	 color: #8a8a8a;
	 font-size: 15px;
	 font-weight: 300;
	 border-bottom: 1px dashed #000;
}
 .delivery-site-container {
	 overflow: hidden;
}
 .delivery-site-container h5 {
	 padding-top: 20px;
}
 .delivery-site-container address {
	 text-align: center;
	 color: #777;
	 text-transform: uppercase;
	 margin: 0 5px;
}
 .delivery-site-container .details-container {
	 display: block;
	 height: 187px;
	 overflow: hidden;
}
 @media (max-width: 768px) {
	 .delivery-site-container .details-container {
		 height: 172px;
	}
}
 .delivery-site-container .order-button {
	 display: block;
	 text-align: center;
	 background-color: #84bf41;
	 color: #fff;
	 line-height: 55px;
	 text-align: center;
	 font-size: 17.25px;
	 height: 55px;
	 text-transform: uppercase;
	 font-weight: 600;
	 transition: 0.3s;
}
 .delivery-site-container .order-button:hover, .delivery-site-container .order-button:active {
	 text-decoration: none;
	 background-color: #72a539;
}
 .delivery-site-container .order-button.disabled {
	 background: #f5a623;
	 color: #fce3bb;
	 cursor: not-allowed;
}
 .delivery-site-container .bottom-buttons {
	 text-transform: uppercase;
	 background-color: #4b4b4b;
	 display: inline-block;
	 width: 50%;
	 height: 33px;
	 line-height: 33px;
	 font-size: 11px;
	 color: rgba(255, 255, 255, .8);
	 text-align: center;
	 margin: 0;
	 transition: 0.3s;
}
 .delivery-site-container .bottom-buttons:hover, .delivery-site-container .bottom-buttons:active {
	 text-decoration: none;
	 color: rgba(255, 255, 255, 1);
}
 .delivery-site-container .bottom-buttons.delivery-history {
	 border-left: 1px solid #fff;
}
 .add-delivery-site-container {
	 transition: 0.3s;
	 border: 5px solid #fff;
}
 .add-delivery-site-container img {
	 text-align: center;
	 margin: 80px auto 40px auto;
	 display: block;
}
 .add-delivery-site-container:hover {
	 border: 5px solid #f5a623;
}