/* hide all but login */
.hideable {
	display: none
}
.loginspecific {
	display: initial
}
*[lang]{ display: none;}
*:lang(fi){ display: inline;}

/* menu row */
div#headerbuttons {
	display: inline-block;
	position: relative;
	top: -7pt;
}
div#headerbuttons button{
	position: relative;
	top: -6pt;
}
header {
	color: white
}
body > header div {
	display: inline-block;
}
header span.title {
	color: white; 
	font-size: 20pt;
	font-weight: bold;
}
header div#headerbuttonsalignright {
	display: inline-block;
	position: absolute;
	top: 2pt;
	right: 10pt;
}

/* tables in general */
table,td,th {
  border: solid 1px silver;
  padding:5px;
  font-size:8pt;
  border-collapse:collapse;
}
table td, table th{
    border: 1px solid silver;
}
table.dataTable td{
	padding: 0;
	background-color: white;
}
table.dataTable tr.odd td{
	background-color: #eaf5fe;
}
th {
  background-color:#3ca3e0;
  color:#fff;
  font: 95% Arial, sans-serif;
  font-size:1em
}
tr.odd td.sorting_1 ,
tr.odd td.sorting_2 ,
tr.odd td.sorting_3 ,
tr.even td.sorting_1 ,
tr.even td.sorting_2 ,
tr.even td.sorting_3 {
	background-color : #BBE2FA;
}

#orders_thead, #products_thead{
	background-color: #3ca3e0;
}

tr.id_interchange td:not([class*="intchtag"]) {
    cursor: pointer;
}

/* login */
table#login_table, table#login_table td {
	border: none
}
div#login_content_id > div {
	text-align: center
}
div#logoutbuttonspace {
	/* color: black; */
	margin: -5pt; /* compensate for minorgroup margin */ 
}

div.orderspecific > div {
	display: inline-block;
}

body > div.interchangespecific {
	position: absolute;
}
body > div.interchangespecific button{
	display: inline-block;
}



div.minorgroup ,
div.ColVis_collection
{
	background-color: rgb(187, 226, 250);
	border-radius: 15px 0 15px 0;
	box-shadow: 0 1px 1px grey;
	height: 42px;
	border: 1px;
	-webkit-appearance: none;
	padding: 0pt 4pt;
	margin: 5pt;
}
div.minorgroup form {
	display: inline-block;
}
div.ColVis_collection {
	height:auto;
	padding: 5pt;
}
div.ColVis_collection button{
	text-align: left;
}


td.supplier_code ,
td.customer_code ,
td.shelf_location ,
td.ordered_amount ,
td.delivered_amount ,
td.delivered_amount input.toprint {
	text-align:center;
}
td.delivered_amount input.toprint {
	width: 2.5em;
}

/* grouped rows */
table.dataTable td.group-item-expander {
	color: white;
	background-color: #3ca3e0;
}
td.collapsed-group {
	border-bottom: 3px rgb(27, 109, 158) dotted;
}
td.collapsed-group:before {
	content: ' ⊕ ';
	font-size: 14pt;
}
td.expanded-group:before {
	content: ' ⊝ ';
	font-size: 14pt;
}

button.grouperbutton {
	height: 20px;
}

/* 
#header p{
	visibility: hidden;
	float:right;
	margin-top: -65px;
	font-size: 8pt;
}

#headbuttons{
	visibility: hidden; 
}

#inter_menu{
	position: relative;
	margin-top: 10px;
	font-size:8pt;
	visibility: hidden; 
}

#ich{
	width: 99%;
	float: right;
    position: absolute;
	height: 500px; 
	top: 50px;
	overflow-y: auto; 
	border: 0px solid silver; 
	margin-bottom: 40px;
}
#interchanges{
	width: 99%;
}


#explist tr, tr{
    list-style: none;
    margin-top:0;
    padding:12px;
}

#date{
	width: 20%;
	height: 75px;
    position: absolute;
	text-align: center;
}

#date p{
	text-align:left;
	font-weight: bold;
	font-size:1.50em;
	margin-left: 10px;
	height: 25px;
}

#datepicker{
	width: 75px;
}

#slfbutton{
	position: absolute;
	top: -48px;
	right: -350%;
}
#ordsbutton{
	position: absolute;
	top: -48px;
	right: -300%;
}

.buttons{
	background-image: url("../images/uparrow_120.png"); 
	width: 120px ;
	height: 30px;
	color:white;
	border: 1px;
	-webkit-appearance: none;
	margin-top: 5px;
	font-size: 0.85em;
}

button:hover, input[type="button"]:hover {
    background-position: 0 -30px;
}
button:active, input[type="button"]:active {
    background-position: 0 -60px;
}

#logoff{
	color:white;
	-webkit-appearance: none;
}


.order_menu{
	position: absolute;
	width: 100%;
	visibility: hidden;
}
#drplist{
	position:absolute;
	left: 21%;
	top: 0px;
}

#drplist_st{
	position:absolute;
	left: 27%;
	top: 0px;
}
	
#droplisth2{
	position:absolute;
	left: 33%;
	top: 0px;
}

#drplist_de{
	position:absolute;
	left: 39%;
	top: 0px;
}

#prntbtn{
	position:absolute;
	left: 21%;
	top: -1px;
	font-size: 10pt;
}

#sndbtn{
	position:absolute;
	left: 33%;
	top: -1px;
	font-size: 10pt;
}

#bckbtn{
	position:absolute;
	right: 10%;
	top: -50px;
}

#hstickers p{
	left: 50%;
	position: relative;
	margin: 2px;
	float:left;
}

#ord{
	width: 99%;
	height: 465px;
	left: 1%;
	top: 95px;
	position: absolute;
	border: 0px solid silver; 
	visibility: hidden;
	font-size: 8pt;
}
#orders{
	width: 99%;
}
#orders tr {
	font-size: 7pt;
}

#part4{
	position: absolute;
	width: 160px;
	height: 25px;
	top: -25px;
	right: 20px;
	font-size: 8pt;
	visibility: hidden;
}
#part4 input{
	float: right;
}


#orders_info{
	height: 0px;
	visibility: hidden;
}

#shelfplaces{
	width: 99%;
	height: 450px;
	left: 1%;
	top: 100px;
	position: absolute;
	overflow-y: auto;
	border: 1px solid silver; 
	visibility: hidden; 
	font-size: 8pt;
}

.editbutton{
	visibility: hidden;
}

#shelfid{
	width:99%;
}

#login_table td, input{
	border: hidden;
}
*/