/* High resolution Screen mixin */
/* ######################################### # Application wide variables ######################################### */
 .red {
	 color: #d82c2c;
}
/* ######################################### # Global Mixins ######################################### */
 .box-card, label.fuel-prices-container, input[type="text"].order-form-input, select#order_delivery_date, select#order_fill, textarea.order-form-input {
	 -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;
}
 label.fuel-prices-container {
	 -webkit-border-radius: 5px;
	 -moz-border-radius: 5px;
	 border-radius: 5px;
	 padding: 20px;
	 text-align: center;
	 height: 220px;
	 opacity: 0.7;
	 border: 2px solid #fff;
	 transition: 0.4s;
}
 label.fuel-prices-container h4 {
	 display: block;
	 overflow: hidden;
	 height: 50px;
}
 label.fuel-prices-container .circle {
	 display: block;
	 width: 36px;
	 height: 35px;
	 margin: 20px auto 0;
	 -webkit-border-radius: 18px;
	 -moz-border-radius: 18px;
	 border-radius: 18px;
	 border: 1px dashed #4b4b4b;
	 transition: 0.4s;
	 background: #fff;
}
 label.fuel-prices-container:hover {
	 opacity: 1;
	 cursor: pointer;
}
 input[type="radio"] {
	 display: none;
}
 input[type="radio"]:checked + label {
	 border: 2px solid #f5a623;
	 opacity: 1;
}
 input[type="radio"]:checked + label .circle {
	 background: #f5a623;
	 border-color: #9f670b;
	 border: 1px solid #9f670b;
}
 input[type="text"].order-form-input, select#order_delivery_date, select#order_fill {
	 border: none;
	 outline: none;
	 -webkit-border-radius: 5px;
	 -moz-border-radius: 5px;
	 border-radius: 5px;
	 margin: 20px 0;
	 width: 100%;
	 font-family: "proxima-nova";
	 font-weight: 700;
	 font-size: 70px;
	 height: 100px;
	 text-align: center;
	 color: #f5a623;
	 -webkit-appearance: none;
}
 select#order_delivery_date, select#order_fill {
	 padding-left: 20px;
}
 textarea.order-form-input {
	 border: none;
	 outline: none;
	 -webkit-border-radius: 5px;
	 -moz-border-radius: 5px;
	 border-radius: 5px;
	 margin: 20px 0;
	 width: 100%;
	 font-family: "proxima-nova";
	 font-weight: 300;
	 font-size: 18px;
	 padding: 15px;
}
 select#order_delivery_date, select#order_fill {
	 font-size: 40px;
	 height: 100px;
}
 input[type="submit"].order_form, .card-error-back-button {
	 border: none;
	 outline: none;
	 -webkit-border-radius: 5px;
	 -moz-border-radius: 5px;
	 border-radius: 5px;
	 font-family: "proxima-nova";
	 font-weight: 700;
	 font-size: 30px;
	 text-transform: uppercase;
	 padding: 10px 30px;
	 background-color: #2d2d2d;
	 color: #fff;
	 width: 100%;
	 transition: 0.4s;
}
 input[type="submit"].order_form:hover, .card-error-back-button:hover {
	 background-color: #84bf41;
}
 #order-total-line-item {
	 padding: 10px;
	 border-bottom: 1px solid #a6a6a6;
	 width: 50%;
	 margin: 0 auto 10px;
}
 #order-total-line-item h4 {
	 font-size: 25px;
}
 #order-subtotal-line-item span, #order-tax-line-item span, #order-subtotal-line-item h4, #order-tax-line-item h4 {
	 font-size: 17px;
}
 #order-tax-line-item {
	 padding: 10px;
	 border-bottom: 1px solid #a6a6a6;
	 width: 50%;
	 margin: 0 auto;
}
 .stripe-button-el {
	 margin-bottom: 20px;
}
 .order-discount-list {
	 margin: 0 20px;
	 padding: 0;
}
 .order-discount-list li {
	 padding: 10px;
	 list-style: none;
	 margin: 0;
}
 .card-error-title, .card-error-reason {
	/* Your card was declin: */
	 font-family: "proxima-nova";
	 font-weight: 700;
	 font-size: 37px;
	 color: #2d2d2d;
	 letter-spacing: 1.23px;
	 line-height: 45px;
	 margin-top: 30px;
}
 .card-error-reason {
	 font-weight: 300;
}
 .card-error {
	 margin: 50px 0 0 0;
}
 .card-error-back-button {
	 margin-top: 25px;
}
 .card-error-back-button:hover {
	 color: #fff;
}
 .field_with_errors input {
	 background-color: #f00 29 !important;
	 border: 2px solid #d27c7c 24 !important;
	 color: #d82c2c !important;
}
 .order-errors {
	 background-color: #f00 29;
	 width: 75%;
	 text-align: center;
	 margin: auto;
	 padding: 20px;
	 margin-top: 15px;
	 border: 2px solid #d27c7c 24;
}