body{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	color: #666;
}

.moonen_container {
	margin: 20px 0;
}

.table{
	color: #666;
}

.navbar-light .navbar-brand {
	color: rgba(0,0,0,.9);
}

.navbar-nav li.nav-item.active {
	background-color: #e7e7e7;
}

.moonen_warning{
	border: 1px solid #f00;
	border-radius: 4px;
	margin-bottom: 10px;
	color: #f00;
	padding: 4px;
	background-color: #ffc4c5;	/*#ff8eae*/
	display: none;
}

.form-signin{
	max-width: 330px;
	padding: 15px;
	margin: 0 auto;
}
.form-signin input[type="email"]{
	margin-bottom: -1px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.form-signin input[type="password"]{
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.btn.btn-moonen{
	background-color: #fbdf3d;
    border-color: #fbdf3d;
    color: #666;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
	background-color: #fbdf3d;
    color: #666;	
}
.panel-primary {
    border-color: #fbdf3d;
}
.panel-primary > .panel-heading {
	background-color: #fbdf3d;
    border-color: #fbdf3d;
    color: #666;	
}
.hint{
	position: absolute;
	width: 180px;
	padding: 15px;
	margin-top: -5px;
	margin-left: 20px;
	background-color: #fffb8c;
	border: solid 1px #d4d4d4;
	border-radius: 4px;	
}
/* grey border */
.triangle-border.left::before {
    border-color: transparent #d4d4d4;
    border-width: 8px 12px 8px 0;
    bottom: auto;
    left: -12px;
    top: 7px;
}
.triangle-border::before {
    border-color: #d4d4d4 transparent;
    border-style: solid;
    border-width: 2px 2px 0;
    bottom: -20px;
    content: "";
    display: block;
    left: 40px;
    position: absolute;
    width: 0;
}
/* yellow part of arrow */
.triangle-border.left::after {
    border-color: transparent #fffb8c;
    border-width: 7px 12px 7px 0;
    bottom: auto;
    left: -11px;
    top: 8px;
}
.triangle-border::after {
    border-color: #fffb8c transparent;
    border-style: solid;
    border-width: 13px 13px 0;
    bottom: -13px;
    content: "";
    display: block;
    left: 47px;
    position: absolute;
    width: 0;
}
.hints.triangle-border.left{
	position:relative;
	padding:15px;
	margin:1em 0 3em;
	margin-left:30px;
	border:5px solid #5a8f00;
	color:#333;
	background:#fffb8c;
	/* css3 */
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

#footer{
	clear: both;
	width: 100%;
	background-color: #fafafa;
	color: #777;
	border: 1px solid #d4d4d4;
	position: fixed;
	bottom: 0px;
	padding: 10px;
	overflow: visible;
	left: 0;
	font-size: 10px;
	z-index: 100;
}

/**************/
/*** WEBEDI ***/
/**************/
.line-above{
	border-top: 1px solid #666;
	margin-top: 10px;
	padding-top: 10px;
}
.line-below{
	border-bottom: 1px solid #666;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.corrected{
	text-decoration: line-through;
	opacity: 0.5;
}
.change{
	color: #f00;
	background-color: #fbdf3d;
	border: 2px solid #fbdf3d;
	border-radius: 4px;
	padding: 4px;
	width: 100%;
	font-size: 24px;
	text-align: center;
}

/**************/
/*** DESADV ***/
/**************/
a.nav-item.btn {
	/*color: #337ab7;*/
	text-decoration: none;
}

/*
.btn-outline-secondary {
	color: #6c757d;
	border: 1px solid #ced4da;
}
*/

.m-0{
	margin: 0;
}


.loader {
	border: 4px solid #f3f3f3; /* Light grey */
	border-top: 4px solid #3498db; /* Blue */
	border-radius: 50%;
	width: 2em;
	height: 2em;
	animation: spin 2s linear infinite;
}

.panel-heading[data-hashedorderid]>.panel-title{
	font-size: 14px;
	cursor: pointer;
}

.panel-heading[data-hashedorderid]>.panel-title, .table-sm, table.destination, table.pallet{
	font-size: 12px;
}

.qty_edit input{
	width: 75px;
	text-align: right;
}
/*
.panel{
	transition: max-height 1s linear, opacity 1s linear;
	max-height: 1000px;
	opacity: 1;
}

.panel.d-none{
	display: block!important;
	max-height: 0px;
	opacity: 0;
	margin: 0!important;
	border: 0!important;
}
*/
.d-none{
	display:none !important;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}



@media (min-width:1024px){
	.modal-xl{width:95%;}
	.modal-xl .modal-body{max-height:95%;}
}

@media (min-width: 768px){
	.navbar-nav>li>a {
		padding: 15px !important;
	}
	.modal-dialog {
		max-width: 600px;
	}
}


@media (min-width: 1200px){
	.modal-dialog {
		max-width: 1000px;
	}
}

.card-title {
	margin-bottom: 0 !important;
}

.input-group-append.form-control, .input-group-prepend.form-control {
	flex-grow: 0;
	width: auto;
}

#side-drawer-container {
	display: none;
}

#side-drawer {
	position: fixed;
	z-index: 100;
	top: 0;
	bottom: 0;
	right: -100%;
	width: 45%;
	transition: right 0.4s ease;
	min-width: 300px;
	max-width: 860px;
	background-color: #FFFFFF;
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
	overflow: auto;
}

#side-drawer-container.enable {
	display: block;
}

#side-drawer-container.show #side-drawer {
	right: 0;
}

#side-drawer-container.loading #side-drawer::before {
	content: "";
	background-color: rgba(255,255,255,0.33);
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2x);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 101;
}

@keyframes spinner {
	to {transform: rotate(360deg);}
}

#side-drawer-container.loading #side-drawer::after {
	content: '';
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	margin-top: -50px;
	margin-left: -50px;
	border-radius: 50%;
	border: 10px solid #ccc;
	border-top-color: #666;
	animation: spinner 0.8s linear infinite;
	z-index: 102;
}

#side-drawer-close {
	z-index: 103;
	position: absolute;
	right: 15px;
	top: 15px;
	font-size: 50px;
	line-height: 50px;
	width: 35px;
	height: 35px;
	display: block;
	text-decoration: none;
	color: #933038;
	transition: color 0.25s ease;
}

#side-drawer-close:hover {
	color: #8c212a;
}

#side-drawer-content {
	padding: 80px 40px 80px 40px;
}

#side-drawer-backdrop {
	opacity: 0;
	background-color: rgba(0,0,0,0.33);
	backdrop-filter: blur(2px);
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 99;
	transition: all 0.5s ease;
}

#side-drawer-container.show #side-drawer-backdrop {
	opacity: 1;
	-webkit-backdrop-filter: blur(2x);
}

.sticky-top {
	z-index: 98;
}


.product-unit-actions {
	position: absolute;
	right: calc(100% - 10px);
	list-style: none;
	opacity: 0;
	transition: 0.15s ease all;
}

.product-unit-composition-item:hover .product-unit-actions {
	display: block;
	opacity: 1;
	right: 100%;
}

.product-unit-actions > li:not(:last-child) {
	margin-bottom: 2px;
}

.table-row-odd {
	background-color: rgba(0,0,0,.05);
}

.table-row-subgroup {
	background-color: rgba(0,0,0,.1);
}

.table-row-subgroup:nth-child(odd) {
	background-color: rgba(0,0,0,.08);
}

.table-row-subgroup td:first-child {
	padding-left: 2rem;
	font-size: smaller;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
}