.esac-right-content {
	@extend  .d-inline-flex ;
	@extend  .justify-content-center ;
	@extend  .align-items-center ;
	width: 50px;
	height: 50px;
	background-color: $esac-selected-voucher-right-background-color;
	border-left: 1px dashed $esac-selected-voucher-border-color;
	.esac-content-active {
		@extend  .rounded-circle ;
		@extend  .border-0 ;
		@extend  .d-flex ;
		@extend  .justify-content-center ;
		@extend  .align-items-center ;
		height: 25px;
		width: 25px;
		background-color: $esac-selected-voucher-icon-background-color;
		.esac-icon {
			fill: $white !important;
			height: 15px;
			width: 15px;
		}
	}
	.esac-content-inactive {
		@extend  .rounded-circle ;
		@extend  .border ;
		@extend  .bg-white ;
		height: 25px;
		width: 25px;
	}
}

.esac-voucher-summary {
	@extend  .float-right ;
	.esac-container {
		@extend  .mt-1 ;
		@extend  .px-3 ;
		border: 1px solid $esac-summary-border-color;
		width: 250px;
		.esac-currency {
			@extend  .text-right ;
			@extend  .pt-2 ;
			@extend  .pb-1 ;
			font-size: $font-size-base * 0.9;
		}
		.esac-row {
			height:30px;
			.esac-lable {
				@extend  .float-left ;
				font-size: $font-size-base;
			}
			.esac-value {
				@extend  .float-right ;
				font-size: $font-size-base;
			}
		}
	}
}

.esac-modal-body {
	width: 80vw !important;
	height: 80vh !important;
	overflow: auto;
}

.modal-md {
	height: 80vh !important;
	width:80vw !important;
	max-width:80vw !important;
	max-height:80vh !important;
}

.esac-combobox {
	$caret : url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.62 7.81'%3E%3Cpath fill='#{$esac-combobox-caret-color}' d='M6.81,7.81a1,1,0,0,1-.71-.29L.29,1.71A1,1,0,1,1,1.71.29L6.81,5.4,11.92.29a1,1,0,0,1,1.41,1.41L7.52,7.52A1,1,0,0,1,6.81,7.81Z'/%3E%3C/svg%3E");
	background-image: $caret !important;
}

.esac-search-icon-holder {
	@extend  .p-1 ;
	height: 30px;
	.esac-search-icon {
		height: 20px;
		width: 20px;
		cursor: pointer;
		fill: $esac-search-icon-color !important;
	}
}

.esac-product-image-container {
	@extend  .d-flex ;
	@extend  .justify-content-center ;
	@extend  .align-items-center ;
	height: $esac-product-container-height;
	width: $esac-product-container-width;
	overflow: hidden;
}

.esac-product-image {
	max-width:  $esac-product-image-height;
  	max-height: $esac-product-image-width;
}

.esac-voucher-image {
	@extend  .d-flex ;
	@extend  .justify-content-center ;
	@extend  .align-items-center ;
	height: $esac-voucher-image-height;
	width: $esac-voucher-image-width;
	overflow: hidden;
}
