
.loading-image {
	/*background-image:url("..\..\image/loading.gif");*/
	display: none;
	position: absolute;
	left: 50%;
	top: 0;
}

[type=submit]:focus, button:focus {
	outline: unset !important;
}

.btn_disable {
	opacity: .6;
	cursor: not-allowed;
}

.post_code:focus-visible, .btn_calculate_shipping:focus-visible {
	outline-offset: 0px !important;
}

.shippingSection {
	display: inline-flex;
	height: 36px;
	width: 78%;
}

.shippingSection .quantityNumber {
	width: 48%;
	float: left;
}

.shippingSection .calculator {
	width: 48%;
	float: right;
	margin-left: 28px;
}

.shippingSection .calculator #post_code {
	float: left;
	width: 50%;
	height: 36px;
	text-align: center;
}

.shippingSection .calculator #calculatorButton {
	float: right !important;
	width: 50% !important;
	height: 36px !important;
	background: #50b848 !important;
	border-color: #50b848 !important;
	color: #fff;
	position: relative;
	padding: 0;
}

.shippingSection .qty.text.site-craft-pc-single-quantity {
	width: 200%;
	height: 36px;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
	/* display: none; <- Crashes Chrome on hover */
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield !important;
	padding: 0px !important;
}

input[type="number"]:focus, input[type="number"]:focus-visible {
	outline: unset !important;
}

#calculatorButton {
	font-family: "Titillium Web";
}

.shippingSection .quantityTitle {
	border: 1px solid;
	font-size: 15px;
	padding: 0px;
	float: left;
	height: 36px;
	width: 50%;
	text-align: center;
	font-weight: 700;
	border-right: none;
	font-family: "Titillium Web";
}

.shippingSection .btn-content, .shippingSection .quantity.buttons_added {
	float: left;
	height: 36px;
	width: 50%;
}

/*** quantity buttons_added**/
.shippingSection  button {
	float: right !important;
	width: 18px !important;
	height: 18px !important;
	position: relative;
	background: #fff !important;
	border-color: #000 !important;
}

.shippingSection  .plus {
	left: 36px !important;
	top: 0px;
	border-left: none !important;
	border-top: 1px solid #000 !important;
	border-right: 1px solid #000 !important;
}

.shippingSection  .minus {
	left: 18px !important;
	top: 18px;
	border-left: none !important;
	border-top: none !important;
	border-right: 1px solid #000 !important;
	border-right: 1px solid #000 !important;
}

.shippingSection .buttons_added .qib-button:not(#qib_id):not(#qib_id) {
	background: #fff;
	border-color: #858585;
}

/*.single-product .shippingSection .buttons_added .input-text{*/

/*    margin-top: -7px !important;*/

/*    width: 100% !important;*/

/*    height: 36px !important;*/

/*}*/
.tnt_price {
	font-size: 15px;
	font-weight: 500;
	font-family: "Titillium Web";
	margin-bottom: 0;
}

.shippingTitle {
	font-size: 18px;
	font-weight: 700;
	font-family: "Titillium Web";
}

@media screen and (max-width: 600px) {
	.multi_btn_price .tnt_price {
		margin-top: 0;
		font-size: 15px !important;
		font-weight: 500 !important;
		font-family: "titillium-web" !important;
	}
	
	.tnt_price {
		font-size: 18px;
		margin-top: 60px;
	}
	
	.shippingSection {
		display: block;
		height: 36px;
	}
	
	.shippingSection .quantityNumber {
		width: 100%;
		float: left;
		padding-bottom: 10px;
	}
	
	.shippingSection .calculator {
		width: 100%;
		float: left;
		margin-left: 0;
	}
	
	.shippingSection .quantity.buttons_added {
		width: 50% !important;
	}
	
	.shippingSection .buttons_added {
		width: 50%;
		height: 36px;
	}
	
	.shippingSection .buttons_added .minus {
		left: 0px !important;
	}
	
	.shippingSection .buttons_added .plus {
		left: 0px !important;
	}
	
	.shippingSection {
		width: 100%;
	}
	
	.shippingSection  .plus {
		left: 18px !important;
		top: 0px;
		border-left: 1px solid #000 !important;
		border-top: 1px solid #000 !important;
		border-right: 1px solid #000 !important;
	}
	
	.shippingSection  .minus {
		left: 0px !important;
		top: 18px;
		border-left: 1px solid #000 !important;
		border-top: none !important;
		border-right: 1px solid #000 !important;
		border-right: 1px solid #000 !important;
	}
}

@media screen and (min-device-width: 1025px) and (max-device-width: 1075px) {
	.shippingSection {
		width: 84%;
	}
}

@media screen and (max-width: 414px) {
	.shippingSection .buttons_added .plus {
		left: 0 !important;
		top: -18px !important;
	}
}

@media screen and (max-width: 400px) {
	.single-product .shippingSection .qib-container  .quantity.buttons_added input.qty:not(#qib_id):not(#qib_id) {
		width: 100% !important;
	}
}
