input[type=text]
{
	width: 200px;
	height: 30px;
	border: 0px; 
	border-radius: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

input.dlhy[type=text]
{
	width: 400px;
	height: 30px;
	border: 0px;
	border-radius: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;

}

input.stredny[type=text]
{
	width: 150px;
	height: 30px;
	border: 0px;
	border-radius: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;

}

input.kratky[type=text]
{
	width: 50px;
	height: 30px;
	border: 0px;
	border-radius: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;

}

input[type=password]
{
	width: 200px;
	height: 30px;
	border: 0px; 
	border-radius: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

input[type=file]
{
	color: #004080;
	font-size: 14px;
	font-weight: bolder;
	width: 300px;
	height: 30px;
	background-color: #ffffff;
	border: 1px;
	border-color: #bbbbbb;
	border-style: solid;
	padding-left: 5px;
	padding-right: 5px;
	margin 5 5 5 5;
	cursor: hand;
}

input[type=submit]
{
	color: #000000;
	font-family: Courier, Courier New;
	font-size: 16px;
	font-weight: bolder;
	width: 120px;
	height: 40px;
	background-color: #ababab;
	border: 1px;
	border-color: #bbbbbb;
	border-style: solid;
	padding-left: 5px;
	padding-right: 5px;
	box-shadow: 1px 1px #434343;
	margin 10 10 10 10;
	cursor: hand;
}


input.zlty[type=submit]
{
	color: #000000;
	background-color: #dddddd;
}

input.zeleny[type=submit]
{
	color: #000000;
	background-color: #aaff7f;
}

input.cerveny[type=submit]
{
	color: #949494;
	background-color: #dddddd;
}

/* Checkbox ------------------------ */

.container {
  display: container;
  position: relative;
  top: -12px;
  left: -12px;
  cursor: hand;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 30px;
  background-color: #ffffff;
  border-radius: 5px;
}

.container:hover input ~ .checkmark {
  background-color: #bbccdd;
  border-radius: 5px;
}

.container input:checked ~ .checkmark {
  background-color: #2c9309;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: blo;
}

.container input:checked ~ .checkmark:after {
  display: block;
}

.container .checkmark:after {
  left: 10px;
  top: 3px;
  width: 6px;
  height: 15px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.checkmark_modry {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 30px;
  background-color: #ffffff;
  border-radius: 5px;
}

.container:hover input ~ .checkmark_modry {
  background-color: #bbccdd;
}

.container input:checked ~ .checkmark_modry {
  background-color: #004080;
}

.checkmark_modry:after {
  content: "";
  position: absolute;
  display: block;
}

.container input:checked ~ .checkmark_modry:after {
  display: block;
}

.container .checkmark_modry:after {
  left: 10px;
  top: 3px;
  width: 6px;
  height: 15px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


.checkmark_radio {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 30px;
  background-color: #ffffff;
  border-radius: 20px;
}

.container:hover input ~ .checkmark_radio {
  background-color: #bbccdd;
}

.container input:checked ~ .checkmark_radio {
  background-color: #004080;
}

.checkmark_radio:after {
  content: "";
  position: absolute;
  display: block;
}

.container input:checked ~ .checkmark_radio:after {
  display: block;
}

.container .checkmark_radio:after {
  left: 10px;
  top: 3px;
  width: 6px;
  height: 15px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

select
{
	width: 80px;
	height: 30px;
	border: 0px;
	border-radius: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

select.dlhy
{
	width: 200px;
}

select.dlhy2
{
	width: 300px;
}

/* ------------- Ucivo ----------*/

select.ucivo
{
	width: 630px;
	height: 30px;
	font-family: Arial;
	font-size: 14px;
	color: #000000;

}

option.ucivo
{
	background-color: #ffffff;

}

option.ucivo_zelene
{
	background-color: #99ffcc;
}


input.ucivo[type=text]
{
	width: 600px;
	height: 30px;
	border: 0px; 
	border-radius: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}








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

button
{
	width: 45px;
	height: 45px;
	border-width: 1px;
	background-repeat: no-repeat;
	background-position: center 50%;
	background-size: 70%;
/*	border-radius: 10px;   */
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	cursor: hand;
	
}

.insert
{
	background-image: url("../../interface/grafika/tlacidla/insert.gif");
	
}


.ok
{
	background-image: url("../../interface/grafika/tlacidla/ok.gif");
		
}

.no
{
	background-image: url("../../interface/grafika/tlacidla/no.gif");
	
}


.delete
{
	background-image: url("../../interface/grafika/tlacidla/kos.gif");
	
}

.setting
{
	background-image: url("../../interface/grafika/tlacidla/setting.gif");

}

.lock
{
	background-image: url("../../interface/grafika/tlacidla/lock.gif");

}

.pdf
{
	background-image: url("../../interface/grafika/tlacidla/pdf.gif");

}

.print
{
	background-image: url("../../interface/grafika/tlacidla/print.gif");

}

.back
{
	background-image: url("../../interface/grafika/tlacidla/back.gif");

}

.forward
{
	background-image: url("../../interface/grafika/tlacidla/forward.gif");

}


.logout
{
	background-image: url("../../interface/grafika/tlacidla/logout.gif");

}

.view
{
	background-image: url("../../interface/grafika/tlacidla/eye.gif");

}

.down
{
	background-image: url("../../interface/grafika/tlacidla/down.gif");

}