.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

/***
* Layout
***/

#mainContent {
	background: #f5f5f5!important;
}

#breadcrumb-light {
	min-height: 1rem;
	padding: 1.5rem 0;	
}
#breadcrumb-light ul {
	list-style-type: none;
}
#breadcrumb-light ul li {
	height: 48px;
	padding-top: 8px;
}
#breadcrumb-light ul li a {
	color: #919191;
	    display: block;
    text-align: center;
}
#breadcrumb-light ul li.active a {
	color: #d10017;
}
#breadcrumb-light ul li a:after {
    content: ' ';
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #919191;
    z-index: 2;
}
#breadcrumb-light ul li.active a:after {
    content: ' ';
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #d10017;
    z-index: 2;
}
#breadcrumb-light ul li.current:before {
    content: ' ';
    height: 10px;
    width: 10px;
    position: absolute;
    right: 0;
    bottom: -4px;
    background: #d10017;
    z-index: 2;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

#breadcrumb-light ul li a span {

}


#breadcrumb-light ul li a span.rounded-circle {
	background-color: #919191;
	color: white;
	width: 30px;
	min-height: 30px;
	line-height: 24px;
	padding-top: 3px;
	display: inline-block;
	text-align: center;
}


#breadcrumb-light ul li.active a span.rounded-circle {
	background-color: #d10017;
}
#breadcrumb-light ul li a span.title {
	padding-left: 1rem;
	color: black;
	background-color: transparent;
}
/* !panier */
/****
* Page panier
***/
.pageCart {
	
}
	.pageCart th,
	.pageCart td {
		color: black;
	}	
	.pageCart .cart_items {
		
	}
		.pageCart .product {
					}
					
									
		.pageCart .cart_items td.qty { 
			position: relative;
			text-align: center;
			width: 15%;
		}
			.pageCart .cart_items td.qty .qty_down ,
			.pageCart .cart_items td.qty .qty_up { 
				display: inline-block;
				position: relative;
			}
				.pageCart .cart_items td.qty .qty_down i,
				.pageCart .cart_items td.qty .qty_up i { 
					top: 0.5rem;
					position: relative;
				}
			.pageCart .cart_items td.qty .qty_qty { 
				display: inline-block; 
				width: 30%!important;
				text-align: center;
			}
			
			.pageCart .cart_items td.qty .qty_remove {
				display: inline-block;
				width: 100%;
				text-align: center;
			}
		
		
		
		.pageCart .cart_update {
			display: none;
		}
		.pageCart .cart_items thead th {
			color: black;
			font-weight: lighter!important;
			font-size: 1.05rem;
		}
		.pageCart .cart_items thead th.text-right {
			padding-right: 1rem;
		}
		.pageCart .cart_items tbody tr {
			background-color: white;
			border-bottom: 0.5rem solid #f5f5f5;
			
		}
			.pageCart .cart_items tbody tr td {
				padding: 1rem 0;
			}
				.pageCart .cart_items tbody tr td .img-thumbnail {
						border: none;
						padding: 0;
						margin-right: 1rem;
						float: none!important;
					}
					.pageCart .cart_items tbody tr td .textData {
						display: inline-block;
						width: 100%;
					}
				
				.pageCart .cart_items tbody tr td.info {
					width: 50%;
					padding-left: 1rem;
				}
				.pageCart .cart_items tbody tr td.stock {
					width: 10%;
				}
				.pageCart .cart_items tbody tr td.qty {
					width: 15%;
				}
				.pageCart .cart_items tbody tr td.unitprice {
					width: 10%;
				}
				.pageCart .cart_items tbody tr td.totalprice {
					width: 15%;
				}
				.pageCart .cart_items tbody tr td.unitprice,
				.pageCart .cart_items tbody tr td.totalprice {
					text-align: right;
					padding-right: 1rem;
				}
			.pageCart tr td.bgwhite {
				background: white;
				padding: 1rem;
			}
			tfoot .totalTTC {
				font-size: 1.4rem;
				font-weight: bold;	 
			}
			tfoot .totalTva small {
				display: block;
				font-size: 0.8rem;
			}
		.pageCart .cart_items tfoot {
			color: white;
			font-weight: lighter!important;
			font-size: 1.2rem;
		}
		.pageCart .cart_action {
			text-align: right;
			margin: 0.5rem 0 1.8rem 0;
		}	
		.pageCart .cart_action a {
			margin: 0 0.5rem;
			display: inline-block;
			min-width: 250px;
			max-height: 2.4rem;
		}
		.updateCart input.btn {
			min-width: 250px;
			margin-right: 8px;
		}
		
			.btnUpdate {
				padding: 0.5rem 0 1rem;
			}
		
		.pageCart .zoneCoupon td:first-child {
			width: 40%;
		}
		.pageCart .zoneCoupon td.text {
			width: 30%;
		}
		.pageCart .zoneCoupon td.input {
			width: 30%;
		}

		#shippingFeeEstimateValid {
			color: white;
		}
/***
* shipping 
***/
#pageShipping {
	padding: 1rem;
    background: white;
}
	#pageShipping h3 {
		font-size: 0.85rem;
		padding-left: 0;
		padding-right: 0;
		font-weight: bold;
	}
	
	#pageShipping h4 {
		font-size: 1rem;
		color: #d10017;
		font-weight: 500;
		padding-bottom: 0.5rem;
		border-bottom: solid 2px #f5f5f5;
		
	}
	#pageShipping .shippingAddress  .address,
	#pageShipping .shippingClickCollect  .address,
	#pageShipping .shippingAddressRelay  .address,
	#pageShipping .addressBilling .address {
		position: relative;
	    padding: 1rem 1rem 1rem;
	    background: #f5f5f5;
	}
	#pageShipping .shippingAddress .address,
	#pageShipping .shippingClickCollect .address,
	#pageShipping .shippingAddressRelay .address {
		background-color: #919191;
	    color: white;
	
	}
		#pageShipping .shippingAddressRelay .address .address {
			padding: 0;
		}
		#pageShipping .address a {
			position: absolute;
			bottom: 0.5rem;
			right: 0.5rem;
			
	
		}
			#pageShipping .address h3 a,
			#pageShipping .shippingAddress h3 a,
			#pageShipping .shippingClickCollect h3 a,
			#pageShipping .shippingAddressRelay h3 a,
			#pageShipping .addressBilling h3 a {
				float: right;
				font-weight: normal;
			}
		
		#pageShipping .addressShipping a {
			color: white;
			
		}
	#pageShipping .address span {
		display: block;
	}
	#pageShipping .shippingDetail,
	#pageShipping .shippingAddresses>div {
		background-color: white;
	}
	
		#pageShipping .shippingAddresses .shippingAddressRelay {
			display: none;
		}
	
	#pageShipping .shippingModeList {
		margin-top: 0.5rem;
		padding-left: 0;
		padding-right: 0;
	}
		#pageShipping .shippingModeList label {
			color: #d10017;
			font-weight: 700;
		}
		 .shippingModeList .shippingDescription {
			font-size: 0.7rem;
			color: gray;
			font-weight: normal;
			display: block;
		}
	#pageShipping .productList {
		list-style-type: none;
		padding-left: 0;
		margin-left: 0;
	}
		#pageShipping .productList li{
			clear: both;
		}

		.day{
			display: inline-block;
			width: 100px;
		}

		#pageShipping .productList li .stock {
			display: block;
			color: green;
		}
		
		#pageShipping .productList li .shippingDelay {
			display: block;
			color: #d10017;
		}
		#pageShipping .productList li .shippingMode {
			
			color: #919191;
		}
		
		#pageShipping .productList li .refuseRelais {
			display: block;
			color: orange;
		}
		
		.shippingBtn {
			width: 100%;
			font-size: 0.8rem;
			/*margin-left: 1rem;*/
		}
		#pageShipping .cart_action {
			margin: 0.5rem 0 1rem;
		}
			#pageShipping .cart_action .shippingBtn {
				/*min-width: 150px;*/
				/*margin-left: 1rem;*/
			}
		#pageShipping .totalProduct,
		#pageShipping .totalCoupon,
		#pageShipping .totalShipping {
			text-align: left;
			padding-right: 0;
			margin-bottom: 0;
		}
		#pageShipping .totalTop {
			/*padding-right: 2rem;*/
		}
		#pageShipping .totalProduct span,
		#pageShipping .totalCoupon span,
		#pageShipping .totalShipping span {
			float: right;
		}
		
		#pageShipping .totalShipping {
			color: #d10017;
		}
		#pageShipping .totalCart {
			font-size: 1.0rem;
			text-align: right;
		}	
			#pageShipping .totalCart span.totalTTC {
				font-size: 1.4rem;
				margin-left: 1rem;
				font-weight: bold;
			}
			
			#pageShipping .totalCart small {
				display: block;
				font-size: 0.7rem;
			}		
		#relaisColisMap {
	        height: 600px;
	        width: 100%;
       }
       #relaisColisList .relaisColisList {}
       #relaisColisList .relaisColisList ul {
	       padding-left: 5px;
	       max-height: 720px;
	       overflow-x: hidden;
	       overflow-y: auto;
       }
       #relaisColisList .relaisColisList ul li {
	       margin-bottom: 0.75rem;
       }
       #relaisColisList .relaisColisList li label {
	       margin-bottom: 0;
	       cursor: pointer;
       }
       #relaisColisList .relaisColisList li label strong {
	       color: #d10017;
	       font-size: 1rem;
       }
       #relaisColisList .relaisColisList li label .address {
	       color: #5f5f5f;
		    font-size: 0.8rem;
		    display: inline-block;
		    line-height: 0.9rem;
       }
       #relaisColisList .relais_open_button { 
			color: #d10017;
			font-size: 0.8rem;
			display: block;
			cursor: pointer;
		}
       	.relais_popup {
	       	display: none;
       	}
	   		ul.openHour {
		   		list-style-type: none;
		   		padding-left: 1rem;
	   		}
	   		.distance {
		   		
	   		}
	   		.distance .material-icons {
		   		font-size: 1rem;	
	   		}
	   		.chooseRelayBtn {
		   		margin: 0.5rem auto;
	   		}
	   .productDetail {
		   margin-bottom: 0.75rem;
	   }
	   .productDetail .productInfo {
		   font-size: 0.8rem;
	   }
	   #relaisColisMainZone	h5.modal-title {
		    color: #d10017;
		    font-size: 1.1rem;
		    padding: 0.25rem 0;
		    font-weight: bold;
		    margin-bottom: 01rem;
		    border-bottom: solid 1px #f5f5f5;
	   	}
	   
	   #relaisColisMainZone label {
		   font-size: 1.1rem;
		   font-weight: normal;
	   }
	   #relaisColisMainZone .form-group {
		   margin-bottom: 0.5rem;
	   }
	   
	   #relaisColisMainZone  .groupNoPadding label {
		   padding-right: 0;
	   }
	   #relaisColisMainZone  .groupNoPadding .form-group>div {
		   padding-left: 0;
	   }
	    #relaisColisMainZone .groupBtn input {
		   min-width: 60%;
		   float: right;
	   }
	   #relaisColisMainZone  .groupSmallPaddingRight .form-group>div {
		   padding-right: 5px;
	   }
	 
/* !order */

/* braintree */
.creditcart  {
	min-height: 100px;
    position: relative;
    width: 100%;
    max-width: 240px;
    border: solid 1px black;
    border-radius: 5px;
    background-color: #f5f5f5;
    margin-bottom: 1rem;
}
	.creditcart label .maskedNumber {
		position: absolute;
		top: 40%;
		left: 5px;
	}
	.creditcart label img {
		position: absolute;
		bottom: 5px;
		right: 15px;
	}
	.creditcart label .expirationDate {
		    position: absolute;
	    bottom: 5px;
	    left: 30%;
	}
/***
* mode de paiement 
***/
#pagePayment {}
#pagePayment .pageList {}
#pagePayment .pageList div.paymentGroup {
	background-color: white;
}
	
	#pagePayment .payments {
		border-right: solid 1rem #f5f5f5;
	}
		#pagePayment .paymentGroup {
			margin-bottom: 2rem;
		}
		#pagePayment .paymentGroup:first-child {
			border-bottom: solid 1rem #f5f5f5;
			margin-bottom: 0rem;
		}
		  
	#pagePayment .summary {
		background-color: #f5f5f5;
	}	  
		#pagePayment .summary .summaryDetail {
			background-color: white;
			padding-bottom: 1rem;
		}
		#pagePayment .summary .summaryAction {
			margin-top: 1rem;
		}
		
		#pagePayment .summary .summaryCGV {
			margin-top: 1rem;
			color: #78909c;
		}
			#pagePayment .summary .summaryCGV .col-1 {
				padding-right: 0;
			}
			#pagePayment .summary .summaryCGV label{
				padding-left: 0;
				font-size: 0.75rem;
				color: #78909c;
				margin-bottom: 0;
				margin-top: 1px;
			} 
			#pagePayment .summary .summaryCGV  textarea {
				font-size: 0.9rem;
			}
			#pagePayment .summary .summaryCGV #orderComment {
				/*display: none;*/
			}  	
	.summary h3,
	.paymentGroup h3 {
		font-size: 1rem;
	    font-weight: bold;
	    border-bottom: solid 1px #f5f5f5;
	    padding: 0.75rem 0;
	}
		.paypal-button {
			margin: 0!important;
			padding: 0!important;
		}
		
		iframe .paypal-button {
			background-color: red!important;
		}
		
		.summary h3 .more {
			font-weight: normal;
			font-size: 0.7rem;
			float: right;
			margin-top: 0.4rem;
		}
			.summary .total {
				border-bottom: solid 1px #f5f5f5;
				padding: 0.75rem 0;
			}
				.summary .total strong{
					font-weight: 600;
					width: 75%;
				}
				.summary .total span{
					float: right;
					font-weight: 600;
					margin-right: 1rem;
				}
				.summary .cgv {
					margin-top: 1rem;
				}
				.summary .cgv>div {
					padding-right: 0;
					text-align: right;
				}
				.summary .cgv label {
					font-size: 0.75rem;
				}
				
				.summary .totalTTC {
					text-align: right;
					border-bottom: solid 0px #f5f5f5;
				}
					.summary .totalTTC strong {
						font-weight: normal;
						font-size: 1rem;
						margin-right: 1rem;
						display: inline-block;
						padding-top: 0.4rem;
						width: 60%;
					}
					.summary .totalTTC span.price {
						display: inline-block;
						font-size: 1.3rem;
					}
					.summary .totalTTC small.dontTva {
						display: block;
					    text-align: right;
					    clear: both;
					    padding-right: 1rem;
					}
		
		#summaryMore {}
			#summaryMore .modal-body {
				padding-top: 0;
			}
		
			#summaryMore h5,
			#summaryMore h3 {
				color: #d10017;
				text-align: left;
			}
			#summaryMore h5 {
				padding-left: 1rem;
			}
			#summaryMore h3 {
				background-color: #f5f5f5;
				padding: 0.5rem 2rem;
			}
			#summaryMore .address {
				margin-bottom: 1.5rem;
				padding-left: 2rem;
			}
			#summaryMore .address h4 {
				font-size: 1rem;
				font-weight: bold;
				margin-bottom: 0;
				color: black;
			}
			#summaryMore .address span {
				display: block;
			}
			#summaryMore .totaux {
				font-size: 1.2rem;
			}
			#summaryMore .dontTva {
				display: block;
			}
			#summaryMore .img-thumbnail {
				border: none;
				width: 90px;
			}
				#summaryMore table,
				#summaryMore thead tr {
					border-bottom: solid 1px #f5f5f5;
				}
				
				#summaryMore th {
					padding-right: 1rem;
					padding-bottom: 0.5rem;
					font-weight: bold;
					color: black;
				}
				#summaryMore th:first-child {
					padding-left: 2rem;
				}
				#summaryMore td.qty {
					text-align: center;
				}
				#summaryMore td.unitprice,
				#summaryMore td.totalprice {
					text-align: right;
					padding-right: 1rem;
				}
				#summaryMore td.info {
					width: 55%;
					padding-left: 2rem;
				}
				#summaryMore td.qty {
					width: 15%;
				}
				#summaryMore td.unitprice {
					width: 15%;
				}
				#summaryMore td.totalprice {
					width: 15%;
				}
		
				#summaryMore .totaux {
					
				}
				
					#summaryMore .totaux .total{
						font-size: 0.9rem;
						margin-top: 0.5rem;
					}
						#summaryMore .totaux .totalTTC .price{
							font-size: 1.2rem;
							font-weight: bold;
						}
						#summaryMore .totaux .totalTTC .dontTva {
							font-size: 0.8rem;
							font-weight: normal;
						}
							#summaryMore .totaux .totalTTC .small-dontTva {
								font-size: 0.6rem;
							}
		
		#pagePayment .totalShipping .addressShipping {
			font-weight: 800;
			color: #d10017;
			    font-size: 0.8rem;
		}
		#pagePayment .totalShipping .addressShipping a {
			font-weight: normal;
			text-decoration: underline;
		}				
		.paymentModeDetails,
		.paymentModeDetails i,
		.paymentModeDetails strong,
		.paymentModeDetails div {
			color: #78909c;
		}
		.paymentModeDetails:hover *,
		.paymentModeDetails.active * {
			color: black;
		}
		.paymentModeDetails:hover i,
		.paymentModeDetails.active i {
			color: #d10017;
		}
		.paymentModeDetails {
			/*margin: 0.75rem 1rem 0.25rem 1rem;*/
		}
		.paymentModeDetails i {
			font-size: 30px;
			top: -5px;
		}
		.paymentModeDetails div {
			font-size: 0.75rem;
		}
		.paymentModeDetails div.inputRadio {
			text-align: center;
		}
		#braintreeInfoPopup {
			margin-top: 30px;
			font-size: 0.65rem;
			padding-left: 210px;
			background: url(/skin/payment-logos.png) top left no-repeat;
			min-height: 68px;
		}
		#payment_error {
			background: white;
		    margin-bottom: 1rem;
		    padding: 0.5rem;
		    color: #d10017;
		    font-weight: bold;
			font-size: 1.1rem;
		}
#blocReassurance, .footer-background-2, #blocNewsletter {
	display:none;
}
#footerSection3 {
	min-height: 350px;
	position: relative;
}
	#blocFooterText i, #blocFooterText span, #blocFooterText strong {
		color: #d10017;
	}
	#blocFooterText span {
		font-weight:bolder;
		font-size:1rem;
	}
	
	#blocFooterText .row {
		margin: 0.5rem auto;
	}
		#blocFooterText div.col-auto {
			padding: 0;
		}
	#copyright {
		position: absolute;
		bottom: 0;
	}
	.footer-background-3 {
    	background-color: #ccc;
	}

/***
* page merci 
***/
.orderValid {}
	.orderValid .zonetext {}
		.orderValid .zonetext div.font-weight-bold { }
		.orderValid .zonetext div { margin-bottom: 1rem; }
		.orderValid .zonetext h2 { font-size: 1.2rem; font-weight: bold; }

	.orderValid #col-facebook {}
		.orderValid #col-facebook h3 a {
			font-size: 1.2rem;
		}		
	.orderValid #breadcrumb-light {
			display: none!important;
		}

@media (max-width: 767px) { 
	.lightHeader a {
		margin: 0.5rem 0;
	}
	
	
	#breadcrumb-light ul {
		padding-left: 0!important;
	}	
	#breadcrumb-light ul li a:after,
	#breadcrumb-light ul li.current:before {
		display: none;
	}
	#breadcrumb-light ul li a span.title {
		padding-left: 0;
		display: block;
		
	}

	
	/*** panier ***/
	.pageCart .cart_items,
	.pageCart .cart_items tbody,
	.pageCart .cart_items tbody tr,
	.pageCart .cart_items tfoot tr {
		display: block;
	}
	.pageCart .cart_items tbody td,
	.pageCart .cart_items tfoot td {
		display: inline-block;
	}
	.pageCart .cart_items tbody td .productName {
			display: inline-block;
			width: 70%;
		}
	
		.pageCart .cart_items tbody tr td .img-thumbnail {
			width: 100%;
		    display: inline-block;
		    margin-right: 0;
		    padding-right: 0;
		}
	.pageCart .cart_items tbody tr td.stock {
		width: 100%;
		padding-right: 10%;
	    right: 25px;
	    margin-top: -2rem;
	    text-align: right!important;
	}
	.pageCart .cart_items tbody tr td.qty {
		width: 40%;
		padding-left: 5px;

	}
	.pageCart .cart_items tbody tr td.unitprice {
		width: 25%;
		padding-right: 0;
	}
	.pageCart .cart_items tbody tr td.totalprice {
		width: 25%;
		padding-right: 5px;
	}
	
	.pageCart .cart_items td.qty .qty_qty {
		border: solid 1px #dedede;
	}
	
	.pageCart .cart_items .updateCart {
		
	}
		.pageCart .cart_items .updateCart td {
			width: 100%;
		}
			.pageCart .cart_items .updateCart .empty {
				display: none;
			}
			
			.pageCart .cart_items .updateCart td .cart_action {
				text-align: center;
				margin: 0.5rem 0 0.5rem 0;
			}
				.pageCart .cart_items .updateCart td .cart_action input {
					width: 100%;
					margin-right: 0;
				}
				
				
		.pageCart .cart_items .zoneCoupon {
			
		}
			.pageCart .cart_items .zoneCoupon td,
			.pageCart .cart_items .amount td {
				width: 100%;
				text-align: right;
				padding-right: 1rem;
			}
			.pageCart .cart_items .zoneCoupon .empty,
			.pageCart .cart_items .amount .empty {
				display: none;
			}
		
		
	#cart_action_bottom {
		background: white;
		position: fixed;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    z-index: 1030;
	    margin-bottom: 0;
	    padding-bottom: 0.5rem;
	    padding-top: 0.5rem;
	    justify-content: center!important;
    }
	    #cart_action_bottom a {
		    margin: 0.25rem;
		    min-width: inherit;
	    }
	
	
	/*** page shipping ***/
	#pageShipping { padding: 1rem 0;}
		.shippingAddresses div {
			margin-bottom: 0.5rem;
		}
		#pagePayment .payments {
			border-right: none;
		}
		.paymentModeDetails {
			margin: 0;
		}
		#relaisColisMainZone .groupNoPadding .form-group div {
			padding-left: 0;
		}
				#summaryMore td.info {
					width: 100%;
					padding-left: 2rem;
				}
				#summaryMore td.qty {
					width: 30%;
				}
				#summaryMore td.unitprice {
					width: 30%;
				}
				#summaryMore td.totalprice {
					width: 30%;
				}	
		
}

@media (max-width: 576px) { 
	#modalRelaisColis { }
			#modalRelaisColis .modal-dialog {
				margin: 0.1rem;
			}
				#relaisColisMainZone h5.modal-title {
					padding: 0.25rem 1rem;
					margin-bottom: 0;
				}
				
				#relaisColisMainZone .form-group label {
					padding: 0.25rem 0 0 0;
				}
				
				#modalRelaisColis .modal-body { 
					padding: 0.1rem;
				}
				
				#modalRelaisColis #btnSearchNewRelay {
					width: 100%;
					margin-bottom: 0.5rem;
				}
}
@media (min-width: 576px) {
  .modal-dialog {
	    max-width: 546px;
	    margin: 30px auto;
	}
}	
		
@media (min-width: 768px) {
  .modal-xl {
    width: 90%;
   max-width:1200px;
  }
}		



/* stripe */
#stripe form {
  width: 100%;
  min-width: 300px;
  align-self: center;
  box-shadow: 0px 0px 0px 0.5px rgba(50, 50, 93, 0.1),
    0px 2px 5px 0px rgba(50, 50, 93, 0.1), 0px 1px 1.5px 0px rgba(0, 0, 0, 0.07);
  border-radius: 7px;
  padding: 40px;
}
#stripe input {
	font-weight: bolder;
    color: black;
 border-radius: 6px;
  margin-bottom: 6px;
  padding: 0.9rem .75rem;
  border: 1px solid #ced4da;
  height: 1.2em;
  font-size: 1.2em;
  width: 100%;
  background: white;
}

#stripe label {
	display: block;
}

#stripe .list_save_card {
	list-style-type: none;
}

#stripe .list_save_card input {
	height: 22px;
    display: inline-block;
    width: 15%;
}
#stripe .list_save_card label {
	display: inline-block;
	width: 80%;
}
#stripe .input-group {
	display: inline-block;
	width: 15%;
	border: 1px solid #ced4da;
    border-radius: .25rem;
    text-align: center;
}
#stripe .StripeElement {
	display: inline-block;
	width: 80%;
}

#stripe .result-message {
  line-height: 22px;
  font-size: 16px;
}
#stripe .result-message a {
  color: rgb(89, 111, 214);
  font-weight: 600;
  text-decoration: none;
}
#stripe .hidden {
  display: none;
}
#stripe #card-error {
  color: rgb(105, 115, 134);
  text-align: left;
  font-size: 13px;
  line-height: 17px;
  margin-top: 12px;
}
#stripe #card-element {
  border-radius: 4px 4px 0 0 ;
  padding: 12px;
  border: 1px solid rgba(50, 50, 93, 0.1);
  height: 44px;
  width: 100%;
  background: white;
}
#stripe #payment-request-button {
  margin-bottom: 32px;
}
/* Buttons and links */
#stripe button {
  background: #d10017;
  color: #ffffff;
  font-family: Roboto, sans-serif;
  border-radius: 0 0 4px 4px;
  border: 0;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  display: block;
  transition: all 0.2s ease;
  box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07);
  width: 100%;
}
#stripe button:hover {
  filter: contrast(115%);
}
#stripe button:disabled {
  opacity: 0.5;
  cursor: default;
}
/* spinner/processing state, errors */
.spinner,
.spinner:before,
.spinner:after {
  border-radius: 50%;
}
.spinner {
  color: #ffffff;
  font-size: 22px;
  text-indent: -99999px;
  margin: 0px auto;
  position: relative;
  width: 20px;
  height: 20px;
  box-shadow: inset 0 0 0 2px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.spinner:before,
.spinner:after {
  position: absolute;
  content: "";
}
.spinner:before {
  width: 10.4px;
  height: 20.4px;
  background: #5469d4;
  border-radius: 20.4px 0 0 20.4px;
  top: -0.2px;
  left: -0.2px;
  -webkit-transform-origin: 10.4px 10.2px;
  transform-origin: 10.4px 10.2px;
  -webkit-animation: loading 2s infinite ease 1.5s;
  animation: loading 2s infinite ease 1.5s;
}
.spinner:after {
  width: 10.4px;
  height: 10.2px;
  background: #d10017;
  border-radius: 0 10.2px 10.2px 0;
  top: -0.1px;
  left: 10.2px;
  -webkit-transform-origin: 0px 10.2px;
  transform-origin: 0px 10.2px;
  -webkit-animation: loading 2s infinite ease;
  animation: loading 2s infinite ease;
}
@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

#stripeInfoPopup {
	margin-top: 30px;
	font-size: 0.65rem;
	padding-left: 210px;
	background: url(/skin/payment-logos.png) top left no-repeat;
	min-height: 68px;
}

#mainWarningAskAQuote {
	color: #d10017!important;
}
