.checkout-cart {
	padding: 8px;
}
.checkout-cart > .frame {
	background: #ffffff;
	border: 1px solid #e8e8e8;
}

.cart {
	padding: 4px 4px 0 4px;
	margin-bottom: 8px;
}

.cart-frame {
	border: 1px solid #e8e8e8; 
}

.cart-item {
	border-bottom: 1px solid #e8e8e8;
	display: flex;
	background: #ffffff;
	padding: 4px;	
}
.cart-item:last-child {
	border-bottom: none;
}



.cart-item .left,
.cart-item .right {
	display: flex;
	align-items: center;
}
.cart-item .left {
	width: 60%;
}
.cart-item .right {
	width: 40%;
		justify-content: flex-end;
}


.cart-item-image {
	width: 100px;
	padding: 4px;
}

.cart-item-title {
	padding: 4px;
	font-size: 14px;
}

.cart-item-price {
	padding: 4px 8px;
	width: 25%;
}
.cart-item-quantity {
	padding: 4px 8px;
	width: 30%;
}
.cart-item-total {
	padding: 4px 8px;
	font-weight: bold;
	width: 25%;
}

.cart-item-delete {
	padding: 4px 4px 4px 8px;
	width: 20%;
}
.cart-item-delete a {
	color: #e74c3c;
	padding: 2px 4px;

}
.cart-item-sku {
	font-size: 12px;
}

.products-total {
	padding: 4px;
	display: flex;
	margin-bottom: 8px;
}
.products-total .left {
	width: 60%;
}
.products-total .right {
	width: 40%;

border: 1px solid #e8e8e8;
background: #ffffff;	
}

.products-total .item {
	display: flex;
}
.products-total .label {
	width: 55%;
	text-align: right;
	padding: 4px 10px;
	font-size: 16px;
}
.products-total .value {
	width: 45%;
	padding: 4px 5px;
	font-size: 16px;
}
#order-total-label {
	text-transform: uppercase;
	font-weight: bold;	
}
#order-total-value {
	color: #316400;
	font-weight: bold;
}


.total-item {
	padding: 4px;
}
.total-item .frame {
	display: flex;
	padding: 4px;
}
.total-item .left,
.total-item .right {
	display: flex;
	align-items: center;
}
.total-item .left {
	width: 60%;
}
.total-item .right {
	width: 40%;
}
.total-item-title {
	width: 55%;
	text-align: right;
	padding: 4px 8px;
	font-size: 14px;
}
.total-item-value {
	font-weight: bold;
	padding: 4px 8px;
	font-size: 14px;
}

.delivery {
	/*padding: 4px;*/
	display: flex;
}

.delivery .left,
.delivery .right {
	width: 50%;
	padding: 0px 4px 0px 4px;
}

.delivery .frame {
	padding: 0px;
		border: 1px solid #e8e8e8;
		background: #ffffff;
		margin-bottom: 8px;
}
.delivery .frame.error {
	border: 1px solid #FF0000;
}
.delivery-error {
	background: red;
	padding: 4px 8px;
	color: #fff;
	font-weight: bold;
	display: none;
}

.delivery-head,
.cart-head {
	font-size: 16px;
	font-weight: bold;
	/*color: #316400;*/
	padding: 8px 12px;
	background: #e8e8e8;
	text-transform: uppercase;
}

.delivery-item {
	display: flex;
	justify-content: space-between;
	padding: 8px;
	border-bottom: 1px solid #e8e8e8;
}

.delivery-item:last-child {
	border-bottom: none;
}

.delivery-item:focus {
	outline: none;
}

.delivery-item:hover {
	background: #316400;
	color: #ffffff;
}

.delivery-item.disabled {
	display: none;
}

.delivery-item:hover > div,
.delivery-item:hover > div i,
.delivery-item.active:hover > div,
.delivery-item.active:hover > div i {
	color: #ffffff;
}

.delivery-item.active > div {
	font-weight: bold;
	
}
.delivery-item.active > .delivery-item-title {
	color: #316400;
}

.delivery-item-title:before {
  font-family: "fontello";
   content: '\f096';
   font-weight: normal;
}

.delivery-item.active > .delivery-item-title:before {
   content: '\e80a';
     font-weight: normal;
}

.input-block {
	padding: 8px;
}
.input-block-frame {
	border: 1px solid #e8e8e8;
	display: flex;
}
.input-block-frame.error {
	border: 1px solid red;
}
.input-block-error {
	background: red;
	padding: 4px 8px;
	color: #fff;
	font-weight: bold;
	display: none;
}
.input-block label {
	padding: 4px 8px;
	font-weight: bold;
	width: 30%;
	background: #e8e8e8;
	text-align: right;
	white-space: nowrap;
}
.input-block input {
	border: none;
	padding: 4px 8px;
	width: 70%;
}

.input-block textarea {
	width: 100%;
	height: auto;
	padding: 4px 8px;
}

.input-group {
	display: none;
}
.input-group-switch {
	display: none;
}
.input-group-switch:checked ~ .input-group {
	display: block;
}
.input-group-label {
	padding: 8px;
	display: block;
}
.input-group-label:hover {
	background: #316400;
	color: #ffffff;
}
.input-group-label:before {
  font-family: "fontello";
   content: '\f096';
   font-weight: normal;
   padding-right: 4px;
}

.input-group-switch:checked + .input-group-label{
	  font-weight:bold;
	  color: #316400;
	  
}
.input-group-switch:checked + .input-group-label:hover{

	  color: #ffffff;
	  
}
.input-group-switch:checked + .input-group-label:before {
	   content: '\e80a';
}

.checkout-buttons {
	text-align: right;
	padding: 4px;
}

#send-order {
	display: inline-block;
	background: #316400;
    background-color: rgb(49, 100, 0);
	padding: 8px 16px;
color: #ffffff;
text-decoration: none;
	text-transform: uppercase;
	
font-size: 16px;
font-weight: bold;
border: none;

}
#send-order:hover {
	background-color: #545454;
}
.checkout-agreements {
	display: flex;
	flex-flow: row-reverse;
	padding: 4px;
}
.checkout-agreements .frame {

	padding: 0;

	text-align: right;
	
}



.checkbox-input {
	display: none;
}
.checkbox-label {
	padding: 8px;
	display: block;
	cursor: pointer;
}
.checkbox-label a {
	text-decoration: underline;
}
.checkbox-label:hover {
	background: #316400;
	color: #ffffff;
}
.checkbox-label:hover a {
	color: #ffffff;
}
.checkbox-label:before {
  font-family: "fontello";
   content: '\f096';
   font-weight: normal;
   padding-right: 4px;
}

.checkbox-input:checked + .checkbox-label:before{
	content: '\e80a';
}
.checkbox-input:checked + .checkbox-label,
.checkbox-input:checked + .checkbox-label a {
	font-weight: bold;
	color: #316400;
}
.checkbox-input:checked + .checkbox-label:hover,
.checkbox-input:checked + .checkbox-label:hover a {
	
	color: #ffffff;
}

.checkbox-label.error {
	border: 1px solid red;
}
.error-message {
	background: red;
	color: #ffffff;
	padding: 4px 8px;
	text-align: left;
	font-weight: bold;
	display: none;
}