/*Set body font by overriding all the font family styles set */

 div.arp-styler-standalone button.as-standalone-finish,
 button.button-go-to-account,
 button.button-go-to-order,
 div.arp-styler-standalone button.button-go-to-dashboard,
.arp-styler-standalone button.button-go-to-dashboard,
 div.arp-styler-standalone button.button-on-pan360,
 div.arp-styler-standalone button.button-on-planner,
 div.arp-styler-standalone button.button-on-pan360,
 div.arp-styler-standalone button.button-on-planner,
 div.arp-styler-standalone #instructionbubble span,
 div.arp-styler-standalone button.as-standalone-finish span,
 div.arp-styler-standalone .cat_ref,
 div.arp-styler-standalone #finishedtext,
 div.arp-styler-standalone #leadform_caption,
 div.arp-styler-standalone #instructionbubble_text,
 div.arp-styler-standalone #smallinstructionbubble_text,
 div.arp-styler-standalone #instructionbubble,
 #mypaginator,  #mysmallpaginator
 {
	font-family: "din-2014", "Helvetica", "Arial", "Roboto", sans-serif !important;
}

/* Button and icon styling */

 div.arp-styler-standalone button.button-on-pan360 {
	width: 34px;
	left: 64px !important;
	background-image: url(/roomviewer-tkc/assets/arp/page_images/tkc/pan-small.png) !important;
	background-size: 20px;
	background-repeat: no-repeat !important;
	background-position: 8px 9px;
}

.arp-styler img.roomplanner-logo-icon {
	display: none !important;
}

.arp-styler button.button-on-planner {
	width: 36px !important;
    background-image: url(/roomviewer-tkc/assets/arp/page_images/tkc/planner.png) !important;
    background-size: 14px;
    background-repeat: no-repeat !important;
	background-position: 8px 9px;
	background-color: #293138 !important;
	margin-top: 20px !important;
	margin-left: 20px !important;
}

@media screen and ( min-width: 450px ) {
	 div.arp-styler-standalone button.button-on-pan360,
	 div.arp-styler-standalone button.button-on-planner {
		width: 107px;
		background-image: none !important;
	}

	 div.arp-styler-standalone button.button-on-pan360 {
		left: 171px !important;
	}

	.arp-styler img.roomplanner-logo-icon,
	.arp-styler img.panoramic-logo-icon {
		display: block !important;
	}


	.arp-styler-standalone button.button-on-planner {
		padding: 7px 11px !important;
		width: auto !important;
		cursor: pointer;
	}
}

@media screen and ( min-width: 720px ) {
	 div.arp-styler-standalone button.button-on-pan360 {	
		left: 212px !important;
	}
}

.arp-styler-standalone .top-right-buttons {
	padding-top: 0;
}

@media screen and (max-width: 720px) {
	 div.arp-styler-standalone #instructionbubble {
		width: 350px !important;
		padding: 8px 0px 14px 14px;
		top: 76%;
	}
}

/*Hide button on styler */

.arp-styler-standalone button.button-go-to-order {
	display: none !important;
}


/*Style button and icons*/

.arp-styler-standalone button.button-go-to-account {
	background-color: #293138 !important;
	padding: 9px 11px !important;
	border: none !important;
	margin-top: 20px;
	margin-right: 20px;
	cursor: pointer;
}

.arp-styler-standalone button.button-on-pan360 {
	margin-top: 20px !important;
	left: 212px !important;
	background-color: #293138 !important;
	padding: 8px 11px !important;
	cursor: pointer;
}

 div.arp-styler-standalone img.panoramic-logo-icon {
	height: 19px !important;
}

 div.arp-styler-standalone img.roomplanner-logo-icon {
	height: 19px !important;
}

.arp-styler-standalone img.nav-icon {
	width: auto !important;
	height: 19px !important;
}

/*Update welcome message*/

 div.arp-styler-standalone #instructionbubble {
	background-color: #000;
	box-shadow: none;
	border-radius: 0;
}

 div.arp-styler-standalone #instructionbubble span {
	color: #fff;
	font-size: 21px;
}

/*UI on planner*/

 div.arp-styler-standalone .cat_ref {
	color: #fff;
	line-height:20px;
}

 div.arp-styler-standalone .cat_img {
	border-radius: 0;
}
	
 div.arp-styler-standalone #layerchoices {
	background: #293138;
}

 div.arp-styler-standalone li.layeritem:hover {
	background: #000 !important;
}

.cat_ref:hover {
	background-color: #000;
}

 div.arp-styler-standalone .cat_item_item {
	border: none;
	border-radius: 0;
}

 div.arp-styler-standalone li.layerhighlight {
	background-color: #000;
}

 div.arp-styler-standalone img.closelayers {
	height: 11px;
}

/*Pagination state*/

 div.arp-styler-standalone li.layerhighlight,
 #mypaginator li.paginator-button.selected a:link,  #mypaginator li.paginator-button.selected a:visited {
	background-color: #000;
}

 #mypaginator li.paginator-button.selected a:link {
	padding: 2px 4px;
}

 div.arp-styler-standalone .cat_item_item.selected {
	background-color: rgb(132,121,99);
}

 div.arp-styler-standalone #choicespanel {
	background-color: #293138 !important;	
}

 #mypaginator li.paginator-button,  #mysmallpaginator li.paginator-button {
	margin-left: 4px;
}

/*Non active */

 #mypaginator li.customised-paginator-button a,  #mypaginator li.paginator-button a {
	background-color: rgb(152, 154, 155);
	width: 100px;

}

li.paginator-button {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

 #mysmallpaginator li.paginator-button a {
	background-color: #000;
}

@media screen and (min-width: 720px) {

	li.paginator-button:before {
		position: absolute;
		font-size: 13px;
		text-transform: uppercase;
		color: #fff;
	}
/*
	li.paginator-button.paginator-button-0:before {
		content: 'Handleless';
	}

	li.paginator-button.paginator-button-1:before {
		content: 'Slab';
	}

	li.paginator-button.paginator-button-2:before {
		content: 'Shaker';
	}*/
}