@font-face {
  font-family: 'nb-checkout';
  src:  url('../fonts/nb-checkout.eot?f9g4dz');
  src:  url('../fonts/nb-checkout.eot?f9g4dz#iefix') format('embedded-opentype'),
    url('../fonts/nb-checkout.ttf?f9g4dz') format('truetype'),
    url('../fonts/nb-checkout.woff?f9g4dz') format('woff'),
    url('../fonts/nb-checkout.svg?f9g4dz#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="nb-checkout-icon-"], [class*=" nb-checkout-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'nb-checkout' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.nb-checkout-icon-minus:before {
  content: "\e900";
}
.nb-checkout-icon-plus:before {
  content: "\e901";
}


.woocommerce-checkout {
	.woocommerce {
		.nb-checkout-row {
			margin: 0 -15px;
			
			&:after,
			&:before {
				display: table;
				content: " ";
			}
			
			&:after {
				clear: both;
			}
			
			.nb-checkout-col-12 {
				padding: 0 15px;
				
				.woocommerce-message {
					//margin-bottom: 0;
				}
			}
			
			.nb-checkout-col-6 {
				float: left;
				width: 50%;
				padding: 0 15px;
				
				#customer_details {
					> div {
						margin-bottom: 0;
					}
				}
				
				.woocommerce-billing-fields {
					margin-bottom: 30px;
				}
				
				.woocommerce-additional-fields {
					> h3 {
						display: none;
					}
				}
				
				.shop-table_responsive {
					display: block;
					width: 100%;
					margin-bottom: 30px;
					overflow-x: auto;
					-webkit-overflow-scrolling: touch;
					-ms-overflow-style: -ms-autohiding-scrollbar;
					
					table.shop_table {
						margin-bottom: 0px;
						border-radius: 0;
					}
					
					
				}

				
				h3 {
					margin-bottom: 20px;
				}
				
				#nb-checkout-cart {
					margin-top: 30px;
					
					table {
						.product-thumbnail {
							min-width: 55px;
							
							img {
								display: block;
								width: 100%;
								border: 1px solid #e1e8ee;
							}
						}
					}
				}
			}
			
			.woocommerce-checkout-payment {
				.wc_payment_methods {
					padding-left: 0;
				}
			}
			
			#payment {
			    background: transparent;
			    border-radius: 0;
				

				
				ul.payment_methods,
				div.form-row {
					padding-left: 0;
					padding-right: 0;
				}

				#place_order {
					float: none;
				}
				
				
				li .payment_box {
					margin: 0;
				}
				
				ul.wc_payment_methods {
				    padding: 0;
					
					li.wc_payment_method {
						list-style: none;
						border-bottom: 1px solid #ddd;
						
						.payment_box {
							padding: 2em !important;
							background: #eee;
							
							&:before {
								border-bottom-color: #eee;
							}
						}
						
						label[for="payment_method_paypal"] {
							img {
								margin-top: 15px;
							}
						}
						
						.about_paypal {
							float: none;
						}
						
						
						
						
						>label:first-of-type {
							width: 100%;
							margin: 1em 0;
							
							img {
								max-height: 24px;
								max-width: 200px;
								float: right;
							}
						}
						
						input.input-radio[name=payment_method] {
							display: none;
							
							&+label:before {
								content: "";
								display: inline-block;
								width: 16px;
								height: 16px;
								border: 2px solid #fff;
								box-shadow: 0 0 0 2px #000;
								background: #fff;
								margin-left: 4px;
								margin-right: .5em;
								border-radius: 100%;
								-webkit-transform: translateY(2px);
								-ms-transform: translateY(2px);
								transform: translateY(2px);
							}

							&:checked+label:before {
								background: #000;
							}
						}
					}
				}
				

			}

			form.checkout {
				* {
					outline: 0 !important;
					box-shadow: none !important;
				}
				
				.woocommerce-error {
					font-size: 14px;
					
					&:before {
					    top: 13px;
					}
				}

				
				.form-row {
				    margin: 0 0 10px;
				
					&#billing_country_field {
						margin-bottom: 15px;
					}
					
					&#billing_address_1_field {
						margin-bottom: 18px;
					}
				
					input,
					textarea {
						font-size: 14px;
						font-weight: 400;
						line-height: 24px;
						letter-spacing: 0.04em;
						color: #909090;
						padding: 10px 20px;
					    height: 40px;
						border: 1px solid rgba(0, 0, 0, 0.2);
						-webkit-border-radius: 0;
						-moz-border-radius: 0;
						border-radius: 0;
					}
					
					textarea {
						height: auto;
					}
					
					label {
						font-family: "Raleway", "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;
						font-size: 12px;
						font-weight: 600;
						line-height: 24px;
						letter-spacing: 0.1em;
						text-transform: uppercase;
						margin-bottom: 0px;
					}
					
					.select2-container--default .select2-selection--single {
					    font-size: 14px;
						border: 1px solid rgba(0, 0, 0, 0.2);
						border-radius: 0;
						height: 40px;
						padding: 0px 20px;

						
						.select2-selection__rendered {
							padding: 0;
							color: #909090;
							line-height: 40px;
							font-weight: 400;
							font-style: italic;
							letter-spacing: 0.04em;
						}
						
						.select2-selection__arrow {
							height: 40px;
							top: 0;
							right: 5px;
						}
					}
				}
				
				h3 {
					font-size: 20px;
					text-transform: uppercase;
				}
			}
		}
		
		.product-quantity {
			
			input[type=number]::-webkit-outer-spin-button,
			input[type=number]::-webkit-inner-spin-button {
				-webkit-appearance: none;
				margin: 0;
			}

			input[type=number] {
				border: 1px solid #d7d7d7;
				-moz-appearance:textfield;
			}
			
			.quantity {
				position: relative;
				width: 70px;
				
				.qty {
					float: left;
					width: 40px;
					height: 40px;
					padding: 7px 10px;
					text-align: center;
					color: #444;
					margin-bottom: 0;
				}
				
				.qty-buttons {
					position: absolute;
					top: 0;
					right: 0;
					width: 30px;
					height: 40px;
					border: 1px solid #d7d7d7;
					border-left: 0;
					bottom: 0;
					
					span {
						display: block;
						text-align: center;
						border-left: 0;
						height: 15.5px;
						padding-left: 5px;
						padding-right: 5px;
						cursor: pointer;
						
						&.quantity-icon {
							&:before {
								position: relative;
								top: -1px;
							}
							&:hover {
								color: #0e0e0e;
							}
						}

						&.nb-qty-plus {
							&:before {
								font-family: 'nb-checkout' !important;
								content: "\e901";
							}
							

						}
						
						&.nb-qty-minus {
							&:before {
								font-family: 'nb-checkout' !important;
								content: "\e900";
								top: 2px;
							}
						}
						

					}
					
					&:after {
						background: #d7d7d7;
						top: 18px;
						content: "";
						display: inline-block;
						height: 1px;
						left: 1px;
						position: absolute;
						right: 1px;
					}
				}
			}
			

		}
		
		table.shop_table_responsive.cart {
			border: 1px solid #E1E8EE;
			
			thead {
				th {
					background: #E1E8EE;
					color: #5E6977;
					text-transform: uppercase;
					padding: 15px 10px;
					font-weight: 700;
					border-top: 1px solid #E1E8EE;
				}
			}
			
			tbody {
			
				
			
				tr {
					td {
						padding: 8px 10px;
						border-bottom: 0;
					}
					
					&:nth-child(odd){
						td {
							border-top: 1px solid #E1E8EE;
							
						}
					}
					
					&:hover {
						td {
							background: #fafcff;
						}
					}
				}
			}
		}
	}
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid rgba(0, 0, 0, 0.2);
}

#order_review {
	width: 100% !important;
}

.nbt-checkout-review-order-table {
    background: #fafcff;
}

@media only screen and (max-width: 768px) {
	.woocommerce-checkout {
		.nb-checkout-col-6 {
			float: none !important;
			width: 100% !important;
			padding: 0 15px !important;
			
			.shop-table_responsive {
				overflow-x: inherit !important;
			}
			
			table.shop_table_responsive.cart {
				tbody {
					tr {
						position: relative;
						
						td {
							width: 100%;
							
							
							.quantity {
								.qty {
									float: none;
									margin-right: 31px;
									
								}
								
								.qty-buttons:after {
									top: 20px;
								}

							}
						}
						
						.product-remove {
							border-top: 0 !important;
						}
					}
				}
			}
			

		}
	}
	
			.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
				text-align: left !important;
			}
}


