/* Personalisation Slide In (start) */

#personalisation_slidein {
	position: fixed;
	top: 0;
	right:-440px;
	width: 90%;
	height: 100%;
	max-width: 440px;
	border: 0;
	background: #fff;
	padding: 10px 20px 0;
	z-index: 997;
	box-sizing: border-box;
	/*
	overflow-x: hidden;
	*/
	max-height: 100%;
	border-right: 5px solid #fff;
	padding-right: 15px;
	transition: all 0s;
}

#personalisation_slidein.slidein_opened {
	right:0;
	transition: right 0.4s ease-out 0s;
}

#personalisation_slidein * {
	box-sizing:border-box;
}

#personalisation_slidein > form {
	max-height:100%;
	height:100%;
	overflow-x:hidden;
	display:block;
	margin-right:-10px;
	padding-right:10px;
}

#personalisation_slidein::-webkit-scrollbar, #personalisation_slidein > form::-webkit-scrollbar {
	width: 5px;
}

#personalisation_slidein::-webkit-scrollbar-track, #personalisation_slidein > form::-webkit-scrollbar-track {
	background:#eee;
	border-radius:10px;
	margin:10px 0;
}

#personalisation_slidein::-webkit-scrollbar-thumb, #personalisation_slidein > form::-webkit-scrollbar-thumb  {
	background:#aaa;
	border-radius:10px;
}

#personalisation_slidein > form > .options {
	padding-left:0;
	padding-right:0;
}

#personalisation_slidein .personalisation_title {
	font-family:'Karla', Arial, Helvetica, sans-serif;
	font-size:22px;
	text-align:center;
	margin:15px 0 5px;
	padding:0 12px;
}

#personalisation_slidein .close_personalisation_slidein {
	position: sticky;
	left: -20px;
	margin-left: -20px;
	margin-top: -35px;
	background-image: url(/static/image/header/close_search_icon.svg);
	background-size: 12px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
	height: 35px;
	width: 35px;
	top: 0px;
	display: block;
	cursor: pointer;
	z-index: 9;
}

.personalisation_slidein_divider {
	min-height:1px;
	display:block;
	width:100%;
	border-bottom:1px solid #ccc;
	clear:both;
}

.personalisation_slidein_option_group {
	clear:both;
	border-bottom:1px solid #ccc;
}

.personalisation_slidein_option_group_label {
	padding:15px 0;
	cursor:pointer;
}

.personalisation_slidein_option_step_number {
	float:left;
	height:32px;
	width:32px;
	line-height:33px;
	background:#F7E4D7;
	color:#666;
	font-size:16px;
	font-weight:600;
	margin-right:15px;
	border-radius:50px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}

.personalisation_slidein_option_step_number.completed {
	color:rgba(0,0,0,0);
	background-size: 15px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='rgb(102,102,102)' d='M504.502,75.496c-9.997-9.998-26.205-9.998-36.204,0L161.594,382.203L43.702,264.311c-9.997-9.998-26.205-9.997-36.204,0    c-9.998,9.997-9.998,26.205,0,36.203l135.994,135.992c9.994,9.997,26.214,9.99,36.204,0L504.502,111.7    C514.5,101.703,514.499,85.494,504.502,75.496z'/%3E%3C/svg%3E");
}

.personalisation_slidein_option_step_title {
	font-size:18px;
	line-height:32px;
	float:left;
	font-family:'Karla', Arial, Helvetica, sans-serif;
	width:calc(100% - 50px);
	position:relative;
	padding-right:32px;
}

.personalisation_slidein_option_step_title span {
	color:#f00;
	font-size:0.9em;
	padding-left:2px;
	vertical-align:top;
	font-weight:bold;
}

.personalisation_slidein_option_chosen {
	width:100%;
	clear:both;
	display:none;
}

.personalisation_slidein_option_chosen_value {
	width:calc(100% - 50px);
	clear:both;
	float:right;
	font-size:13px;
}

.personalisation_slidein_option_chosen::after {
	display:block;
	clear:both;
	min-height:1px;
	content:'';
	margin-top:-1px;
}

.personalisation_slidein_option_step_title::after {
	position:absolute;
	content:'';
	right:0;
	top:0;
	height:32px;
	width:32px;
	background-image:url('/catalogue/2016-christmas/style/icon/arrow-down.png');
	background-position:right 10px;
	background-repeat:no-repeat;
	background-size:15px;
	filter:invert(0.6);
}

.personalisation_slidein_option_group.open .personalisation_slidein_option_step_title::after {
	transform: scaleY(-1);
}

#personalisation_slidein  .price.config-price {
	font-size:40px;
	line-height:40px;
	height:40px;
	font-weight:600;
}

#personalisation_slidein  .price.config-price .sign {
	font-size:28px;
}

#personalisation_slidein  .price.config-price .decimal {
	font-size:23px;
}

#personalisation_slidein.customisation-popup .add-to-row .product-qty {
	height:38px;
	line-height:38px;
	width:38px;
	float:left;
}

#personalisation_slidein.customisation-popup .add-to-row .label-text-qty {
	height:38px;
	line-height:38px;
}

#personalisation_slidein.customisation-popup .add-to-row {
	margin-bottom:10px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}

#personalisation_slidein.customisation-popup .max_chars {
	margin:-7px 0 8px;
	clear:both;
	display:block;
	width:100%;
	float:left;
}

#personalisation_slidein.customisation-popup .input_container {
	margin-top:8px;
}

#personalisation_slidein.customisation-popup .input_container select {
	font-size:14px;
	height:3.2em;
	padding-left:15px !important;
	outline:0;
	text-indent:0px;
	line-height:1.4em;
	-webkit-appearance:initial;
}

#personalisation_slidein.customisation-popup .input_container select option {
	-webkit-appearance:auto;
}

#personalisation_slidein.customisation-popup .input_container.input_select::after {
	position:absolute;
	content:'';
	right:0;
	top:0;
	height:100%;
	width:20px;
	background-image:url('/catalogue/2016-christmas/style/icon/arrow-down.png');
	background-position:right 7px center;
	background-repeat:no-repeat;
	background-size:11px;
	filter:invert(0.6);
}

#personalisation_slidein.customisation-popup .input_container input, #personalisation_slidein.customisation-popup .input_container label {
	font-size:14px;
}

#personalisation_slidein.customisation-popup .input_container:not(.entered) input {
	height:2.2em;
}

#personalisation_slidein.customisation-popup .input_container:not(.entered) label {
	height:100%;
}

#personalisation_slidein.customisation-popup .prouct_gift_wrap_checkbox_label {
	margin-top:15px;
}

.personalisation_slidein_options_image {
	max-width:300px;
	width:100%;
	margin:10px auto;
}

.personalisation_slidein_options_image img {
	width:100%;
}

.personalisation_slidein_options textarea {
	width:100%;
	font-size:14px;
	padding:10px;
	font-family: 'Poppins', Arial, Helvetica, sans-serif;
	color:#666;
}

#personalisation_slidein .has_error .input_container {
	outline-color:#f00;
}

.personalisation_slidein_options .has_error textarea {
	border-color:#f00;
}

.personalisation_slidein_option_step_number, .personalisation_slidein_option_step_title {
	user-select:none;
}

.slidein_colour_selector, .slidein_image_selector {
	padding-top:10px;
}

.slidein_colour_selector .slidein_colour {
	border:1px solid #ddd;
	border-radius:4px;
	padding:9px;
	clear:both;
	margin-bottom:8px;
	line-height:1.5em;
	position:relative;
	cursor:pointer;
	user-select:none;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}

.slidein_colour_selector .slidein_colour .slidein_colour_swatch {
	display:inline-block;
	height:1.5em;
	width:1.5em;
	border-radius:50px;
	background:#ddd;
	box-sizing:border-box;
	position:relative;
	border:1px solid #ddd;
	margin-right:10px;
}

.slidein_colour_selector .slidein_colour.silver::before, .slidein_colour_selector .slidein_colour.sterling::before {
	background: rgb(186,186,186);
	background: -moz-linear-gradient(135deg, rgba(186,186,186,1) 0%, rgba(250,250,250,1) 50%, rgba(186,186,186,1) 100%);
	background: -webkit-linear-gradient(135deg, rgba(186,186,186,1) 0%, rgba(250,250,250,1) 50%, rgba(186,186,186,1) 100%);
	background: linear-gradient(135deg, rgba(186,186,186,1) 0%, rgba(250,250,250,1) 50%, rgba(186,186,186,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bababa",endColorstr="#bababa",GradientType=1);
	border-color:#ddd;
}

.slidein_colour_selector .slidein_colour.gold::before {
	background: rgb(255,232,152);
	background: -moz-linear-gradient(135deg, rgba(255,232,152,1) 0%, rgba(255,252,228,1) 50%, rgba(255,232,152,1) 100%);
	background: -webkit-linear-gradient(135deg, rgba(255,232,152,1) 0%, rgba(255,252,228,1) 50%, rgba(255,232,152,1) 100%);
	background: linear-gradient(135deg, rgba(255,232,152,1) 0%, rgba(255,252,228,1) 50%, rgba(255,232,152,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffe898",endColorstr="#ffe898",GradientType=1);
	border-color:#f8ec51;
}

.slidein_colour_selector .slidein_colour.rose::before {
	background: rgb(255,170,152);
	background: -moz-linear-gradient(135deg, rgba(255,170,152,1) 0%, rgba(255,241,228,1) 50%, rgba(255,170,152,1) 100%);
	background: -webkit-linear-gradient(135deg, rgba(255,170,152,1) 0%, rgba(255,241,228,1) 50%, rgba(255,170,152,1) 100%);
	background: linear-gradient(135deg, rgba(255,170,152,1) 0%, rgba(255,241,228,1) 50%, rgba(255,170,152,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffaa98",endColorstr="#ffaa98",GradientType=1);
	border-color:#ffdcd0;
}

.slidein_colour_selector .slidein_colour span, .slidein_image_selector .slidein_image span {
	display:inline-block;
}

.slidein_colour_selector .slidein_colour.premium .slidein_colour_swatch::before {
	content:'';
	display:block;
	position:absolute;
	height:18px;
	width:18px;
	background-image:url('https://cdn.lisaangel.co.uk/image/data/assets/shine.svg');
	background-size:contain;
	background-repeat:no-repeat;
	top:-6px;
	right:-5px;
}

.slidein_colour_selector .slidein_colour .slidein_colour_label {
	max-width:calc(100% - 2.7em - 10px);
	padding-right:10px;
}

.slidein_colour_selector .checkbox {
	display:inline-block;
	height:1.2em;
	width:1.2em;
	margin-left:auto;
	background:#fff;
	border:1px solid #666;
	text-align:center;
}

.slidein_colour_selector .slidein_colour.selected .checkbox::before {
	content:'✓';
	display:block;
	font-size:15px;
	font-weight:700;
	line-height:1em;
	height:100%;
	vertical-align:middle;
}

.slidein_colours.filled .slidein_colour {
	opacity:0.6;
}

.slidein_colours.filled .slidein_colour.selected {
	opacity:1;
	border-color:#666;
}

.slidein_colours_title, .slidein_images_title {
	clear:both;
	padding-bottom:8px;
}

.slidein_colours, .slidein_images {
	padding-bottom:10px;
}

.slidein_images .slidein_images_blocks {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.slidein_images .slidein_images_blocks .slidein_image {
	width:calc(50% - 10px);
	border:1px solid #ddd;
	padding:15px;
	cursor:pointer;
	margin-bottom:20px;
	user-select:none;
}

.slidein_images .slidein_images_blocks.filled .slidein_image {
	opacity:0.6;
}

.slidein_images .slidein_images_blocks.filled .slidein_image.selected {
	opacity:1;
	border-color:#666;
}

.slidein_images .slidein_images_blocks.filled .slidein_image.selected .slidein_image_photo::after {
	width: 36px;
	height: 36px;
	position: absolute;
	content: "";
	display: block;
	bottom: 10px;
	right: 10px;
	background-size: 22px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #f7e4d7;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='rgb(102,102,102)' d='M504.502,75.496c-9.997-9.998-26.205-9.998-36.204,0L161.594,382.203L43.702,264.311c-9.997-9.998-26.205-9.997-36.204,0    c-9.998,9.997-9.998,26.205,0,36.203l135.994,135.992c9.994,9.997,26.214,9.99,36.204,0L504.502,111.7    C514.5,101.703,514.499,85.494,504.502,75.496z'/%3E%3C/svg%3E");
	-webkit-box-shadow: 3px 2px 5px 0px rgb(0 0 0 / 15%);
	box-shadow: 3px 2px 5px 0px rgb(0 0 0 / 15%);
}

.slidein_images .slidein_images_blocks .slidein_image_photo {
	width:100%;
	aspect-ratio:1;
	padding-top:100%;
	position:relative;
	background:#eee;
	overflow:hidden;
}

.slidein_images .slidein_images_blocks .slidein_image_photo img {
	width:100%;
	position:absolute;
	top:0;
	left:0;
}

.slidein_images .slidein_images_blocks .slidein_image_label {
	text-align:center;
	padding:15px 0 2px;
}

.slidein_images .slidein_images_blocks .slidein_image_label span {
	display:inline-block;
}

#bundle_options .customisation-popup .add-to-row.add-to-first,
#bundle_options .customisation-popup .prouct_gift_wrap_checkbox_label,
#bundle_options .customisation-popup .productpage_quick_checkout {
	display:none !important;
}

.la-button.button-add-to-bag-customised.bundle-customised {
	margin-top:15px;
}

.personalisation_slidein_divider + .personalisation_slidein_options {
	margin-top:10px;
}

#personalisation_slidein .add-to-row .label-text-qty {
	text-transform: uppercase;
	margin-right: 25px;
	float: left;
}

@media only screen and (max-width: 900px) {

	#personalisation_slidein {
		overflow-x:hidden;
	}

	#personalisation_slidein .close_personalisation_slidein {
		top:-10px;
	}

}

@media only screen and (max-width: 600px){

	.slidein_block_selector {
		padding-top:10px;
	}

	.slidein_images .slidein_images_blocks .slidein_image {
		width:calc(50% - 5px);
		padding:10px;
		margin-bottom:10px;
	}

	#personalisation_slidein .personalisation_title {
		font-size:18px;
	}

	#personalisation_slidein .price.config-price {
		font-size:32px;
		line-height:32px;
		height:32px;
	}

	#personalisation_slidein.customisation-popup .add-to-row .product-qty {
		height:32px;
		line-height:32px;
		width:32px;
		font-size:20px;
	}

	#personalisation_slidein.customisation-popup .add-to-row .label-text-qty {
		height:32px;
		line-height:32px;
		margin-right:15px;
	}

	#personalisation_slidein.customisation-popup .add-to-first {
		height:40px;
	}

	.personalisation_slidein_option_step_number {
		font-size:14px;
	}

	.personalisation_slidein_option_step_title {
		font-size:16px;
	}

}

@media only screen and (max-width: 400px){
	.personalisation_slidein_option_step_title {
		line-height:22px;
		padding-top:4px;
		padding-bottom:8px;
	}
}

/* Personalisation Slide In (end) */