/*Shopping Cart
------------------------------------*/
/*Coupon Code*/
.shopping-cart .coupon-code {
	margin-top: 35px;
	padding-top: 35px;
	border-top: 1px solid #eee;
}
 
.shopping-cart .coupon-code h3 {
	margin: 0;
	color: #687074;
	font-size: 18px;
}
.shopping-cart .panel {
	width: 100%;
}

.shopping-cart .coupon-code input {
	width: 60%;
	margin-right: 10px;
	display: inline-block;
}

.cart-shipping-group-label b {
   display: none;
}

/*Total Result*/
.shopping-cart .total-result li {
	display: block;
}

.shopping-cart .total-result li:after,
.shopping-cart .total-result li:before {
	content: " ";
	display: table;
}

.shopping-cart .total-result li:after {
	clear: both;
}

.shopping-cart .total-result li.divider {
	height: 1px;
  	margin: 9px 0;
  	overflow: hidden;
  	background: #eee;
}

.shopping-cart .total-result h4 {
	float: left;
	margin-right: 15px;
}

.shopping-cart .total-result-in {
	overflow: hidden;
	text-align: right;
}

.shopping-cart .total-result-in h4,
.shopping-cart .total-result-in span {
	color: #687074;
	font-size: 18px;
}

.shopping-cart .total-result .total-price h4,
.shopping-cart .total-result .total-price span {
	font-weight: 600;
}

.shopping-cart .total-result .total-price h4 {
	margin: 0 auto;
}

  

/*Table*/
.shopping-cart .table > thead > tr > th,
.shopping-cart .table > tbody > tr > th,
.shopping-cart .table > tfoot > tr > th,
.shopping-cart .table > thead > tr > td,
.shopping-cart .table > tbody > tr > td,
.shopping-cart .table > tfoot > tr > td {
	border-top: none;
	vertical-align: middle;
}

.shopping-cart table td {
    padding: 0px;
}

.shopping-cart .table > thead > tr > th,
.shopping-cart .table > tbody > tr > td {
	padding: 5px;
	text-align: center;
}

.shopping-cart .table > thead > tr > th {
	color: #687074;
	font-size: 16px;
	font-weight: 400;
	padding-bottom: 20px;
	text-transform: uppercase;
}

.shopping-cart .table > tbody > tr > td {
	color: #888;
}

.shopping-cart ul {
   padding: 0px;
} 

.shopping-cart .table > tbody > tr > td.shop-red {
	color: #c9253c;
}

/*Product In Table*/
.shopping-cart .product-in-table {
	text-align: left  ;
}

.shopping-cart .product-it-in {
	overflow: hidden;
}

@media (min-width: 991px) {
	.shopping-cart .product-it-in {
		margin-top: 30px;
	}
}

@media (max-width: 992px) {
	.shopping-cart .product-it-in {
		clear: both;
	}
}

.shopping-cart .product-in-table img {
	float: left;
	width: 120px;
	height: auto;
	padding: 10px;
	background: #fff;
	margin-right: 15px;
	border: 1px solid #eee;
}

.shopping-cart .product-in-table h3 {
	font-size: 16px;
	margin-bottom: 5px;
}

/*Quantity Field Form*/
.shopping-cart .quantity-button {
	color: #888;
	width: 45px;
	height: 40px;
	padding: 5px;
	border: none;
	outline: none;
	cursor: pointer;
	font-size: 18px;
	background: #eee;
	text-align: center;
	font-weight: normal;
	white-space: nowrap;
	display: inline-block;
  	background-image: none;
}

.shopping-cart .quantity-field {
	width: 45px;
	height: 40px;
	outline: none;
	margin: 0 -4px;
	font-size: 18px;
	text-align: center;
	display: inline-block;
	border: 1px solid #eee;
}

/*Close*/
.shopping-cart .close {
	opacity: 1;
	color: #888;
	font-size: 18px;
	padding-right: 10px;
}

.shopping-cart .close:hover {
	color: #555;
}

/*Billing Info*/
.shopping-cart h2.title-type {
	font-size: 16px;
	margin-left: 20px;
	text-transform: uppercase;
}

.shopping-cart .panel-body {
	background: #f8f8f8;
}

.shopping-cart .billing-info-inputs {
    padding-left: 20px;
    padding-right: 20px;
}

.shopping-cart .billing-info-inputs label {
	color: #555;
	margin-bottom: 0;
	vertical-align: middle;
}

.shopping-cart .billing-info-inputs input {
	min-height: 40px;
	border-color: #eee;
	margin-bottom: 10px;
	padding: 5px;
}   

.shopping-cart .billing-info-inputs .form-control {
	color: #888;
	box-shadow: none;
}

.shopping-cart .billing-info-inputs .form-control::-moz-placeholder {
	color: #888;
}
.shopping-cart .billing-info-inputs .form-control:-ms-input-placeholder {
	color: #888;
}
.shopping-cart .billing-info-inputs .form-control::-webkit-input-placeholder {
	color: #888;
}

.shopping-cart .price-over-hundred {
	display: inline;
}

.shopping-cart .price-fraction {
	bottom: 0em;
}

.shopping-cart .table > thead > tr > th, .shopping-cart .table > tbody > tr > td {
    padding: 5px ; 
    text-align: center;
}

.shopping-cart .coupon-code {
     margin-top: 0px ; 
     padding: 0px 15px  ; 
     border-top: 0px solid #eee ; 
	 
}

.cart-item-list .section-header {
 	background-color: #d7d7d7; 
}

.cart-item-list .section-footer {
 	background-color: #d7d7d7; 
}

.cart-item-list .list-header th {
 	color: #fff  ;
}

.cart-item-list .cart-saleline .picture-column {
	border-left: 1px solid #d7d7d7;
}

.cart-item-list .cart-saleline .total-column {
	border-right: 2px solid #d7d7d7;
}

.cart-item-list {
   margin-bottom: 10px;
}

/*Shopping Cart
------------------------------------*/

.cart-shipping {
   padding: 10px;
   background-color: #7f7f7f;
   color: #fff;
   margin-bottom: 10px;
   margin-top: -11px;
   margin-left: -4px;
   margin-right: -4px;
}

.cart-group {
   background-color: #7f7f7f;
   margin: 0px -4px 0px -4px;
   margin-top: 0px;
   margin-right: -4px;
   margin-bottom: 0px;
   margin-left: -4px;
   color: #fff;
   padding: 10px;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   font-weight: bold;
}

.cart-controls {
   padding: 10px;
   background-color: #eee;
   margin: 10px;
   border-radius: 10px ;
}

.total-result li {
   color: #fff;
}

.payment-type {
   font-size: 28px;
   margin-top: -10px;
   color: #69655c;
}

.shopping-cart .total-result li {
   margin-left: 12px ;
   margin-right: 10px ;
}

.column-labels {
   background-color: #7f7f7f;
   margin-left: -4px;
   margin-right: -4px;
}


 

/* Column headers for cart contents */

.column-labels>label {
   margin-top: 2px;
   padding-left: 5px;
   padding-right: 5px;
   color: #fff;
}

.totals-panel {
   padding-left: 20px;
   background-color: #7f7f7f;
   color: #fff;
   padding: 5px;
}   

.column-labels h2 {
   margin-bottom: 10px;
   margin-top: 0px;
   color: #fff;
}
    



.product-image {
   float: left;
   width: 20%;
}

.product .product-image img {
   max-width: 95%;
   max-height: 50px;
   margin: auto;
}

.product-details {
   float: left;
   width: 38%;
}

.product-details {
   float: left;
   width: 38%;
}


.product-price{
   display: inline-block;
   text-align: right;
   width: 15%;
}  

label.product-price{
   text-align: right;
   padding-right: 20px;
}  

   

.product-quantity {
   float: left;
   width: 10%;
}

.product-removal {
   float: right;
   width: 3%;
}

.product-line-price {
   float: right;
   text-align: right;
}

.product .remove-product {
   border: 0;
   float: right;
   margin-left: 15px;
   padding: 1px 5px;
   background-color: #c66;
   color: #fff;
   font-size: 12px;
   border-radius: 5px;
}


/* Product entries */

.product {
   margin-top: 10px;
   margin-bottom: 10px;
   padding: 4px;
   border-bottom: 1px dashed #ddd;
}

.product .product-image {
   text-align: center;
}

.product .product-details .product-title {
   margin-right: 20px;
   font-weight: bold;
}

.product .product-details .product-description {
   margin: 5px 20px 5px 0;
   line-height: 1.4em;
}

.checkout {
   float: right;
   border: 0;
   margin-top: 20px;
   padding: 6px 25px;
   background-color: #6b6;
   color: #fff;
   font-size: 25px;
   border-radius: 3px;
}

.checkout:hover {
   background-color: #494;
}


/* Make adjustments for tablet */

@media screen and (max-width: 650px) {
   .shopping-cart {
      margin: 0;
      padding-top: 20px;
      border-top: 1px solid #eee;
   }
   .totals-panel {
      padding-left: 20px;
      background-color: #7f7f7f  ;
      margin-left: 1px  ;
      margin-right: 1px  ;
      margin-top: -30px;
      padding: 5px;
   }
   .column-labels {
      display: none;
   }
   .product-image {
      float: right;
      width: auto;
   }
   .product-image img {
      max-width: 95%;
      max-height: 50px;
      margin: auto;
   }
   .product-details {
      float: none;
      margin-bottom: 10px;
      width: auto;
   }
   .product-price {
      clear: both;
      width: 120px;
   }
   .product-quantity {
      width: 80px;
      margin-bottom: 10px;
   }
   .product-quantity input {}
   .product-quantity:before {
      content: '';
   }
   .product-line-price {
      float: right;
      width: 120px;
   }
   
   .product-removal {
      float: right;
      width: 8%;
   }

   
}


/* Make more adjustments for phone */

@media screen and (max-width: 450px) {
   .product-removal {
      float: right;
      margin-left: 20px;
      margin-top: 5px;
   }
   .product-price {
      width: 120px;
   }
   .product-line-price {
      float: right;
      clear: left;
      width: auto;
      margin-top: 10px;
      display:none;
   }
   .product .product-image img {
      max-width: 100px; 
   }
   .product-quantity {
      width: 100px;
   }
   .product-quantity input {
      margin-left: 0px;
   }
   .product .product-line-price:before {
      display:none;
   }
   .product .product-line-price:after {
      display:none;
   }
   .totals .totals-item label {
      width: 60%;
   }
   .totals .totals-item .totals-value {
      width: 40%;
   }
}


/*Coupon Code*/

.shopping-cart .coupon-code {
   margin-top: 35px;
   padding-top: 35px;
   border-top: 1px solid #eee;
}

.shopping-cart .coupon-code h3 {
   margin: 0;
   color: #687074;
   font-size: 18px;
}

.shopping-cart .coupon-code input {
   width: 60%;
   margin-right: 10px;
   display: inline-block;
}


/*Total Result*/

.shopping-cart .total-result li {
   display: block;
}

.shopping-cart .total-result li:after,
.shopping-cart .total-result li:before {
   content: " ";
   display: table;
}

.shopping-cart .total-result li:after {
   clear: both;
}

.shopping-cart .total-result li.divider {
   height: 1px;
   margin: 4px 0;
   overflow: hidden;
   background: #7f7f7f;
}   

.shopping-cart .total-result h4 {
   float: left;
   margin-right: 15px;
}

.shopping-cart .total-result-in {
   overflow: hidden;
   text-align: right;
}

.shopping-cart .total-result-in h4,
.shopping-cart .total-result-in span {
   color: #687074;
   font-size: 18px;
}

.shopping-cart .total-result .total-price h4,
.shopping-cart .total-result .total-price span {
   font-weight: 600;
}

.shopping-cart .total-result .total-price h4 {
   margin: 0 auto;
}

   


/*Table*/

.shopping-cart .table>thead>tr>th,
.shopping-cart .table>tbody>tr>th,
.shopping-cart .table>tfoot>tr>th,
.shopping-cart .table>thead>tr>td,
.shopping-cart .table>tbody>tr>td,
.shopping-cart .table>tfoot>tr>td {
   border-top: none;
   vertical-align: middle;
}

.shopping-cart table td {
   padding: 0px;
}

.shopping-cart .table>thead>tr>th,
.shopping-cart .table>tbody>tr>td {
   padding: 5px;
   text-align: center;
}

.shopping-cart .table>thead>tr>th {
   color: #687074;
   font-size: 16px;
   font-weight: 400;
   padding-bottom: 20px;
   text-transform: uppercase;
}

.shopping-cart .table>tbody>tr>td {
   color: #888;
}

.shopping-cart .table>tbody>tr>td.shop-red {
   color: #c9253c;
}


/*Product In Table*/

.shopping-cart .product-in-table {
   text-align: left  ;
}

.shopping-cart .product-it-in {
   overflow: hidden;
}

@media (min-width: 991px) {
   .shopping-cart .product-it-in {
      margin-top: 30px;
   }
}

@media (max-width: 992px) {
   .shopping-cart .product-it-in {
      clear: both;
   }
}

.shopping-cart .product-in-table img {
   float: left;
   width: 120px;
   height: auto;
   padding: 10px;
   background: #fff;
   margin-right: 15px;
   border: 1px solid #eee;
}

.shopping-cart .product-in-table h3 {
   font-size: 16px;
   margin-bottom: 5px;
}


/*Quantity Field Form*/

.shopping-cart .quantity-button {
   color: #888;
   width: 45px;
   height: 40px;
   padding: 5px;
   border: none;
   outline: none;
   cursor: pointer;
   font-size: 18px;
   background: #eee;
   text-align: center;
   font-weight: normal;
   white-space: nowrap;
   display: inline-block;
   background-image: none;
}

.shopping-cart .quantity-field {
   width: 45px;
   height: 40px;
   outline: none;
   margin: 0 -4px;
   font-size: 18px;
   text-align: center;
   display: inline-block;
   border: 1px solid #eee;
}


/*Close*/

.shopping-cart .close {
   opacity: 1;
   color: #888;
   font-size: 18px;
   padding-right: 10px;
}

.shopping-cart .close:hover {
   color: #555;
}


/*Billing Info*/

.shopping-cart h2.title-type {
   font-size: 16px;
   margin-left: 20px;
   text-transform: uppercase;
}

.shopping-cart .price-over-hundred {
   display: inline;
}

.shopping-cart .price-fraction {
   bottom: 0em;
}

.shopping-cart .table>thead>tr>th,
.shopping-cart .table>tbody>tr>td {
   padding: 5px ;
   text-align: center;
}

ul.sidelist li {
   display: block ;
   margin-top: 10px;
}

.shopping-cart .coupon-code {
   margin-top: 0px ;
   padding: 0px 15px  ;
   border-top: 0px solid #eee ;
}

.wizard>.content {
   margin-top: 0px ;
   padding-top: 0px ;
   border-top: 0px solid #eee ;
}

.table-responsive {
   overflow-x: visible !important;
}

.cart-item-list .top-header {
   background-color: #7f7f7f;
}

.cart-item-list .list-header {
   background-color: #7f7f7f;
}

.cart-item-list .section-header {
   background-color: #d7d7d7;
}

.cart-item-list .section-footer {
   background-color: #d7d7d7;
}

.cart-item-list .list-header th {
   color: #fff  ;
}

.cart-item-list .cart-saleline .picture-column {
   border-left: 1px solid #d7d7d7;
}

.cart-item-list .cart-saleline .total-column {
   border-right: 2px solid #d7d7d7;
}

.header-tags h2 {
   color: white;
   text-align: left;
   padding-top: 10px;
   margin: 8px 12px 0px 12px;
}

.header-tags h2 i {
   float: right;
   margin: 3px 10px;
   font-size: 25px;
   color: #fff;
}

.header-tags {
   background-color: #7f7f7f;
   margin-top: 15px;   
}   

.header-tags-sub {
   background-color: #7f7f7f;
   border-radius: 0px 0px 0px 0px;
   margin-top: -5px;
}

.header-tags-sub h2 {
   color: white;
   margin-left: 15px;
   margin-top: 4px;
   text-align: left;
   font-size: 20px;
   line-height: 18px;
   margin-bottom: 4px;
}

.panel-default {
   border-color: #eee;
}

.btn-default {
   border-color: #eee;
}

.form-control {
   border: 1px solid #eee;
}

.shopping-cart .billing-info-inputs {
   background: #eee;
}

.accordion-v2.check-toggle .panel-heading a:before {
   width: 26px  ;
   height: 27px  ;
   padding: 7px 0  ;
   font-size: 24px  ;
   border-radius: 5px;
}

.accordion-v2.check-toggle .panel-heading a.collapsed:before {
   content: "\f0c8"  ;
   font-family: FontAwesome;
}

.accordion-v2.check-toggle .panel-heading a:before {
   content: "\f14a"  ;
   font-family: FontAwesome;
}

.total {
   float: left;
}

.total-result-in {
   float: right;
}

.shopping-cart .total-result-in h4,
.shopping-cart .total-result-in span {
   color: #eee  ;
}

.totals-message {
   padding-left: 10px;
   color: #af2525;
   border: 2px dashed #7b7b7b;
   border-radius: 10px  ;
   margin: 0px 30px 0px 5px;
   background-color: #f8f8f8;
}

.totals-message h4 {
   color: #333;
}

.totals-message p {
   color: #7f7f7f;
}




/* This is used as the traditional .clearfix class */

/* This is used as the traditional .clearfix class */

.shopping-cart .group:before,
.shopping-cart .column-labels:before,
.shopping-cart .product:before,
.shopping-cart .totals-item:before,
.shopping-cart .group:after,
.shopping-cart .column-labels:after,
.shopping-cart .product:after,
.shopping-cart .totals-item:after {
   content: '';
   display: table;
}

.shopping-cart .group:after,
.shopping-cart .column-labels:after,
.shopping-cart .product:after,
.shopping-cart .totals-item:after {
   clear: both;
}

.shopping-cart .group,
.shopping-cart .column-labels,
.shopping-cart .product,
.shopping-cart .totals-item {
   zoom: 1;
}


/*Error*/

.error a,
.error a:hover,
.error a:active {
   color: #fff;
   background: #c9253c;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

em.invalid {
   display: block;
   color: #8a1f11;
   font-weight: 400;
   display: none;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.error {
   color: #8a1f11;
   font-weight: 400;
   border: 2px solid #CC6666 !important;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

input.invalid.form-control::-moz-placeholder {
   color: #8a1f11;
}

input.invalid.form-control:-ms-input-placeholder {
   color: #8a1f11;
}

input.invalid.form-control::-webkit-input-placeholder {
   color: #8a1f11;
}


/*Checkbox List*/
.checkbox-list {
	margin-bottom: 0;
}

.checkbox-list li {
	margin-top: 10px;
}

.checkbox-list li:first-child {
	margin-top: 0;
}

.checkbox-list .checkbox {
	display: block;
	overflow: hidden;
	position: relative;
}

.checkbox-list .checkbox {
	color: #999;
	margin: 4px 0;
	cursor: pointer;
	font-size: 14px;
	line-height: 25px;
	padding-left: 27px;
}

.checkbox-list .checkbox input {
	left: -9999px;
	position: absolute;
}

.checkbox-list .checkbox i {
	left: 0;
	top: 5px;
	width: 15px;
	height: 15px;
	outline: none;
	display: block;
	background: #fff;
	border-width: 2px;
	position: absolute;
	border-style: solid;
}

.checkbox-list .checkbox input + i:after {
	opacity: 0;
	position: absolute;
}

.checkbox-list .checkbox input + i:after {
	top: -3px;
	left: -2px;
	width: 15px;
	height: 15px;
	content: '\f00c';
	text-align: center;
	font: normal 8px/17px FontAwesome;
}

.checkbox-list .checkbox input:checked + i:after {
	opacity: 1;
}

.checkbox-list .checkbox i {
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
}


.checkbox-list .checkbox input:focus + i {

}

.checkbox-list .checkbox input + i:after {

}
.checkbox-list .checkbox input:checked + i {
	
}

.checkbox-list .checkbox small {
	float: right;
}

.checkbox-list .checkbox small a {

	font-size: 12px;
}



.header-tags h2 {
   padding-top: 10px;
   font-size: 18px;
   padding-bottom: 8px;
}  
 
.header-tags h2 i {
   margin-top:-5px;
   color: #999;
}


.accordion-v2.check-toggle .panel-heading a:before {
   content: "\f14a"  ;
   font-family: FontAwesome;
   margin-right: 10px;
}

.accordion-v2.check-toggle .panel-heading a.collapsed:before {
   content: "\f0c8";
}


/*Small Input Field*/
 .input-small-field input {
	width: 20%;
	float: left;
	margin-right: 10px;
}

 .input-small-field input.invalid {
	margin-right: 10px;
}

 .input-small-field span.slash {
	color: #888;
	float: left;
	font-size: 20px;
	margin-right: 8px;
}

.margin-bottom-20 {
   margin-bottom: 10px;
}

.margin-left-10 {
   margin-left: 10px;
}

.table-responsive {
    overflow-y: visible !important;
}