/*######################################################################################

    Copyright (c) 2007-2024 NIT-MREZA D.O.O. All rights reserved.

    This work is the property of the company NIT-Mreza d.o.o. and may without express
    written permission not to be copied, modified, distributed or be published.

    Codename: Quantura
    Filename: %FILENAME%
    Last updated: %LAST_UPDATED%
    Description:

  ######################################################################################*/


/*--- SelBox Menu -------------------------------------------------*/

ul.SelPickbox li {
 	cursor: pointer;
    cursor: hand;
	padding: 7px;
	width: 30px;
	line-height: 24px;
	height: 24px;
    float: left;
	font-size: 16px;  	
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
    text-align: center;
	background-color: #FFFFFF;	
	border: 1px solid #CCCCCC;	
	margin: 2px;	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;		 		 			
}

ul.SelPickbox li:hover  {
	border: 1px solid #86c3f2;
	background-color: #baddf8;
}

ul.SelPickbox #activ  {
	border: 1px solid #fdd981;	
	background-color: #ffefb2;
}

ul.SelPickbox #error  {
	border: 1px solid #d9655a;	
	background-color: #fbba9c;
}

ul.SelPickbox #done  {
	border: 1px solid #66CC6B;	
	background-color: #E0F3E1;
}

ul.SelPickbox #quest  {
	border: 1px solid #D5C8EA;	
	background-color: #E7E0F3;
}

/*--- Icon Menu -------------------------------------------------*/

ul.SelBox1 {
	margin-left: 20px;
	margin-bottom: 20px;	
	overflow: hidden;
}

ul.SelBox1 li {
 	cursor: pointer;
    cursor: hand;
	padding: 14px;
	width: 120px;
	height: 80px;
    float: left;
	font-size: 15px;  	
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
    text-align: center;
	background-color: #f7f7f7;	
	border: 1px solid #CCCCCC;	
	margin: 10px;	
}

ul.SelBox1 li:hover  {
	border: 1px solid #86c3f2;
	background-color: #baddf8;
}

/*--- HeaderBlock Touch -------------------------------------------*/
#ProcessInfo {
	margin-left: auto; margin-right: auto;
	margin: 0px;
	overflow: hidden;	
	background: #f0f0f0 url(../site/3d_gray_73px.jpg) repeat-x;
	border: 1px solid #CCCCCC;	
	height: 55px;
	margin-bottom: 10px;	
}

.ProcessInfoBlock {
	overflow: hidden;		
}

.ProcessInfoBlock .ml {
	float: left;
}

.ProcessInfoBlock .mr {
	float: right;
}

.ProcessInfoBlock .block #element_img {
	float: left;
	margin-top: 5px;
	margin-right: 10px;
}

.ProcessInfoBlock .block #element_txt {
	float: left;
}

.ProcessInfoBlock .ml .block {
	margin: 5px;
	padding: 5px;
	float: left;	
}
	
.ProcessInfoBlock #last {
	border-right: none;
}

.ProcessInfoBlock .mr .block {
	margin: 5px;
	padding: 5px;
	float: left;	
}

.ProcessInfoBlock .block h1 {
	font-family: 'Roboto', sans-serif;
	margin: 0px;
	font-weight: normal;
	font-size: 15px;
	color: #000000;
}

.ProcessInfoBlock .block h2 {
	font-family: 'Roboto', sans-serif;
	margin: 0px;	
	font-weight: bold;
	font-size: 17px;
	color: #000000;
}

.ProcessInfoBlock .block h3 {
	font-family: 'Roboto', sans-serif;
	margin: 0px;	
	font-weight: bold;
	font-size: 21px;
	color: #000000;
}

.ProcessInfoBlock .block h4 {
	font-family: 'Roboto', sans-serif;
	margin: 0px;	
	color: #AAAAAA;
	font-weight: bold;
	font-size: 25px;
}

/*--- HeaderBlock Touch Input -------------------------------------------*/

#ProcessInput {
	margin-left: auto; margin-right: auto;
	margin: 0px;
	overflow: hidden;	
	background-color: #f6f6f6;
	border: 1px solid #DBDBDB;	
	height: 110px;
	margin-bottom: 10px;	
	padding: 5px;
}


.ProcessInputBlock {
	overflow: hidden;
}

.ProcessInputBlock .ml {
	float: left;
}

.ProcessInputBlock .mr {
	float: right;
}

.ProcessInputBlock .block #element_img {
	float: left;
	margin-top: 0px;
	margin-right: 10px;
}

.ProcessInputBlock .block #element_txt {
	float: left;
}

.ProcessInputBlock .ml .block {
	float: left;	
	height: 105px;	
	padding-right: 20px;
	margin-right: 20px;
	border-right: 1px solid #DBDBDB;
}
	
.ProcessInputBlock .block h1 {
	font-family: 'Roboto', sans-serif;
	margin: 0px;
	font-weight: normal;
	font-size: 15px;
	color: #000000;
}

.ProcessInputBlock .block h2 {
	font-family: 'Roboto', sans-serif;
	margin: 0px;	
	font-weight: bold;
	font-size: 17px;
	color: #000000;
}

.ProcessInputBlock .block h3 {
	font-family: 'Roboto', sans-serif;
	margin: 0px;	
	font-weight: bold;
	font-size: 21px;
	color: #000000;
}

.ProcessInputBlock .block h4 {
	font-family: 'Roboto', sans-serif;
	margin: 0px;	
	color: #AAAAAA;
	font-weight: bold;
	font-size: 25px;
}

.ProcessInputBlock .block h5 {
	margin-top: 0px;
	color: #AAAAAA;
	font-weight: bold;
	font-size: 22px;
}

/*--- Process 30 Touch ---------------------------------------------------------*/
.process_30 {
	margin-left: auto; margin-right: auto;
	height: 30px;
	line-height: 28px;
	overflow: hidden;
	border: 1px solid #DBDBDB;	
	background-color: #eeeeee;	
}

.process_30 .ml {
	float: left;
	padding-left: 5px;
}

.process_30 .mr {
	float: right;
	padding-right: 15px;
}

.process_30 select {
	padding: 2px;
}

.process_30 #element {
	float: left;
	margin-top: 3px;
	margin-right: 4px;
}

.process_30 #element_txt {
	float: left;
	margin-top: 1px;	
	margin-right: 4px;
}

.process_30 .mr .infoblock li {
	float: right;
	margin-top: 2px;
	padding-left: 7px;
	padding-right: 7px;	
	line-height: 24px;
	height: 24px;					
	background-color: #FFFFFF;	
	border: 1px solid #DBDBDB;
	margin-right: 2px;
	font-size: 17px;
}

.process_30 .mr .infoblock .dummy {
	background-color: #F3F3F3;	
	float: right;
	width: 7px;
	height: 14px;
	border: 0px;
}

/*--- Loading Bar ---------------------------------------------------*/

.process_loadingbar {
	background-color: #eeeeee;	
	height: 22px;
	padding: 3px 0px 3px 0px;	
}

.process_loadingbar .bar {
	float: left;
	width: 150px;
	font-size: 15px;	
	height: 20px;
	border: 1px solid;	
	border-color: #c3c3c3 #ffffff #ffffff #c3c3c3;			
}

.process_loadingbar .status {
	float: left;
	height: 18px;
	font-size: 11px;		
	border: 1px solid;	
	border-color: #ffffff #c3c3c3 #c3c3c3 #ffffff;			
	background-color: #00cf27;
}

.process_loadingbar .txt {
	float: left;
	height: 20px;	
	margin-left: 10px;
	font-weight: bold;	
	font-size: 17px;
}

/*--- Loading Bar 2 ---------------------------------------------------*/

.process_loadingbar2 {
	background-color: #eeeeee;		
	height: 20px;
	padding: 3px 0px 3px 0px;	
}

.process_loadingbar2 .bar {
	float: left;
	width: 150px;
	height: 20px;
	border: 1px solid;	
	border-color: #c3c3c3 #ffffff #ffffff #c3c3c3;			
}

.process_loadingbar2 .status {
	float: left;
	height: 18px;
	font-size: 11px;		
	border: 1px solid;	
	border-color: #ffffff #c3c3c3 #c3c3c3 #ffffff;			
	background-color: #00cf27;
}

.process_loadingbar2 .txt {
	float: left;
	height: 20px;	
	line-height: 20px;	
	margin-left: 10px;
}

/*---  WMS Box --------------------------------------------------*/
.wms_gang_2D {
	float: left;
	width: 60px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border: 1px solid transparent;
	font-weight: bold;
	margin: 2px;		
}

.wms_regal_2D {
	float: left;
	width: 30px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	background-color: #eeeeee;
	border: 1px solid #DBDBDB;
}

ul.wms2D li {
 	cursor: pointer;
    cursor: hand;
	width: 30px;
	line-height: 20px;
	height: 20px;
    float: left;
    text-align: center;
	background-color: #eeeeee;	
	border: 1px solid #DBDBDB;	
	margin: 2px;	
}

ul.wms2D li:hover  {
	border: 1px solid #86c3f2;
	background-color: #baddf8;
}

ul.wms2D #free  {
	border: 1px solid #DBDBDB;		
	background-color: #E6F0D0;
}

ul.wms2D #done  {
	border: 1px solid #DBDBDB;		
	background-color: #DDDDFF;
}

ul.wms2D #pos_last  { 
	border: 1px solid #DBDBDB;		
	background-color: #bce2fe;	
}

ul.wms2D #pos_now  {
	border: 1px solid #DBDBDB;		
	background-color: #aefc93;
}

ul.wms2D #pos_new  {
	border: 1px solid #DBDBDB;		
	background-color: #fffcbf;
}

/*--- Box2 Button Menu -------------------------------------------------*/

ul.wms_shortcut_btn {
	overflow: hidden;
}

ul.wms_shortcut_btn li {
 	cursor: pointer;
    cursor: hand;
    width: 22px;
	height: 20px;	
	line-height: 20px;
    float: left;
    text-align: center;
	font-size: 13px;  	
	font-family: 'Roboto', sans-serif;
	background-color: #f7f7f7;	
	border: 1px solid #CCCCCC;	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;		
}
	
ul.wms_shortcut_btn li:hover  {
	border: 1px solid #86c3f2;
	background-color: #baddf8;
}

ul.wms_shortcut_btn #current {
	border: 1px solid #86c3f2;
	background-color: #cae7fe;
}

ul.wms_shortcut_btn #dummy {
	width: 5px;
 	cursor: default;	
	border: 1px solid transparent;
	background-color: transparent;
}

/*--- DIV Hover -------------------------------------------------*/

.divBoxHover1 div:hover  {
	border: none;
	background: #ffefb2;
	overflow: hidden;
}

.divBoxHover2:hover  {
	border: none;
	background: #FF0000;
}


/*--- Packbox -------------------------------------------------*/

ul.divBoxContainer {
}

ul.divBoxContainer li {
 	cursor: pointer;
    cursor: hand;
	padding: 7px;
	width: 72px;
    float: left;
	font-size: 19px;;  	
	font-family: 'Roboto', sans-serif;
    text-align: center;
	background-color: #f7f7f7;	
	border: 1px solid #CCCCCC;	
	margin-right: 5px;	
	margin-bottom: 5px;		
}

ul.divBoxContainer li:hover  {
	border: 1px solid #86c3f2;
	background-color: #baddf8;
}

ul.divBoxContainer #green  {
	cursor: default;
	background-color: #E6F0D0;	
}

ul.divBoxContainer #red  {
	background-color: #fbba9c;	
}

ul.divBoxContainer #selected  {
	cursor: default;
	background-color: #baddf8;	
}