/*********** Login Form **************************/
	
/*****Imports for animation *****/

/*@import url(animate.css);*/

/* ------end of Imports for animation -----------*/

/*::selection {
 	color: #fff;
 	text-shadow: none;
 	background: #fff;
}

::-moz-selection {
 	color: #fff;
 	text-shadow: none;
 	background: #fff;
}*/
	
#loginContainer {
	position: fixed;
	min-width:450px;
	width: 450px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
/****** za centar strane ********/	
	/*height: 280px;
	top: 50%;
	left: 50%;
	margin-top: -140px;
	margin-left: -225px;*/
/********************************/
	margin-left: 100px;	
	background: #fff;
	border-radius: 8px;
	border: 1px solid #ccc;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
	-webkit-animation-name: bounceIn;
	-webkit-animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: bounceIn;
	-moz-animation-fill-mode: both;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: linear;
	animation-name: bounceIn;
	animation-fill-mode: both;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}

#loginForm {
	margin: 0 auto;
	margin-top: 20px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
#loginForm label {
	color: #555;
	display: inline-block;
	margin-left: 18px;
	padding-top: 7px;
	font-size: 14px;
}

#loginForm input {
	outline: none;
	font: bold 14px Arial, Helvetica, sans-serif;
}
#loginForm input[type=text],
#loginForm input[type=password] {
	color: #777;
	padding-left: 10px;
	margin: 10px;
	margin-top: 8px;
	margin-left: 18px;
	width: 400px;
	height: 30px;
	border: 1px solid #c7d0d2;
	border-radius: 3px;
	box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 5px #f5f7f8;
	-webkit-box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 5px #f5f7f8;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
#loginForm input[type=text]:hover,
#loginForm input[type=password]:hover {
	border: 1px solid #b6bfc0;
	box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .7), 0 0 0 5px #f5f7f8;
	-webkit-box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .7), 0 0 0 5px #f5f7f8;
}
#loginForm input[type=text]:focus,
#loginForm input[type=password]:focus {
	border: 1px solid #a8c9e4;
	box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 5px #e6f2f9;
	-webkit-box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 5px #e6f2f9;
}
#bottomForm {
	background: #f2f2f2;
	width: 100%;
	height: 75px;
	margin-top: 20px;
	box-shadow: inset 0 1px 1px #fff;
	-webkit-box-shadow: inset 0 1px 1px #fff;
	border-top: 1px solid #ccc;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	position: relative;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
#bottomForm .button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #555;
	padding: 8px 15px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #f2f2f2;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
	float: right;
	margin-top: 17px;
	margin-right: 20px;
}
#bottomForm .button:hover {
	background: #fff;
	cursor: pointer;
	color:#000;
}
#bottomForm .button:active {
	background: #E6F2F9;
	color:#000;
}

#loginForm p a {
	font-size: 11px;
	color: #aaa;
	float: right;
	margin-top: -13px;
	margin-right: 20px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}

#loginForm p a:hover {
	color: #555;
}

#bottomForm input[type=checkbox] {
	margin-left: 20px;
	margin-top: 40px;
}

#bottomForm .check {
	padding-top:-5px;
	margin-left: 8px;
	font-size: 12px;
	color: #444;
	text-shadow: 0 1px 0 #fff;
}
#icon {
	position:absolute;
	width: 450px;
	height: 100px;
	background: url('images/keys-icon.png') no-repeat;
	top: -40px;
	left: 320px;
}
#info-error {
	background-color:#FFD9DA;
	color:#ED0000;
	position:absolute;
	/*width: 280px;*/
	width: 450px;
	height: 40px;
	top: -50px;
	z-index:-1;
	/*left: 20px;*/
	font: bold 14px Arial, Helvetica, sans-serif;
	padding: 12px 10px 5px 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #f2f2f2;
	-moz-box-shadow:
		0px 2px 3px rgba(000,000,000,0.3),
		inset 0px 0px 0px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 2px 3px rgba(000,000,000,0.3),
		inset 0px 0px 0px rgba(255,255,255,1);
	box-shadow:
		0px 2px 3px rgba(000,000,000,0.3),
		inset 0px 0px 0px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;			
}
	
/*----------/Login Form---------------------*/
	
/************* LAYOUT ***********************/
	
	html * { margin:0; padding:0; }
	body * {font-family: Arial, Tahoma, San-Serif;}
	.clear {clear:both; height:0; line-height:0; font-size:0; }
	header{ 
		width:100%;
		min-width: 1000px;
		height:66px; 
		color:#ffffff;
		position:absolute;
		z-index: 888;
		
	}
	header .top{
		width:100%;
		height:66px; 
		background:#000000;		

	}
	.logo{ background:#000000 url('images/logoFanPLM.png') no-repeat; width:111px; height:43px; position:absolute; top:7px; left:20px;}
	.vernumber {position:absolute; top:37px; left:140px; font-family: Arial, Tahoma, San-Serif; font-size:10px; color:#fff;}
	footer{ width:100%; background:#ffffff; height:60px; }
	#main { 
		max-width:100%; 
		height:100%; 

		background:#ffffff; 
			padding-top:25px;
			padding-left: 25px;
	}
	#content { width:100%; position:relative; margin:0; padding:0; font-family: tahoma,arial,verdana,sans-serif; font-size:12px; -moz-box-sizing: border-box; }
	#col01 { width:200px; background:red; display:none; }
	#col02 { width:150px; background:green; display:none; }
	
	.fixedHeader header { position:fixed; top:0; padding:0px;}
		.fixedHeader #main { margin-top:66px; }
	
	.fixedFooter footer { position:fixed; bottom:0; }
	.fixedFooter #main { margin-bottom:60px; }
	
	.content-sidebar #content { margin-right:-200px; float:left; }
	.content-sidebar #col01 { display:block; float:left; }
	
	.content-sidebar-sidebar #content { margin-right: -350px; float:left;}
	.content-sidebar-sidebar #col01 { display:block; float:left; }
	.content-sidebar-sidebar #col02 { display:block; float:left; }
	
	.sidebar-content #content { width:-100px; float:right; }
	.sidebar-content #col01 {display:block; float:left; }
	
	.sidebar-sidebar-content #content{ width:-250px; float:right;}
	.sidebar-sidebar-content #col01 { display:block; float:left; }
	.sidebar-sidebar-content #col02 { display:block; float:left; }
	
	.sidebar-content-sidebar #content { width:-250px; margin-right:-150px; margin-left:200px; float:left; }
	.sidebar-content-sidebar #col01 { display:block; margin-left:--200px; float:left; }
	.sidebar-content-sidebar #col02 { display:block; float:right; }
	
	#content {
			
			margin-top: 55px;		
	}
	label{
		cursor:pointer;
	}
	.textLeft {
		text-align:left;
	}
	.textRight {
		text-align:right;
	}
	.textCenter {
		text-align:center;
	}
	
	.whiteLine {
		border: 1px solid #fff;
	}
	.greyLine {
		border: 1px solid #D9D9D9;
	}

/*------------------ end of LAYOUT ----------------------------------*/	
	
/********************* MENU ***************************************/

	.threelogo {
	background: url('../../css/images/threelogo-test.png') no-repeat;
	/*width:151px;*/
	width:208px;
	height:53px;
	position:absolute;
	top:11px;
	left:355px;
	z-index:9999;
	}
	
	#access{
		clear: both;
		display: block;
		float: left;
			width: 100%;
			margin: 0 auto 6px; 
	
	}
	
	#access #menuContainer{
			width:100%;
			min-width: 1000px; 
			margin: 4px 0 0 0; 
			padding-left:0px; 
			position:fixed;
			top:62px;
		left:0;
		z-index:9998;
	}
	
	#access ul {
		font-size: 12px;
		list-style: none;
		padding:0;
		margin:0;
		display:block;
	}
	
	#access li {
		float:left; 
		position:relative;
		display:block;
	}
	
	#access ul li {
		display:block;
		line-height:16px;
			padding:6px 20px;
		/*border-bottom:1px solid white;*/
	}
	
	#access ul li{
		/*****GRADIENT*****/
		background:#ffffff; /*initial background color must be added because of microsoft*/
		/* Firefox gradient */
		background: -moz-linear-gradient(top, #ffffff 0%, #d2d2d2 100%);
		/* Chrome gradient */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d2d2d2));
		background: -webkit-linear-gradient(top, #ffffff 0%,#d2d2d2 100%);
		/* Opera gradient */
		background: -o-linear-gradient(top, #cedce7 0%,#596a72 100%);
		/* Microsoftra gradient */
		background: -ms-linear-gradient(top, #ffffff 0%,#d2d2d2 100%);
		background: linear-gradient(top, #ffffff 0%,#d2d2d2 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d2d2d2',GradientType=0 );
		/*****GRADIENT*****/
		border-left:1px solid #fff;
		border-right:1px solid #bcbcbc;
		border-bottom:1px solid #969696;
		box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
		-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
		display:block;
	}
	nav div#access div#menuContainer ul li ul li ul li {
		border-bottom-right-radius: 0px;
	}
	 nav div#access div#menuContainer ul li ul li {
	 	border-bottom-right-radius: 0px;
	 }
	
	#access li:last-child {
		border-bottom-right-radius:5px;	
	}					
	
	#access ul li a{
		font-weight:bold;
		text-decoration:none;
		display:block;
		width:100%;
		line-height:16px;
		color:#004987;
		border-bottom-right-radius:none;		
	}
	
	#access ul li:hover {
		background: #ffffff;
		border-bottom-right-radius:none;
		display:block;	
		/*border-right:1px solid #808080;
		border-left:1px solid #808080;*/
		/*
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlZGNlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1OTZhNzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top, #cedce7 0%, #596a72 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cedce7), color-stop(100%,#596a72));
		background: -webkit-linear-gradient(top, #cedce7 0%,#596a72 100%);
		background: -o-linear-gradient(top, #cedce7 0%,#596a72 100%);
		background: -ms-linear-gradient(top, #cedce7 0%,#596a72 100%);
		background: linear-gradient(top, #cedce7 0%,#596a72 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 );
		*/
	}
	
	#access ul li:hover > a{
		font-weight:bold;
		color:#000;
		border-bottom-right-radius:none;
	}
	
	#access ul li ul {
		display:block;
		display:none;
		float: left;
		margin: 0;
		position: absolute;
			top:28px; 
			left:-1px;
			width: 190px;
		z-index: 99999;
		border:1px solid #808080;
	}
	
	#access ul li ul {
		border-bottom-right-radius:none;	
	}
	
	#access ul li ul li{
		width: 190px;
		display:block;
	}
	
	#access ul li:hover > ul{
		display:block;
	}
	/*		
	#access ul li ul li a{
		width:100%;
	}
	*/
	#access ul li ul li ul{
		left:100%;
		top:-1px;
	}
			
	#access .current-menu-item > a,
	#access .current-menu-ancestor > a{
		color:navy;
		font-weight:bold;
	}
	
	#access .current-menu-item,
	#access .current-menu-ancestor{
		border-left:1px solid #808080;
		border-right:1px solid #808080;
	}
/*------------------- end of MENU ---------------------------------------*/		
	
/******************* SEARCH ********************************************/	
	.search{
		width:180px;
		position:relative;
		float:right;	
		margin-top:10px;
		margin-right:30px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;	
	}
	
	.search input{
		font-size:10px;
		width:150px;
	}
	.search button{
		border:0px;			
		background:#000000 url('images/search.png') no-repeat;			
		padding:0px;
		width:20px;
		height:16px;			
		cursor:pointer;			
	}	
			
	.search .div-input{
		float:left;

	}	
	
	.search .div-button{
		float:left;
		margin-left: 5px;
		margin-top: -2px;			
		height:16px;
		width:20px;
		/*position:absolute;
		top:8px;
		left:158px;
		*/
	}
/*------------------- SEARCH --------------------------------------*/

/******************* HEADER TABS ***********************************/					
	#tabs{
		position:absolute;
		float:right;
		padding-top:12px;
		padding-right:30px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		top:30px;
		right: 0px;
	}
	
	#tabs ul li {
		
		list-style: none;
		display:block;
		float:left;
		padding:5px 8px;
		font-size:12px;
		font-weight:bold;
		cursor:pointer;
		margin-right:5px;		
		border-bottom:0px;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
	}
	
	#tabs li:last-child{
	
	}
	
	#tabs ul li:hover{
		background:#fff;
		color:#000;
	}		
/*----------------- end of HEADER TABS --------------------------------*/
	
	
/******************* Tab menu ******************************************/
	/*.tab_menu {
		position: absolute;
		z-index: 100;
		margin-left: 120px;
		margin-top: 50px;	 
	}
		
	.tab_menu input {
		color: #004987;
		font-weight: bold;
		border-color: #999999;
		border-radius: 7px 7px 0px 0px;
		border-style: solid;
		border-width: 1px;
		box-shadow: 0px -7px 4px 2px rgba(0, 0, 0, 0.1) inset;
		padding-top: 5px;
	    margin-right: -5px;
	    background-color: #fff;
	    font-family: Arial;
	    border-bottom: 1px solid #595959;
	}
		
	#View_Product_Details {
		color: #004987;
		font-weight: bold;
		border-color: #595959;
		border-radius: 7px 7px 0px 0px;
		border-style: solid;
		border-width: 1px;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset;
		padding-top: 5px;
	    margin-right: -5px;
	    background-color: #fff;
	    border-bottom: 1px solid #fff;	     	   
	}
	
	#Product_Concept_Information {
		border-left: 1px solid #595959;    
	}*/
/*----------------- end of Tab menu ------------------------------------*/
	
/****************** Main content ***************************************/
	/*
	.row {
		border: 1px solid #595959;
	    border-radius: 5px 5px 5px 5px;	
		margin-left: -20px;	
	    margin-top: -1px;
	    margin_bottom: 11px;
	    padding: 20px;
	    width:1200px;
	    font-size:12px;
	}
	*/
table {
	border-collapse: separate;
}	
	
	.row {
		border: 1px solid #595959;
	    border-radius: 5px 5px 5px 5px;	    
		/*margin-left: -20px;*/		
	    /*margin-top: 15px;*/
	    margin-bottom: 11px; 
	    padding: 10px;
	    width:1300px;
	    font-size:12px;
	    position:relative;
		box-sizing:border-box;
		box-sizing:content-box;
		box-sizing:padding-box;
		-moz-box-sizing:border-box;
		-moz-box-sizing: content-box;
		-moz-box-sizing: padding-box;
		-webkit-box-sizing:border-box;  
		-webkit-box-sizing:content-box;  
		-webkit-box-sizing:padding-box;  
	}
	.row-head {
		border: 1px solid #595959;
	    border-radius: 5px 5px 5px 5px;	    
	    margin-bottom: 11px; 
	    width:1200px;
	    font-size:12px;
	    position:relative;
		box-sizing:border-box;
		box-sizing:content-box;
		box-sizing:padding-box;
		-moz-box-sizing:border-box;
		-moz-box-sizing: content-box;
		-moz-box-sizing: padding-box;
		-webkit-box-sizing:border-box;  
		-webkit-box-sizing:content-box;  
		-webkit-box-sizing:padding-box;  
	}
	.row .span-left {
		/*display: block;*/
		width: 48%;
		float: left;
		text-align: left;
	}	
	.row .span-right {
		/*display: block;*/
		width: 48%;
		float: right;
		text-align: right;
	}
	.rownav {
		font-family: Arial;
		width:100%;
		font-size:11px;
		font-weight: bold;
		/*margin-bottom:-1px;*/
		position:absolute;
		top:-23px;
		z-index:100;
		box-sizing:border-box;
		box-sizing:content-box;
		box-sizing:padding-box;
		-moz-box-sizing:border-box;
		-moz-box-sizing: content-box;
		-moz-box-sizing: padding-box;
		-webkit-box-sizing:border-box;  
		-webkit-box-sizing:content-box;  
		-webkit-box-sizing:padding-box; 			
	}
	.rownav {
		float: left;
		padding: 0;
		list-style-type: none;
	}
	.rownav li {
		float: left;
		border-color: 1px solid #595959;
	}
	.rownav li a {
		color: #004987;
		display: block;
		padding: 4px 7px 4px 23px;
		text-decoration: none;
		font-weight: bold;
		border: 1px solid rgba(0, 0, 0, 0.7);
		border-bottom:hidden;
		border-radius: 7px 7px 0px 0px;
		box-shadow: 0px -10px 4px 0px rgba(0, 0, 0, 0.1) inset;
		-webkit-box-shadow: 0px -10px 4px 0px rgba(0, 0, 0, 0.1) inset;
	}
	.rownav li a:hover {
		color: #000;
		background-color: #fff;
		border-bottom:1px solid rgba(0, 0, 0, 0.7);
		box-shadow: 0px 10px 8px 0px rgba(0, 0, 0, 0.1) inset;
		-webkit-box-shadow: 0px 10px 8px 0px rgba(0, 0, 0, 0.1) inset;
		border-bottom:1px solid #fff;
	}	
	.rownav li a:active, .rownav li a:focus{
		color: #004987;
		background-color: #fff;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		cursor:default;
		border-bottom:1px solid #fff;
	}
	.activeTab {
		display: block;
		padding: 4px 7px 5px 23px;
		text-decoration: none;
		font-weight: bold;
		border: 1px solid rgba(0, 0, 0, 0.7);
		border-radius: 7px 7px 0px 0px;
		color: #004987;
		background-color: #fff;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		cursor:default;
		border-bottom:1px solid #fff;
		background: url('images/view-active.png')  no-repeat 5px center transparent;
	}
	.activeColorTab {
		display: block;
		padding: 4px 7px 5px 23px;
		text-decoration: none;
		font-weight: bold;
		border: 1px solid rgba(0, 0, 0, 0.7);
		border-radius: 7px 7px 0px 0px;
		color: #004987;
		background-color: #fff;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		cursor:default;
		border-bottom:1px solid #fff;
		background: transparent;
	}
	.tabnav {
		font-family: Arial;
		width:100%;
		font-size:11px;
		font-weight: bold;
		position:absolute;
		top:-23px;
		z-index:100;
		box-sizing:border-box;
		box-sizing:content-box;
		box-sizing:padding-box;
		-moz-box-sizing:border-box;
		-moz-box-sizing: content-box;
		-moz-box-sizing: padding-box;
		-webkit-box-sizing:border-box;  
		-webkit-box-sizing:content-box;  
		-webkit-box-sizing:padding-box; 	
		float: left;
		padding: 0;
		list-style-type: none;		
	}
	.tabnav li {
		float: left;
		border-color: 1px solid #595959;
	}
	.tabnav li a {
		display: block;
		padding: 4px 7px 5px 23px;
		text-decoration: none;
		font-weight: bold;
		border: 1px solid rgba(0, 0, 0, 0.7);
		border-radius: 7px 7px 0px 0px;
		color: #004987;
		background-color: #fff;
		cursor:default;
		background: transparent;
		height: 65px;
		border-bottom:hidden;
		box-shadow: 0px -10px 8px 0px rgba(0, 0, 0, 0.1) inset;
		-webkit-box-shadow: 0px -20px 4px 0px rgba(0, 0, 0, 0.1) inset;
		
	}
	.tabnav li a:hover {
		color: #000;
		background-color: #fff;
		border-bottom:1px solid rgba(0, 0, 0, 0.7);
		box-shadow: 0px 10px 8px 0px rgba(0, 0, 0, 0.1) inset;
		-webkit-box-shadow: 0px 10px 8px 0px rgba(0, 0, 0, 0.1) inset;
		border-bottom:1px solid #fff;
	}	
	.tabnav li a:active, .rownav li a:focus{
		color: #004987;
		background-color: #fff;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		cursor:default;
		border-bottom:1px solid #fff;
	}
	.img-view a {
		background: url('images/view-noactive.png')  no-repeat 5px center transparent;
	}	 	
	.img-view a:hover {
		background: url('images/view-active.png')  no-repeat 5px center transparent;
	}	 	
	.img-view a:active, .img-view a:focus {
		background: url('images/view-active.png')  no-repeat 5px center transparent;
	}	 	
 	
	.img-pinfo a {
		background: url('images/prodInfo-noactive.png')  no-repeat 5px center transparent;
	}	 	
	.img-pinfo a:hover {
		background: url('images/prodInfo-active.png')  no-repeat 5px center transparent;
	}	 	
	.img-pinfo a:active, .img-pinfo a:focus {
		background: url('images/prodInfo-active.png')  no-repeat 5px center transparent;
	} 	
	
	.img-land a {
		background: url('images/land-noactive.png')  no-repeat 5px center transparent;
	}	 	
	.img-land a:hover {
		background: url('images/land-active.png')  no-repeat 5px center transparent;
	}	 	
	.img-land a:active, .img-land a:focus {
		background: url('images/land-active.png')  no-repeat 5px center transparent;
	} 	
	
	.img-sample a {
		background: url('images/sample-noactive.png')  no-repeat 5px center transparent;
	}	 	
	.img-sample a:hover {
		background: url('images/sample-active.png')  no-repeat 5px center transparent;
	}	 	
	.img-sample a:active, .img-sample a:focus {
		background: url('images/sample-active.png')  no-repeat 5px center transparent;
	} 	
	
	.img-graphic a {
		background: url('images/graphic-noactive.png')  no-repeat 5px center transparent;
	}	 	
	.img-graphic a:hover {
		background: url('images/graphic-active.png')  no-repeat 5px center transparent;
	}	 	
	.img-graphic a:active, .img-graphic a:focus {
		background: url('images/graphic-active.png')  no-repeat 5px center transparent;
	} 	
	
	.img-sap a {
		background: url('images/sap-noactive.png')  no-repeat 5px center transparent;
	}	 	
	.img-sap a:hover {
		background: url('images/sap-active.png')  no-repeat 5px center transparent;
	}	 	
	.img-sap a:active, .img-sap a:focus {
		background: url('images/sap-active.png')  no-repeat 5px center transparent;
	}
	
	.img-linked a {
		background: url('images/sap-noactive.png')  no-repeat 5px center transparent;
	}	 	
	.img-linked a:hover {
		background: url('images/sap-active.png')  no-repeat 5px center transparent;
	}	 	
	.img-linked a:active, .img-sap a:focus {
		background: url('images/sap-active.png')  no-repeat 5px center transparent;
	}
	
	/*-------- active class for Tabs --------*/ 

	.bom_active {
		font-weight: bold;
		color: #004987;	
		padding: 4px 7px 4px 23px;	
		border: 1px solid #595959;
		background: url('images/view-active.png') no-repeat 5px center transparent;
		background-color: #fff;
		text-decoration: none;
		border-radius: 7px 7px 0px 0px;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		border-bottom:1px solid #fff;	
		cursor:default;
	}
	.cost_active {
		font-weight: bold;
		color: #004987;	
		padding: 4px 7px 4px 23px;	
		border: 1px solid #595959;
		background: url('images/view-active.png') no-repeat 5px center transparent;
		background-color: #fff;
		text-decoration: none;
		border-radius: 7px 7px 0px 0px;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		border-bottom:1px solid #fff;	
		cursor:default;
	}
	.details_active {
		font-weight: bold;
		color: #004987;	
		padding: 4px 7px 4px 23px;	
		border: 1px solid #595959;
		background: url('images/view-active.png') no-repeat 5px center transparent;
		background-color: #fff;
		text-decoration: none;
		border-radius: 7px 7px 0px 0px;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		border-bottom:1px solid #fff;	
		cursor:default;
	}
	.graphic_active {
		font-weight: bold;
		color: #004987;	
		padding: 4px 7px 4px 23px;	
		border: 1px solid #595959;
		background: url('images/graphic-active.png') no-repeat 5px center transparent;
		background-color: #fff;
		text-decoration: none;
		border-radius: 7px 7px 0px 0px;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		border-bottom:1px solid #fff;	
		cursor:default;
	}
	.info_active {
		font-weight: bold;
		color: #004987;	
		padding: 4px 7px 4px 23px;	
		border: 1px solid #595959;
		background: url('images/prodInfo-active.png') no-repeat 5px center transparent;
		background-color: #fff;
		text-decoration: none;
		border-radius: 7px 7px 0px 0px;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		border-bottom:1px solid #fff;	
		cursor:default;
	}
	.landedcost_active {
		font-weight: bold;
		color: #004987;	
		padding: 4px 7px 4px 23px;	
		border: 1px solid #595959;
		background: url('images/land-active.png') no-repeat 5px center transparent;
		background-color: #fff;
		text-decoration: none;
		border-radius: 7px 7px 0px 0px;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		border-bottom:1px solid #fff;	
		cursor:default;
	}
	.measurements_active {
		font-weight: bold;
		color: #004987;	
		padding: 4px 7px 4px 23px;	
		border: 1px solid #595959;
		background: url('images/view-active.png') no-repeat 5px center transparent;
		background-color: #fff;
		text-decoration: none;
		border-radius: 7px 7px 0px 0px;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		border-bottom:1px solid #fff;	
		cursor:default;
	}
	.sap_active {
		font-weight: bold;
		color: #004987;	
		padding: 4px 7px 4px 23px;	
		border: 1px solid #595959;
		background: url('images/sap-active.png') no-repeat 5px center transparent;
		background-color: #fff;
		text-decoration: none;
		border-radius: 7px 7px 0px 0px;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		border-bottom:1px solid #fff;	
		cursor:default;
	}
	.soi_active {
		font-weight: bold;
		color: #004987;	
		padding: 4px 7px 4px 23px;	
		border: 1px solid #595959;
		background: url('images/sample-active.png') no-repeat 5px center transparent;
		background-color: #fff;
		text-decoration: none;
		border-radius: 7px 7px 0px 0px;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		border-bottom:1px solid #fff;	
		cursor:default;
	}
	
	.linked_active {
		font-weight: bold;
		color: #004987;	
		padding: 4px 7px 4px 23px;	
		border: 1px solid #595959;
		background: url('images/sap-active.png') no-repeat 5px center transparent;
		background-color: #fff;
		text-decoration: none;
		border-radius: 7px 7px 0px 0px;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		border-bottom:1px solid #fff;	
		cursor:default;
	}
	.studio_active {
		font-weight: bold;
		color: #004987;	
		padding: 4px 7px 4px 23px;	
		border: 1px solid #595959;
		background: url('images/view-active.png') no-repeat 5px center transparent;
		background-color: #fff;
		text-decoration: none;
		border-radius: 7px 7px 0px 0px;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		border-bottom:1px solid #fff;	
		cursor:default;
	}
	/*-------- disable class for Tabs --------*/
	
	.bom_disable {
		font-weight: bold;
		color: rgba(0, 0, 0, 0.6);
		text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);	
		padding: 4px 7px 3px 23px;	
		border: 1px solid #595959;
		background: url('images/view-noactive.png') no-repeat 5px center transparent;
		background-color: #e6e6e6;
		text-decoration: none;
		border-radius: 7px 7px 0px 0px;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		cursor:default;
	}
	.cost_disable {
		font-weight: bold;
		color: rgba(0, 0, 0, 0.6);
		text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);	
		padding: 4px 7px 3px 23px;	
		border: 1px solid #595959;
		background: url('images/view-noactive.png') no-repeat 5px center transparent;
		background-color: #e6e6e6;
		text-decoration: none;
		border-radius: 7px 7px 0px 0px;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		cursor:default;
	}
	.details_disable {
		font-weight: bold;
		color: rgba(0, 0, 0, 0.6);
		text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);	
		padding: 4px 7px 3px 23px;	
		border: 1px solid #595959;
		background: url('images/view-noactive.png') no-repeat 5px center transparent;
		background-color: #e6e6e6;
		text-decoration: none;
		border-radius: 7px 7px 0px 0px;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		cursor:default;
	}
	.graphic_disable {
		font-weight: bold;
		color: rgba(0, 0, 0, 0.6);
		text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);	
		padding: 4px 7px 3px 23px;	
		border: 1px solid #595959;
		background: url('images/graphic-noactive.png') no-repeat 5px center transparent;		
		background-color: #e6e6e6;
		text-decoration: none;
		border-radius: 7px 7px 0px 0px;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		cursor:default;
	}
	.info_disable {
		font-weight: bold;
		color: rgba(0, 0, 0, 0.6);
		text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);	
		padding: 4px 7px 3px 23px;	
		border: 1px solid #595959;
		background: url('images/prodInfo-noactive.png') no-repeat 5px center transparent;
		background-color: #e6e6e6;
		text-decoration: none;
		border-radius: 7px 7px 0px 0px;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		cursor:default;
	}
	.landedcost_disable {
		font-weight: bold;
		color: rgba(0, 0, 0, 0.6);
		text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);	
		padding: 4px 7px 3px 23px;	
		border: 1px solid #595959;
		background: url('images/land-noactive.png') no-repeat 5px center transparent;		
		background-color: #e6e6e6;
		text-decoration: none;
		border-radius: 7px 7px 0px 0px;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		cursor:default;
	}
	.measurements_disable {
		font-weight: bold;
		color: rgba(0, 0, 0, 0.6);
		text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);	
		padding: 4px 7px 3px 23px;	
		border: 1px solid #595959;
		background: url('images/view-noactive.png') no-repeat 5px center transparent;
		background-color: #e6e6e6;
		text-decoration: none;
		border-radius: 7px 7px 0px 0px;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		cursor:default;
	}
	.sap_disable {
		font-weight: bold;
		color: rgba(0, 0, 0, 0.6);
		text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);	
		padding: 4px 7px 3px 23px;	
		border: 1px solid #595959;
		background: url('images/sap-noactive.png') no-repeat 5px center transparent;
		background-color: #e6e6e6;
		text-decoration: none;
		border-radius: 7px 7px 0px 0px;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		cursor:default;
	}
	.soi_disable {
		font-weight: bold;
		color: rgba(0, 0, 0, 0.6);
		text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);	
		padding: 4px 7px 3px 23px;	
		border: 1px solid #595959;
		background: url('images/sample-noactive.png') no-repeat 5px center transparent;
		background-color: #e6e6e6;
		text-decoration: none;
		border-radius: 7px 7px 0px 0px;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		cursor:default;
	} 
	.linked_disable {
		font-weight: bold;
		color: rgba(0, 0, 0, 0.6);
		text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);	
		padding: 4px 7px 3px 23px;	
		border: 1px solid #595959;
		background: url('images/sap-noactive.png') no-repeat 5px center transparent;
		background-color: #e6e6e6;
		text-decoration: none;
		border-radius: 7px 7px 0px 0px;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		cursor:default;
	}
	
/* ----- izbrisati "rowbottom" posle provere --------- */	
	.rowbottom {
		-moz-box-sizing: border-box;
		border: 1px solid #595959;
	    border-radius: 5px 5px 5px 5px;	    
		/*margin-left: -20px;*/		
	    /*margin-top: 15px;*/
	    margin-bottom: 11px; 
	    padding: 20px;
	    width:1200px;
	    font-size:12px;	    
	}

	.history_row {
		margin-top: 10px;
		padding: 0px;
		width:1240px;
		margin-bottom: 20px;
	}
	.row_title {
		background-color: #D9D9D9;
		border-bottom: 2px solid #BFBFBF;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		color: #004987;
		font-family: Arial;
		font-size: 12pt;
		font-weight: bold;
		height: 22px;
	 	line-height: 150%;
		text-align: left;
		text-indent: 12px;
		width: 100%;
	}
	.row_text {
		padding-top: 15px;
		padding-left: 15px;
	}
	
	
	.image_container{ 
		border: 1px solid #BFBFBF;
	    border-radius: 5px 5px 5px 5px;	
	}
/*------------------------------------------------*/			
	.inline-labels {
		display: inline-block;
		font-family: arial;
		font-size: 12px;
		font-weight: normal;
		/*text-align: right;*/
		margin-right:3px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box; 	
	}
	.inline-labels-ro {
		display: inline-block;
		font-family: arial;
		font-size: 12px;
		/*font-weight: bold;*/
		color: #004987;
		text-align: right;
		margin-right:3px;		
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box; 		
	}
	
	.inline-labels input {
		border-color: #999999;
		border-radius: 5px 5px 5px 5px;
		border-style: solid;
		border-width: 1px;
		box-shadow: -2px 2px 2px 2px rgba(0, 0, 0, 0.1) inset;
		-webkit-box-shadow: -2px 2px 2px 2px rgba(0, 0, 0, 0.1) inset;
		font-family: arial;
		font-size: 10pt;
		font-weight: bold;
		text-align: left;
		margin-top: 5px;
		height: 20px;
		width: 250px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box; 		
	}
	.nobold {
		font-weight:normal;
	}
	
	/* ------- increases the width of DIV depending on content ---------*/
	.wraper {
		display:inline-block; 
		margin: 0px auto 0px auto;
		text-align: left;
	}
	
	.tabletitle {
		font-family: Arial;
		font-size: 11px;
		font-weight: normal;
		color: #000;
		line-height: 150%;
		text-indent: 5px;
		text-align: left;
		line-height: 100%;
		white-space: nowrap;
		vertical-align: middle;	
		height: 23px;
		/*background-color: #d9d9d9;*/
		background: -moz-linear-gradient(center top , #efefef, #D7D7D7) repeat scroll 0 0 transparent;
		background: -webkit-linear-gradient(top,#efefef 0,#D7D7D7 100%);
		border-bottom: 1px solid #bfbfbf;		
		border-top: 1px solid #bfbfbf;
		/*padding-left: 10px;
		padding-right: 10px;*/
		box-sizing:border-box;
		-moz-box-sizing:border-box;	
		-webkit-box-sizing:border-box; 				
		}
		.sort-table th:first-child {
			border-left: none;
		}

/********************* Tables **************************/
/* line 48, ../sass/screen.scss */
		.table {
		font-family: arial;
		font-size: 12px;
		width: 100%;
		border: 1px solid #bfbfbf;
		border-right: 0px;
		border-left: 1px solid #bfbfbf;
		/*border-radius: 5px;*/
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box; 				
		/*text-align: center;*/
		border-collapse: separate;
}
/* line 57, ../sass/screen.scss */
		.table td {
		font-family: arial;
		/*text-align: left;*/
		color: black;
		border-right: 1px solid #bfbfbf;
		border-left: 0px solid #fff;
		padding-left: 10px;
		padding-right: 10px;
		padding-top:5px;
		text-align: left;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;					
		}
/* line 58, ../sass/screen.scss */
		.table td a {
		display:block;
		font-family: arial;
		font-size: 10px;
		text-decoration: none;
		text-align: left;
		text-indent: 12px;
		color: black;
		}
		.table td a:hover {
		display:block;
		font-family: arial;
		font-size: 10px;
		font-weight: bold;
		text-decoration: none;
		text-align: left;
		text-indent: 12px;
		color: #004987;
		}
/* line 75, ../sass/screen.scss 
		.table td :last-child {
		border-right: 0px;
		}
/* ----line 78, ../sass/screen.scss 
		.table td input[type='checkbox'] {
		border: 2px solid #bfbfbf;
		border-radius: 3px;
		height: 85px;
		}*/
/* ----line 84, ../sass/screen.scss 
		.table td input[type='text'] {
		width: 80px;
		height: 14px;
		border: 2px solid #bfbfbf;
		border-radius: 2px;
		font-size: 10px;
		font-family: arial;
		margin: 0.4%;
		float: left;
		}*/
/* ----line 94, ../sass/screen.scss 
		.table td .input-small {
		width: 20px;
		height: 14px;
		border: 2px solid #bfbfbf;
		border-radius: 2px;
		font-size: 10px;
		font-family: arial;
		float: right;
		margin: 0.4%;
		margin-right: 15px !important;
		}*/
/* line 105, ../sass/screen.scss */
/*---------------------------------------
	.table td button {
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFD2D2D2');
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTglIiBzdG9wLWNvbG9yPSJyZ2JhKDI0NywgMjQ3LCAyNDcsIDAuODgpIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2JhKDIxMCwgMjEwLCAyMTAsIDAuODgpIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(18%, rgba(247, 247, 247, 0.88)), color-stop(100%, rgba(210, 210, 210, 0.88)));
	background-image: -webkit-linear-gradient(top, #ffffff 0%, rgba(247, 247, 247, 0.88) 18%, rgba(210, 210, 210, 0.88) 100%);
	background-image: -moz-linear-gradient(top, #ffffff 0%, rgba(247, 247, 247, 0.88) 18%, rgba(210, 210, 210, 0.88) 100%);
	background-image: -o-linear-gradient(top, #ffffff 0%, rgba(247, 247, 247, 0.88) 18%, rgba(210, 210, 210, 0.88) 100%);
	background-image: linear-gradient(top, #ffffff 0%, rgba(247, 247, 247, 0.88) 18%, rgba(210, 210, 210, 0.88) 100%);
	width: 50px;
	height: 20px;
	border: 2px solid #bfbfbf;
	border-radius: 3px;
	font-family: arial;
	font-weight: bold;
	font-size: 9px;
	color: #004987;
	margin: 0.4%;
	float: left;
	}
*************************************************/
/* line 118, ../sass/screen.scss
.table td select {
float: left;
width: 85px;
height: 20px;
border: 2px solid #bfbfbf;
border-radius: 2px;
font-size: 10px;
font-family: arial;
margin: 0.4%;
} */
/* line 130, ../sass/screen.scss */

		.table th {
		font-family: Arial;
		font-size: 12px;
		font-weight: normal;
		color: #000;
		line-height: 150%;
		text-indent: 12px;
		text-align: left;
		text-indent: 0px;
		line-height: 100%;
		white-space: nowrap;
		height: 23px;
		/*box-shadow: 0px 3px 0 0px #EFEDED inset;*/
		/*background-color: #d9d9d9;*/
		background: -moz-linear-gradient(center top , #efefef, #D7D7D7) repeat scroll 0 0 transparent;
		background: -webkit-linear-gradient(top,#efefef 0,#D7D7D7 100%);
		border-bottom: 1px solid #bfbfbf;
		border-right: 1px solid #bfbfbf;
		border-left: 0px solid #fff;
		padding-left: 10px;
		padding-right: 10px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		}
		.table th:first-child {
			border-left: none;
		}
/* line 131, ../sass/screen.scss */
		.table th a {
		font-family: Arial;
		font-size: 12px;
		font-weight: bold;
		color: #004987;
		line-height: 150%;
		text-indent: 12px;
		text-decoration: none;
		}
/* line 150, ../sass/screen.scss */
		.table tbody tr:nth-of-type(2n) {
		  background-color: #f1f1f1;
		}
/* line 155, ../sass/screen.scss */
		.table thead {
		border-radius: 3px;
		}
		/*.table thead :first-child {
		border-left: none;*/
		}
		.table thead {
		border-right: 0;
		}
		.table th.last{
		border-right: 0;
		}
		
		.table td.last{
		border-right: 0;
		}
		

/********************* Tables table-for-jquery without odd even style **************************/
/* line 48, ../sass/screen.scss */
		.sort-table {
		font-family: arial;
		font-size: 11px;
		width: 100%;
		border: 1px solid #bfbfbf;
		border-right: 0px;
		border-left: 1px solid #bfbfbf;
		/*border-radius: 5px;*/
		box-sizing:border-box;
		-moz-box-sizing:border-box;	
		-webkit-box-sizing:border-box; 		
		/*text-align: center;*/
		border-collapse: separate;
}
/* line 57, ../sass/screen.scss */
		.sort-table td {
		font-family: arial;
		text-align: left;
		color: #000;
		border-right: 1px solid #bfbfbf;
		border-left: 0px solid #fff;
		/*padding-left: 10px;
		padding-top:5px;*/
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;		
		}
		.sort-table td div {
			margin-left: 10px;
			margin-right: 10px;
			margin-top: 3px;
			word-wrap: break-word;
		}
/* line 58, ../sass/screen.scss */
		.sort-table td a {
		display:block;
		font-family: arial;
		font-size: 11px;
		text-decoration: none;
		text-align: left;
		text-indent: 12px;
		color: black;
		}
		.sort-table td a:hover {
		display:block;
		font-family: arial;
		font-size: 11px;
		font-weight: normal;
		text-decoration: none;
		text-align: left;
		text-indent: 12px;
		color: #004987;
		}

		.sort-table th {
		font-family: Arial;
		font-size: 11px;
		font-weight: normal;
		color: #000;
		line-height: 150%;
		text-indent: 5px;
		text-align: left;
		line-height: 100%;
		white-space: nowrap;
		height: 23px;
		/*background-color: #d9d9d9;*/
		background: -moz-linear-gradient(center top , #efefef, #D7D7D7) repeat scroll 0 0 transparent;
		background: -webkit-linear-gradient(top,#efefef 0,#D7D7D7 100%);
		border-bottom: 1px solid #bfbfbf;
		border-right: 1px solid #bfbfbf;
		border-left: 0px solid #bfbfbf;
		/*padding-left: 10px;
		padding-right: 10px;*/
		box-sizing:border-box;
		-moz-box-sizing:border-box;	
		-webkit-box-sizing:border-box; 				
		}
		.sort-table th:first-child {
			border-left: none;
		}
/* line 131, ../sass/screen.scss */
		.sort-table th a {
		font-family: Arial;
		font-size: 11px;
		font-weight: bold;
		color: #004987;
		line-height: 150%;
		text-indent: 12px;
		text-decoration: none;
		}
/* line 150, ../sass/screen.scss */
		/*.tablen tbody tr:nth-of-type(2n) {
		  background-color: #f1f1f1;
		}*/
/* line 155, ../sass/screen.scss */
		/*.sort-table thead {
		border-radius: 3px;
		}*/
		/*.table thead :first-child {
		border-left: none;*/
		}
		.sort-table thead {
		border-right: 0;
		}
		.sort-table th.last{
		border-right: 0;
		}
		
		.sort-table td.last{
		border-right: 0;
		}
		
/*---------------------- Fix Table Header ------------------------*/

.fixed-table-container {
		border: 1px solid #BFBFBF;
		margin: 10px 0px 0px 0px;
		background-color: white;
		/* above is decorative or flexible */
		position: relative; /* could be absolute or relative */
		padding-top: 23px; /* height of header */
		box-sizing:border-box;
		-moz-box-sizing:border-box;	
		-webkit-box-sizing:border-box;
    }

    .fixed-table-container-inner {
		overflow-x: hidden;
		overflow-y: auto;
		height: 100%;
		box-sizing:border-box;
		-moz-box-sizing:border-box;	
		-webkit-box-sizing:border-box; 			
    }
     
    .header-background {
		background: -moz-linear-gradient(center top , #efefef, #D7D7D7) repeat scroll 0 0 transparent;
		background: -webkit-linear-gradient(top,#efefef 0,#D7D7D7 100%);
		border-bottom: 1px solid #bfbfbf;
		height: 23px; /* height of header */
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		-webkit-box-sizing:border-box;
    }
	
    .th-inner {
		position: absolute;
		top: 0;
		line-height: 23px; /* height of header */
		text-align: left;
		border-left: 1px solid  #BFBFBF;
		padding-left: 10px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;	
		-webkit-box-sizing:border-box; 			
		margin-left: -1px;
    }
    .first .th-inner {
        border-left: none;
        padding-left: 10px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;	
		-webkit-box-sizing:border-box; 			
      }
	
    .fixTable {
		width: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-box-sizing:border-box;
		}
	
		.fixTable tbody tr:nth-of-type(2n) {
		 background-color: #f1f1f1;
		 -webkit-box-sizing:border-box;
		}
	.fixTable td {
		font-family: arial;
		font-size:11px;
		text-align: left;
		color: #000;
		border-left: 1px solid #bfbfbf;
		max-width:120px;
		/*padding-left: 10px;
		padding-top:5px;*/
		box-sizing:border-box;
		-moz-box-sizing:border-box;	
		-webkit-box-sizing:border-box;
		}
		.fixTable td div {
			margin: 3px;
			word-wrap: break-word;
			max-width: 180px;
		}
		.fixTable td.last{
		border-right: 0px;
		}
	.bb {
		border-bottom:1px solid #bfbfbf;
		-webkit-box-sizing:border-box;
		
	}	
	
/*---------------------- end Fix Table Header ------------------------*/


/****************** GLOBAL PARAM **********************************/
.smtitle {
	color:#004987;
	font-weight: bold;
	margin-left:8px;
	margin-right:8px;
}

.tabtitle {
	background-color: #D9D9D9;
	border-bottom: 1px solid #BFBFBF;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #004987;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	/*height: 25px;*/
 	/*line-height: 150%;*/
	padding:2px 0px 2px 0px;
	text-align: left;
	text-indent: 12px;
	width: 700px;
	margin-top:-1px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
		
}
.tabtitleLegacy {
	background-color: #D9D9D9;
	border-bottom: 2px solid #BFBFBF;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #004987;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	/*height: 25px;*/
 	/*line-height: 150%;*/
	padding:2px 0px 2px 0px;
	text-align: left;
	text-indent: 12px;
	width: 700px;
	margin-top:-2px;
	margin-left:20px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;	
}
/*.div-frame{
	border:none;
	padding: 0px 20px 0px 20px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;	
}*/
.info {
	background: #f1f1f1 url(images/info.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 7px 15px;
	padding-left:45px;
	/*border-top: 2px solid #BFBFBF;
	border-bottom: 2px solid #BFBFBF;*/
	/*width: 92.5%;*/
	margin-bottom:10px;
	font-size: 12px;
	line-height: 2;
	color:#004987;
	border-radius: 5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.info-dark {
	background: #D9D9D9 url(images/info.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 7px 15px;
	padding-left:45px;
	/*border-top: 2px solid #BFBFBF;
	border-bottom: 2px solid #BFBFBF;*/
	/*width: 92.5%;*/
	margin-bottom:10px;
	font-size: 15px;
	font-weight:bold;
	/*line-height: 2;*/
	color:#004987;
	border-radius: 5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border: 1px solid #BFBFBF;
	border-radius:5px;
	width:100%;
}
.info-toggle {
	/*background: #f1f1f1 url(images/info.png) center no-repeat;*/
	background: #f1f1f1;
	/*background-position: 30px 50%;*/ /* x-pos y-pos */
	text-align: left;
	padding: 10px 15px;
	padding-left:45px;
	position:relative;
	/*border-top: 2px solid #BFBFBF;
	border-bottom: 2px solid #BFBFBF;*/
	/*width: 92.5%;*/
	margin-bottom:10px;
	font-size: 12px;
	line-height: 2;
	color:#004987;
	border-radius: 5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;	
}
.toggle {
	background: url(images/toggle_plus.png) center no-repeat;
	position:relative;
	width: 20px;
	height: 20px;
	cursor:pointer;
	float:left;
}

.toggle:hover {
    background: url(images/toggle_minus.png) center no-repeat;
}

.plus2 {
	background: url(images/toggle_plus.png) center no-repeat;
	position:relative;
	width: 20px;
	height: 20px;
	cursor:pointer;
	float:left;
	left:-10px;
	margin-right:-20px;
}
.minus2 {
	background: url(images/toggle_minus.png) center no-repeat;
	position:relative;
	width: 20px;
	height: 20px;
	cursor:pointer;
	float:left;
	left:-10px;
	margin-right:-20px;
}

.success {
	background: #f1f1f1 url(images/success.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 10px 15px;
	padding-left:45px;
	/*border-top: 2px solid #BFBFBF;
	border-bottom: 2px solid #BFBFBF;*/
	/*width: 92.5%;*/
	margin-bottom:10px;
	font-size: 12px;
	line-height: 1.5;
	color:#0d7801;
	border-radius: 5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;	
	}	
.error {
	background: #f1f1f1 url(images/error.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 10px 15px;
	padding-left:45px;
	/*border-top: 2px solid #BFBFBF;
	border-bottom: 2px solid #BFBFBF;*/
	/*width: 92.5%;*/
	margin-bottom:10px;
	font-size: 12px;
	line-height: 1.5;
	color:#e12d00;
	border-radius: 5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}	
.warning {
	background: #f1f1f1 url(images/warning.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 10px 15px;
	padding-left:45px;
	/*border-top: 2px solid #BFBFBF;
	border-bottom: 2px solid #BFBFBF;*/
	/*width: 92.5%;*/
	margin-bottom:10px;
	font-size: 12px;
	line-height: 1.5;
	color:#e12d00;
	border-radius: 5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;	
	}	
.debug {
	background: #f1f1f1 url(images/bug.gif) center no-repeat;
	background-position: 7px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 10px 15px;
	padding-left:45px;
	/*border-top: 2px solid #BFBFBF;
	border-bottom: 2px solid #BFBFBF;*/
	/*width: 92.5%;*/
	margin-bottom:10px;
	font-size: 12px;
	line-height: 1.5;
	color:#000;
	font-weight:bold;
	border-radius: 5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;	
	}	
.inlineStrip-left {
	background: #f1f1f1;
	text-align: left;
	padding: 7px 15px;
	/*border-top: 2px solid #BFBFBF;
	border-bottom: 2px solid #BFBFBF;*/
	/*width: 92.5%;*/
	font-size: 12px;
	line-height: 1.5;
	color:#004987;
	border-radius: 5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;	
}
.smallStrip-left {
	background: #f1f1f1;
	text-align: left;
	padding: 4px 15px;
	/*border-top: 2px solid #BFBFBF;
	border-bottom: 2px solid #BFBFBF;*/
	/*width: 92.5%;*/
	font-size: 12px;
	line-height: 1.5;
	color:#004987;
	border-radius: 5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;	
}
.inlineStrip-right {
	background: #f1f1f1;
	text-align: right;
	padding: 7px 15px;
	/*border-top: 2px solid #BFBFBF;
	border-bottom: 2px solid #BFBFBF;*/
	/*width: 92.5%;*/
	font-size: 12px;
	line-height: 1.5;
	color:#004987;
	border-radius: 5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;	
}
.inlineStrip-extend {
	background: #f1f1f1;
	position:absolute;
	border: 1px solid #BFBFBF;
	height: 50px;
	top:0px;
	z-index: 0;
	/*border-bottom: 2px solid #BFBFBF;*/
	border-radius: 5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.inlineStrip {
	background: #f1f1f1;
	padding: 7px 15px;
	/*border-top: 2px solid #BFBFBF;
	border-bottom: 2px solid #BFBFBF;*/
	/*width: 92.5%;*/
	font-size: 12px;
	line-height: 1.5;
	color:#004987;
	border-radius: 5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;	
}
.inlineStrip-dark {
	background: #D9D9D9;
	padding: 7px 15px;
	/*border-top: 2px solid #BFBFBF;
	border-bottom: 2px solid #BFBFBF;*/
	/*width: 92.5%;*/
	font-size: 12px;
	line-height: 1.5;
	color:#004987;
	border-radius: 5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;	
}
.smallStrip {
	background: #f1f1f1;
	color:#004987;
	font-weight:bold;
	line-height: 3.2;
	/*width:200px;
	height:40px;*/
	border: 1px solid #BFBFBF;
	border-radius: 5px;
	text-align:center;
}
.clear {
	clear: both;
}

.toggleStrip {
	background: #f1f1f1;
	padding: 5px;
	position:relative;
	/*border-top: 2px solid #BFBFBF;
	border-bottom: 2px solid #BFBFBF;*/
	/*width: 98.5%;*/
	border-radius: 5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.backgrey-100 {
	font-family: Arial. Tahoma, Sans-Serif;
	font-size:12px;
	/*width:97%; */
	/*float:left;*/ 
	margin:0px;
	/*margin-right:15px;*/ 
	padding: 10px 15px 0px 15px;
	height:100%;
	background: #f1f1f1;
	position:relative;	
	border-radius:5px; 
	border:none;
	box-sizing:border-box;
	box-sizing:content-box;
	box-sizing:padding-box;
	-moz-box-sizing:border-box;
	-moz-box-sizing: content-box;
	-moz-box-sizing: padding-box;
}
.column {
	font-family: Arial. Tahoma, Sans-Serif;
	font-size:12px;
	/*width:97%; */
	/*float:left;*/ 
	margin:0px;
	/*margin-right:15px;*/ 

	background: #f1f1f1;
	border-radius:5px; 
	border:none;
	box-sizing:border-box;
	box-sizing:content-box;
	box-sizing:padding-box;
	-moz-box-sizing:border-box;
	-moz-box-sizing: content-box;
	-moz-box-sizing: padding-box;
}
.sizing-3 {
	padding-left:3%; 
	padding-right:3%;
}
.sizing-5 {
	padding-left:5%; 
	padding-right:5%;
}
.sizing-10 {
	padding-left:10%; 
	padding-right:10%;
}
.sizing-15 {
	padding-left:15%; 
	padding-right:15%;
}
.sizing-20 {
	padding-left:20%; 
	padding-right:20%;
}
.sizing-25 {
	padding-left:25%; 
	padding-right:25%;
}

.backgrey-50 {
	font-family: Arial. Tahoma, Sans-Serif;
	font-size:12px;
	width: 49%;
	float: left;
	padding:10px 10px 0px 10px;
	height:100%; 
	background: #f1f1f1;
	margin-bottom: -99999px;
	padding-bottom: 99999px;
	border-radius:5px; 
	border:none;
	box-sizing:border-box;
	-moz-box-sizing:border-box;	
}
.backgreyHolder-50 {
	font-family: Arial. Tahoma, Sans-Serif;
	font-size:12px;
	width: 49%;
	float: left;
	/*padding:10px 10px 0px 10px;*/
	height:100%; 
	/*background: #f1f1f1;
	margin-bottom: -99999px;
	padding-bottom: 99999px;
	border-radius:5px;*/ 
	border:none;
	box-sizing:border-box;
	-moz-box-sizing:border-box;	
}
/*.nogrey-50 {
	font-family: Arial. Tahoma, Sans-Serif;
	font-size:12px;
	width: 49%;
	float: left;
	padding:10px 10px 0px 10px;
	height:100%; 
	background: #f1f1f1;
	margin-bottom: -99999px;
	padding-bottom: 99999px;
	border-radius:5px; 
	border:none;
	box-sizing:border-box;
	-moz-box-sizing:border-box;	
}*/

.generic {
	position:relative;
	width:252px;
	height:81px;
}

.columnflow { 
	overflow: hidden; 
	}
.nobackground {
	background:none;
}
.total {
	border-top:1px solid #BFBFBF;
	border-bottom:1px solid #BFBFBF;
	padding-top:5px;
	height:40px;
	left: -15px;
    position: relative;
    width: 325px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.total-noborder {
	padding-top:5px;
	height:40px;
	left: -15px;
    position: relative;
    width: 325px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.total input {
	border-color: #999;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1) inset;
	/*-webkit-appearance:none;*/
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	font-size: 12px;
	padding: 4px 4px 5px 5px;
	width: 121px;
	height:23px;
	margin: 2px 5px 5px 3px;
}
.total-noborder input {
	border-color: #999;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1) inset;
	/*-webkit-appearance:none;*/
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	font-size: 12px;
	padding: 4px 4px 5px 5px;
	width: 121px;
	height:23px;
	margin: 2px 5px 5px 3px;
}
.total-dark {
	background: #d9d9d9;
	padding-top:5px;
	margin-bottom:5px;
	height:70px;
	left: -15px;
    position: relative;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
    width: 325px;
}
.total-dark input {
	border-color: #999;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1) inset;
	
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	font-size: 12px;
	padding: 4px 4px 5px 5px;
	width: 121px;
	height:23px;
	margin: 2px 5px 5px 3px;
}
/*-------------- izbaciti posle provere -----*/
.backgrey-51 {
	font-family: Arial. Tahoma, Sans-Serif;
	font-size:12px;
	width:46%; 
	float:left; 
	margin-left:15px;
	padding: 10px 20px 20px 20px;
	height:100%; 
	background: #f1f1f1;
	border-radius:5px; 
	border:none;
	box-sizing:border-box;
	-moz-box-sizing:border-box;	
}
.clickable {
	color:#004987;
	text-decoration:none;
	cursor: pointer;
}
/*-------------- buttons -----*/

.btn {
	display: inline-block;
	padding:2px 15px 3px 15px;
	font-size:12px;
	font-weight:bold;
    background: -moz-linear-gradient(center top , #FFFFFF, #B9B9B9) repeat scroll 0 0 transparent;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #B9B9B9));
    border: 1px solid rgba(0, 0, 0, 0.5);
    color: rgba(0, 0, 0, 0.9);
	border-radius: 5px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
	margin-right: 5px;
	
}
.btn:hover {
    background: none repeat scroll 0 0 #F0F0F0;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
}
.btn:active, button:focus {
    background: -moz-linear-gradient(center bottom , #FFFFFF, #B9B9B9) repeat scroll 0 0 transparent;
}
.btn:disabled {
    background: none repeat scroll 0 0 #DCDCDC;
    color: rgba(0, 0, 0, 0.4);
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	cursor:default;
}

/* ---------------- small buttons ------------------*/
.btnsmall {
	display: inline-block;
	padding:2px 7px 3px 7px;
	font-size:11px;
	font-weight:bold;
    background: -moz-linear-gradient(center top , #FFFFFF, #B9B9B9) repeat scroll 0 0 transparent;
    border: 1px solid rgba(0, 0, 0, 0.5);
    color: rgba(0, 0, 0, 0.9);
	border-radius: 5px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
	/*margin-right: 5px;*/
}
.btnsmall:hover {
	color: #004987;
    background: none repeat scroll 0 0 #F0F0F0;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
}
.btnsmall:active, button:focus {
    background: -moz-linear-gradient(center bottom , #FFFFFF, #B9B9B9) repeat scroll 0 0 transparent;
}
.btnsmall:disabled {
    background: none repeat scroll 0 0 #DCDCDC;
    color: rgba(0, 0, 0, 0.4);
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	cursor:default;
}

/*----------- button for makis grid -------------------*/
.btn-fixedgrid {
	display: inline-block;
	padding:1px 15px 1px 15px;
	font-size:11px;
	font-weight:bold;
    background: -moz-linear-gradient(center top , #FFFFFF, #B9B9B9) repeat scroll 0 0 transparent;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #B9B9B9));
    border: 1px solid rgba(0, 0, 0, 0.5);
    color: rgba(0, 0, 0, 0.9);
	border-radius: 5px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
	margin-right: 5px;
	
}
.btn-fixedgrid:hover {
    background: none repeat scroll 0 0 #F0F0F0;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
}
.btn-fixedgrid:active, button:focus {
    background: -moz-linear-gradient(center bottom , #FFFFFF, #B9B9B9) repeat scroll 0 0 transparent;
}
.btn-fixedgrid:disabled {
    background: none repeat scroll 0 0 #DCDCDC;
    color: rgba(0, 0, 0, 0.4);
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	cursor:default;
}

/*----------- button for uploader (not in use) -------------------*/

.btn-upload {
	display: inline-block;
	padding:6px 15px 3px 30px;
	font-size:12px;
	font-weight:bold;
    border: 1px solid rgba(0, 0, 0, 0.5);
    color: rgba(0, 0, 0, 1);
	border-radius: 5px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
	margin-right: 5px;
}
.add {
	background: url('images/add-upload.png')  no-repeat 10px center transparent;
}	
.add:hover {
    background: url('images/add-upload_hover.png')  no-repeat 10px center transparent;
	box-shadow: 0px 0px 2px rgba(0,148,70,0.8);
	-moz-box-shadow: 0px 0px 2px rgba(0,148,70,0.8);
	-webkit-box-shadow: 0px 0px 2px rgba(0,148,70,0.8);
	border: 1px solid rgba(0,148,70,1);
	color: rgba(0, 88, 38, 1);
	cursor:pointer;
}
.upload {
	background: url('images/upload.png')  no-repeat 10px center transparent;
}	
.upload:hover {
    background: url('images/upload_hover.png')  no-repeat 10px center transparent;
	box-shadow: 0px 0px 2px rgba(0,73,135,0.8);
	-moz-box-shadow: 0px 0px 2px rgba(0,73,135,0.8);
	-webkit-box-shadow: 0px 0px 2px rgba(0,73,135,0.8);
	border: 1px solid rgba(0,73,135,1);
	color: rgba(0, 73, 135, 1);
	cursor:pointer;
}
.rem-upload {
	background: url('images/rem-upload.png')  no-repeat 10px center transparent;
}	
.rem-upload:hover {
    background: url('images/rem-upload_hover.png')  no-repeat 10px center transparent;
	box-shadow: 0px 0px 2px rgba(240,180,0,0.8);
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	border: 1px solid rgba(240,180,0,1);
	color: rgba(140,80,0,1);
	cursor:pointer;
}
.close-upload {
	background: url('images/close-upload.png')  no-repeat 10px center transparent;
}	
.close-upload:hover {
    background: url('images/close-upload_hover.png')  no-repeat 10px center transparent;
	box-shadow: 0px 0px 2px rgba(210,0,0,0.8);
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	border: 1px solid rgba(210,0,0,1);
	color: rgba(85,50,0,1);
	cursor:pointer;
}
.apply {
	background: url('images/apply.png')  no-repeat 10px center transparent;
}	
.apply:hover {
    background: url('images/apply_hover.png')  no-repeat 10px center transparent;
	box-shadow: 0px 0px 2px rgba(0,73,135,0.8);
	-moz-box-shadow: 0px 0px 2px rgba(0,73,135,0.8);
	-webkit-box-shadow: 0px 0px 2px rgba(0,73,135,0.8);
	border: 1px solid rgba(0,73,135,1);
	color: rgba(0, 73, 135, 1);
	cursor:pointer;
}

.btn-delete {
	display: inline-block;
	padding:6px 15px 3px 30px;
	font-size:12px;
	font-weight:bold;
    border: 1px solid rgba(0, 0, 0, 0.5);
    color: rgba(0, 0, 0, 1);
	border-radius: 5px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
	margin-right: 5px;
}

.btn-delete {
	background: url('images/delete.png')  no-repeat 10px center transparent;
}	
.btn-delete:hover {
    background: url('images/delete_hover.png')  no-repeat 10px center transparent;
	box-shadow: 0px 0px 2px rgba(210,0,0,0.8);
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	border: 1px solid rgba(210,0,0,1);
	color: rgba(85,50,0,1);
	cursor:pointer;
}

/*------------------ end for uploader ----------------------*/

/*----------------- upload graphic page ---------------------*/
.imgupload {
	width:380px;
	height:180px;
	float:left;
}

.imagePrevBox {
	background:#fff;
	width:140px;
	height:140px;
	border: 1px solid #ededed inset;
	overflow-y: hidden;
	float:left;
	box-sizing:border-box;
	box-sizing:content-box;
	box-sizing:padding-box;
	-moz-box-sizing:border-box;
	-moz-box-sizing: content-box;
	-moz-box-sizing: padding-box;
	/*BFBFBF*/

}

/*----------------- end upload graphic page ---------------------*/
.arrowLeft {
	display: inline-block;
	padding:0px;
	width:20px;
	height:20px;
	border:none;
	background:url(images/arrowLeft.png) 0 0 no-repeat;
}
.arrowLeft:hover {
	background-position: 0px -20px;
	cursor:pointer;
}
.arrowLeft:active arrowLeft:focus {
    background-position: 0px -20px;
}
.arrowRight {
	display: inline-block;
	padding:0px;
	width:20px;
	height:20px;
	border:none;
	background:url(images/arrowRight.png) 0 0 no-repeat;
}
.arrowRight:hover {
	background-position: 0px -20px;
	cursor:pointer;
}
.arrowRight:active arrowRight:focus {
    background-position: 0px -20px;
}


/*------- proveriti ------------------*/
.blockinput {
    display: inline-block;
    line-height: 18px;
	padding:0px;
	/*float:right;*/
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.blockinput-left {
    display: block;
	margin:0px;
	padding:0px;
	float:left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.blockinput-mb {
    display: inline-block;
    line-height: 18px;
	padding:0px;
	float:right;
	margin-bottom: 44px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.blockinput-mr125 {
    display: inline-block;
    line-height: 18px;
	padding:0px;
	float:right;
	margin-right:125px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
/*------- proveriti ------------------*/

/*-------- global width in px -------*/
.width-10px {
	width: 10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-15px {
	width: 15px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-20px {
	width: 20px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-25px {
	width: 25px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-30px {
	width: 30px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-35px {
	width: 35px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-40px {
	width: 40px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-45px {
	width: 45px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-50px {
	width: 50px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-55px {
	width: 55px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-60px {
	width: 60px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-61px {
	width: 61px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-65px {
	width: 65px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-70px {
	width: 70px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-75px {
	width: 75px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-80px {
	width: 80px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-82px {
	width: 82px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-85px {
	width: 85px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-90px {
	width: 90px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-100px {
	width: 100px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-105px {
	width: 105px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-110px {
	width: 110px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-115px {
	width: 115px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-120px {
	width: 120px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-125px {
	width: 125px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-130px {
	width: 130px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-135px {
	width: 135px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-140px {
	width: 140px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-145px {
	width: 145px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-150px {
	width: 150px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-155px {
	width: 155px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-160px {
	width: 160px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-165px {
	width: 165px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-170px {
	width: 170px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-175px {
	width: 175px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-180px {
	width: 180px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-190px {
	width: 190px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-200px {
	width: 200px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-210px {
	width: 210px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-225px {
	width: 225px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-235px {
	width: 235px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-245px {
	width: 245px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-250px {
	width: 250px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-255px {
	width: 255px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-260px {
	width: 260px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-265px {
	width: 265px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-270px {
	width: 270px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-275px {
	width: 275px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-285px {
	width: 285px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-290px {
	width: 290px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-300px {
	width: 300px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-305px {
	width: 305px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-310px {
	width: 310px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-315px {
	width: 315px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-320px {
	width: 320px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-350px {
	width: 350px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-400px {
	width: 400px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-450px {
	width: 450px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-460px {
	width: 460px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-500px {
	width: 500px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-550px {
	width: 550px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-600px {
	width: 600px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-700px {
	width: 700px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-750px {
	width: 750px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-800px {
	width: 800px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-830px {
	width: 830px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-840px {
	width: 840px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-850px {
	width: 850px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-890px {
	width: 890px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-900px {
	width: 900px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-930px {
	width: 930px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-1000px {
	width: 1000px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-1100px {
	width: 1100px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-1110px {
	width: 1110px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-1120px {
	width: 1120px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-1130px {
	width: 1130px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-1160px {
	width: 1160px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-1180px {
	width: 1180px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-1200px {
	width: 1200px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-1300px {
	width: 1300px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-1310px {
	width: 1310px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-1315px {
	width: 1315px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-1320px {
	width: 1320px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-1325px {
	width: 1325px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-1350px {
	width: 1350px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-1370px {
	width: 1370px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-1375px {
	width: 1375px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-1380px {
	width: 1380px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-1390px {
	width: 1390px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-1400px {
	width: 1400px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-1500px {
	width: 1500px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-1570px {
	width: 1570px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-1590px {
	width: 1590px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-1600px {
	width: 1600px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-1620px {
	width: 1620px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-1640px {
	width: 1640px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.width-1700px {
	width: 1700px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

/*-------- global width in % -------*/
/*.width-50 {
	width: 50px;
}
.width-75 {
	width: 75px;
}
.width-90 {
	width: 90px;
}
.width-100 {
	width: 100px;
}
.width-125 {
	width: 125px;
}
.width-135 {
	width: 135px;
}
.width-150 {
	width: 150px;
}
.width-175 {
	width: 175px;
}
.width-190 {
	width: 190px;
}
.width-200 {
	width: 200px;
}
.width-225 {
	width: 225px;
}
.width-235 {
	width: 235px;
}
.width-250 {
	width: 250px;
}
.width-275 {
	width: 275px;
}
.width-290 {
	width: 290px;
}
.width-300 {
	width: 300px;
}*/
/*-------- global height in px -------*/

.height-5px {
	height: 5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-10px {
	height: 10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-15px {
	height: 15px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-20px {
	height: 20px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-25px {
	height: 25px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-27px {
	height: 27px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-30px {
	height: 30px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-50px {
	height: 50px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-55px {
	height: 55px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-75px {
	height: 75px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-80px {
	height: 80px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-85px {
	height: 85px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-90px {
	height: 90px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-100px {
	height: 100px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-110px {
	height: 110px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-115px {
	height: 115px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-120px {
	height: 120px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-125px {
	height: 125px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-130px {
	height: 130px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-135px {
	height: 135px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-136px {
	height: 136px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-137px {
	height: 137px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-138px {
	height: 138px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-139px {
	height: 139px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-140px {
	height: 140px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-145px {
	height: 145px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-150px {
	height: 150px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-155px {
	height: 155px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-160px {
	height: 160px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-170px {
	height: 170px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-175px {
	height: 175px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-180px {
	height: 180px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-185px {
	height: 185px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-190px {
	height: 190px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-200px {
	height: 200px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-225px {
	height: 225px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-230px {
	height: 230px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-235px {
	height: 235px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-250px {
	height: 250px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-260px {
	height: 260px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-275px {
	height: 275px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-290px {
	height: 290px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-300px {
	height: 300px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-310px {
	height: 310px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-320px {
	height: 320px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-330px {
	height: 330px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-340px {
	height: 340px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-350px {
	height: 350px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-360px {
	height: 360px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-370px {
	height: 370px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-380px {
	height: 380px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-385px {
	height: 385px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-390px {
	height: 390px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-395px {
	height: 395px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-400px {
	height: 400px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-410px {
	height: 410px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-420px {
	height: 420px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-430px {
	height: 430px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-440px {
	height: 440px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-450px {
	height: 450px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-475px {
	height: 475px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-500px {
	height: 500px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-525px {
	height: 525px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-550px {
	height: 550px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-560px {
	height: 560px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-570px {
	height: 570px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-580px {
	height: 580px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-590px {
	height: 590px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-600px {
	height: 600px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-650px {
	height: 650px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-700px {
	height: 700px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-750px {
	height: 750px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-800px {
	height: 800px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-850px {
	height: 850px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-900px {
	height: 900px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-1000px {
	height: 1000px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-1500px {
	height: 1500px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.height-50 {
	height: 50%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.nowrap {
	white-space:nowrap;
}

/***** MILAN PARAM *****/
	.width-5 {
		width:5%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-10 {
		width:10%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-11 {
		width:11%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-12 {
		width:12%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}	
	.width-15 {
		width:15%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-16 {
		width:16%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-17 {
		width:17%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-18 {
		width:18%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-19 {
		width:19%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-20 {
		width:20%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;	
	}
	.width-23 {
		width: 23%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-24 {
		width: 24%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-25 {
		width: 25%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-26 {
		width: 26%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-27 {
		width: 27%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-28 {
		width: 28%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-29 {
		width: 29%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-30 {
		width: 30%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	}
	.width-31 {
		width: 31%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	}
	.width-32 {
		width: 32%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	}
	.width-33 {
		width: 33%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-34 {
		width: 34%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-35 {
		width: 35%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-36 {
		width: 36%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-37 {
		width: 37%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-38 {
		width: 38%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-39 {
		width: 39%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-40 {
		width: 40%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-41 {
		width: 41%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-42 {
		width: 42%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-43 {
		width: 43%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-44 {
		width: 44%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-45 {
		width: 45%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-46 {
		width: 46%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-47 {
		width: 47%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-48 {
		width: 48%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-49 {
		width: 49%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-50 {
		width: 50%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-52 {
		width: 52%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-55 {
		width: 55%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-56 {
		width: 56%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-57 {
		width: 57%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-58 {
		width: 58%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-59 {
		width: 59%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-60 {
		width: 60%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-62 {
		width: 62%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-64 {
		width: 64%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-65 {
		width: 65%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-66 {
		width: 66%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-67 {
		width: 67%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-68 {
		width: 68%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-69 {
		width: 69%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-70 {
		width: 70%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-71 {
		width: 71%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-72 {
		width: 72%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-75 {
		width: 75%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-80 {
		width: 80%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-90 {
		width: 90%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-95 {
		width: 95%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-98 {
		width: 98%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.width-100 {
		width: 100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	}
	.float-left {
		float: left;
	
	}
	.float-right {
		float: right;	
	}
	.center {
		font-weight:bold;
		text-align: center !important;
	}
	/*.column {
	margin-right: 1%;
	}*/
/*--------- margin top --------*/
	.margin-top--5 {
		margin-top: -5px;
	}
	.margin-top--10 {
		margin-top: -10px;
	}
	.margin-top--15 {
		margin-top: -15px;
	}
	.margin-top--20 {
		margin-top: -20px;
	}
	.margin-top--25 {
		margin-top: -25px;
	}
	.margin-top--35 {
		margin-top: -35px;
	}
	.margin-top-0 {
		margin-top: 0px;
	}	
	.margin-top-1 {
		margin-top: 1px;
	}
	.margin-top-2 {
		margin-top: 2px;
	}
	.margin-top-3 {
		margin-top: 3px;
	}
	.margin-top-5 {
		margin-top: 5px;
	}
	.margin-top-8 {
		margin-top: 8px;
	}
	.margin-top-10 {
		margin-top: 10px;
	}
	.margin-top-11 {
		margin-top: 11px;
	}
	.margin-top-12 {
		margin-top: 12px;
	}
	.margin-top-15 {
		margin-top: 15px;
	}
	.margin-top-20 {
		margin-top: 20px;
	}
	.margin-top-30 {
		margin-top: 30px;
	}
	.margin-top-35 {
		margin-top: 35px;
	}
	.margin-top-40 {
		margin-top: 40px;
	}
	.margin-top-50 {
		margin-top: 50px;
	}
	.margin-top-55 {
		margin-top: 55px;
	}
	.margin-top-60 {
		margin-top: 60px;
	}
	.margin-top-70 {
		margin-top: 70px;
	}
	.margin-top-80 {
		margin-top: 80px;
	}
	
	.margin-top-90 {
		margin-top: 90px;
	}
	.margin-top-100 {
		margin-top: 100px;
	}
	.margin-top-110 {
		margin-top: 110px;
	}
	.margin-top-120 {
		margin-top: 120px;
	}
	.margin-top-130 {
		margin-top: 130px;
	}
	.margin-top-140 {
		margin-top: 140px;
	}
	.margin-top-150 {
		margin-top: 150px;
	}
	.margin-top-160 {
		margin-top: 160px;
	}
	.margin-top-165 {
		margin-top: 165px;
	}
	.margin-top-170 {
		margin-top: 170px;
	}
	.margin-top-175 {
		margin-top: 175px;
	}
	.margin-top-180 {
		margin-top: 180px;
	}
	.margin-top-185 {
		margin-top: 185px;
	}
	.margin-top-190 {
		margin-top: 190px;
	}
	.margin-top-195 {
		margin-top: 195px;
	}
	.margin-top-200 {
		margin-top: 200px;
	}
	.margin-top-205 {
		margin-top: 205px;
	}
	.margin-top-210 {
		margin-top: 210px;
	}
	.margin-top-215 {
		margin-top: 215px;
	}
	}
	.margin-top-220 {
		margin-top: 220px;
	}
	}
	.margin-top-230 {
		margin-top: 230px;
	}
	}
	.margin-top-240 {
		margin-top: 240px;
	}
	}
	.margin-top-250 {
		margin-top: 250px;
	}
	}
	.margin-top-255 {
		margin-top: 255px;
	}
	.margin-top-260 {
		margin-top: 260px;
	}
/*--------- margin left --------*/	
	.margin-left-min15 {
		margin-left: -15px;
	}
	.margin-left-min10 {
		margin-left: -10px;
	}
	.margin-left-min8 {
		margin-left: -8px;
	}
	.margin-left-min5 {
		margin-left: -5px;
	}
	.margin-left-0 {
		margin-left: 0px;
	}	
	.margin-left-5 {
		margin-left: 5px;
	}
	.margin-left-8 {
		margin-left: 8px;
	}
	.margin-left-10 {
		margin-left: 10px;
	}
	.margin-left-15 {
		margin-left: 15px;
	}
	.margin-left-20 {
		margin-left: 20px;
	}
	.margin-left-30 {
		margin-left: 30px;
	}
	.margin-left-40 {
		margin-left: 40px;
	}
	.margin-left-50 {
		margin-left: 50px;
	}
	.margin-left-60 {
		margin-left: 60px;
	}
	.margin-left-70 {
		margin-left: 70px;
	}
	.margin-left-80 {
		margin-left: 80px;
	}
	.margin-left-90 {
		margin-left: 90px;
	}
	.margin-left-100 {
		margin-left: 100px;
	}
	.margin-auto {
		margin: 0px auto;
	}
	
/* padding left*/
	.padding-5 {
		padding: 5px;
	}
	.padding-left-0 {
		padding-left: 0px;
	}
	.padding-left-5 {
		padding-left: 5px;
	}
	.padding-left-7 {
		padding-left: 7px;
	}
	.padding-left-10 {
		padding-left: 10px;
	}
	.padding-left-15 {
		padding-left: 15px;
	}
	.padding-left-20 {
		padding-left: 20px;
	}
	.padding-left-25 {
		padding-left: 25px;
	}
	.padding-left-30 {
		padding-left: 30px;
	}
	.padding-left-35 {
		padding-left: 35px;
	}
	.padding-left-40 {
		padding-left: 40px;
	}
	.padding-left-45 {
		padding-left: 45px;
	}
	.padding-left-50 {
		padding-left: 50px;
	}
	
/* padding right*/

	.padding-right-0 {
		padding-right: 0px;
	}
	.padding-right-5 {
		padding-right: 5px;
	}
	.padding-right-10 {
		padding-right: 10px;
	}
	.padding-right-15 {
		padding-right: 15px;
	}
	.padding-right-20 {
		padding-right: 20px;
	}
	.padding-right-25 {
		padding-right: 25px;
	}
	.padding-right-30 {
		padding-right: 30px;
	}
	.padding-right-35 {
		padding-right: 35px;
	}
	.padding-right-40 {
		padding-right: 40px;
	}
	.padding-right-45 {
		padding-right: 45px;
	}
	.padding-right-50 {
		padding-right: 50px;
	}
/* padding top*/

	.padding-top-0 {
		padding-top: 0px;
	}
	.padding-top-2 {
		padding-top: 2px;
	}
	.padding-top-5 {
		padding-top: 5px;
	}
	.padding-top-10 {
		padding-top: 10px;
	}
	.padding-top-15 {
		padding-top: 15px;
	}
	.padding-top-20 {
		padding-top: 20px;
	}
	.padding-top-25 {
		padding-top: 25px;
	}
	.padding-top-30 {
		padding-top: 30px;
	}
	.padding-top-35 {
		padding-top: 35px;
	}
	.padding-top-40 {
		padding-top: 40px;
	}
	.padding-top-45 {
		padding-top: 45px;
	}
	.padding-top-50 {
		padding-top: 50px;
	}
/* padding bottom*/

	.padding-bottom-0 {
		padding-bottom: 0px;
	}
	.padding-bottom-2 {
		padding-bottom: 2px;
	}
	.padding-bottom-5 {
		padding-bottom: 5px;
	}
	.padding-bottom-10 {
		padding-bottom: 10px;
	}
	.padding-bottom-15 {
		padding-bottom: 15px;
	}
	.padding-bottom-16 {
		padding-bottom: 16px;
	}
	.padding-bottom-17 {
		padding-bottom: 17px;
	}
	.padding-bottom-18 {
		padding-bottom: 18px;
	}
	.padding-bottom-19 {
		padding-bottom: 19px;
	}
	.padding-bottom-20 {
		padding-bottom: 20px;
	}
	.padding-bottom-25 {
		padding-bottom: 25px;
	}
	.padding-bottom-30 {
		padding-bottom: 30px;
	}
	.padding-bottom-35 {
		padding-bottom: 35px;
	}
	.padding-bottom-40 {
		padding-bottom: 40px;
	}
	.padding-bottom-45 {
		padding-bottom: 45px;
	}
	.padding-bottom-50 {
		padding-bottom: 50px;
	}
	.padding-bottom-75 {
		padding-bottom: 75px;
	}
	.padding-bottom-100 {
		padding-bottom: 100px;
	}
	.padding-bottom-150 {
		padding-bottom: 150px;
	}
	.padding-bottom-200 {
		padding-bottom: 200px;
	}
/*--------- margin right --------*/	
	.margin-right--25 {
		margin-right:-25px;
	}
	
	.margin-right--20 {
		margin-right:-20px;
	}
	
	.margin-right--15 {
		margin-right:-15px;
	}
	
	.margin-right-0 {
		margin-right:0px;
	}	
	.margin-right-5 {
		margin-right:5px;
	}
	.margin-right-10 {
		margin-right:10px;
	}
	.margin-right-11 {
		margin-right:11px;
	}
	.margin-right-12 {
		margin-right:12px;
	}
	.margin-right-13 {
		margin-right:13px;
	}
	.margin-right-14 {
		margin-right:14px;
	}
	.margin-right-15 {
		margin-right:15px;
	}
	.margin-right-16 {
		margin-right:16px;
	}
	.margin-right-17 {
		margin-right:17px;
	}
	.margin-right-18 {
		margin-right:18px;
	}
	.margin-right-19 {
		margin-right:19px;
	}
	.margin-right-20 {
		margin-right:20px;
	}
	.margin-right-30 {
		margin-right:30px;
	}
	.margin-right-40 {
		margin-right:40px;
	}
	.margin-right-50 {
		margin-right:50px;
	}
	.margin-right-60 {
		margin-right:60px;
	}
	.margin-right-70 {
		margin-right:70px;
	}
	.margin-right-100 {
		margin-right:100px;
	}
	.margin-right-200 {
		margin-right:200px;
	}
	.margin-right-250 {
		margin-right:250px;
	}
/*-------- margin bottom --------*/
	.margin-bottom--20 {
		margin-bottom:-20px;
	}
	.margin-bottom--15 {
		margin-bottom:-15px;
	}
	.margin-bottom--10 {
		margin-bottom:-10px;
	}
	.margin-bottom--5 {
		margin-bottom:-5px;
	}
	.margin-bottom--3 {
		margin-bottom:-3px;
	}
	.margin-bottom-3 {
		margin-bottom:3px;
	}
	.margin-bottom-5 {
		margin-bottom:5px;
	}
	.margin-bottom-10 {
		margin-bottom:10px;
	}
	.margin-bottom-11 {
		margin-bottom:11px;
	}
	.margin-bottom-12 {
		margin-bottom:12px;
	}
	.margin-bottom-15 {
		margin-bottom:15px;
	}
	.margin-bottom-20 {
		margin-bottom:20px;
	}
	.margin-bottom-25 {
		margin-bottom:25px;
	}
	.margin-bottom-30 {
		margin-bottom:30px;
	}
	.margin-bottom-35 {
		margin-bottom:35px;
	}
	.margin-bottom-40 {
		margin-bottom:40px;
	}
	.margin-bottom-45 {
		margin-bottom:45px;
	}
	.margin-bottom-50 {
		margin-bottom:50px;
	}
	.margin-bottom-55 {
		margin-bottom:55px;
	}
/*--------- margin right % --------*/		
	.margin-right-1p {
		margin-right:1%;
	}
	.margin-right-1-5p {
		margin-right:1.5%;
	}
	.margin-right-2p {
		margin-right:2%;
	}
	.margin-right-2-5p {
		margin-right:2.5%;
	}

	.margin-0 {
		display:block;
	    margin: 0px -15px 0px 0px;	
		margin-top:16px;
		text-align:center;
		
	}

/*--------- positioning --------*/
	.inherit {
		position:inherit;
	}
	.absolute {
		position:absolute;
	}
	.relative {
		position:relative;
	}
	.fixed {
		position:fixed;
	}

/***** end of MILAN PARAM *****/
		
/****************** end of GLOBAL PARAM ***************************/

/******************* for LEGACY **********************/

.col-1 {
	font-family: Arial. Tahoma, Sans-Serif;
	font-size:12px;
	/*width:46%;*/ 
	float:left; 
	/*margin:0px;*/
	/*margin-right:15px;*/ 
	padding: 10px 20px 20px 20px;
	/*height:100%;*/ 
	background: #f1f1f1;
	border-radius:5px; 
	border:none;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
}
.col-2 {
	font-family: Arial. Tahoma, Sans-Serif;
	font-size:12px;
	/*width:46%;*/ 
	float:left; 
	/*margin:0px;*/
	padding: 10px 20px 20px 20px;
	/*height:100%;*/ 
	background: #f1f1f1;
	border-radius:5px; 
	border:none;
	box-sizing:border-box;
	-moz-box-sizing:border-box;	
}
.label {
    display: block;
    line-height: 18px;
	padding: 5px 5px 0 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;	
}
.label-left {
	display:block;
	padding-bottom:0px;
	margin-bottom:0px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;	
}

span.required {
    color: #FF0000;
}

span.saprequired {
    color: #0000FF;
}

span.bold {
	font-weight:bold;
}

.bold {
	font-weight:bold;
}

select:disabled {
	background:#F1F1F1;
	box-shadow: none;
	-webkit-box-shadow: none;
	color:#000;	
}
input:disabled {
	background:transparent;
	box-shadow: none;
	-webkit-box-shadow: none;
	color:#000;
}
textarea:disabled {
	background:transparent;
	box-shadow: none;
	-webkit-box-shadow: none;	
	color:#000;
}
input:readonly {
	background:transparent;
	box-shadow: none;
	-webkit-box-shadow: none;	
	color:#000;
}
input:readonlymat {
	box-shadow: none;
	-webkit-box-shadow: none;
	background:#E8E6E6;
	/*background:transparent;*/
	color:#000;
}
textarea:readonly {
	background:transparent;
	box-shadow: none;
	-webkit-box-shadow: none;	
	color:#000;
}

.input, .select, .textarea {
    border: 1px solid #999;
	border-color: #999;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1) inset;
    font-size: 12px;
    margin: 3px 15px 12px 0px;
    padding: 4px 2px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	resize: none;
	white-space:nowrap;
	display:inline-block;
	background: white;
	
}
.input, .select, .textarea {
	
	-webkit-box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1) inset;
	/*-webkit-appearance:none;*/
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	resize: none;
} 

.input:hover, .select:hover, .textarea:hover {
    border: 1px solid #004987;
	cursor:pointer;
}
.input:focus, .select:focus, .textarea:focus {
    background-color: #fff;
    border: 1px solid #004987;
	box-shadow: none;
	-webkit-box-shadow: none;
}
/*------- textarea with resize ------------*/
.textarea-resize {
    border: 1px solid #999;
    font-size: 12px;
    margin: 3px 15px 12px 0px;
    padding: 4px 2px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.textarea-resize {
	border-color: #999;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1) inset;
	/*-webkit-appearance:none;*/
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.textarea-resize:hover {
    border: 1px solid #004987;
	cursor:pointer;
}
.textarea-resize:focus {
    background-color: #fff;
    border: 1px solid #004987;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.dropdown {
    border: 1px solid #999;
    font-size: 12px;
    margin: 3px 15px 12px 0px;
    padding: 3px 2px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	resize: none;
}
.dropdown {
	border-color: #999;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1) inset;
	/*-webkit-appearance:none;*/
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	resize: none;
}

.dropdown:hover {
    border: 1px solid #004987;
	cursor:pointer;
}
.dropdown:focus {
    background-color: #fff;
    border: 1px solid #004987;
	box-shadow: none;
	-webkit-box-shadow: none;
}

/*---------input small ---------------------*/
.input-small, .select-small {
    border: 1px solid #999;
    font-size: 11px;
    margin: 3px 15px 3px 0px;
    padding: 2px 2px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.input-small, .select-small {
	border-color: #999;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1) inset;
	/*-webkit-appearance:none;*/
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.input-small:hover, .select-small:hover {
    border: 1px solid #004987;
	cursor:pointer;
}
.input-small:focus, .select-small:focus {
    background-color: #fff;
    border: 1px solid #004987;
	box-shadow: none;
	-webkit-shadow: none;
}

.readonly-small {
	background-color:transparent;
	border-radius: 3px;
	color:#000;
	border: 1px solid #999;
    font-size: 11px;
	font-weight:normal;
    /*margin: 3px 15px;*/
	/*margin: 3px 15px 12px 0px;*/
    padding: 2px 2px;
	box-shadow: none;
	-webkit-box-shadow: none;
	cursor:default;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
/*---------input smallest ---------------------*/
.input-ssmall, .select-ssmall {
    border: 1px solid #999;
    font-size: 11px;
    margin: 3px;
    padding: 2px 2px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.input-ssmall, .select-ssmall {
	border-color: #999;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	/*box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1) inset;*/
	/*-webkit-appearance:none;*/
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.input-ssmall:hover, .select-ssmall:hover {
    border: 1px solid #004987;
	cursor:pointer;
}
.input-ssmall:focus, .select-ssmall:focus {
    background-color: #fff;
    border: 1px solid #004987;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.readonly-ssmall {
	background-color:transparent;
	color:#000;
	/*border: 1px solid #999;*/
    font-size: 11px;
	font-weight:normal;
	border-color: #999;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;	
    /*margin: 3px 15px;*/
	/*margin: 3px 15px 12px 0px;*/
    padding: 2px 2px;
	box-shadow: none;
	-webkit-box-shadow: none;
	cursor:default;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
/*---------------------------------------*/
/*----------for makis fixed grid---------------*/
.input-ssmall-fixedgrid, .select-ssmall-fixedgrid {
    border: 1px solid #999;
    font-size: 11px;
    margin: 0px;
    padding: 1px 2px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.input-ssmall-fixedgrid, .select-ssmall-fixedgrid {
	border-color: #999;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	/*box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1) inset;*/
	/*-webkit-appearance:none;*/
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.input-ssmall-fixedgrid:hover, .select-ssmall:hover {
    border: 1px solid #004987;
	cursor:pointer;
}
.input-ssmall-fixedgrid:focus, .select-ssmall:focus {
    background-color: #fff;
    border: 1px solid #004987;
	box-shadow: none;
	-webkit-box-shadow: none;
}
/*---------------------------------------*/

.input-left, .select-left, .textarea-left {
    border: 1px solid #999;
    font-size: 12px;
    margin-top:5px;
    padding: 4px 2px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	resize: none
}
.input-left, .select-left, .textare-left {
	border-color: #999;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1) inset;
	/*-webkit-appearance:none;*/
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	resize: none
}

.input-left:hover, .select-left:hover, .textarea-left:hover {
    border: 1px solid #004987;
	cursor:pointer;
}
.input-left:focus, .select-left:focus, .textarea-left:focus {
    background-color: #fff;
    border: 1px solid #004987;
	box-shadow: none;
	-webkit-box-shadow: none;
}
/*-----------------------------------------------*/
.input-toggle, .select-toggle, .textarea-toggle {
    border: 1px solid #999;
    font-size: 12px;
    padding: 4px 4px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	resize: none
}
.input-toggle, .select-toggle, .textare-toggle {
	border-color: #999;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1) inset;
	/*-webkit-appearance:none;*/
	box-sizing:border-box;
	-moz-box-sizing:border-box;	
	resize: none
}

.input-toggle:hover, .select-toggle:hover, .textarea-toggle:hover {
    border: 1px solid #004987;
	cursor:pointer;
}
.input-toggle:focus, .select-toggle:focus, .textarea-toggle:focus {
    background-color: #fff;
    border: 1px solid #004987;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.readonly {
	background-color:transparent;
	color:#000;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	/*border: 1px solid #999;*/
    font-size: 12px;
	font-weight:normal;
    /*margin: 3px 15px;*/
	margin: 3px 15px 12px 0px;
    padding: 4px 2px;
	box-shadow: none;
	-webkit-box-shadow: none;
	cursor:default;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.readonlymat {
	background-color:#fff;
	color:#004987;
	/*border: 1px solid #999;*/
	border: none;
	border-radius: 3px;
    font-size: 12px;
	font-weight:bold;
    /*margin: 3px 15px;*/
	margin: 3px 15px 12px 0px;
    padding: 4px 2px;
	box-shadow: none;
	cursor:default;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

/*global for readonly input*/
select:disabled {
	background:#E8E6E6;
	box-shadow: none;
	-webkit-box-shadow: none;
	color:#000;
}
input:disabled {
	background:#E8E6E6;
	/*background:transparent;*/
	box-shadow: none;
	-webkit-box-shadow: none;
	color:#000;
}
textarea:disabled {
	background:#E8E6E6;
	/*background:transparent;*/
	box-shadow: none;
	-webkit-box-shadow: none;
}
input:-moz-read-only {
	box-shadow: none;
	-webkit-box-shadow: none;
	background:#E8E6E6;
	/*background:transparent;*/
	color:#000;
}
input:read-only {
	box-shadow: none;
	-webkit-box-shadow: none;
	background:#E8E6E6;
	/*background:transparent;*/
	color:#000;
}
textarea:-moz-read-only {
	box-shadow: none;
	-webkit-box-shadow: none;
	background:#E8E6E6;
	/*background:transparent;*/
	color:#000;
}
textarea:read-only {
	box-shadow: none;
	-webkit-box-shadow: none;
	background:#E8E6E6;
	/*background:transparent;*/
	color:#000;
}

/*---- highlight selected ----*/

.highlight {
	background:#d5efff;
	padding: 3px 5px;
	margin-top:1px;
	margin-bottom:2px;
	color: #004987;
	font-weight:bold;
	opacity: 1.0;
}
.highlight:hover {
	opacity: 0.6;
	color:#000;
}

.p {
	font-weight:bold;
	color:#004987;
	background: #f1f1f1;
	text-align: left;
	padding: 5px;
	border-bottom: 1px solid #BFBFBF;
	width: 98%;
	margin-bottom:5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;	
}
.label-inline {
	display:block;
	float: left;
	width: 23%;
   	margin-right:10px;
	margin-top:8px;
}
h2.subtitle {
	font-size:16px;
	font-weight:bold;
	color:#004987;
	text-align: left;
	padding: 5px;
	border-bottom: 2px solid #BFBFBF;
	width: 100%;
	margin:10px 0px 10px 0px;	
}
h3.subtitle {
	font-size:15px;
	font-weight:bold;
	color:#004987;
	background: #f1f1f1;
	text-align: left;
	padding: 5px;
	border-bottom: 2px solid #BFBFBF;
	width: 100%;
	margin:10px 0px 10px 0px;
	border-radius:3px;	
}
.list-description {
	font-size:12px;
	margin:0px;
	padding:0px;
	padding-left:15px;
	line-height: 2;
}
.list-description:nth-of-type(2n) {
	background: #fafafa;
}

h3.subtitle a {
	text-align: left;
	font-family: Arial;
	font-size: 14px;
	font-weight:bold;
	color: #004987;
	text-decoration: none;
	padding-left: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
}
h3.subtitle a:hover {
	text-align: left;
	font-family: Arial;
	font-size: 14px;
	font-weight:bold;
	color: #004987;
	text-decoration: underline;
}

button {
	cursor:pointer;
}
.td {
	cursor:pointer;
}
.tr {
	cursor:pointer;
}

/**** for check_uncheck Image *******/
.check {
	cursor:pointer;
	margin-right:5px;
}

/********************* bottom Page Navigation **********************/
#page_nav {
	width:100%;
	height:25px;
	padding-top:8px;
	background:#f1f1f1;
	margin-top:15px;
	margin-bottom:15px;
	border-radius: 5px;
	text-align: center;
	font-family: Arial,Tahoma,San-Serif;
	font-size: 12px;
	color:#004987;

}
#page_nav a {
	color:#004987;
	text-decoration:none;
	padding:0px 5px;
}	
#page_nav a:hover {
	color:#004987;
	text-decoration:underline;
}
/*-------------------- end bottom Page Navigation -----------------------*/
	
/*-------------------- end for LEGACY ----------------------*/	

/*********************** Sppiner	*********************************/


/*---------------------- end of Sppiner	----------------------------*/	

/* Luka start */
.currency {
	text-align: right;
	width: 60px;
}
.currency, .select, .textarea {
    border: 1px solid #999;
    font-size: 12px;
    margin: 3px 15px 12px 5px;
    padding: 4px 2px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	resize: none
}
.currency, .select, .textarea {
	border-color: #999;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1) inset;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	resize: none
}

.currency:hover, .select:hover, .textarea:hover {
    border: 1px solid #004987;
	cursor:pointer;
}
.currency:focus, .select:focus, .textarea:focus {
    background-color: #fff;
    border: 1px solid #004987;
	box-shadow: none;
	-webkit-box-shadow: none;
}
/********************* Tables **************************/
.table-soi thead th {
	width:60px;
	padding-bottom:10px;
}
.table-soi tbody tr td:first-child {
	text-align:right;
	padding-right:5px;
}
.table-expenses thead th {
	text-align:center;
}
.table-expenses tbody tr td:first-child {
	padding-right:10px;
}
.table-landed thead th {
	text-align:center;
}

.table-rounded {
	border: 1px solid #bfbfbf;
	border-radius: 5px;
	border-collapse: inherit;
}
.table-rounded tr {
	background: #f1f1f1;
}
.table-rounded tr td {
	border-right: 1px solid #bfbfbf;
	padding-left:10px;
    height: 50px;
    /*width: 25%;*/
}
.table-rounded tr td:last-child {
	border-right: none;
}
/* line 48, ../sass/screen.scss */
		.currencyTable {
		font-family: arial;
		font-size: 12px;
		width: 400px;
		border: 1px solid #bfbfbf;
		border-right: 0px;
		border-radius: 5px;
		text-align: center;
}
/* line 57, ../sass/screen.scss */
		.currencyTable td {
		font-family: arial;
		font-size: 10px;
		text-align: left;
		text-indent: 12px;
		color: black;
		border-right: 1px solid #bfbfbf;
		border-left: 1px solid #fff;
		padding-left: 10px;
		padding-right: 10px;
		}
/* line 58, ../sass/screen.scss */
		.currencyTable td a {
		display:block;
		font-family: arial;
		font-size: 10px;
		text-decoration: none;
		text-align: left;
		text-indent: 12px;
		color: black;
		}
		.currencyTable td a:hover {
		display:block;
		font-family: arial;
		font-size: 10px;
		font-weight: bold;
		text-decoration: none;
		text-align: left;
		text-indent: 12px;
		color: #004987;
		}
/* line 75, ../sass/screen.scss */
		.currencyTable td :last-child {
		border-right: 0px;
		}
/* ----line 78, ../sass/screen.scss 
		.table td input[type='checkbox'] {
		border: 2px solid #bfbfbf;
		border-radius: 3px;
		height: 85px;
		}*/
/* ----line 84, ../sass/screen.scss 
		.table td input[type='text'] {
		width: 80px;
		height: 14px;
		border: 2px solid #bfbfbf;
		border-radius: 2px;
		font-size: 10px;
		font-family: arial;
		margin: 0.4%;
		float: left;
		}*/
/* ----line 94, ../sass/screen.scss 
		.table td .input-small {
		width: 20px;
		height: 14px;
		border: 2px solid #bfbfbf;
		border-radius: 2px;
		font-size: 10px;
		font-family: arial;
		float: right;
		margin: 0.4%;
		margin-right: 15px !important;
		}*/
/* line 105, ../sass/screen.scss */
/*---------------------------------------
	.table td button {
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFD2D2D2');
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTglIiBzdG9wLWNvbG9yPSJyZ2JhKDI0NywgMjQ3LCAyNDcsIDAuODgpIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2JhKDIxMCwgMjEwLCAyMTAsIDAuODgpIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(18%, rgba(247, 247, 247, 0.88)), color-stop(100%, rgba(210, 210, 210, 0.88)));
	background-image: -webkit-linear-gradient(top, #ffffff 0%, rgba(247, 247, 247, 0.88) 18%, rgba(210, 210, 210, 0.88) 100%);
	background-image: -moz-linear-gradient(top, #ffffff 0%, rgba(247, 247, 247, 0.88) 18%, rgba(210, 210, 210, 0.88) 100%);
	background-image: -o-linear-gradient(top, #ffffff 0%, rgba(247, 247, 247, 0.88) 18%, rgba(210, 210, 210, 0.88) 100%);
	background-image: linear-gradient(top, #ffffff 0%, rgba(247, 247, 247, 0.88) 18%, rgba(210, 210, 210, 0.88) 100%);
	width: 50px;
	height: 20px;
	border: 2px solid #bfbfbf;
	border-radius: 3px;
	font-family: arial;
	font-weight: bold;
	font-size: 9px;
	color: #004987;
	margin: 0.4%;
	float: left;
	}
*************************************************/
/* line 118, ../sass/screen.scss
.table td select {
float: left;
width: 85px;
height: 20px;
border: 2px solid #bfbfbf;
border-radius: 2px;
font-size: 10px;
font-family: arial;
margin: 0.4%;
} */
/* line 130, ../sass/screen.scss */

		.currencyTable th {
		font-family: Arial;
		font-size: 12px;
		font-weight: bold;
		color: #004987;
		line-height: 150%;
		text-indent: 12px;
		text-align: center;
		text-indent: 0px;
		line-height: 100%;
		white-space: nowrap;
		height: 23px;
		background-color: #d9d9d9;
		border-bottom: 2px solid #bfbfbf;
		border-right: 1px solid #d2d2d2;
		border-left: 1px solid #fff;
		padding-left: 10px;
		padding-right: 10px;
		}
/* line 131, ../sass/screen.scss */
		.currencyTable th a {
		font-family: Arial;
		font-size: 12px;
		font-weight: bold;
		color: #004987;
		line-height: 150%;
		text-indent: 12px;
		text-decoration: none;
		}
/* line 150, ../sass/screen.scss */
		.currencyTable tbody tr:nth-of-type(2n) {
		  background-color: #f1f1f1;
		}
/* line 155, ../sass/screen.scss */
		.currencyTable thead {
		border-radius: 3px;
		}
		.currencyTable thead :first-child {
		border-left: none;
		}
		.currencyTable thead {
		border-right: 0;
		}
		.currencyTable th.last{
		border-right: 0;
		}
		
		.currencyTable td.last{
		border-right: 0;
		}
.part {
	width: 100%;
	height:35px;
}

.tableimage {
	margin: 5px auto;
}
/*----------------- end of Tables ---------------------------------*/
/* Luka end */

/*Nesha start*/
.num, .num1, .num2, .num3, .num4, .num5, .num6, .num7, .num8, .num9, .num10{
	text-align:right;
}
.wrong{
	background-color:#ff0000;
	color:#fff;
}

.plus {
	background: url(images/toggle_plus.png) center no-repeat;
	position:absolute;
	width: 20px;
	height: 20px;
	top:12px;
	left:12px;
	cursor:pointer;
}
.plusf {
	background: url(images/toggle_plus.png) center no-repeat;
	position:absolute;
	width: 20px;
	height: 20px;
	top:7px;
	left:7px;
	cursor:pointer;
}

.minus {
    background: url(images/toggle_minus.png) center no-repeat;
	position:absolute;
	width: 20px;
	height: 20px;
	top:12px;
	left:12px;
	cursor:pointer;	
}
.minusf {
    background: url(images/toggle_minus.png) center no-repeat;
	position:absolute;
	width: 20px;
	height: 20px;
	top:7px;
	left:7px;
	cursor:pointer;	
}

.clickable{
	color:navy;
	cursor:pointer;
	font-weight:bold;
}

div.dragHandle{
	width:20px;
	height:20px;
	background:transparent url(images/updown.gif) no-repeat center center;
	cursor:move;
}

.odd{
	background-color:#ffffff;
}
.even{
	background-color:#E8E6E6;
}

.dropped{

}

.selected-row{
	background-color:#FF9933;
}

/*Nesha end*/

/*EXTEND ETXJS*/

.x-grid-cell-inner {overflow:visible;}
.x-grid-cell-inner {-moz-user-select:all;}
.x-grid-cell-inner {cursor:pointer;}

/*EXTJS dropdown smaller font*/

.x-boundlist-item {
	font-size:11px;
    -moz-user-select: -moz-none;
    border-color: white;
    border-style: dotted;
    border-width: 1px;
    cursor: pointer;
    padding: 2px;
    position: relative;
}

/* SelectBox plugin CSS */
.library {
	position:absolute;
	right:35px;
	top:8px;
	z-index:9999;
	text-align:right;
}
.sbHolder{
	background-color: ##2d2d2d;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 30px;
	position: relative;
	width: 300px;
	z-index: 1;
	
}
.sbHolder:focus .sbSelector{
	
}
.sbSelector{
	display: block;
	height: 30px;
	left: 0;
	line-height: 30px;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	top: 0;
	width: 270px;
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
	color: #70b8c1;
	outline: none;
	text-decoration: none;
}
.sbToggle{
	background: url(images/select-icons.png) 0 -116px no-repeat;
	display: block;
	height: 30px;
	outline: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
}
.sbToggle:hover{
	background: url(images/select-icons.png) 0 -167px no-repeat;
}
.sbToggleOpen{
	background: url(images/select-icons.png) 0 -16px no-repeat;
}
.sbToggleOpen:hover{
	background: url(images/select-icons.png) 0 -66px no-repeat;
}
.sbHolderDisabled{
	background-color: #3C3C3C;
	border: solid 1px #515151;
}
.sbHolderDisabled .sbHolder{
	
}
.sbHolderDisabled .sbToggle{
	
}
.sbOptions{
	background-color: #212121;
	border: solid 1px #515151;
	list-style: none;
	left: -1px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 30px;
	width: 300px;
	z-index: 1;
	overflow-y: auto;
}
.sbOptions li{
	padding: 0 7px;
}
.sbOptions a{
	border-bottom: dotted 1px #515151;
	display: block;
	outline: none;
	padding: 7px 0 7px 3px;
}
.sbOptions a:link, .sbOptions a:visited{
	color: #ddd;
	text-decoration: none;
}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{
	color: #70b8c1;
}
.sbOptions li.last a{
	border-bottom: none;
}
.sbOptions .sbDisabled{
	border-bottom: dotted 1px #515151;
	color: #999;
	display: block;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbGroup{
	border-bottom: dotted 1px #515151;
	color: #70b8c1;
	display: block;
	font-weight: bold;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbSub{
	padding-left: 17px;
}

/* Tooltip */
div.ui-tooltip {
    max-width: 3000px;
	font-size: 10px;
}

div.sizebox {
	background:#fff;
	margin: 5px 5px 0px 0px;
	padding-top: 5px;
	height: auto;
	width: auto;
	float: left;
	text-align: center;
	border-color: #999;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
}

.sizebox:hover {
    border: 1px solid #004987;
	cursor:pointer;
}	

div.desc {
	text-align: center;
	font-weight: normal;
	width: 45px;
	height: auto;
	margin: 2px;
}

.blueboldletter{
	color:#004987;
	font-weight:bold;
}

/********************* divineTable **************************/
.divineTable {
	border: 1px solid #BFBFBF;
}

.divineTable .tableData {
    float: left;
    height: 100%;
    margin: 0px;
    padding: 0px; 
}

.divineTable .headerRow,.tableRow {
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

    height: auto;
    width: 100%;

        border-bottom: 1px solid #AAAAAA;
}

.divineTable .headerRow:after,.tableRow:after {
    clear: both;
}

.divineTable .headerCell {
    padding: 10px 5px;
    float: left;

    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #BFBFBF;
    border-right: 1px solid #BFBFBF;
    border-bottom: 1px solid #BFBFBF;

    word-break: break-all;
    word-break: break-word;

}

.divineTable .cell {
    padding: 5px;
    float: left;
    height: auto;

    -moz-box-sizing: border-box;
    box-sizing: border-box;
    align-self: stretch;
	/*
    display: flex;
    display: box;
    */
    border-right: 1px solid #BFBFBF;

}

.divineTable .headerRow {
    position: relative;
    z-index: 199;
}

.divineTable .headerRow .headerCell {
    position: relative;
    z-index: 200;
}

.divineTable .headerRow .headerCell:nth-of-type(1), .divineTable .tableRow .cell:nth-of-type(1) {
    border-left: 1px solid #BFBFBF;
}

.divineTable .tableRow .cell > * {
    margin: 0;
}

.divineTable .headerRow .headerCell {
    background: linear-gradient(#EFEFEF, #D7D7D7);
}

.divineTable .tableRow:nth-of-type(even) > .cell{
    background-color: #FFFFFF;
}
.divineTable .tableRow:nth-of-type(odd) > .cell {
    background-color: #F1F1F1;
}

.divineTable .tableRow .cell input[readonly] {
	background-color: transparent;
	border:none;
}

.divineTable .tableRow .cell input[disabled] {
	background-color: transparent;
	border:none;
}
/********************* END divineTable **************************/
tr.bottomline td{
	border-bottom: 4px solid #004987;
}

#loading, .loading-container {
	display: block;
	background:rgba(40,40,40,0.7);
	height: 100%;
	width: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 11000;
}

.hidden {
	display: none;
}

#toast-container.toast-top-right {
	top: 75px !important;
	right: 12px
}