/*///////////////////////////////////////////////////////////////////////////////////////
//---------------------------------------------------------------------------------
// Copyright (c) Stéphane Guérin. All rights reserved. Tous droits réservés.
//---------------------------------------------------------------------------------
// omax_style.css
///////////////////////////////////////////////////////////////////////////////////////
*/
:root {
	font-size: 16px;
    --fnt-fam-primary: 'Roboto', sans-serif; 
	--fnt-fam-second: 'Open Sans', sans-serif;
	--fnt-fam-third: 'Merriweather', serif;
	--fnt-fam-serif: 'Merriweather', serif;
    --fnt-fam-sans: 'Open Sans', sans-serif;
    --fnt-fam-roboto: 'Roboto', sans-serif;
	--fnt-fam-montserrat: 'Montserrat', sans-serif; 
	--alpha-bg: 0.3;
	--alpha-hov: 0.5;
	--alpha-def: 0.8;
	--clr-reg01: 173, 216, 230;	/* #ADD8E6 */
	--clr-reg02: 240, 128, 128;	/* #F08080 */
	--clr-reg03: 144, 238, 144;	/* #90EE90 */
	--clr-reg04: 244, 164, 96;	/* #F4A460 */
	--clr-reg05: 221, 160, 221;	/* #DDA0DD */
	--clr-primary: #0e48fe;
	--clr-primary-dark: #039d69;
	--clr-primary-hover: #29e6a7;
	--clr-gray100: #f9fbff;		
	--clr-gray150: #f4f6fb;
	--clr-gray200: #eef1f6;
	--clr-gray300: #e1e5ee;
	--clr-gray400: #767b91;
	--clr-gray500: #4f546c;
	--clr-gray600: #2a324b;
	--clr-gray700: #161d34;
	--clr-softblack: #333333;
	--transition-speed: 600ms;
	--radius: 0.9em;	
	--text-primary: #0d0d0d;
	--text-secondary: #222222;
	--bg-primary: #23232e;
	--bg-secondary: #141418;
	--border-vert: rgba(46, 204, 113, 0.5);
	--border-red: rgba(114, 26, 25, 0.5);
	--max-zindex: 16777271;
	--primary-light: #39ddfa;
	--primary: #00abdf;
	--primary-dark: #008ada;
	--white: #FFFFFF;
	--greyLight-1: #ebf5fc;
	--greyLight-2: #d5e0f3;
	--greyLight-3: #c1d9f0;
	--greyDark: #646b8c;
	/*	spanish palette by Miguel Camacho https://flatuicolors.com/palette/es */
	--clr-darkgreen: rgba(33, 140, 116, 1);
	--clr-lightgreen: rgba(51, 217, 178, 0.3);
	--clr-darkred: rgba(179, 57, 57, 1);
	--clr-lightred: rgba(255, 82, 82, 0.3);
	--clr-darkblue: rgba(34, 112, 147, 1);
	--clr-lightblue: rgba(52, 172, 224, 0.3);
	--clr-darkshadow: rgba(132, 129, 122, 1);
	--clr-lightshadow: rgba(132, 129, 122, 0.3);
	/* flat UI french  */
	--livid: rgba(106, 137, 204, 1.0); 		 /* dark blue down*/
	--livid-back: rgba(106, 137, 204, var(--alpha-bg));
	--azraq: rgba(74, 105, 189,1.0);
	--azraq-back: rgba(74, 105, 189, var(--alpha-bg));
	--lanblue: rgba(30, 55, 153,1.0);
	--lanblue-back: rgba(30, 55, 153, var(--alpha-bg));
	--sapphire: rgba(12, 36, 97,1.0);
	--sapphire-back: rgba(12, 36, 97, var(--alpha-bg)); /* dark blue up*/
	--spray: rgba(130, 204, 221 , 1.0);		/* turquoise down*/
	--spray-back: rgba(130, 204, 221, var(--alpha-bg));		
	--dupain: rgba(96, 163, 188,1.0);
	--dupain-back: rgba(96, 163, 188, var(--alpha-bg));		
	--goodsam: rgba(60, 99, 130,1.0);
	--goodsam-back: rgba(60, 99, 130, var(--alpha-bg));
	--forestblue: rgba(10, 61, 98,1.0);
	--forestblue-back: rgba(10, 61, 98, var(--alpha-bg));	/* turquoise up */	
	--paradise: rgba(184, 233, 148, 1.0);	/* green down  */
	--paradise-back: rgba(184, 233, 148, var(--alpha-bg));
	--aurogreen: rgba(120, 224, 143, 1.0);
	--aurogreen-back: rgba(120, 224, 143, var(--alpha-bg));
	--waterfall: rgba(56, 173, 169,1.0);
	--reef: rgba(7, 153, 146, 1.0);	
	--melon: rgba(248, 194, 145,1.0);			/* rouge down  */
	--mandarin: rgba(229, 80, 57,1.0);
	--tomatoe: rgba(235, 47, 6, 1.0);
	--jalapeno: rgba(183, 21, 64, 1.0);		
	--flesh: rgba(250, 211, 144, 1.0);			/* human skin?  */
	--flesh-back: rgba(250, 211, 144, var(--alpha-bg));
	--squash: rgba(246, 185, 59,1.0);
	--squash-back: rgba(246, 185, 59, var(--alpha-bg));
	--poppy: rgba(250, 152, 58,1.0);
	--carrot: rgba(229, 142, 38, 1.0);
	/* flat UI v.1 */
	--clouds: rgba(236, 240, 241,1.0);			/* adding from flat   */
	--silver: rgba(189, 195, 199,1.0);			
	--midnight: rgba(44, 62, 80, 1.0);			/*rgba(44, 62, 80,1.0)*/
	--asphalt: rgba(52, 73, 94, 1.0);
	--asphalt-back: rgba(52, 73, 94, var(--alpha-bg));
	--dracula: rgba(45, 52, 54,1.0);
	--clouds-back: rgba(236, 240, 241, var(--alpha-bg));
	--sylver: rgba(189, 195, 199,1.0);	
	--asbestos: rgba(127, 140, 141, 1.0);	
	--midnight-back: rgba(44, 62, 80, var(--alpha-bg));
	--midnight-hov: rgba(44, 62, 80, var(--alpha-hov));
	--sunflower: rgba(241, 196, 15, var(--alpha-def));
	--sunflower-back: rgba(241, 196, 15, var(--alpha-bg));
	--sunflower-hov: rgba(241, 196, 15, var(--alpha-hov));
}
*,
*:before,
*:after {
	box-sizing: border-box;
}
body {
	margin: 0;
	padding: 0;
	font-family: var(--fnt-fam-second);
	background-color: var(--clouds-back);	
	color: var(--text-primary);	
}
	h1 {
		font-family: var(--fnt-fam-primary);
		color: var(--text-secondary);
		width: 100%;
		text-align: center;
		font-size: 1.7rem;	
	}
	h2 {
		font-family: var(--fnt-fam-primary);
		color: var(--text-secondary);
		width: 100%;
		text-align: center;
		font-size: 1.5rem;
	}
	h3 {
		font-family: var(--fnt-fam-primary);
		color: var(--text-secondary);
		width: 100%;
		text-align: center;
		font-size: 1.2rem;	
	}
	input[type=checkbox] {
		transform: scale(1.5);
	}
	.tag_wrap {	
		font-size: 0.9em;
		margin: 0.1em; 
		text-align: center;		
		border-style: solid;			
		border-color: rgba(25, 21, 70, 1);
		border-width: 2px;
		border-radius: 10px;
		line-height: 0.9em;
	}
	.tag_wrap:hover, .tag_wrap:focus, .tag_wrap:focus-within {
		font-size: 1.2em;			
		transition: all 0.4s ease-out 0.2s;
	}
	.tag_text {
		font-weight: bold;
		font-size: 1em;
		color: black; 				
		display: block;
		padding: 4px;
		border-radius: 10px;
		background: linear-gradient(to right, white, transparent);		
	}
	.promotype_cell {
		min-width: 120px;
		font-weight: bold;
		font-size: 1em;
		display: block;
		padding: 4px;
		border-radius: 10px;
		background: linear-gradient(to right, white, transparent);	
	}
	.linkdisabled {
		display: inline-block;
		text-decoration: none;
		padding: 0.2em 0.7em;			
		background-color: transparent;
		border-style: solid; 
		border-color: var(--silver);	
		border-width: 1px; 	
		border-radius: var(--radius);
		color: var(--silver);		
		margin: 0.4em;
	}
	.omaxbutton {			
		font-size: 1rem;
		padding: 0.2em 0.7em;
		margin: 0.4em;
		word-break: break-all;			
		background-color: rgba(209, 204, 192, 0.5);
		color: var(--text-primary);
		border-style: solid; 
		border-color: var(--text-primary);	
		border-width: 1px; 	
		border-radius: 0.4em;
		box-shadow: 0.2em 0.2em 0.2em rgba(51, 51, 51, 0.6);
		transition: all 0.4s ease-out 0.2s; 	
	}
	.omaxbutton:disabled {				
		word-break: break-all;
		box-shadow: none;
		color: var(--asbestos);
		background-color: transparent;
		border-style: solid; 
		border-color: var(--silver);	
		border-width: 1px; 	
		border-radius: 0.4em;
	}
	.omaxbutton:hover:enabled, .omaxbutton:focus:enabled {
		transform: scale(1.1);
		color: var(--text-secondary);
		background-color:  rgba(247, 241, 227, 1.0);
		box-shadow: 0.4em 0.4em 0.4em rgba(51, 51, 51, 0.6);
		transition: transform 0.4s ease-in 0.2s;
	}
	.omaxbutton:active:enabled {	
		box-shadow: 0.1em 0.1em 0.1em rgba(51, 51, 51, 0.6);
		transform: translate(0.4em, 0.4em);
		transition: all 0.2s ease-in 0s;
	}
	.linktobutton {
		display: inline-block;
		text-decoration: none;
		padding: 0.2em 0.7em;			
		background-color:  var(--clouds);
		border-style: solid; 
		border-color: var(--midnight);	
		border-width: 1px; 	
		border-radius: var(--radius);
		color: var(--text-primary);
		box-shadow: 0.2em 0.2em 0.2em rgba(51, 51, 51, 0.6);
		margin: 0.4em;
	}	
	.linktobutton:hover {						
		color: var(--text-secondary);
		background-color: var(--silver);
		box-shadow: 0.4em 0.4em 0.4em rgba(51, 51, 51, 0.6);
	}
	.linktobutton:active {	
		box-shadow: 0.1em 0.1em 0.1em rgba(51, 51, 51, 0.6);
		transform: translate(0.4em, 0.4em);
	}
	.linktobutton:visited {
		color: var(--clr-darkblue);
	}
	.linktobutton[disabled] {
		background-color: transparent;
		border-color: var(--silver);
		color: var(--silver);
		box-shadow: none;
		cursor: default;
	}
	.linktobutton[disabled]:hover {
		background-color: transparent;
		border-color: var(--silver);
		color: var(--silver);
		box-shadow: none;
	}
	.linktobutton[disabled]:active {
		background-color: transparent;
		border-color: var(--silver);
		color: var(--silver);
		box-shadow: none;
		transform: none;
	}
	input.icontobutton {
		font-family: 'Material Icons';
		font-size: 30px; 
		padding: 4px 6px;
		margin: 0.2em;
		font-weight: normal;
		cursor: pointer;		
		border-radius: 50%;
		border-style: solid; 				
		border-width: 1px;			
		box-shadow: 0.2em 0.2em 0.2em rgba(51, 51, 51, 0.6);
	}
	input.icontobutton:hover {				
		box-shadow: 0.4em 0.4em 0.4em rgba(51, 51, 51, 0.6);
	}
	input.icontobutton:active {			
		box-shadow: 0.1em 0.1em 0.1em rgba(51, 51, 51, 0.6);
		transform: translate(0.2em, 0.2em);
	}
	.clr-btn-default {
		color: var(--text-primary);
		background-color: #aaa69d;
		border-color: #227093;
	}
	.clr-btn-default:hover {
		color: var(--text-secondary);
		background-color: var(--silver);
		border-color: var(--text-secondary);
	}		
	.clr-btn-darkblue {
		color: #f7f1e3;	
		background-color: #227093;
		border-color: #23232e;
	}
	.clr-btn-darkblue:hover {
		color: #227093;	
		background-color: #f7f1e3;
		border-color: #227093;
	}		
	.clr-btn-darkgreen {
		color: #f7f1e3;	
		background-color: #218c74;
		border-color: #23232e;
	}
	.clr-btn-darkgreen:hover {
		color: #218c74;	
		background-color: #f7f1e3;
		border-color: #218c74;
	}
	.clr-btn-darkred {
		color: #f7f1e3;	
		background-color: var(--clr-darkred);
		border-color: #23232e;
	}
	.clr-btn-darkred:hover {
		color: #218c74;	
		background-color: var(--clr-lightred);
		border-color: #218c74;
	}
	#stickytop {
		display: block;
		position: -webkit-sticky;
		position: sticky;
		width: 50px;
		height: 50px;
		background-color: #34ace0;
		top: 94vh;
		left: 100%;
		margin: 0.4em;
		cursor: pointer;			
		-webkit-border-radius: 60px;
		-moz-border-radius: 60px;
		border-radius: 60px;
	}
	#stickytop span {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -8px;
		margin-top: -12px;
		text-indent: -9999px;			
		border: 8px solid transparent;
		border-bottom-color: #ffffff;
	}
	#stickytop:hover {
		background-color: #b33939;
		opacity: 1;
		filter: "alpha(opacity=100)";
		-ms-filter: "alpha(opacity=100)";
	}
	td.cell_upc {
		font-size: 0.8em;
		width: 5em;
		max-width: 64px;
		overflow-wrap: anywhere;
	}
	.omaxddlist {		
		padding: 0.4em 0.8em;
		margin: 0.4em;
	}
	.omaxddlistlabel {
		font-weight: 200; 
		font-style: italic;
		text-transform: lowercase;
	}
	tr.omax_rowhov:hover {
		background-color: rgba(52, 172, 224, 0.9);
	}
	td.cell_upc {
		font-size: 0.8em;
		width: 5em;
		max-width: 64px;
		overflow-wrap: anywhere;
		transition: all 0.8s ease-out 0.8s;
	}
	td.cell_upc:hover {
		transition: all 0.4s ease-in 0.2s;
		font-size: 1em;
		/* font-weight: bold;	 */
	}
	.loader_wave {
		width: 150px;
		height: 150px;
		background-color: #ff3d00;
		border-radius: 50%;
		position: relative;
		box-shadow: 0 0 30px 4px rgba(0, 0, 0, 0.5) inset,
		  0 5px 12px rgba(0, 0, 0, 0.15);
		overflow: hidden;
	}
	.loader_wave:before,
	.loader_wave:after {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		border-radius: 45%;
		top: -40%;
		background-color: #fff;
		animation: ani_wave 5s linear infinite;
	}
	.loader_wave:before {
		border-radius: 30%;
		background: rgba(255, 255, 255, 0.4);
		animation: ani_wave 5s linear infinite;
	}
	@keyframes ani_wave {
		0% {
		  transform: rotate(0);
		}
		100% {
		  transform: rotate(360deg);
		}
	}
	.glass {		  
		position:fixed; 
		top: 0; 
		left: 0; 
		bottom: 0; 
		right: 0; 
		z-index: var(--max-zindex);
		background-color: var(--clouds-back);
		backdrop-filter: blur(5px);		
	}
	.glasswait {
		position:fixed; 
		left: 40%; 
		top: 45%; 
		text-align: center;
		border-style: solid;
		border-width: 2px;
		border-color: var(--midnight-back); 
		border-radius: 15px;
		padding: 8px 8px 8px 8px; 
		background-color: var(--clouds-back);
		backdrop-filter: blur(20px);				
	}
	.glass-button {
		display: inline-block;
		padding: 24px 32px;
		border: 0;
		text-decoration: none;
		border-radius: 15px;
		background-color: rgba(255,255,255,0.1);
		border: 1px solid rgba(255,255,255,0.1);
		backdrop-filter: blur(30px);
		color: rgba(255,255,255,0.8);
		font-size: 14px;
		letter-spacing: 2px;
		cursor: pointer;
		text-transform: uppercase;
	}
	.glass-button:hover {
		background-color: rgba(255,255,255,0.2);
	}
	.glass-panel {
		color: #fff;
		margin: 40px auto;
		background-color: rgba(255,255,255,0.06);
		border: 1px solid rgba(255,255,255,0.1);
		width: 100%;
		border-radius: 15px;
		padding: 32px;
		backdrop-filter: blur(10px);
	}
	#scroll {
		position:fixed;
		right:10px;
		bottom:10px;
		cursor:pointer;
		width:50px;
		height:50px;
		background-color:#3498db;
		text-indent:-9999px;
		display:none;
		-webkit-border-radius:60px;
		-moz-border-radius:60px;
		border-radius:60px
	}
	#scroll span {
		position:absolute;
		top:50%;
		left:50%;
		margin-left:-8px;
		margin-top:-12px;
		height:0;
		width:0;
		border: 8px solid transparent;
		border-bottom-color:#ffffff;
	}
	#scroll:hover {
		background-color: #e74c3c;
		opacity: 1;
		filter: "alpha(opacity=100)";
		-ms-filter: "alpha(opacity=100)";
	}	
	.inactive_row {
		background-color: rgba(128, 128, 128, 0.8);
		background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,0.5) 35px, rgba(255,255,255,0.5) 70px);
	}
	tr.omax_row_hov:hover {
		background-color: rgba(52, 172, 224, 0.9);
	}
	.omax_row_sel {
		border-color: #33d9b2;
		border-width: 3px;
		border-style: solid;
		border-radius: var(--radius);
		background-color: rgba(44, 44, 84, 1);
		color: #f7f1e3;
		font-size: 1.1em;
		font-weight: bold;
	}		
	.omax_row_sel:hover {		
		background-color: rgba(52, 172, 224, 1);		
	}
	.toptable {
		border-style: solid; 			
		border-width: 4px;
	}
	.toptable th, td{
		padding: 0.3em 0.5em;		
		border-collapse: separate;
		border-spacing: 0;
	}
	.toptable tr:nth-child(odd) {
		background-color: var(--silver);
	}
	.toptable tr:nth-child(even) {
		background-color: var(--clouds);
	}
	.toptable tr:hover {
		background-color: var(--forestblue);
		color: var(--clouds);
	}
	.toptable caption {
		padding: 0.7em 0 0.7em 0;
	}
	.sortasc-header a {
		background:url("/images/sort_asc.png") right center no-repeat;
		display: block;
		padding-right: 19px;
	}
	.sortdesc-header a {
		background:url("/images/sort_desc.png") right center no-repeat;
		display: block;
		padding-right: 19px;
	}
	.gvpager a{
		margin:auto 1%;
		border-radius:25%;
		padding:5px 10px 5px 10px;	
		text-decoration:none;
		-o-box-shadow:1px 1px 1px #111;
		-moz-box-shadow:1px 1px 1px #111;
		-webkit-box-shadow:1px 1px 1px #111;
		box-shadow:1px 1px 1px #111;			 
	}
	.gvpager a:hover{
		background-color:#1e8d12;
		color:#fff;
	}
	.gvpager span{	
		background-color: #1b245a;
		color: white;
		-o-box-shadow:1px 1px 1px #111;
		-moz-box-shadow:1px 1px 1px #111;
		-webkit-box-shadow:1px 1px 1px #111;
		box-shadow:1px 1px 1px #111;
		border-radius:25%;
		padding:5px 10px 5px 10px;
	}
	.nustart-debug-caudit-table{
		border: thin solid black;
	}
	.nustart-caudit-table{
		border-style: solid; 
		border-color: Olive; 
		border-width: 0px;	
		border-collapse: collapse; 
		max-width: 1290px; 
		padding: 8px; 
		margin: 0em; 
		font-size: medium; 
		font-family: var(--fnt-fam-primary); 
		font-weight: normal; 
		height: auto;
	}
	.mobile-button{	
		display: inline;
	}
	.mobile-button:hover {
		cursor: pointer;	
	}
	.caudit-send {	
		background-image: url("/img/mobile/radiotower.png");
		width:64px; 
		height:64px;
		border: 0;
		box-shadow: none;
		background-color: white;
	}
	.caudit-send:hover {
		cursor: pointer;	
	}
	.caudit-send:disabled {
		opacity: 0.3;
		cursor: not-allowed;
	}
	.caudit-view {
		transition: 0.9s;	
		font-weight: bold;	
		color: black;
		text-shadow: 0 0 4px yellow;
		background-image: url("/img/mobile/eye.png");
		width:64px; 
		height:64px;
		border: 0;
		box-shadow: none;
		background-color: white;	
	}
	.caudit-view:hover {
		cursor: pointer;	
	}
	.caudit-view:active {	
		opacity: 0.1;
	}
	.caudit-setartno {
		transition: 0.9s;
		display: inline;
		cursor: pointer;
		font-weight: bold;
		color: black;
		text-shadow: 0 0 4px green;
		background-image: url("/img/mobile/clipboard.png");
		width: 64px;
		height: 64px;
		border: 0;
		box-shadow: none;
		background-color: transparent;
	}
	.caudit-hidemultiselect-b {
		transition: 0.9s;
		display: inline;
		cursor: pointer;
		font-weight: bold;
		color: black;
		text-shadow: 0 0 4px green;
		background-image: url("/img/mobile/zoomout.png");
		width: 64px;
		height: 64px;
		border: 0;
		box-shadow: none;
		background-color: transparent;
	}
	.caudit-hidemultiselect-b:active {	
		opacity: 0.1;
	}
	.caudit-setprice-b {
		transition: 0.9s;
		display: inline;
		cursor: pointer;
		font-weight: bold;
		color: black;
		text-shadow: 0 0 4px green;
		background-image: url("/img/mobile/shop.png");
		width: 64px;
		height: 64px;
		border: 0;
		box-shadow: none;
		background-color: transparent;
	}
	.caudit-setprice-b:active {	
		opacity: 0.1;
	}	
	.caudit-setprice{
		transition: 0.9s;
		display: inline; 
		cursor: pointer;
	}
	.caudit-setprice:active {	
		opacity: 0.1;
	}
	.caudit-orders {
		transition: 0.9s;
		display: inline;
		cursor: pointer;
		font-weight: bold;
		color: black;
		text-shadow: 0 0 4px green;
		background-image: url("/img/mobile/truck.png");
		width: 64px;
		height: 64px;
		border: 0;
		box-shadow: none;
		background-color: transparent;
	}
	.caudit-orders:active {	
		opacity: 0.1;
	}
	.caudit-notes {
		transition: 0.9s;
		display: inline;
		cursor: pointer;
		font-weight: bold;
		color: black;
		text-shadow: 0 0 4px green;
		background-image: url("/img/mobile/check.png");
		width: 64px;
		height: 64px;
		border: 0;
		box-shadow: none;
		background-color: transparent;
	}
	.caudit-notes:active {	
		opacity: 0.1;
	}	
	.caudit-facings{
		transition: 0.9s;
		display: inline; 
		cursor: pointer;
	}
	.caudit-facings:active {	
		opacity: 0.1;
	}	
	.caudit-sizes{
		transition: 0.9s;
		display: inline; 
		cursor: pointer;
	}
	.caudit-sizes:active {	
		opacity: 0.1;
	}
	.caudit-displays {
		transition: 0.9s;
		display: inline;
		cursor: pointer;
		font-weight: bold;
		color: black;
		text-shadow: 0 0 4px green;
		background-image: url("/img/mobile/stack.png");
		width: 64px;
		height: 64px;
		border: 0;
		box-shadow: none;
		background-color: transparent;
	}
	.caudit-displays:active {	
		opacity: 0.1;
	}

	.SaveWorkingTable {
		font-size: Medium;
		/*font-weight: bold;	*/
		background-image: url("/img/mobile/arrow-down.png");
		background-repeat: no-repeat;
		width: 64px;
		height: 64px;
		border: 0;
		box-shadow: none;
		background-color: white;
	}
	.SaveWorkingTable:hover {
		cursor: pointer;	
	}
	.ExitStore {
		transition: 0.9s;
		font-size: Medium;
		font-weight: bold;
		background-image: url("/img/mobile/biker.png");
		background-repeat: no-repeat;
		width: 64px;
		height: 64px;
		border: 0;
		box-shadow: none;
		background-color: white;
	}
	.ExitStore:hover {
		cursor: pointer;
	}
	.ExitStore:active {
		opacity: 0.1;
	}
	.clearwt {
		transition: 0.9s;
		font-size: Medium;
		font-weight: bold;
		background-image: url("/img/mobile/x.png");
		background-repeat: no-repeat;
		width: 64px;
		height: 64px;
		border: 0;
		box-shadow: none;
		background-color: white;
	}
	.clearwt:hover {
		cursor: pointer;
	}
	.clearwt:active {
		opacity: 0.1;
	}
	
	.BigChkBoxClass input {
		width:25px; 
		height:25px;
	}
	.promostore_retailers{
		/*margin-left: 6px;*/
		/*margin-right: 6px;*/
		padding-left: 0.8em;
		padding-right: 0.8em;
	}
	.gv_logo {
		max-width: 64px;
		max-height: 64px;
	}
	.gv_logo_large {
		max-width: 128px;
		max-height: 90px;
		border: 0px;
	}
	.gv_logo_audit {
		max-width: 64px;
		max-height: 64px;
	}
	.wrapper-mobile{
		width: 100%;
	}
	.td_border_on {
		border: solid 1px #ED9F9F;
	}
	.ExcelCommandCell
	{      
		border: 1px solid #1C5E55;
	}
	.pn_max_height
	{      
		max-height: 200px;
		width:100%;    
	}
	.FixedHeader {
		position: absolute;
		font-weight: bold;
	}     
	.gv_promotype td {
		padding-left: 8px;
		padding-right: 8px;
		padding-top: 3px;
		padding-bottom: 3px;
	}
	.pn_fill_parent{
		left: 0;
		top: 0;
		display: block;
		min-height: 100%;
		width:100%;
		height:100%;
	}
	.clip_comment {
		overflow: hidden;
	}
	/* button wrap text */
	.button_wrap {
		white-space: normal;
	}
	/* button delete */
	.button_delete {
		color: red;
	}
	/* button green */
	.button_green {
		color: green;
	}
	.likeabutton {
		appearance: button;
		-moz-appearance: button;
		-webkit-appearance: button;
		text-decoration: none; font: menu; color: ButtonText;
		display: inline-block; padding: 2px 8px;
	}
	/* print section */
	.noprint {
		visibility: visible;
	}
	#noprint {
		visibility: visible;
	}
	/* Header Section */
	.headerflex {
		display: flex; 
		flex-direction: row;
		align-items: flex-start;
		padding: 0.5em;
		max-width: 100%; 
		margin: 0px;	
	}
	.navgrid{
		display: flex; 
		flex: 1; 
		flex-wrap: wrap; 
		flex-direction: row; 
		align-content: stretch;
		font-size: medium; 
		max-width: 900px; 
		min-width: 330px; 
		min-height: 3em;
		padding: 0px; 
		margin: 0.5em; 
	}
	.headergrid {
		display:flex; 
		flex-wrap:wrap; 
		flex-direction:row; 
		align-items: flex-start; 
		max-width:100%; 
		margin-top:0.5rem; 
		margin-left:0.5rem;		
	}

#headernomore {
	border-top: 3px solid #99CC66;
	/*border-bottom: 1px dotted #99CC66;*/
	height: 2em;
}
#headernomore .title {
	font: 190% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	color: black;
	background-color: transparent;
	float: left;
	margin-right: 2em;
	margin-top: 0.3em;
	margin-left: .8em;
}

#headernomore a:link, a:visited  {
	color: royalblue;
}

#header_mobile {
	top: 3em;
	left: 1em;
	position:absolute;
	font-family: var(--fnt-fam-primary);
}

/* Navigation */
#navigation_mobile {
	top: 1em;
	left: 1em;
	position:relative;
	font-family: var(--fnt-fam-primary);
	font-size: 100%;
	max-width: 800px;	
}

.navigation {
	position:relative;
	top: 1em;
	left: 1em;
	/*left: 1em;*/	
	font-family: var(--fnt-fam-primary);

}

#navigationnomore {
	top: 1em;
	left: 26em;
	position:absolute;
	font-family: var(--fnt-fam-primary);
	font-size:90%;
}
#navigationnomore ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigationnomore li {
	border-bottom: 1px solid #ED9F9F;
}
#navigationnomore li a  {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 12px solid #711515;
	border-right: 1px solid #711515;
	background-color: #B51032;
	color: #FFFFFF;
	text-decoration: none;
}
#navigationnomore li a:hover {
	background-color: #711515;
	color: #FFFFFF;
}
#navigationnomore ul ul {
	margin-left: 12px;
}
#navigationnomore ul ul li {
	border-bottom: 1px solid #711515;
	margin:0;
	background-color: #ED9F9F;
	color: #711515;
}
#navigationnomore ul ul a:hover {
	background-color: #711515;
	color: #FFFFFF;
}
#headernomore .breadcrumb {
	font-size: 90%;
	color: black;
	background-color: transparent;
	float: right;
	margin-right: 2em;
	margin-top: 0.8em;
	font-weight:bold;
}
#content_mobile {	
	margin-top: 1em;
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: 1em;	
}
#content {
	top: 0em;
	left:0em;
	margin: 0.3em;	
}
#content h1 {
	font-size: 150%;
	text-align: center;
}
#content p {
	font-size: 1em;
	line-height: 1.2em; 
}
#content ul {
	font-size: 1em;
	line-height: 1.6em; 
}
#promotions {
    display: block; 
	border-style: solid; 
	border-color: #1C5E55; 
	border-width: 4px; 
	border-radius: 15px; 
	padding: 0px; 
	max-width: 100%; 
	margin:0 0.6em 0 0.4em;
	overflow: auto;
}
#content-center {
    text-align:center;
}
.selected_row {
    background-color: #A1DCF2;
}
.on-top {
    z-index: var(--max-zindex);
	position: relative;
}
.omlinkbutton {
    padding: 0.3em 2em;
    text-decoration: none;
    border: solid 1px #2b2b2b;
    background-color: #ededed;
}
.omlinkbutton:hover {
    border: solid 1px #333333;
    background-color: #e9e9e9;
}
.bigger-button {
    /* transform: scale(1.2); */
	padding:6px; 
	font-weight:bold; 
	font-size:large;
}
.no-display {
    display: none;
}
.yes-display {
    display: block;
    text-align: left;
}
.order_wt {	
    border: 3px solid Black;
    border-radius: 10px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}
.order_zero_wt {
    border: 3px solid #ff4d4d;
    border-radius: 10px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
}
.new_art_no {
	border: 3px solid Black;
    border-radius: 10px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}
.nustart_wt_set_art {
	border: 3px solid #B2202B;
    border-radius: 10px;
}
.nustart_wt_note {
	border: 3px solid #B2202B;
    border-radius: 10px;
}
.nustart_wt_note_set {
	border: 3px solid #000000;
    border-radius: 10px;
	font-weight: bold;
    text-align: center;
    vertical-align: middle;
}
.nustart_wt_display {
	border: 3px solid #E3A6A5;
    border-radius: 10px;
}
.nustart_wt_display_set {
	border: 3px solid #000000;
    border-radius: 10px;
	font-weight: bold;
    text-align: center;
    vertical-align: middle;
	white-space: normal;
}
.nustart_wt_facing {
	border: 3px solid #E2C0C0;
    border-radius: 10px;
}
.nustart_wt_facing_set {
	border: 3px solid #000000;
    border-radius: 10px;
	font-weight: bold;
    text-align: center;
    vertical-align: middle;
	white-space: normal;
}
.nustart_wt_section {
	border: 3px solid #E0D5D5;
    border-radius: 10px;
}
	.nustart_wt_section_set {
		border: 3px solid #000000;
		border-radius: 10px;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
		white-space: normal;
	}
	.c-center {
		text-align:center;    
		position: relative;
		top: 0px;
		left: 0px;
	}
	.c-left {
		text-align:left;    
	}
	.c-right {
		text-align:right;
	}
	.details-center {
		position: relative;
		left: 1em;
		top: 0em;
		width: 200px;  
	}
	.branch {
		position: relative;
		left: 1em;
		top: 0em;
		height: 260px;
		width: 466px;
		overflow: auto;
		border: groove 1px black;
		visibility: visible;    
	}
	.lang {	
		display: block;
		position: relative;
		margin-top: 0.5em;
		margin-left: 0.5em;
		max-width: 300px;
		min-width: 100px;
		padding: 1em; 	
		border: 4px solid var(--border-red);		
		/* rgba(46, 204, 113,1.0) */
		/* rgba(114, 180, 83, 0.7); */
		border-radius: 15px;
		box-shadow: 5px 5px 2px var(--asphalt-back);
	}
	.lang-old {
		top: 1em;
		left: 36em;  
	}
	.lang-mobile {
		padding-left: 16px;
		padding-right: 6px;
		top: 1em;    
		display: inline-block;  
	}
	.logout-mobile {    
		margin-top: 1em;
		margin-right: 1em;
		display: inline-block;  
	}
	.grille-produit {
		text-align: left;
		position: relative;
		top: 0px;
		left: 1px;    
	}
	.content-right {
		text-align: right;
		width: 953px;
		vertical-align: bottom;
	}
	.smaller_font {      
		font-size: smaller;          
	}
	.bold_font {
		font-weight: bold;
	}
	.Important {      
		font-size: large;      
		color: Red; 
	}
	.gvCode {      
		font-size: smaller;      
		font-style: italic;        
		width: 64px;
		height: 24px;
	}
	.gvRegion {      
		width: 124px;
		height: 24px;    
	}
	.gvDate {      
		width: 124px;
		height: 24px;    
	}
	.gvPromoDate {      
		width: 50px;
	}
	.gvTotalCost {      
		width: 60px;
	}
	.gvPromoDist {      
		width: 110px;
	}
	.gvPromoStore {      
		width: 120px;
	}
	.gvDescription {
		display: inline-block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: normal;
		font-size: 0.9em;
		width: 250px;
		max-height: 3.5em;
		text-align: left;
		padding: 0.2em;
		transition: all 0.6s ease-in 0.8s;	
	}
	.gvDescription:hover, .gvDescription:focus, .gvDescription:focus-within {
		background-color: #ffda79;
		max-height: 370px;		
		font-size: 1em;		
		border: #ffb142 solid 3px;
		border-radius: 5px;
		transition: all 0.6s ease-out 0.2s;
	}
	.gvDescription:hover img, .gvDescription:focus img, .gvDescription:focus-within img {
		transition: all 0.8s ease-in 0.2s;
		max-height: 340px; 
		max-width: 340px; 
		vertical-align: top; 
		margin: 0;
	}
	.pic_grow {			
		transition: all 0.4s ease-in 1s;
		max-height: 64px; 
		max-width: 64px; 
		vertical-align: top; 
		margin: 0;
	}
	.pic_grow:hover, .pic_grow:focus, .pic_grow:focus-within {			
		transition: all 0.8s ease-in 0.2s;
		max-height: 340px; 
		max-width: 340px; 
		vertical-align: top; 
		margin: 0;
	}	
.promoTitle
{      
    font: 150% 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	
}
.gvStore
{      
    width: 450px;
    height: 56px;    
    overflow: auto;
    position: absolute;
    left: 8em;
    top: 22em;    
}
	.calendar-right {
		text-align: right;
		position:absolute;
		top: 20em;
		right: 6.2em;
		z-index: 1;
	}
	.promo_sep {
		border:none;
		float: left;
		height: 170px;
		width: 30px;     
	}
	.cpHeader {
		color: white;
		background-color: #0073BF;
		font-weight: bold;
		font-size: 1em;
		cursor: pointer;
		max-width: 680px;
		width: 100%;
		height: 2em;
		padding: 0.5em 1em;           
	}
	.cpBody	{
		font-size: 1em;
		border-width: 2px; 
		border-style: solid;
		border-color: #0073BF;
		border-radius: 5px;
		max-width: 680px;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.cpHeaderPeriod	{
		color: white;
		background-color: #0073BF;
		font: bold 11px auto;
		cursor: pointer;		
	}
	.cpBodyPeriod {
		font-weight: normal;
		/*text-align: center;*/
		/*background-color: #DCE4F9;*/
		/*width:450px;    */
	}
	.clear {

	}
	.grad { 
		color:yellow; 
		-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='white',EndColorstr='blue')";
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='white',EndColorstr='blue');
		/*background-color:green;*/
		background: -moz-linear-gradient(top, #FFF, #888);
		background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#888));
	}
	.sexybutton {  
		background-color: #DEDEDE;  
		background: -moz-linear-gradient(top, #FFF, #888);
		background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#888));
		border: 1px solid #D6D6D6;
		color: #666;
		display: inline-block;	
		font: bold 0.9em/10px 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
		height: 18px;
		width: auto;
		padding: 0 10px;
		text-decoration: none;
		vertical-align: middle;
		text-shadow: 0 1px 0 #FFF;
		border-radius: 5px;
		-webkit-border-radius: 5px;  
	}
	.sexybutton:hover {
	  background: #BEBEBE;
	  background: -moz-linear-gradient(top, #DDD, #666);
	  background: -webkit-gradient(linear, left top, left bottom, from(#DDD), to(#666));
	  border: 1px solid #B6B6B6;
	  color: #444;
	  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#DDDDDD', EndColorStr='#666666');
	  text-shadow: 0 1px 0 #DDD;
	}
	.menuaxo {
		position: absolute;
		left: 370px;
		min-height: 0px; 
		min-width: 0px;
	}
	.background {
		width: 126px; 
		height: 38px;    
		position: relative;
		left: 0px; 
		top: 0px;     
	}
	.stretch {
		width:100%;
		height:100%;
		z-index: 0;
		position: relative;
	}
	.td_all {
		width: 140px; 
		height: 2.5em; 
		margin: 0.3em;
		padding: 0.2em;
	}
	.td_background {    
		border-radius: 40px;	
		background: radial-gradient(closest-side at 50% 25%, #C2F3F8, #08B6E1);
		box-shadow: 5px 5px 2px var(--clr-lightshadow);
		color: var(--text-primary);    
		text-align: center; 
		vertical-align: middle;        
		text-decoration: none;   				
	}
	.td_background:hover {
		background: radial-gradient(closest-side at 50% 25%, #5BD5EA, #024A9E);
		box-shadow: 8px 8px 4px var(--clr-darkshadow);	
		color: #ffcc00;	  
	}
	.td_background:active {
		box-shadow: 1px 1px 0px var(--clr-darkshadow);	
		transform: translate(5px, 5px);
	}
	.td_background_ipad {   	
		border-radius: 40px;	
		background: radial-gradient(closest-side at 50% 25%, #ffffff, #72B453);
		box-shadow: 5px 5px 2px var(--clr-lightshadow);
		color: var(--text-primary);    		
		text-align: center; 
		vertical-align: middle;        
		text-decoration: none;     				
	}
	.td_background_ipad:hover {   	
		background: radial-gradient(closest-side at 50% 25%, #ffffff, #272424);
		box-shadow: 8px 8px 4px var(--clr-darkshadow);	    
	}
	.td_background_rep {    
		border-radius: 40px;	
		background: radial-gradient(closest-side at 50% 25%, #C8F9F9, #16DEE4);
		box-shadow: 5px 5px 2px var(--clr-lightshadow);
		color: var(--text-primary);
		text-align: center; 
		vertical-align: middle;        
		text-decoration: none;     		
	}
	.td_background_rep:hover {    
		background: radial-gradient(closest-side at 50% 25%, #C8D6F9, #0843E1);
		color: #f1c40f;
		box-shadow: 8px 8px 4px var(--clr-darkshadow);		
	}
	.td_background_rep:active {
		box-shadow: 1px 1px 0px var(--clr-darkshadow);
		transform: translate(5px, 5px);
	}
	.td_background_admin {    	
		border-radius: 40px;	
		background: radial-gradient(closest-side at 50% 25%, #F4DEF5, #CC76D0);
		box-shadow: 5px 5px 2px var(--clr-lightshadow);
		color: var(--text-primary);
		text-align: center; 
		vertical-align: middle;        
		text-decoration: none;   			
	}
	.td_background_admin:hover {   
		background: radial-gradient(closest-side at 50% 25%, #E4DDFF, #846FF8);
		color: #f1c40f;
		box-shadow: 8px 8px 4px var(--clr-darkshadow);
	}
	.td_background_admin:active {
		box-shadow: 1px 1px 0px var(--clr-darkshadow);	
		transform: translate(5px, 5px);
	}
	.td_background_admin_red {    	
		border-radius: 40px;	
		background: radial-gradient(closest-side at 50% 25%, #f7f1e3, #ff793f);
		box-shadow: 5px 5px 2px var(--clr-lightshadow);
		color: var(--text-primary);
		text-align: center; 
		vertical-align: middle;        
		text-decoration: none;   			
	}
	.td_background_admin_red:hover {   
		background: radial-gradient(closest-side at 50% 25%, #f7f1e3, #cd6133);
		color: #f1c40f;
		box-shadow: 8px 8px 4px var(--clr-darkshadow);
	}
	.td_background_admin_red:active {
		box-shadow: 1px 1px 0px var(--clr-darkshadow);	
		transform: translate(5px, 5px);
	}
	.td_background_admin2 {   	
		background-image: url(img/gradient-admin-c.png);
		background-repeat: no-repeat;
		background-position: top left;
		box-shadow: 5px 5px 2px var(--asphalt-back);
		color: var(--text-primary);
		text-align: center; 
		vertical-align: middle;        
		text-decoration: none;    				
	}
	.td_background_admin2:hover	{   
		background-image: url(img/gradient-admin-a.png);
		background-repeat: no-repeat;
		background-position: top left;    
		color: #f1c40f;
		box-shadow: 8px 8px 4px var(--asphalt);
	}
	.td_background_admin2:active{
		box-shadow: 1px 1px 0px var(--midnight);
		transform: translate(5px, 5px);
	}
	.td_background_root
	{   
		border-radius: 40px;	
		background: radial-gradient(closest-side at 50% 25%, #FFECD5, #FFB453);
		box-shadow: 5px 5px 2px var(--asphalt-back);
		color: var(--text-primary);	
		text-align: center; 
		vertical-align: middle;        
		text-decoration: none;     			
	}
	.td_background_root:hover
	{    
		background: radial-gradient(closest-side at 50% 25%, #C8D6F9, #0843E1);
		color: #f1c40f;
		box-shadow: 8px 8px 4px var(--asphalt);		
	}
	.td_background_root:active{
		box-shadow: 1px 1px 0px var(--midnight);
		transform: translate(5px, 5px);
	}
	.menudiv{
		text-transform: uppercase;		
		font-family: var(--fnt-fam-second);
		font-weight: bold;    
		text-align: center;
		vertical-align: middle;
		overflow: hidden;      		
		position: relative;
		text-decoration: none;
		text-align: center;
		vertical-align: middle;
		color: var(--text-primary);		
		font-size: 0.8em;
	}
	.menudiv a{
		text-decoration: none;
		text-align: center;
		vertical-align: middle;
		color: var(--text-primary);
		font-weight: bold;
	}
	.menudiv:hover {    
		color: #ffff00;	
		text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;   
	}
	.menudiv a:active{    
		color: var(--jalapeno);
	}