:root {
	--main-col: #2F4858; /* menu background #f9b74a*/

	--col-company-green: #009A93; /* green */
	--col-black: #000;
	--col-white: #fff;
	--col-red: #cc0000;

	--col-primary: #A0BD51; /* new */
	--col-secondary: #4FA66B; /* save, edit */
	--col-info: #FDC84A; /* info, print */
	--col-warning: #D32F2F; /* warn */

	/*like material design color definition :
		https://coolors.co/e9f1f7-080708-f9b74a-696d7d-93032e
		https://material.io/resources/color/#!/?view.left=0&view.right=0&primary.color=37474F&secondary.color=FDD835
	*/
	--light-primary-color: #bdc3c7; /*in menu used*/
}

body {margin: 2px; border:0; font-family: tahoma; font-size:12px; background-color:#fff; color:#000;}

/*layout*/
#headline {height: 80px; padding: 0; margin:5px; border:1px solid #d0d0d0; 
	justify-content: space-between; 
	background-image: linear-gradient(to left, #ecf0f1, #d7d7d7);
	color: var(--col-white);
}
	#logo{border:0; margin:0; position:absolute; top:10px; left:10px;}/*img logo*/
	#h_logo{display: flex; align-items: center; margin: 0px 1em; padding: 0; height: 100%;}
	#h_zone{float: left;}
	#h_panel{color: #fff; height: 80px;} /*todo del*/
	.h-label{display: flex; flex-direction: column; align-items: end; color: var(--col-black); padding: .5em 1em;} /*todo del*/

#menubox {float:left; width:140px; margin:0; padding:10px 0 0 10px; border:0; background-color:#e7e7e7; background-color:#fefefe; font-size:11px;}/*menu*/
	#menubox ul{padding: 0; margin: 0 0 10px 0;}
	#menubox ul li{list-style-type: none; margin: 0; padding:5px .1em 4px 3px; font-weight:bold; line-height:12px;}
	#menubox ul li ul{padding: 0; margin: 0;}
	#menubox ul li ul li{list-style-type: none; margin:0; border:0; padding:0;}

	#menubox ul li.mlab{color:#cc0000; background-color: #ecf0f1; border:0; line-height:12px; padding:6px 3px 5px 5px;}/*for addLabel*/
	#menubox ul li:hover{background-color: #bdc3c7}
	#menubox ul li.current{border-bottom: 1px solid #093; color: #093;}
	.current{color: #093;}

	#menubox a{color: #000; text-decoration: none; display: block;}
	#menubox a:hover{color: #000;}

/* --- main menu --------------------------------------------------------------*/

.main-navi { /* nav block cover */
	float: left; 	/* legacy */
	width: 200px; margin: 0; padding-top: 10px;
	font-size: 11px; font-weight: bold;
}
.main-navi a {
	color: var(--col-black); text-decoration: none; 
	padding: 4px 0.1em 4px 1em;
	display: block; position: relative;
}
.main-navi a i {
	display: inline-block; min-width: 12px; margin: 0; padding-right: 5px; color: var(--col-black);
}
.main-navi a:hover {
	color: var(--col-black); background-color: var(--light-primary-color);
}

.main-navi ul {
    list-style: none outside none; padding: 0 0; margin-top: 0;
}
.main-navi ul ul {
    margin: 0 0 0 0; /* Add some left margin for inner lists */
	background-color: var(--col-white);
}

.main-navi li { /* all li levels*/
    background-color: var(--col-white); color: #000; padding: 0; margin: 1px;
}
.main-navi li.group { /* group li header */
    margin: 0px; padding: 0 0px 0px 0px;
	background-color: #ecf0f1; 
}

.main-navi li.group > a {
	color: var(--col-red);
}

.main-navi ul > li.active a {
	color: var(--col-white); background-color: var(--col-company-green);
}
.main-navi ul > li > ul > li a { /*submenu shift*/
    padding-left: 1em;
}

.main-navi ul > li.group ul {
    display: none;
}

.main-navi ul > li.expand ul {
    display: block;
}

.main-navi a.grpLab {
	padding-top: 6px; padding-bottom: 5px;
}

.main-navi a.grpLab::after {
	position: absolute;	right: 1em; color: var(--col-black);
	content: '\25BC';
}

.main-navi li.expand a.grpLab::after {
	position: absolute;	right: 1em;
	content: '\25B2';
}

#content{margin-left: 210px; padding: 10px; min-height: calc(100vh - 80px);}

#design{font-size: 9px; text-align:center; padding:5px;}
	#design a{text-decoration: none; color: #7e7e7e;}

/*a*/
a{color: #cc0000;}

/*common shorthands*/
.ar{text-align: right;}
.al{text-align: left;}
.ac{text-align: center;}
.vt{vertical-align: top;}
.vm{vertical-align: middle;}
.vb{vertical-align: bottom;}
.fl{float: left;}
.fr{float: right;}
.cl{clear: left;}
.cr{clear: right;}
.fc{clear: both;}
.bc{margin:0 auto;}	/*center block*/
.br{margin-left: auto; margin-right: 0;} /*block right*/
.bl{margin-left: 0; margin-right: auto;} /*block left*/
.nw{white-space: nowrap;}
.fb{font-weight: bold !important;}

.nodisplay{display: none;}
.display{display: initial;}
.df{display: flex;}
.db{display: block;}
	
/*para*/
h1{font-size: 17px; font-weight: bold; color: #000; margin-top:0;}
h2{font-size: 15px; font-weight: bold; color: #000; margin:.3em 0;}
p{margin:.3em 0 0 0; line-height: 1.3em;}

/*helpers*/
.abut{font-size: 10px; background-image:url(/_images/white-top-bottom.gif);border:1px solid #D0D0D0;line-height:12px;}

/*colors*/
.red, .red .x-form-text-default{color:#cc0000 !important;}
.bla{color:#000;}
.whi{color:#fff;}

.success{background-color: #5CB85C; color: #fff;}
.info{background-color: #2196f3; color: #fff;}
.error,.warning{background-color: #c00; color: #fff;}

/*recap in IN & OUT forms*/
.tax_recap {margin-right: 0; margin-left: auto; margin-top: 10px;}
.tax_recap th {text-align: center; font-size: 11px;}
.tax_recap td {padding-left: 3px;; font-size: 11px;}
.tax_recap tr td{border-top: 1px solid #000;}

/*measure*/
.tbl-list{border-left:1px solid #000; border-right:1px solid #000; font-size: 9px;}
.tbl-list th{height: 100px; transform: translate(0px, 0px) rotate(270deg);}
.tbl-list td{border-bottom:1px solid #000; margin:0;}

ul.comm-list li {margin: .8em; line-height: 1.5em; list-style-type: square;}

/*material*/
.primary {background-color: #2196f3; color: #fff;}
.secondary {background-color: #f50057; color: #fff;}

.button {display: inline-block; padding: 1em; text-decoration: none; text-align: center; line-height: 1.5em;}

.info-box{background-color: #FCFF9A; padding: 1em; margin: 1em 0;}

/* dashboard */
.dashboard {
	display: flex; gap: 10px;
	align-items: start; flex-wrap: wrap;
}

.dashboard .dashBox {padding: .5em; display: flex; align-items: center; min-width: 380px;}
.dashIcon{display: block; padding: 0 .25em; font-size: 5em; text-align: center;}

.siBox {background-color: #d6220b; color: var(--col-white);}
.soBox, .moveBox {background-color: #008000; color: var(--col-white);}
.crmBox {background-color: #FCFF9A; color: var(--col-black);}
.measBox {background-color: var(--col-company-green); color: var(--col-white);}
.exrateBox {background-color: #2526a9; color: var(--col-white);}
.exrateBox a{text-decoration: none; color: inherit;}

@media screen and (max-width: 768px) {
}