:root {

	--main: #22ab44;
    --mainHover: #017840;
	--primary: rgb(250, 115, 17);
	--primaryhover: rgb(196, 91, 15);
	--secondary: #555;
	--secondaryhov:#222;
}

body{
	font-family: 'Rubik', sans-serif;
	min-height: 100vh;
	position: relative;
	color:#000;
}
h1, h2, h3{
	font-family: 'Rubik', sans-serif;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.loader{
	display: none;
}
.scrolltop{
    position: fixed;
    bottom: 0;
    right: 10px;
}

.scrollbottom{
    position: fixed;
    bottom: 0;
    right: 40px;
}

.scrolltop, .scrollbottom{
    font-size: 25px;
    color: var(--black);
    cursor: pointer;
    z-index: 50;
}
header{
	top: 0;
	left: 0;
	right: 0;
	height: 50px;
	position: fixed;
	background-color:var(--main);
	color:white;
}
header .uk-text-large{
	padding-top:9px;
	font-weight:400;
	padding-left:20px;
	text-transform:none;
}
header .uk-text-large{
	padding-top:7px;;
}
.logo img{
	padding-top:3px;
	height:46px;
	vertical-align:middle;
}
header *{
	vertical-align:middle;
}
.uk-input, .uk-select, .uk-textarea {
	border: 2px solid #ccc;
	border-radius: 5px;
}
.uk-button-primary{
	background-color:var(--primary);
	border: 2px solid var(--primaryhover);
	border-radius: 5px;
}
.uk-button-primary:hover{
	background-color:var(--primaryhover);
}
.uk-button-danger{
	background-color:var(--secondary);
	border: 2px solid var(--secondaryhov);
	border-radius: 5px;
}

.uk-button-danger:hover{
	background-color:var(--secondaryhov);
}

.uk-navbar-toggle-icon{
	color:white;
}

main{
	top: 50px;
	bottom: 30px;
	left: 0;
	right: 0;
	position: fixed;
	padding: 2px;
	overflow: auto;
}

footer{
	background-color:var(--main);
	color:white;
	bottom: 0;
	left: 0;
	right: 0;
	height: 30px;
	position: fixed;
}
.uk-navbar-toggle{
	height:40px;
	min-height:40px;
}

.uk-table tr.active td{
	background-color:rgb(231, 158, 105);
}
.uk-table .bcode{
	font-size:12px;
	font-style: italic;
}
.infotable{
	font-size:12px;
	margin:0;
	padding:0;
	list-style-type:none;
	background-color:#eee;
}
.infotable li{
	padding:2px 0;
	display:table-row;

}
.infotable li > div{
	display:table-cell;
	padding:2px 5px;
}
.infotable li > div.item{
	padding-left:10px;
	font-weight:bold;
}
.mainmenu{
	margin-top:20px;
}
.mainmenu li{
	/*text-align:center;*/
	background-color:var(--primary);
	padding:5px 20px;

}

.mainmenu li a{
	color:rgba(255,255,255,0.9);
	font-weight:500;
	display:block;
	padding-left:50px;
	position:relative;

}
.mainmenu li a i{
	position:absolute;
	left:0px;
	top:0px;
	font-size:24px;

}
.mainmenu li a:hover{
	color:white;

	text-decoration: none;
}
.sidemenu li a{
	padding-left:30px;
	position:relative;
}
.sidemenu li a i{
	position:absolute;
	left:0px;
	top:1px;
	font-size:18px;

}
.search{
	vertical-align:bottom;

}
.search input{
	width:150px;
}
.simpletable{
	font-size:11px;
	border-spacing: 0;
}
.simpletable td{
	border-bottom: 1px solid #aaa;
	padding:4px 6px;
}
.simpletable a{
	background-color:var(--primary);
	padding:3px;
	color:white;
}
.simpletable tr.red td{
	color:red;
}
.barcodelist tr.red td{
	color:red;
}
.infotable .red{
	color:red;
}
.hiderow{
	display:none;
}
.hide{
	display:none;
}
ul.submenu{
	padding:0;
}
ul.submenu li{
	padding:0;
}
.mainmenu .submenu li{
	margin: 5px 0;
	background-color:brown;
}
#scanner-container{
	width: 20px;
	height: 20px;
	position: fixed;
	bottom: 0px;
	right: 80px;
}
.counter{
	font-style:italic;
}
.adminbutton{
	/*display:none;*/
}
@media only screen and (max-width: 480px) {
	.uk-table{
		font-size:11px;
	}
	.uk-table th{
		display:none;
	}
	.uk-table tr td{
		padding:3px;
		display:inline-block;
	}
	.nobreak .uk-table tr td{
		padding:3px;
		display:table-cell;
	}
	.uk-table td{
		vertical-align:middle;
	}
	.uk-table .cell-DocEntry{
		width:60px;
	}
	.uk-table .cell-Datum{
		width:65px;
	}
	.uk-table .cell-U_SoforName {
		width:105px;
	}
	.uk-table .cell-U_RendszamNm  {
		width:65px;
	}
	.uk-table .cell-U_Megjegyzes  {
		width:125px;
	}
	.adminbutton{
		display:none;
	}
}