html, body{
	margin: 0px;
	text-align:center;
	background: #fff;
	height: 100%;
	font-family: Open Sans, sans-serif;
	font-size: 16px;
	min-width: 512px;
	color: #414141;
	scroll-behavior: smooth;
	display: flex;
    flex-direction: column;
    min-height: 100vh;
}
img{
	border-width:0px;
}
.logo{
	padding-top:10px;
}

.pointer{
	cursor: pointer;
}


.right {
	float: right;
}

.left {
	float: left;
}


.full {
	width: 100%;
	-webkit-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s  ease-out;

	margin: 0px;
	padding: 0px;
}

.hiding{
  opacity: 0 !important;
}


.hidden{
  display: none !important;
}

.unvisible{
	visibility: hidden !important;
}

.text_center {
	text-align: center !important;
}

.text_left {
	text-align: left !important;
}


#headerAndMyBody {min-height: 100%; min-width: 512px; width:100%; background: red;}





nav{
	height: 32px;
}
ul{
	margin-top:0px;
	margin-bottom:0px;
}
h1,h2,h3, h4, h5{
	margin:3px;
}
h1{
	font-size:22pt;
	font-weight: 300;
}
section{
	display: block;
	vertical-align: top;
	width: 100%;
	margin: 0;
	padding: 0px;
}

article{
	text-align:justify;
	width: 512px;
	margin: 10px;
	padding: 10px;

	display: inline-block;
	vertical-align: top;
}
a{
	color:#414141;
}

strong {
    font-weight: 700;
}


/*---------------messages---------------*/
.message_ok, .message_ko{
	width: 100%;
	background: #6DAF36;
	padding: 10px 0px 10px 0px;
	color: #fff;
	position: sticky;
	top: 0px;
	z-index: 1000;
}

.message_ko{
	background: #D84029;
}

/*---------------head---------------*/
header .left, footer .left{
	float: left;
	margin: 0px;
	width: 170px;
	text-align: left;
}

header .right, footer .right{
	float: right;
	margin: 3px 0px 0px 0px;
	width: 170px;
	text-align: right;
}
footer .left, footer .right{
	width: 50%;
	min-width: 100px;
}
header .left img{
	margin-right: 3px;
}

header .right .button_a{
	width: auto;
	padding-left: 8px; padding-right: 8px;
	margin: 3px 0px 0px 7px;
}

header .input{
	width: 60%;
}
header .button{
	width: 101px;
}
header .button_a{
	width: 205px;
}
header  .button_a_50{
	width: 99px;
}
header input{
	margin-bottom: 5px;
}


.a_user_inner{
	background: none;
	width: 201px;
	padding: 0px;
	margin:0px 0px 5px 0px;
	height: 20px;
	padding: 7px 4px 0px 4px;
	text-align:center;
	border-width:0px 0px 1px 0px;
	border-color: #414141;
	border-style: solid;
}

/*časovač*/
.a_bar, .a_bar_inner, .a_bar_time{
	width:96px;
	height: 16px;
	padding:0px;
	margin: 0px;
}
.a_bar{
	border: 1px solid #444;
	background:#444;
	margin: -1px 0px 0px 0px;
}
.a_bar_inner{
	background:#888;
	border-width:0px;
}
.a_bar_time{
	background: none;
	font-size:85%;
	text-align: center;
	position: relative;
	top: -120%;
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*---------------scrollbar---------------*/
::-webkit-scrollbar {
	width: 8px;
	height: 10px;
	background: none;
}
::-webkit-scrollbar-track {
	border-radius: 8px;
}
::-webkit-scrollbar-thumb {
	background: #BCB5A4;
	border-radius: 8px;
}
::-webkit-scrollbar-thumb:hover {
	background: #FFD059;
}


/*---------------forms---------------*/
	.required {
		background-color: orange;
	}

	input, .input_val{
		margin:0px;
		padding:0px;
	}
	.input, .input_val, .button, .button_a, .button_a_50, .input_sized, .input_select{
		display: inline-block;
		font-family: inherit;
		border-style: solid;
		border-width: 1px;
		font-size:95%;
	}
	.input2{
		display: none;
	}
	.input,.input_val, textarea, .input_sized, .input_select{
		min-height: 24px;
		padding-left: 1%; padding-right: 1%;
		border-color: #ddd;
	}
	textarea{
		resize: none;
		height: 128px;
		font-family: Open Sans, sans-serif;
		font-size: 14px;
	}

	.input:focus, textarea:focus{
		border-color: #ddd;
		box-shadow: 0px 0px 10px #ddd;
		outline: none;
	}
	.input_select{
		padding: 0px;
	}
	article table, article .input{
		width: 98%;
	}
	article .input_select{
		width: 100%;
	}

.error{
    box-shadow: 0px 0px 10px #fcc !important;
    border-color: #faa !important;
}

	/*button*/
.button {
    cursor: pointer;

	width:auto;
	text-align:center;
	color:#fff;
	text-decoration:none;
	font-family: Open Sans, sans-serif;

	display: inline-block;
	margin: 3px;
	padding: 3px 8px 3px 8px;



	border: double;
    border-radius: 4px;
    border-color: #fff;

	background: #444;



    -webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
.button:hover{
	background: #eee;
	color: #222;
	border-color: #eee;
}
.button:active {

}
.note{
	display:none;
}

.updateManySelected {
	box-shadow: inset 1px 1px 10px 3px orange;
}



/*---------------Help---------------*/
.help{
	text-align: left;
	border-color: #ABC1F4;
	border-width: 1px;
	border-style: solid;
	margin: 5px;
	background: #F3F6FD;
	color: #000;
}
.help h3, .help article{
	border-width: 0px;
	border-style: solid;
	border-color: #ABC1F4;
	border-bottom-width: 1px;
}
.help h3{
	margin: 1%;
}
.help article{
	width: 30.5%;
	margin: 0.5%;
	padding: 0.5%;
	border-left-width: 1px;
}