/*<editor-fold desc="Fonts">*/
/*<editor-fold desc="Roboto Mono">*/
@font-face {
	font-display: swap;
	font-family: "Roboto Mono";
	src: url('../fonts/Roboto Mono/RobotoMono-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-display: swap;
	font-family: "Roboto Mono";
	src: url('../fonts/Roboto Mono/RobotoMono-ThinItalic.ttf') format('truetype');
	font-weight: 100;
	font-style: italic;
}

@font-face {
	font-display: swap;
	font-family: "Roboto Mono";
	src: url('../fonts/Roboto Mono/RobotoMono-ExtraLight.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-display: swap;
	font-family: "Roboto Mono";
	src: url('../fonts/Roboto Mono/RobotoMono-ExtraLightItalic.ttf') format('truetype');
	font-weight: 200;
	font-style: italic;
}

@font-face {
	font-display: swap;
	font-family: "Roboto Mono";
	src: url('../fonts/Roboto Mono/RobotoMono-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-display: swap;
	font-family: "Roboto Mono";
	src: url('../fonts/Roboto Mono/RobotoMono-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-display: swap;
	font-family: "Roboto Mono";
	src: url('../fonts/Roboto Mono/RobotoMono-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-display: swap;
	font-family: "Roboto Mono";
	src: url('../fonts/Roboto Mono/RobotoMono-Italic.ttf') format('truetype');
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-display: swap;
	font-family: "Roboto Mono";
	src: url('../fonts/Roboto Mono/RobotoMono-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-display: swap;
	font-family: "Roboto Mono";
	src: url('../fonts/Roboto Mono/RobotoMono-MediumItalic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-display: swap;
	font-family: "Roboto Mono";
	src: url('../fonts/Roboto Mono/RobotoMono-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-display: swap;
	font-family: "Roboto Mono";
	src: url('../fonts/Roboto Mono/RobotoMono-SemiBoldItalic.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-display: swap;
	font-family: "Roboto Mono";
	src: url('../fonts/Roboto Mono/RobotoMono-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-display: swap;
	font-family: "Roboto Mono";
	src: url('../fonts/Roboto Mono/RobotoMono-BoldItalic.ttf') format('truetype');
	font-weight: 700;
	font-style: italic;
}

@font-face {
	font-display: swap;
	font-family: "Roboto Mono";
	src: url('../fonts/Roboto Mono/RobotoMono-ExtraBold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-display: swap;
	font-family: "Roboto Mono";
	src: url('../fonts/Roboto Mono/RobotoMono-ExtraBoldItalic.ttf') format('truetype');
	font-weight: 800;
	font-style: italic;
}

@font-face {
	font-display: swap;
	font-family: "Roboto Mono";
	src: url('../fonts/Roboto Mono/RobotoMono-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-display: swap;
	font-family: "Roboto Mono";
	src: url('../fonts/Roboto Mono/RobotoMono-BlackItalic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
}
/*</editor-fold>*/
/*</editor-fold>*/

html, body {
	font-family: 'Roboto Mono', 'Consolas', monospace;
}

#form-product {

	.image {
		min-width: 40px;
	}

	.name {
		color: #000;
	}

	.model {
		user-select: all;
		color: #1e40af;
		background-color: rgba(30, 64, 175, .02);
	}

	.sku {
		user-select: all;
		color: #000;
	}

	.mpn {
		user-select: all;
		color: #777;
		background-color: rgba(119, 119, 119, .02);
	}

	.ean {
		user-select: all;
		color: #870000;
		background-color: rgba(135, 0, 0, .02);
	}
}

input[type="text"]:not(:placeholder-shown),
input[type="radio"]:checked,
textarea:not(:empty),
.bootstrap-select [data-toggle="dropdown"]:not(.bs-placeholder),
select:has(option:checked:not([value="0"])) {
	background-color: #d2e4ff80!important;
}

#column-left.active {
	width: 235px;
	overflow: auto;
	/*background-color: #242d37;*/
}
#column-left::-webkit-scrollbar {
	width: 10px;
	background-color: rgba(200,200,200,0);
}
#column-left::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(128,139,156,0.2);
}
#column-left, #content, #footer {
	transition: all 0.3s;
}
#column-left + #content, #column-left + #content + #footer {
	position: relative;
	left: 0px;
}
#column-left.active {
	left: 0px;
}
#column-left.active + #content, #column-left.active + #content + #footer {
	left: 235px;
}
/* Desktop */
@media (min-width: 768px){
	#column-left {
		left: 0px;
	}
	#column-left.active + #content, #column-left.active + #content + #footer {
		left: 0px;
		margin-left: 235px;
	}
	#column-left.active + #content, #column-left.active + #content + #footer {
		left: 0px;
		margin-left: 235px;
	}
}

.well .row {
	display: flex;
	flex-wrap: wrap;
}

.btn-group:not(.note-btn-group) {
	display: flex;
}

/* To match catalog product description */
[data-key="category"], [data-key="name"] {
	text-transform: none;
	font-weight: 600;
	color: #000;
	line-height: 1.2;
	font-size: 14px;
}
li>p {
	margin-bottom: 0;
}

#menu li a {
	white-space: nowrap;
}

/*<editor-fold desc="Custom icons">*/
#menu li a[href*="route=catalog/category"]::before {
	content: '\f03a';
}
#menu li a[href*="route=catalog/product"]::before {
	content: '\f108';
}
#menu li a[href*="route=catalog/manufacturer"]::before {
	content: '\f02b';
}
#menu li a[href*="route=catalog/supplier"]::before {
	content: '\f187';
}
#menu li a[href*="route=catalog/information"]::before {
	content: '\f05a';
}
#menu li a[href*="route=extension/shipping"]::before {
	content: '\f0d1';
}
#menu li a[href*="route=extension/payment"]::before {
	content: '\f09d';
}
#menu li a[href*="route=module/complete_seo"]::before {
	content: '\f012';
}
#menu li a[href*="route=extension/jreturnemail"]::before {
	content: '\f112';
}
#menu li a[href*="route=extension/stock_notify"]::before {
	content: '\f0f3';
}
#menu li a[href*="route=module/mega_filter"]::before {
	content: '\f0b0';
}
#menu li a[href*="route=sale/order"]::before {
	content: '\f07a';
}
#menu li a[href*="route=sale/return"]::before {
	content: '\f112';
}
/*</editor-fold>*/