@charset "utf-8";

* {
	font-family: ''Calibri', 'Cambria','Trebuchet MS', 'Helvetica', 'Arial', sans-serif', sans-serif;
}

html {
	font-family:'Calibri', 'Cambria','Trebuchet MS', 'Helvetica', 'Arial', sans-serif;
	font-size:12px;
	padding:0px;
	margin:0px;
	height:100%;
    user-select: none;
    -webkit-user-select: none;
    scroll-behavior: smooth;
}
body {
	margin:0px;
	padding-top:34px;
	padding-bottom:0px;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-backface-visibility: hidden;
	text-rendering:optimizeLegibility;
	background-color:#DDDDDD;
	background-image:url('/modules/pims_ordermod_images/bg.png');
	background-repeat:repeat;
    background-attachment: fixed;
	line-height:14px;
}

/****************************************************/
/* Side menu										*/
/****************************************************/

#sidepanel {
	padding-top:10px;
	display:none;
	box-shadow:0px 0px 2px 2px rgba(0,0,0,0.8);
	overflow:hidden;
	overflow-y: auto;
	z-index:920;
	position:fixed;
	top:0px;
	left:-20px;
	margin-left:-230px;
	width:230px;
	height:100%; height:100vh;
	background:#555;
	transition:0.5s;
}
#sidepanel a {
	white-space: nowrap;
	width:195px;
	font-weight:bold;
	padding:8px 8px 8px 16px;
	margin:2px 2px 2px 6px;
	border-radius:4px;
	text-decoration:none;
	font-size:12px;
	color:#FFF;
	display:block;
}
.selectedmenu img {
	filter: invert(100%);
}
#sidepanel a:hover {
	transition: none;
	color:#FFF;
	background-color:#0195d5;
	transition: all 0.2s ease-in-out;
	animation: in-top 300ms ease 0ms 1 forwards;
	box-shadow:inset 0px 0px 2px 1px rgba(0, 0, 0, 0.15);
}
#sidepanel a:hover:active {
	transform:scale(0.98);
	transition: all 0.2s ease-in-out;
}

#sidepanel a:hover .sidepanelicn {
	opacity:1;
}
.sidepanelicn {
	position:relative;
	margin-right:14px;
	top:2px;
	width:13px;
	height:13px;
	opacity:0.6;
}
#panelbottom, #sidepanel {
	background:#444;
	background-image: url(data:image/png;base64,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);}
	background-position:fixed;
	background-repeat:repeat;
}
@media(max-width:1180px){
	.open-slide { display:none; }
}

@media(min-width:1180px){
	.open-slide { display:block; }
}

.close-slide {
	font-size:12px;
}
.open-slide:hover {
	background-color:rgba(0,0,0,0.1);
}
.selectedmenu {
	background-color:#EEE;
	color:#000 !important;
	box-shadow:inset 0px 0px 2px 1px rgba(0, 0, 0, 0.15);
// 	box-shadow:0px 0px 2px 1px rgba(0,0,0,0.3), inset 12px 0px 0px 0px #777;
}
.submenu {
	margin-left:25px;
	font-weight:normal !important;
}

/****************************************************/
/* IE transparency hack 							*/
/****************************************************/

img {
	background:none\9; /* Targets IE only */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader();
}

#innercanvas {
	min-height: 100%;
    height: auto !important;
    height: 100%;
}
a {
	color:#FFF;
	text-decoration:none;
}
#main {
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	border:1px inset rgba(255, 255, 255, 0.1);
}
#main:hover {
	opacity:0.9;
	transition: all 0.5s ease-in-out;
	filter: saturate(0.9);
}
#wrapper {
	width:850px;
	min-width:850px;
	background:#FFFFFF;
	margin-inline: auto;
	overflow:hidden;
	box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.2);
	border-radius:8px;
}
#content {
	width:100%;
	margin-inline: auto;
	display:block;
}
#container {
	border-top:1px solid rgba(255,255,255,0.5);
	height:auto;
	width:100%;
	display:block;
}
#contain {
	width:796px;
	text-align:left;
	height:auto;
	margin-left:10px;
	margin-top:30px;
	margin-bottom:30px;
}
#contain h1 {
	color:#222222;
	font-size:1.6em;
	line-height:1.2em;
	font-weight:bold;
	padding:0 0 5px 15px;
}
a {
	color:#0195d5;
	text-decoration:none;
}
fieldset a {
	color:#0195d5;
}
.iconbutton, .iconbuttonlarge, .submit {
	border:none;
	border-radius: 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
a:hover {
	color:#222222;
	text-decoration:none;
	cursor:pointer;
	transition: color 1s ease;
}
#contain h1, #contain h2, #contain h3 {
	margin-bottom:12px;
}
#contain p, #contain h2, #contain h3 {
	color:#222222;
	padding-left:15px;
	font-size:1em;
	font-weight:normal;
	line-height:16px;
}
#contain ul {
	list-style:disc;
}
#contain ol {
	list-style:decimal;
}
acronym {
	cursor:help;
	text-decoration:none;
	border-bottom:1px dashed #777;
}
#smallcontent {
	box-shadow:inset 0px -1px 2px 0px rgba(0, 0, 0, 0.2);
	padding-left:10px;
	height:26px;
	background:#666666;
}
ul {
	list-style:none;
}
.preview {
	cursor:help;
	background:#FFF;
	outline:none;
	border:6px solid rgba(0,0,0,0.1);
}

hr {
	height:1px;
	border-bottom:1px solid rgba(0,0,0,0.1);
	border-top:none;
	border-left:none;
	border-right:none;
	width:714px;
	float:left;
	clear:both;
	margin-top:15px;
	margin-bottom:15px;
}

fieldset, .iconbutton, .iconbuttonlarge, .submit {
	letter-spacing: -0.5px;
	border-radius: 5px;
	box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.15);
	background-clip: padding-box;
}
.iconbutton:hover, .iconbuttonlarge:hover {
	box-shadow:none;
}

/****************************************************/
/* Style the tables 									*/
/****************************************************/

.table {
	display: inline-block;
	max-height: 400px;
	width:710px;
	overflow-y: scroll;
    user-select: none;
    -webkit-user-select: none;
	box-shadow:inset 0px 0px 2px 0px rgba(0, 0, 0, 0.35);
	border-radius:3px;
}
.editortable {
	margin:0px;
	padding:0px;
}
.editortable tr:nth-child(even) { background: transparent; margin:0px; padding:0px; height:auto; }
.editortable tr:nth-child(odd) { background: transparent; margin:0px; padding:0px; height:auto; }

tr:nth-child(even) { background: rgba(0,0,0,0.15); }
tr:nth-child(odd) { background: rgba(0,0,0,0.05); }

th, tfoot td {
	height:26px;
	border:none;
	background:#555;
	color:#FFF;
	padding-left:5px;
	background:#7f7f7f;
}
thead th:hover {
	border:none;
	background:#777;
	color:#000;
	padding-left:5px;
	background:#cccccc;
}
td {
	border:none;
	overflow:hidden;
	padding-left:5px;
	padding-right:5px;
	text-overflow: ellipsis;
	&:before {
        content: '';
        display: block;
    }
	white-space: nowrap;
}
tr {
	height:26px;
}
.sortable tr:hover {
	background:#777;
	color:#FFF;
}
tr:hover {
	font-weight:normal;
}

table {
	width:700px;
	table-layout: fixed;
	border-spacing:0px;
	letter-spacing: -0.5px;
}
td:last-child, th:last-child {
	border-right:none;
}

/****************************************************/
/* Warn dialogs styling 							*/
/****************************************************/

.warndialog {
	padding:20px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	background-color:#FFFFD9;
	-webkit-animation-name: bounce;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
	-moz-animation-name: bounce;
	-moz-animation-duration: 0.5s;
	-moz-animation-iteration-count: 1;
	-ms-animation-name: bounce;
	-ms-animation-duration: 0.5s;
	-ms-animation-iteration-count: 1;
	-o-animation-name: bounce;
	-o-animation-duration: 0.5s;
	-o-animation-iteration-count: 1;
	animation-name: bounce;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
}
.criticaldialog {
	font-size:1em !important;
	background-color:#FF6666 !important;
	color: #FFFFFF !important; 
	margin-bottom:5px;
	-webkit-animation-name: bounce;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
	-moz-animation-name: bounce;
	-moz-animation-duration: 0.5s;
	-moz-animation-iteration-count: 1;
	-ms-animation-name: bounce;
	-ms-animation-duration: 0.5s;
	-ms-animation-iteration-count: 1;
	-o-animation-name: bounce;
	-o-animation-duration: 0.5s;
	-o-animation-iteration-count: 1;
	animation-name: bounce;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
}
.alertdialog {
	font-size:1em !important;
	background-color:#FFD9D9 !important;
	-webkit-animation-name: bounce;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
	-moz-animation-name: bounce;
	-moz-animation-duration: 0.5s;
	-moz-animation-iteration-count: 1;
	-ms-animation-name: bounce;
	-ms-animation-duration: 0.5s;
	-ms-animation-iteration-count: 1;
	-o-animation-name: bounce;
	-o-animation-duration: 0.5s;
	-o-animation-iteration-count: 1;
	animation-name: bounce;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
	margin-bottom:5px;
}
.notedialog {
	font-size:1em !important;
	background-color:#fef8c7 !important;
	-webkit-animation-name: bounce;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
	-moz-animation-name: bounce;
	-moz-animation-duration: 0.5s;
	-moz-animation-iteration-count: 1;
	-ms-animation-name: bounce;
	-ms-animation-duration: 0.5s;
	-ms-animation-iteration-count: 1;
	-o-animation-name: bounce;
	-o-animation-duration: 0.5s;
	-o-animation-iteration-count: 1;
	animation-name: bounce;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
	margin-bottom:5px;
}
.dialogclose {
	border-radius:50%;
	cursor:pointer;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	background:rgba(0,0,0,0.3);
	font-family:sans-serif, helvetica;
	font-size:11px;
	min-width:8px;
	max-width:8px;
	min-height:8px;
	max-height:8px;
	padding:5px;
	line-height:7px;
	text-align:center;
	z-index:1002;
	top:5px;
	left:15px;
}
.warnline {
	font-style:italic;
	color:#777;
}
.warnline:nth-child(even) { background: rgba(255,0,0,0.15); }
.warnline:nth-child(odd) { background: rgba(255,0,0,0.1); }
.sortable .warnline:hover { background: rgba(255,0,0,0.7) !important; }

.sepbar:nth-child(even):hover { background: rgba(0,0,0,0.15); }
.sepbar:nth-child(odd):hover { background: rgba(0,0,0,0.05); }
.sepbar td hr { margin-left:-5px !important; }

.accentline:nth-child(even) { background: rgba(197,238,255,0.3); }
.accentline:nth-child(odd) { background: rgba(197,238,255,0.6); }
.accentline:hover { background: rgba(197,238,255,1) !important; color:#000 !important; }

.creatingline:nth-child(even) { background: rgba(255,212,121,0.3); }
.creatingline:nth-child(odd) { background: rgba(255,212,121,0.6); }
.creatingline:hover { background: rgba(255,212,121,1) !important; color:#000 !important; }

/****************************************************/
/* Form styling 									*/
/****************************************************/

form {
	padding:25px;
	margin-left:12px;
	width:763px;
	color:#FFF;
	display:block;
}
.nostyle {
	width:auto;
	background:none;
	border:none;
 	box-shadow:none;
	padding:0px;
	margin-left:0px;
	display:block;
	font-size:1em;
	font-style:normal;
	font-weight:normal;
}
.nostyle::after {
	content: "";
}
#Form p {
	clear:both;
	color:#FFF;
}
#Form a {
	clear:both;
	color:#999;
}
#Form a:hover {
	color:#666;
}
object {
	overflow:hidden;
	float:middle;
	display:block;
	width:100%;
	height:100%;
	margin-bottom:20px;
	background:#FFF;
	border:1px solid rgba(0,0,0,0.1);
}
.submit {
    user-select: none;
    -webkit-user-select: none;
	-webkit-appearance: none;
	background:#707070;
	height:auto;
	padding:2px;
	height:30px;
	font-size:0.9em;
	width:150px;
	color:#FFF;
	overflow:hidden;
	margin-left:2px;
	margin-right:2px;
		-webkit-font-smoothing: subpixel-antialiased;
	border-radius: 6px;
}
.submit:hover {
	background:#ffffff;
	cursor:pointer;
	color:#0195d5;
	transform:scale(1.03);
	transition: all 0.2s ease-in-out;
	box-shadow:inset 0px 0px 2px 0px rgba(0, 0, 0, 0.4);
}
.submitdefault {
	font-weight:bold;
}
.submit:active {
	background:#cccccc;
	transform:scale(0.97);
	transition: all 0.2s ease-in-out;
}

#buttonoff {
    background:#4c4c4c;
	opacity:.30;
}

input {
	border:none;
	font-size:0.9em;
	background-color:rgba(0,0,0,0.1);
	height:17px;
	background-clip: padding-box;
	border-radius:3px;
	box-shadow:inset 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
}
input:hover { background:#BBB; }
input[readonly] {
	background-color:rgba(255,0,0,0.15);
	color:#555;
	cursor:not-allowed;
	-webkit-font-smoothing: subpixel-antialiased;
}
textarea {
	border:none;
	background-color:rgba(0,0,0,0.1);
	resize:vertical;
	border-radius:3px;
	box-shadow:inset 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
}
textarea:hover { background-color:rgba(0,0,0,0.2); }
textarea[readonly] {
	background-color:rgba(255,0,0,0.15);
	color:#000;
	cursor:not-allowed;
}

/****************************************************/
/* Breadcrumb menu 									*/
/****************************************************/

#breadcrumbs {
	color:#4db5e2;
	font-size:0.86em;
	line-height:28px;
	-webkit-font-smoothing: subpixel-antialiased;
}
#breadcrumbs div {
	display:inline-block;
	height:26px;
}
#breadcrumbs a {
	color:#DDD;
	text-decoration:none;
}
#breadcrumbs a:hover {
	color:#FFF;
	cursor:pointer;
}

.breadcrumbsdevider::before {
	content:"\00BB";
	color:#EEE;
	margin-left:5px;
}
.breadcrumbsdevider {
	display:inline-block;
	margin-left:10px;
	margin-right:10px;
	height:26px;
	width:12px;
}
iframe.textarea {
	font-size:12px;
	background-color:#EEE;
	border-radius:3px;
	border:none;
	box-shadow:inset 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
	overflow-y:scroll !important;
}
iframe.textarea:hover {
	background:#F4F4F4;
}

/****************************************************/
/* Add-on voor forms 								*/
/****************************************************/

fieldset select.multiple {
	background-color:transparent;
	margin-top:4px;
}
fieldset:hover legend {
	transform:scaleY(1.05);
	transition: all 0.2s ease-in-out;
}
legend {
	letter-spacing: -0.5px;
	background-color:#707070;
	border-left:15px solid #4c4c4c;
	font-weight:normal;
	color:#FFF;
	padding-left:18px;
	padding-right:18px;
	line-height:32px;
	position:relative;
	margin-left:-20px;
	font-size:1em;
	overflow:hidden;
	box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.15);
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:0px;
}

_:-ms-lang(x), legend { margin-top:0px; }

fieldset:hover legend {
	border-left:15px solid #0195d5;
}
fieldset {
	border:none;
	background:#FFFFFF;
	width:724px;
	color:#222222;
	margin-top:10px;
	margin-bottom:8px;
	padding:25px 10px 25px 20px;
    user-select: none;
    -webkit-user-select: none;
	border-top-right-radius:4px;
	border-top-left-radius:0px;
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
}
fieldset:hover table {
	color:#222222;
	cursor:pointer;
}
fieldset:hover {
	color:#222222;
}
fieldset p {
	margin:0;
	padding:0;
	width:650px;
}
.fieldsetpanel {
	width:728px;
}
.inputline {
	width:720px;
	border:0;
	margin:0;
	padding:0;
	list-style:none;
	clear:both;
	line-height:20px;
}
.label {
	margin-left:170px;
	float:left;
	clear:both;
}
fieldset input {
	float:left;
	width:295px;
	max-width:500px;
	margin:2px 0px 0px 0px;
	padding:1px 2px;
	cursor:text;
	padding-left:5px;
}
fieldset textarea {
	float:left;
	width:498px;
	margin:2px 0px 0px 0px;
	padding:5px;
	cursor:text;
}
select:hover {
	background-color:rgba(0,0,0,0.2);
}
select:not([multiple]) {
    background-image:url(/modules/pims_ordermod_images/selectarrow.png);
    background-repeat: no-repeat;
    background-position: 99% 50%;
}
select {
	color:#000;
	font-size:0.9em;
	float:left;
	width:302px;
	margin-top:2px;
	padding-left:5px;
	padding-top:1px;
	cursor:pointer;
	background-color:rgba(0,0,0,0.1);
	-webkit-font-smoothing: subpixel-antialiased;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    appearance:none;
	height:19px;
	border:none;
	border-radius:3px;
	box-shadow:inset 0px 0px 2px 0px rgba(0, 0, 0, 0.2);

}
.scroll_checkboxes select {
	background-color:rgba(255,255,255,0.7);
}
fieldset label {
	white-space:nowrap;
	line-height:18px;
	width:170px;
	float:left;
}
fieldset label::after {
	content: ":";
	clear:both;
}
fieldset input[type="file"] {
	height:18px;
	padding-top:4px;
	padding-bottom:2px;
	margin-top:-2px;
}
fieldset input[type="button"] {
	color:#000;
	margin-left:3px;
	margin-right:3px;
	min-height:20px;
}
input[type="button"][disabled]:active,
input[type="button"][disabled],
input[type="submit"][disabled]:active,
input[type="submit"][disabled] {
	color:#FFF;
	cursor:not-allowed;
	opacity:.30;
}
input[type="button"]:active {
	transform:scale(0.97);
	transition: all 0.2s ease-in-out;
}
select[disabled] {
	cursor:not-allowed;
	color:#555;
}
input[type="button"][disabled]:hover,
input[type="submit"][disabled]:hover {
	color:#d90011;
}
fieldset input[type="submit"] {
	margin-left:4px;
	margin-right:4px;
	min-height:20px;
}
fieldset input[type="text"][readonly]:focus {
	color:#FFF;
	background-color:rgba(1,149,213,0.4);
}
fieldset input[type="text"]:focus, fieldset textarea:focus,fieldset select:focus  {
	color:#000;
	background:#F5F5F5;
}

/****************************************************/
/* Tabs for Admin module 							*/
/****************************************************/

#tabs, .tabs {
	letter-spacing: -0.5px;
	font-size:1em;
	display:block;
	font-weight:normal;
	float:left;
	width:100%;
	margin-left:15px;
	margin-top:10px;
}
.tab {
	float:left;
	background:#666666;
	width:auto;
	padding-left:18px;
	line-height:34px;
	padding-right:18px;
	border-right:1px solid rgba(255,255,255,0.8);
}
.tab:first-child, .tab_hover:first-child {
	border-top-left-radius: 4px;
	background-clip: padding-box;
}
.tab:last-child, .tab_hover:last-child {
	border-top-right-radius: 4px;
	background-clip: padding-box;
	border-right:none;
}
.tab:hover {
	background:#7f7f7f;
	cursor:pointer;
	transform:scaleY(1.05);
	transition: all 0.2s ease-in-out;
    transform-origin : 50% 100%;
	border-right:1px solid rgba(255,255,255,0.8);
}
.tab:active {
	background:#4c4c4c;
	border-right:1px solid rgba(255,255,255,0.8);
}
.tab_hover {
	float:left;
	width:auto;
	line-height:34px;
	padding-left:18px;
	padding-right:18px;
	margin-right:-1px;
	background:#ededed;
}
.tab_hover a {
	color:#016895;
}
.tab_hover:hover, .tab_hover a:hover {
	cursor:default;
}
.tab a {
	color:#EEE;
}
.tab:hover a {
	color:#80caea; ?>;
}

/****************************************************/
/* Panel stuff 										*/
/****************************************************/

.panel {
	background:rgba(0,0,0,0.1);
	color:#FFF;
	padding:20px;
	margin-left:15px;
	width:763px;
	height:auto;
	clear:left;
	border-radius:3px;
	box-shadow:inset 0px 0px 2px 1px rgba(0, 0, 0, 0.15);
	border-radius: 3px;
	border-top-left-radius: 0;
	background-clip: padding-box;
}

.panel p { color:#FFF; }

.innerpanel {
	color:#000;
	background:#FFF;
	padding:30px;
}

.code, .code:active, .code:hover, fieldset .code:focus {
	overflow-y:scroll !important;
	padding-top:0px;
	font-size:0.9em;
	margin-bottom:10px;
	background-image: linear-gradient(#F7F7F7 50%, #D7D7D7 50%);
	background-size: 100% 4rem;
	background-attachment:local;
	line-height: 2rem;
	width:700px;
	color:#000;
	font-family:"Consolas", "Courier New", Courier, mono, serif;
	border-radius:3px;
}

.formbuttons {
	display:inline-block;
	text-align:center;
	margin-inline:auto;
	width:755px;
}

/****************************************************/
/* Image styler 									*/
/****************************************************/

.pointer {
	cursor:pointer;
}

.graph {
	margin:5px;
	background:#f2f2f2;
	box-shadow:inset 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
	width:97%;
}

.img {
	border:1px solid rgba(0,0,0,0.1);
}

/****************************************************/
/* Multiple-select styling 							*/
/****************************************************/

.scroll_label::after {
	content: "";
}
.scroll_label {
	margin-left:5px;
	width:326px;
	padding:3px 1px 4px 4px;
	border-radius:4px;
	overflow-x:hidden;
	overflow-y:auto;
}
.scroll_label:hover {
	padding:3px 1px 4px 4px;
	background-color:#666;
	color:#FFF;
	cursor:pointer;
}

option[disabled] { display:none; }

.scroll_checkboxes {
	width:695px;
	height:auto;
	max-height:420px;
	overflow:auto;
	background:rgba(0,0,0,0.1);
	color:#000;
 	font-size:0.9em;
	padding:5px;
	margin-bottom:10px;
	border-radius:4px;
	box-shadow:inset 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
}
fieldset:hover .scroll_checkboxes {
	padding-bottom:5px;
	cursor:pointer;
}
.scroll_labeldisabled {
	color:#777;
	background-color:#fed8dc;
	margin-left:5px;
	width:325px;
	padding:3px 1px 4px 4px;
}
.scroll_labeldisabled:hover {
	background-color:#d90011;
	color:#FFF;
	cursor:not-allowed;
}
.scroll_labeldisabled::after {
	content: "";
}
.checkbox_color {
	float:left;
	width:40px;
	height:14px;
	margin:4px 5px 0px 5px;
	outline:1px #333 solid;
}

/****************************************************/
/* The Admin menu buttons 							*/
/****************************************************/

.lighton {
	background-image:url('/modules/pims_ordermod_images/light-on.png');
	background-repeat:no-repeat;
	float:left;
	width:20px;
	height:20px;
	margin-top: 15px;
	margin-left: -35px;
}
.lightoff {
	background-image:url('/modules/pims_ordermod_images/light-off.png');
	background-repeat:no-repeat;
	float:left;
	width:20px;
	height:20px;
	margin-top: 15px;
	margin-left: -35px;
}
.lightwarn {
	background-image:url('/modules/pims_ordermod_images/light-warn.png');
	background-repeat:no-repeat;
	float:left;
	width:20px;
	height:20px;
	margin-top: 15px;
	margin-left: -35px;
	-webkit-animation: pulse 2s infinite;
	-moz-animation: pulse 2s infinite;
	-ms-animation: pulse 2s infinite;
	-o-animation: pulse 2s infinite;
	animation: pulse 2s infinite;
}
.adminmenubutton {
	margin:10px;
	letter-spacing: -0.5px;
	width:213px;
	height:124px;
	background-size:204px;
	background-position:5px 0px;
	background-repeat: no-repeat;
    user-select: none;
    -webkit-user-select: none;
	background-color:rgba(0,0,0,0.15);
	border-bottom:50px solid rgba(0,0,0,0.4);
	color:#FFF;
	line-height:298px;
	font-size:1.15em;
	font-weight:bold;
	float:left;
	text-align:center;
	text-decoration:none;
	transition: opacity 0.5s linear;
	overflow:inherit;
	border-radius:5px;
	box-shadow:inset 0px 0px 2px 1px rgba(0, 0, 0, 0.15);
}
.adminmenubutton:hover {
	background-color:rgba(0,0,0,0.50);
	cursor:pointer;
	color:#FFFFFF;
	border-bottom:50px solid #0195d5;
	width:213px;
	height:124px;
	transform:scale(1.02);
	transform-origin: 50% 0%;
	transition: all 0.2s ease-in-out;
	animation: in-top 300ms ease 0ms 1 forwards;
	box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.25);
}
.adminmenubutton:active {
	transform:scale(0.97);
	transition: all 0.2s ease-in-out;
	box-shadow:inset 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
}
.adminmenubuttonoff {
	margin:10px;
	opacity:0.4;
	width:213px;
	height:124px;
	background-size:204px;
	background-position:5px 0px;
	background-repeat: no-repeat;
    user-select: none;
    -webkit-user-select: none;
	background-color:rgba(0,0,0,0.15);
	border-bottom:50px solid rgba(0,0,0,0.4);
	line-height:298px;
	font-size:1.15em;
	margin:18px 10px 10px 18px;
	font-weight:bold;
	float:left;
	text-align:center;
	color: #FFF;
	text-decoration:none;
	cursor:not-allowed;
	border-radius:5px;
	box-shadow:inset 0px 0px 2px 1px rgba(0, 0, 0, 0.15);
}
.adminmenubuttonoff:hover {
	cursor:not-allowed;
	opacity:0.8;
	border-bottom:50px solid rgba(255,0,0,0.4);
	animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	perspective: 1000px;
}

/****************************************************/
/* Icon buttons 									*/
/****************************************************/

.disabled {
	opacity:0.50;
	cursor:not-allowed;
    pointer-events: none;
}

#iconribbontext {
	float:left;
	line-height:42px;
	margin-left:26px;
	position:absolute;
	font-weight:normal;
	color:#FFF;
	font-size:0.85em;
	font-weight:bold;
}
.iconribbon {
	height:40px;
	padding-right:8px;
	background:#8c8c8c;
}
.iconbutton.iconbuttonlarge img {
	color:#000;
	width:14px;
	height:14px;
	padding-left:5px;
	padding-right:5px;
	margin-right:2px;
}
.iconbuttonsmall img {
	width:14px;
	height:14px;
}
.iconbutton.iconbuttonlarge {
	margin-right:10px;
	width:100px;
	height:14px;
	padding:5px;
	float:right;
	background:#707070;
	line-height:14px;
	font-weight:normal;
	font-size:0.85em;
	margin-top:8px;
	color:#FFF;
	overflow:hidden;
    user-select: none;
    -webkit-user-select: none;
}
.iconribbon .iconbutton {
	background:rgba(255,255,255,0.8);
	color:#222;
}
.iconribbon .iconbutton:hover {
	background:rgba(255,255,255,0.9);
	color:#222;
}

.iconbutton.iconbuttonlarge:hover {
	color:#000;
}
button {
	color:#000;
}
.iconbutton {
	color:#000;
	width:14px;
	height:14px;
	padding:5px;
	margin-top:-15px;
	margin-right:5px;
	background:#ffffff;
}
.iconbutton:hover {
	cursor:pointer;
	background:#cccccc;
	transform:scale(1.03);
	transition: all 0.2s ease-in-out;
	box-shadow: inset 0px 0px 4px 0px rgba(0,0,0,0.2);
}
.iconbutton:active, .iconbutton.iconbuttonlarge:active, .iconbuttonsmall:active {
	background:#bfbfbf;
	transform:scale(0.97);
	transition: all 0.2s ease-in-out;
}
fieldset .iconbutton {
	background:#b1b1b1;
	color:#222;
}
fieldset:hover .iconbutton {
	opacity:0.90;
}
fieldset:hover .iconbutton:hover {
	opacity: 1.0;
}
.iconbuttonsmall {
	line-height:1em;
	float:right;
	margin-left:10px;
	background:#bfbfbf;
	width:14px;
	height:14px;
	padding:5px;
	opacity:0.80;
	border-radius:3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.iconbuttonsmall:hover {
	cursor:pointer;
	background:#707070;
	transform:scale(1.03);
	transition: all 0.2s ease-in-out;
}
fieldset:hover .minibutton:hover {
	color:#0195d5;
}

/****************************************************/
/* Rich text expanded	 							*/
/****************************************************/

.rtoverflow {
	overflow:hidden;
}
.rtpadding {
	padding:4px;
	border-left:1px solid rgba(0,0,0,0.1);
	border-right:1px solid rgba(0,0,0,0.1);
	border-bottom:1px solid rgba(0,0,0,0.1);
	margin-top:-4px;
}
.rtfullscreen {
    z-index: 2000;
	background:rgba(0,0,0,0.3);
	position:fixed;
	top:0;
	left:0;
    padding:2%;
	width:100%; width:100vw;
	height:100%; height:100vh;
	-webkit-animation: bounce 0.5s;
	-moz-animation: bounce 0.5s;
	-ms-animation: bounce 0.5s;
	-o-animation: bounce 0.5s;
	animation: bounce 0.5s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	transition: .25s ease-in-out;
	-webkit-backdrop-filter: blur(3px) grayscale(100%);
	backdrop-filter: blur(3px) grayscale(100%);
}
.rtbox {
	height:26px;
	overflow:hidden;
	display:block;
	margin-bottom:6px;
	background:#FFF;
}
.rtbutton {
	width:16px;
	height:16px;
	padding:4px;
	opacity:0.80;
	background:#EEE;
	border:1px solid rgba(0,0,0,0.1);
	border-radius:3px;
}
.rtbutton:hover {
	cursor:pointer;
	background:#cccccc;
	transform:scale(1.03);
	transition: all 0.2s ease-in-out;
	box-shadow: inset 0px 0px 4px 0px rgba(0,0,0,0.2);
}
.rtbutton:active {
	transform:scale(0.97);
	transition: all 0.2s ease-in-out;
}

/****************************************************/
/* The ToolTip thingy 								*/
/****************************************************/

.tooltipcontainer {
	z-index: 9999;
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
	word-wrap: break-word;
	border-radius:5px;
 	background:#fef3a1;
	color:#000000;
	position: absolute;
	padding:8px;
	font-size:0.9em;
	max-width:250px;
}
.tooltip {
	cursor:pointer;
}

/****************************************************/
/* Required field hints for all the mandatory stuff */
/****************************************************/

.hint {
	z-index:998;
	color:#000000;
	font-size:0.8em;
   	display:none;
    position:absolute;
    max-width:180px;
    margin-top:-4px;
    margin-left:18px;
    padding:5px 22px 4px 16px;
    background:#fef3a1;
	opacity:.8;
}
.hint .hint-pointer {
	z-index:999;
	top:10px;
    position:absolute;
	display:block;
	width:0;
	height:0;
	overflow:hidden;
	float:left;
	border:5px solid transparent;
	border-left-width:0;
	border-right:5px solid #000;
	left:-5px;
	border-right-color:#fef3a1;
}
input:focus ~ span {
	display:inline;
}
select:focus ~ span {
	display:inline;
}
textarea:focus ~ span {
	display:inline;
}

/****************************************************/
/* The dashboard dialog overlay 					*/
/****************************************************/

#overlay {
	cursor:wait;
	z-index:2000;
	background:rgba(0,0,0,0.3);
   	overflow:hidden;
	position:fixed;
	top:0px;
	left:0px;
	width:100%; width:100vw;
	height:100%; height:100vh;
	-webkit-animation: bounce 0.5s;
	-moz-animation: bounce 0.5s;
	-ms-animation: bounce 0.5s;
	-o-animation: bounce 0.5s;
	animation: bounce 0.5s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	transition: .25s ease-in-out;
	display:none;
	-webkit-backdrop-filter: blur(3px) grayscale(100%);
	backdrop-filter: blur(3px) grayscale(100%);
}
#overlay-ok {
	display:none;
	background:rgba(255,255,255,0.5);
	overflow-x:hidden;
	overflow-y:auto;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	-webkit-animation: bounce 0.5s;
	-moz-animation: bounce 0.5s;
	-ms-animation: bounce 0.5s;
	-o-animation: bounce 0.5s;
	animation: bounce 0.5s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	transition: .25s ease-in-out;
	z-index:2500;
	-webkit-backdrop-filter: blur(3px) grayscale(100%);
	backdrop-filter: blur(3px) grayscale(100%);
}
#modal form, #modal p {
	color:#222;
}
#modal form:first-child, #modal p:first-child {
	padding-top:30px;
}
#modal {
	z-index:2001;
	position:absolute;
	max-height:85%;
	overflow-x:hidden;
	overflow-y:auto;
	font-size:1em;
	background-color:#fafafa;
	border:1px solid rgba(0,0,0,0.5);
	box-shadow:0px 0px 40px 0px rgba(0, 0, 0, 0.7);
	-webkit-animation: bounce 0.5s;
	-moz-animation: bounce 0.5s;
	-ms-animation: bounce 0.5s;
	-o-animation: bounce 0.5s;
	animation: bounce 0.5s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	display:none;
	border-radius:10px;
	padding-top:80px;
}
#close {
	border-radius:50%;
	cursor:pointer;
	color:#FFF;
	font-family:sans-serif, helvetica;
	font-size:11px;
	min-width:8px;
	max-width:8px;
	min-height:8px;
	max-height:8px;
	line-height:7px;
	text-align:center;
	z-index:1002;
	position:absolute;
	top:5px;
	left:15px;
}
.handle {
	cursor:move;
	width:100%;
	height:40px;
	position:absolute;
	top:0px;
	left:0px;
	border-bottom:1px solid #BBB;
	background:rgba(0,0,0,0.1);
	background:linear-gradient(0deg, rgba(220,220,220,.7) 0%, rgba(235,235,235,.7) 50%, rgba(255,255,255,0.7) 100%);
}
.handlebefore {
	margin-top:40px;
}
.cartbadge {
	text-align:center;
	line-height:0.5em;
	border-radius:50%;
	padding:5px;
	width:auto;
	min-height:5px;
	max-height:5px;
	font-size:8px;
	float:right;
	margin-right:18px;
	margin-top:6px;
	color:#FFF;
	background:#FF0000;
	-webkit-animation: pulse 2s infinite;
	-moz-animation: pulse 2s infinite;
	-ms-animation: pulse 2s infinite;
	-o-animation: pulse 2s infinite;
	animation: pulse 2s infinite;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}
.warnlight {
	-webkit-animation: pulse 2s infinite;
	-moz-animation: pulse 2s infinite;
	-ms-animation: pulse 2s infinite;
	-o-animation: pulse 2s infinite;
	animation: pulse 2s infinite;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}
.cartbadge:hover {
	background:#b2b2b2;
}

/****************************************************/
/* Percentage bar & progress bar 					*/
/****************************************************/

#progressbar {
	overflow:hidden;
	height:16px;
	float:left;
	margin-left:35px;
	line-height:16px;
	padding-left:10px;
	width:330px;
	color:#FFF;
	font-weight:normal;
}
.percent{
	background:#e5e5e5;
	display: block;
	float: left;
	height:14px;
	width:304px;
	border-radius:8px;
}
.percent span{
	background:#0186c0;
	display:block;
	float:left;
	height:14px;
	border-radius:8px;
}
.progress-bar {
    background-color: #999;
    height: 11px;
    width: 350px;
    margin: 20px 0 10px 0;
}
.progress-bar span {
    display: inline-block;
    height: 100%;
	background-color: #777;
	transition: width .4s ease-in-out;
}
.stripes span {
    -webkit-background-size: 15px 15px;
    -moz-background-size: 15px 15px;
    background-size: 15px 15px;
	background-image: -webkit-gradient(linear, left top, right bottom,
						color-stop(.25, rgba(255, 255, 255, .4)), color-stop(.25, transparent),
						color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .4)),
						color-stop(.75, rgba(255, 255, 255, .4)), color-stop(.75, transparent),
						to(transparent));
    background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .4) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .4) 75%,
                        transparent 75%, transparent);
    background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .4) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .4) 75%,
                        transparent 75%, transparent);
    background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .4) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .4) 75%,
                        transparent 75%, transparent);
    background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .4) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .4) 75%,
                        transparent 75%, transparent);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .4) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .4) 75%,
                        transparent 75%, transparent);
    
    -webkit-animation: animate-stripes 3s linear infinite;
    -moz-animation: animate-stripes 3s linear infinite;
    -ms-animation: animate-stripes 3s linear infinite;
    -o-animation: animate-stripes 3s linear infinite;
    animation: animate-stripes 3s linear infinite;
}
@-webkit-keyframes animate-stripes {
	0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}
@-moz-keyframes animate-stripes {
	0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}
@-ms-keyframes animate-stripes {
	0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}
@-o-keyframes animate-stripes {
	0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}
@keyframes animate-stripes {
	0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}

/****************************************************/
/* Color picker, does not pick noses 				*/
/****************************************************/

.colorpicker {
	border-collapse:collapse;
    background:#e5e5e5;
	z-index:200;
	position:absolute;
	border:1px solid rgba(0,0,0,0.2);
	box-shadow:0px 0px 3px 1px rgba(0, 0, 0, 0.2);
}
.colorpicker:hover {
    background:#d9d9d9;
}

/****************************************************/
/* Fade box 										*/
/****************************************************/

.fadebox {
	width:488px;
	float:left;
	margin-left:170px;
	margin-top:5px;
	min-height:24px;
	padding:10px;
	position:relative;
	background:#EEE;
	color:#333;
}
.fadebox:hover { background:#F8F8F8; }

/****************************************************/
/* Image zoomer 									*/
/****************************************************/

.zoomimage {
	border:1px solid rgba(0,0,0,0.1);
	max-width:105px;
	max-height:105px;
	float:right;
	margin-right:25px;
	background:#FFF;
	position:relative;
	z-index:500;
	transition-duration: 0.5s;
}
.zoomimage:hover {
	z-index:500;
	max-width:210px;
	max-height:210px;
}

/****************************************************/
/* Animation stuff, works only with real browsers	*/
/****************************************************/

.loading::after {
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    animation: ellipsis 2s infinite;
    content: '\00a0.\00a0.\00a0.\00a0.\00a0.\00a0.\00a0.\00a0.\00a0.\00a0.\00a0.\00a0.\00a0.\00a0.\00a0.';
}
@keyframes ellipsis {
    from {
        width: 2px;
    }
    to {
        width: 45px;
    }
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
@keyframes pulse {
	from { opacity:0.3; }
	50% { opacity:1; }
	to { opacity:0.3; }
}
@keyframes fade {
	from { opacity:0; }
	to { opacity:1; }
}
@keyframes bounce {
    0% { transform: scale(1); opacity: 0; }
	50% { transform: scale(1.1); }
    100% { transform: scale(1); opacity: 1; }
}

/****************************************************/
/* Selection coloring 								*/
/****************************************************/

::selection { background:#fef3a1; color:#000000; }
::-moz-selection { background:#fef3a1; }
input::-moz-selection, textarea::-moz-selection { background:#666140; color:#FFF; }

/****************************************************/
/* Page up scroller			 						*/
/****************************************************/

.scrollup {
	z-index:1000;
	width:40px;
	height:40px;
	opacity:.20;
	position:fixed;
	bottom:20px;
	right:30px;
	display:none;
	text-indent:-9999px;
	background: url('/modules/pims_ordermod_images/icon-top.svg') no-repeat;
}
.scrollup:hover {
	opacity:.60;
	transition: all 0.2s ease-in-out;
}

/****************************************************/
/* Zoom lens				 						*/
/****************************************************/

.lens {
	display: none;
	background-color:#FFF;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	border-radius:50%;
}

/****************************************************/
/* Custom checkboxes and radio buttons and input	*/
/****************************************************/

input[type=button] {
	letter-spacing: -0.5px;
}
.checkedcolor {
	box-shadow: 0px 0px 0px 3px #fef3a1;
}
fieldset:hover input[type=radio]:focus, fieldset:hover input[type=checkbox]:focus {
	 background:#EEE;
}

/* Custom radiobuttons */

input[type=radio] {
    -webkit-appearance:none;
    -moz-appearance:radio;
    -ms-appearance:radio;
    -o-appearance:none;
    appearance:none;
    border:none;
}
input[type=radio]:enabled, input[type=radio]:disabled {
	cursor:pointer;
	float:none;
	margin-top:3px;
	margin-right:5px;
	position:static;
	border-radius:50%;
    width:12px;
    height:12px;
    padding:1px;
}
input[type=radio]:enabled {
    background-color:#BBB;
}
input[type=radio]:checked {
    box-shadow:	inset 0px 0px 0px 4px #0186c0;
    background: #FFF;
	transition: color 1s ease;
	transition: .25s ease-in-out;
}
input[type=radio]:disabled {
	cursor:not-allowed;
    background-color:#EEE;
}
input[type=radio]:checked:disabled {
	cursor:not-allowed;
    background-color:#EEE;
    box-shadow:inset 0 0 0 2px #EEE, inset 0 0 0 6px #999;
}
input[type=radio]:hover {
    background-color:#EEE;
}

/* Custom checkboxes */

input[type=checkbox] {
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    appearance:none;
    border:none;
}
input[type=checkbox]:enabled, input[type=checkbox]:disabled {
	cursor:pointer;
	float:left;
	top:1px;
	margin-right:10px;
	margin-left:4px;
	position:relative;
    width:12px;
    height:12px;
    padding:1px;
}
input[type=checkbox]:enabled {
    background-color:#BBB;
}
input[type=checkbox]:checked {
    background-color:#FFF;
    box-shadow:inset 0 0 0 6px #0186c0;
	transition: color 1s ease;
	transition: .25s ease-in-out;
}
input[type=checkbox]:checked::after {
	position:absolute;
	font-size:10px;
	line-height:11px;
	margin-left:1px;
	color:#FFF;
	content: '\2713';
}
input[type=checkbox]:disabled {
	cursor:not-allowed;
    background-color:#EEE;
}
input[type=checkbox]:checked:disabled {
	cursor:not-allowed;
    background-color:#EEE;
    box-shadow:inset 0 0 0 2px #EEE, inset 0 0 0 6px #999;
}
input[type=checkbox]:hover {
    background-color:#EEE;
}
input[type=text]:disabled {
	background-color:rgba(255,0,0,0.2);
	cursor:not-allowed;
}
.selectable{
    -webkit-touch-callout: all; /* iOS Safari */
    user-select: all; /* Chrome and Opera */
    -webkit-user-select: all;
}

/****************************************************/
/* The last bit of HTML5 stuff 						*/
/****************************************************/

input[value=""].required  {
	background:#FFD9D9 url(/modules/pims_ordermod_images/required.svg) no-repeat right; background-size:14px 14px; background-position: 99%;
}
.search {
	background:#EEE url(/modules/pims_ordermod_images/icon-search.png) no-repeat right;
	background-size:10px;
    background-position: 98% 50%;
	height:17px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.search:hover {
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

/****************************************************/
/* The end, but not of life as we know it			*/
/****************************************************/