.mainmenu {
	overflow-y: auto;
	overflow-x: hidden;
	background: #fff;
}

.ember-power-select-trigger,
.ember-power-select-trigger--active,
.ember-power-select-trigger:focus {
	border-color: #ddd;
}

.ember-power-select-options[role=listbox] {
	max-height: 28em;
}

.loadplan {
	background: white;
}

.search__label {
	margin-right: 5px;
}

div.ral-save-edit {
	width: 100%;
	padding: 10px;
}

.ember-power-select-search-input {
	padding: 10px;
}

.container-ral {
	margin-top: 10px;
}

.disabled div.header__menubar:first-of-type nav.optionsmenu,
.disabled div.header__menubar:first-of-type nav.primarymenu {
	opacity: 0.0;
	pointer-events: none;
}

tr.currentplan {
	background: rgb(247, 146, 47);
}

td.problem {
	text-decoration: none !important;
	color: Red;
}

.ember-power-select-trigger {
	border-radius: 0;
	font-size: 2rem;
	border: 1px solid $midgrey;
	font-family: "din-2014", "Helvetica", "Arial", "Roboto", sans-serif;
	font-weight: 400;
	width: 100%;
	background: #fff;
	display: block;
}

@media (min-width: 768px) {
	.ember-power-select-trigger {
		font-size: 1.5rem;
	}
}

@media (min-width: 1024px) {
	.ember-power-select-trigger {
		font-size: 2rem;
		padding-top: 3px;
	}
}

.ember-power-select-status-icon {
	border-color: #ddd transparent transparent;
}

.ember-power-select-option {
	font-size: 2rem;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--below,
.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
	border-color: #ddd;
}

.dropdown-handle-img.icon-flag {
	width: 24px;
	height: auto;
	float: left;
	clear: both;
	margin: 0 4px;
}

.loadplan__table a:visited,
.loadplan__table a {
	color: #293138;
}

h1.sidemenu__no-matching-results {
	font-size: 2.0rem;
	padding: 1.2rem;
}

.zoom-thumb {
	font-size: 0.5em;
}

.modalbg {
	z-index: 9;
}


button.delete-line-drawing {
	position: absolute;
	top: 148px;
	z-index: 10;
	right: 1.2rem;
}

button.button-stop-line-drawing {
	position: absolute;
	top: 148px;
	z-index: 5;
	right: 1.2rem;
}

.mainmenu ul {
	align-items: start;
}

.mainmenu .ember-view,
.mainmenu div.furniture {
	height: 100%;
}

/* BBI 040119 */
.mainmenu ul>li {
	padding: 0;
}

span.label_image {
	display: block;
}

#cart-anim {
	display: none;
}

div.dragged-basket-item {
	display: block !important;
	font-size: 26px;
	border: 1px dashed black;
	opacity: 1.0;
	z-index: 9999;
	opacity: 0.9;
	position: absolute;
	pointer-events: none;
	/* or it gets in the way of the drag */
}

button.furniture {
	background: none;
	border: none;
	cursor: move;
	padding: 5px;
	box-shadow: 4px 4px 5px white;
	border: 1px solid white;
	width: 100%;
}

button.furniture:hover {
	box-shadow: 4px 4px 5px #aaa;
	outline: 1px solid #aaa;
}

button.roomshape-furniture {
	border: none;
	background: white;

}

button.roomshape-furniture:hover {
	cursor: pointer;
	outline: 1px solid #aaa;
}

img.dragged {
	border: 2px dashed black;
	width: 64px;
	height: 64px;
}

.mainmenu li.furniture {
	border: none;
}

.modal__col ul {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(12rem, 20rem));
}

.modal__col li.furniture {
	width: auto;
}

.mainmenu .furniture-image {
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 1;
	object-fit: contain;
}

.sidemenu {
	background: #fff;

}

.rangemenu {
	background: #EEE;
}

#inserttext-panel {
	border-radius: 0;
	box-shadow: none;
}

#inserttext-panel textarea {
	margin: 0;
	font-family: inherit;
	padding: 5px;
	font-size: 18px;
}

select.font-selection,
select.font-size-selection {
	font-family: inherit;
	padding: 5px;
	font-size: 18px;
}

img.icon-flag {
	width: 24px;
	height: auto;
	float: left;
	clear: both;
	margin: 0 4px;
}

/* Support Tab / Modal */

.fs-l {
	font-size: 2.25rem;
}

@media (min-width: 380px) {

	.fs-l,
	.page-title {
		font-size: calc(13.77778px + 1.11111vw);
	}
}

@media (min-width: 1280px) {

	.fs-l,
	.page-title {
		font-size: 3.5rem;
	}
}

.fs-l {
	font-size: 2.25rem;
}

@media (min-width: 380px) {

	.fs-l,
	.page-title {
		font-size: calc(13.77778px + 1.11111vw);
	}
}

@media (min-width: 1280px) {

	.fs-l,
	.page-title {
		font-size: 3.5rem;
	}
}

.fs-m {
	font-size: 1rem;
}

@media (min-width: 380px) {
	.fs-m {
		font-size: calc(14.31111px + .44444vw);
	}
}

@media (min-width: 1280px) {
	.fs-m {
		font-size: 2.5rem;
	}
}

.btwn-mb-m,
.fieldset {
	margin-bottom: 1.25rem;
}

@media (min-width: 380px) {

	.btwn-mb-m,
	.fieldset {
		margin-bottom: calc(13.77049px + 1.63934vw);
	}
}

@media (min-width: 1600px) {

	.btwn-mb-m,
	.fieldset {
		margin-bottom: 2.5rem;
	}
}

.btwn-mb-s {
	margin-bottom: .625rem;
}

@media (min-width: 380px) {
	.btwn-mb-s {
		margin-bottom: calc(6.88525px + .81967vw);
	}
}

@media (min-width: 1600px) {
	.btwn-mb-s {
		margin-bottom: 1.25rem;
	}
}

.btwn-mr-s {
	margin-right: .625rem;
}

@media (min-width: 380px) {
	.btwn-mr-s {
		margin-right: calc(6.88525px + .81967vw);
	}
}

@media (min-width: 1600px) {
	.btwn-mr-s {
		margin-right: 1.25rem;
	}
}

.button {
	display: inline-block;
	padding: 1em 2em;
	border: 1px solid #F49C24;
	background-color: #F49C24;
	color: #fff;
	text-decoration: none;
	letter-spacing: .05em;
	text-transform: uppercase;
	text-align: center;
	transition: all .2s ease;
	cursor: pointer;
}

.button--small {
	padding: 0.5em 1em;
}

.button--outline {
	background: transparent;
	color: #F49C24;
	border: 1px solid #F49C24;
}

.support-modal label,
.support-modal .label {
	font-size: 12px;
	font-size: 1.5rem;
	line-height: 16.8px;
	line-height: 2.1rem;
	text-transform: uppercase;
	margin-bottom: 5px;
	display: block;
	color: #969696;
	letter-spacing: .05em;
}

.support-modal input[type=text],
.support-modal input[type=tel],
.support-modal input[type=email],
.support-modal input[type=date],
.support-modal input[type=password],
.support-modal textarea,
.support-modal select {
	width: 100%;
	display: block;
	border: 1px solid #ccc;
	padding: 0.5em;
	margin-bottom: 10px;
	border-radius: 0;
}

.support-modal input,
.support-modal button,
.support-modal select,
.support-modal textarea {
	font-family: inherit;
	font-size: inherit;
}

.support-modal input[type=text]:focus,
.support-modal input[type=tel]:focus,
.support-modal input[type=email]:focus,
.support-modal input[type=date]:focus,
.support-modal input[type=password]:focus,
.support-modal textarea:focus,
.support-modal select:focus {
	outline: none;
	border-color: #F49C24;
	box-shadow: 0 0 2px 0 #F49C24;
}

.support-modal input {
	line-height: normal;
}

.support-modal h2,
.support-modal h3 {
	font-weight: 500;
}

.support-tab {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -88px;
	cursor: pointer;
	background: none;
	padding: 0;
	border: none;
	z-index: 99;
}

.support-tab svg {
	width: 48px;
	height: 143px;
}

.support-modal {
	background: #fff;
	padding: 4rem;
	width: 90%;
	position: fixed;
	z-index: 999;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	max-width: 70rem;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	text-align: center;
	font-size: 16px;
	line-height: 1.4;
	max-height: 90vh;
	overflow-y: scroll;
}

@media (min-width: 768px) and (min-height: 600px) {
	.support-modal {
		padding: 6rem;
	}
}

.support-modal.is-active {
	opacity: 1;
	visibility: visible;
}

.support-modal__form form {
	text-align: left;
	max-width: 40rem;
	margin: 0 auto;
}

.support-modal__section {
	display: none;
}

.support-modal__section.is-active {
	display: block;
}

input[type=file] {
	margin-bottom: 10px;
}

.modalbg {
	background: rgba(0, 0, 0, 0.5);
	z-index: 999;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
}

.modalbg.is-active {
	display: block;
	opacity: 1;
	visibility: visible;
}

.live-chat {
	display: none;
}

.support-modal textarea {
	height: 150px;
}

.support-modal input[readonly] {
	border: none;
	padding-left: 0;
	padding-top: 0;
	padding-right: 0;
}

.support-modal input[readonly]:focus {
	box-shadow: none;
}

.support-modal__messages {
	text-align: left;
}

.support-modal__messages p {
	padding: 0 0 1em;
	border-bottom: 1px solid #ccc;
	margin-bottom: 1em;
}

.support-modal__messages p a {
	color: #000;
	text-decoration: underline;
}

.support-modal__messages p:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.support-modal-reply {
	text-align: left;
}

.update-ticket,
.send-plan {
	display: none;
}

.update-ticket.is-active,
.send-plan.is-active {
	display: inline-block;
}

.support-modal__loading {
	background-color: white;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	transition: opacity .3s ease;
	pointer-events: none;
	display: flex;
	justify-content: center;
	align-items: center;
}

.support-modal__loading-spinner,
.support-modal__loading-spinner:after {
	border-radius: 50%;
	width: 10em;
	height: 10em;
}

.support-modal__loading-spinner {
	margin: 60px auto;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: 1.1em solid rgba(244, 156, 36, 0.2);
	border-right: 1.1em solid rgba(244, 156, 36, 0.2);
	border-bottom: 1.1em solid rgba(244, 156, 36, 0.2);
	border-left: 1.1em solid #f49c24;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}


.support-modal__loading.is-active {
	opacity: .75;
	pointer-events: all;
}

.header__menubar.is-disabled .optionsmenu,
.header__menubar.is-disabled .primarymenu {
	pointer-events: none;
	opacity: 0;
}


/* The Range */


button.text-button {
	background: #313d48;
}

.btn--primary:hover {
	background: #313d48
}

.btn--secondary {
	color: #313d48;
}

.btn--tertiary:hover,
.header__menubar {
	background: #313d48
}

.header__menubar:before {
	background: #313d48;
}

.header__menubar--secondary:before {
	background: #fff;
}

.primarymenu__btn {
	background: #313d48;
}

.primarymenu__btn--main:hover {
	color: #313d48
}

.toolsmenu {
	color: #313d48;
}

.toolsmenu__toggle {
	color: #313d48;
}

.search,
.search__toggle {
	color: #313d48;
}

.rangemenu,
.rangemenu__toggle {
	color: #313d48;
}

.search__clear:hover {
	background-color: #313d48;
	border-color: #313d48
}

.mainmenu__step,
.sidemenu__toggle {
	background: #313d48;
}

.modal {
	color: #313d48;
}

.modal__close {
	background: #313d48;
}

.support-tab rect {
	fill: #313d48 !important;
}

.header__logo {
	width: 22.75rem;
	height: 12.5rem;
	margin: 0;
	background: #313d48;
	padding: 0;
}

.btn--primary {
	background: #897c61;
}

.btn--secondary:hover {
	color: #897c61
}

.btn--tertiary {
	background: #897c61;
}

.active .optionsmenu__toggle,
.optionsmenu__toggle:hover {
	color: #897c61
}

.optionsmenu__btn:hover {
	color: #897c61
}

.primarymenu__btn:hover {
	color: #897c61
}

.primarymenu__btn--main {
	background: #897c61
}

@media (min-width: 768px) {
	.primarymenu__btn {
		background: 0 0;
	}
}

@media (min-width:768px) {

	.primarymenu__btn--main,
	.primarymenu__btn:hover {
		color: #897c61
	}
}

.active .toolsmenu__toggle,
.toolsmenu__btn.enabled,
.toolsmenu__btn:hover,
.toolsmenu__toggle:hover {
	color: #897c61
}

.active .search__toggle,
.search__toggle:hover {
	color: #897c61
}

.search__clear {
	background: #897c61;
	border: 1px solid #897c61
}

.active>.rangemenu__toggle,
.rangemenu__btn:hover,
.rangemenu__toggle:hover {
	color: #897c61
}

.sidemenu__toggle:hover {
	color: #897c61
}

.mainmenu__step.active,
.mainmenu__step:hover {
	color: #897c61
}

.modal__close:hover {
	background: #897c61
}

.item-breakdown__total {
	color: #897c61;
}

[type=range]::-webkit-slider-thumb {
	background: #897c61;
}

[type=range]::-moz-range-thumb {
	background: #897c61;
}

[type=range]::-ms-thumb {
	background: #897c61;
}

.button {
	border: 1px solid #897c61;
	background-color: #897c61;
}

.button--outline {
	color: #897c61;
	border: 1px solid #897c61;
}

.support-modal input[type=text]:focus,
.support-modal input[type=tel]:focus,
.support-modal input[type=email]:focus,
.support-modal input[type=date]:focus,
.support-modal input[type=password]:focus,
.support-modal textarea:focus,
.support-modal select:focus {
	border-color: #897c61;
	box-shadow: 0 0 2px 0 #897c61;
}

.support-modal__loading-spinner {
	border-top: 1.1em solid rgba(134, 111, 77, 0.2);
	border-right: 1.1em solid rgba(134, 111, 77, 0.2);
	border-bottom: 1.1em solid rgba(134, 111, 77, 0.2);
	border-left: 1.1em solid #897c61;
}

.button--outline {
	background: transparent;
	color: #897c61;
	border: 1px solid #897c61;
}

.rangemenu__select,
.search__clear,
.search__input,
html {
	font-weight: 400;
	font-family: "Work Sans", sans-serif;
}

.btn {
	font-family: "Work Sans", sans-serif;
	font-weight: 500;
}

.modal__select {
	font-family: "Work Sans", sans-serif;
	font-weight: 400;
}

.item-breakdown__accessories input,
.item-breakdown__totals input {
	font-weight: 400;
	font-family: "Work Sans", sans-serif;
}

.newplan__select {
	font-family: "Work Sans", sans-serif;
	font-weight: 400;
}

.ember-power-select-trigger {
	font-family: "Work Sans", sans-serif;
	font-weight: 400;
}

@media (min-width: 1550px) {
	.search__content {
		position: absolute;
		top: 0;
		width: 100%;
		background: #fff;
		z-index: -2;
		padding: .75rem 1.75rem 1.75rem;
		transform: translate3d(0, -95%, 0);
	}
}

@media (min-width: 1800px) {
	.search__content {
		position: relative;
		top: -33%;
		width: auto;
		background: 0 0;
		z-index: initial;
		padding: 0;
		transform: translate3d(0, 0, 0);
	}
}

.header__menubar {
	height: 10rem;
}

.header__menubar--secondary {
	height: 6.35rem;
}

.header__logo {
	z-index: 11;
	width: auto;
	height: 80px;

}

div .banner {
	top: 130px;
	border: none;
	font-weight: 500;
}

div .banner:hover {
	background: #897c61;
}