body {
  margin: 0;
  font-family: 'Roboto';
  font-size: 14px;
  line-height: 1.3em;
}

a {
  font-family: 'Roboto';
  font-size: 14px;
  color: #eee;
}

.memo a {
  font-family: 'Roboto';
  font-size: 14px;
  color: #0067a3;
}

.bodyradek a {
  font-family: 'Roboto';
  font-size: 14px;
  color: #0067a3;
}

.bodyradek::after {
  content: "";
  clear: both;
  display: table;
}

.ui {
  height: 100vh;
  display: grid;
  grid-template-rows: 40px 50px 1fr;
  background-color: #0079bf;
  color: #eee;
}

.uitop {
  display: grid;
  grid-template-rows: 40px 50px 1fr;
  background-color: #0079bf;
  color: #eee;
}

.vybrany {
	color: #FFD800;
}
.navbar {
  padding-left: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.navbar.app {
  background-color: #0067a3;
  font-size: 1.5rem;
}
.navbar.board {
  font-size: 1.1rem;
}

.lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
}
.lists > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-left: 10px;
}
.lists::after {
  content: '';
  -webkit-box-flex: 0;
      -ms-flex: 0 0 10px;
          flex: 0 0 10px;
}

.siroky {
  width: 48%; !important;
}

.seznam {
  width: 300px;
}

.list {
  height: calc(100% - 10px - 17px);
}
.list > * {
  background-color: #e2e4e6;
  color: #333;
  padding: 0 10px;
}
.list header {
  line-height: 36px;
  font-size: 16px;
  font-weight: bold;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.list footer {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #888;
  margin-bottom:10px;
}

.footerseznam {
  line-height: 36px;
}
.footerseznamsum {
  line-height: 36px;
  text-align: right;
  font-size: 24px;
  color: red !important;
}
.footerdetail {
  font-size: 12px;
  height:40px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #888;
  margin-bottom:10px;
}
.footerdetailbigright {
  line-height: 36px;
  text-align: right;
  font-size: 16px;
  font-weight: bold;
  color: green !important;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.list ul {
  list-style: none;
  margin: 0;
  max-height: calc(100% - 36px - 36px);
  overflow-y: auto;
}
.list ul li {
  background-color: #fff;
  padding: 10px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.list ul li:not(:last-child) {
  margin-bottom: 10px;
}
.list ul li img {
  display: block;
  width: calc(100% + 2 * 10px);
  margin: -10px 0 10px -10px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}













.priorita1 {
		width:20px;
		height:20px;
		background-color: #CE5A63; 
		border-radius:50%;
		font-weight : bold;
		color: white;
		font-size : 12px;
		}	
.priorita2 {
		width:20px;
		height:20px;
		background-color: #5A84B5; 
		border-radius:50%;
		font-weight : bold;
		color: white;
		font-size : 12px;
		}	
.priorita3 {
		width:20px;
		height:20px;
		background-color: #8CB563; 
		border-radius:50%;
		font-weight : bold;
		color: white;
		font-size : 12px;
		}	
.priorita4 {
		width:20px;
		height:20px;
		background-color: #FF8C5A; 
		border-radius:50%;
		font-weight : bold;
		color: white;
		font-size : 12px;
		}	
.prioritaW {
		width:20px;
		height:20px;
		background-color: #FFC107; 
		border-radius:50%;
		font-weight : bold;
		color: white;
		font-size : 12px;
		}	
.priorita5 {
		width:20px;
		height:20px;
		background-color: #A55A7B; 
		border-radius:50%;
		font-weight : bold;
		color: white;
		font-size : 12px;
		}	
.technickystop {
		width:20px;
		height:20px;
		background-color: red; 
		border-radius:50%;
		font-weight : bold;
		color: white;
		padding: 3 0 0 3;
		margin: 0 0 0 0;
		font-size : 12px;
		}	
.tagred {
		border: none;
		color: white;
		padding: 4px;
		margin: 0 0 2px 0px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size : 11px;
		border-radius: 2px;
		line-height:12px;
		font-style:normal;
		background-color: #CE5A63; 
		font-weight : bold;
		width:80px;
}
.messagered {
		border: none;
		color: white;
		padding: 4px;
		margin: 0 0 2px 0px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size : 11px;
		border-radius: 2px;
		line-height:12px;
		font-style:normal;
		background-color: #CE5A63; 
		font-weight : bold;
}
.tagblue {
		border: none;
		color: white;
		padding: 4px;
		margin: 0 0 2px 0px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size : 11px;
		border-radius: 2px;
		line-height:12px;
		font-style:normal;
		background-color: #5A84B5; 
		font-weight : bold;
		width:80px;
}
.taggreen {
		border: none;
		color: white;
		padding: 4px;
		margin: 0 0 2px 0px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size : 11px;
		border-radius: 2px;
		line-height:12px;
		font-style:normal;
		background-color: #8CB563; 
		font-weight : bold;
		width:80px;
}
.taggray {
		border: none;
		color: white;
		padding: 4px;
		margin: 0 0 2px 0px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size : 11px;
		border-radius: 2px;
		line-height:12px;
		font-style:normal;
		background-color: #A0A0A0; 
		font-weight : bold;
		width:80px;
}
.messagegreen {
		border: none;
		color: white;
		padding: 4px;
		margin: 0 0 2px 0px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size : 11px;
		border-radius: 2px;
		line-height:12px;
		font-style:normal;
		background-color: #8CB563; 
		font-weight : bold;
}
.tagorange {
		border: none;
		color: white;
		padding: 4px;
		margin: 0 0 2px 0px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size : 11px;
		border-radius: 2px;
		line-height:12px;
		font-style:normal;
		background-color: #FF8C5A; 
		font-weight : bold;
		width:80px;
}
.tagolive {
		border: none;
		color: white;
		padding: 4px;
		margin: 0 0 2px 0px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size : 11px;
		border-radius: 2px;
		line-height:12px;
		font-style:normal;
		background-color: #6D8764; 
		font-weight : bold;
		width:80px;
}
.tagviolet {
		border: none;
		color: white;
		padding: 4px;
		margin: 0 0 2px 0px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size : 11px;
		border-radius: 2px;
		line-height:12px;
		font-style:normal;
		background-color: #A55A7B; 
		font-weight : bold;
		width:80px;
}
.tagyellow {
		border: none;
		color: white;
		padding: 4px;
		margin: 0 0 2px 0px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size : 11px;
		border-radius: 2px;
		line-height:12px;
		font-style:normal;
		background-color: #FFC107; 
		font-weight : bold;
		width:80px;
}
.smallred	{
		color : red;
		font-size : 11px;
		font-weight : bold;
		}

.smallgreen	{
		color : green;
		font-size : 11px;
		font-weight : bold;
		}

.middlered	{
		color : red;
		font-size : 12px;
		font-weight : bold;
		}

.middlegreen	{
		color : green;
		font-size : 12px;
		font-weight : bold;
		}

.male {
		font-size : 11px;
}
.vlevo {
		text-align: left;
}
.zakaznik {
		width: 160px;
		text-align: right;
		display: inline-block;
}

.zakaznik a
{
  font-size: 14px;
  color: #333333;

}

.prioritahead
{
	padding: 4 7 3 4;
}

.prioritabody
{
		padding: 2 5 1 2;
}
.stredni {
		font-size : 12px;
}

.neurcenyresitel {
		color : red;
		font-size : 13px;
		font-weight : bold;
}

.bodyradek {
  line-height: 180%;
  display: block;
}

.bodyradek600 {
  line-height: 180%;
  min-width: 600px;
  display: block;
}

.badge {
   position:relative;
}
.badge[data-badge]:after {
   content:attr(data-badge);
   position:absolute;
   top:-10px;
   right:-10px;
   font-size:.7em;
   background:green;
   color:white;
   width:18px;height:18px;
   text-align:center;
   line-height:18px;
   border-radius:50%;
   box-shadow:0 0 1px #333;
}

.tlacitko {
		display: inline-block;
}

.hodiny {
		width: 185px;
		display: inline-block;
}

.list h2 {
  line-height: 36px;
  font-size: 16px;
  font-weight: bold;
}

.sloupec2left {
	width:50%;
	float:left;
}

.sloupec2leftsmall {
	width:10%;
	float:left;
}

.sloupec3leftsmall {
	width:25%;
	float:left;
}

.sloupec2leftbig {
	width:60%;
	float:left;
}

.sloupec2right {
	width:50%;
	float:right;
}

.sloupec2rightsmall {
	width:40%;
	float:right;
}

.sloupec2rightextrasmall {
	width:10%;
	float:right;
	text-align:right;
}

.sloupec2leftextrabig {
	width:90%;
	float:left;
}

.sloupec2rightbig {
	width:90%;
	float:right;
}

.sloupec3left {
	width:33%;
	float:left;
}
.sloupec3center {
	width:33%;
	float:ceter;
}

.sloupec3centersmall {
	width:25%;
	float:ceter;
}

.sloupec3right {
	width:33%;
	float:right;
}

.sloupec3rightbig {
	width:50%;
	float:right;
}


.labelsmall {
   color:#333;
   font-size: 0.8rem;
   padding-right: 10px;
  font-weight: normal;
}

.labelsmallpovinny {
   font-size: 0.8rem;
  font-weight: bold;
   padding-right: 10px;
}

.labelsmallerror {
   font-size: 0.8rem;
  padding-right: 10px;
  xcolor:#CE5A63;
  color:red;
}

.labelsmallwarning {
   font-size: 0.8rem;
  font-weight: bold;
  padding-right: 10px;
  color:orange;
  xcolor:#FF8C5A;
}

.label {
   color:#333;
   padding-right: 10px;
}

.labelpovinny {
  font-weight: bold;
   padding-right: 10px;
}

.labelerror {
  font-weight: bold;
  padding-right: 10px;
  xcolor:#CE5A63;
  color:red;
}

.labelwarning {
  font-weight: bold;
  padding-right: 10px;
  color:orange;
  xcolor:#FF8C5A;
}

.poznamka {
   color:#888;
   padding-right: 10px;
   font-size: 12px;
   line-height: 110%;
}

.poznamkacenter {
   color:#888;
   padding-right: 10px;
   font-size: 12px;
}

.hodnota {
  font-weight: bold;
}

.nadtrzeno {
	border-top: dashed gray 1px;
}

.zvyrazneni {
		border: none;
		color: white;
		padding: 4px;
		margin: 0 0 2px 0px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		border-radius: 2px;
		line-height:12px;
		font-style:normal;
		background-color: #A55A7B; 
		font-weight : bold;
}


.form-style-2{
    0px 0px 0px 0px
}
.form-style-2 label{
    display: block;
    margin: 0px 0px 15px 0px;
}
.form-style-2 label > span{
    width: 100px;
    font-weight: bold;
    float: left;
    padding-top: 8px;
    padding-right: 5px;
}
.form-style-2 span.required{
    color:red;
}
.form-style-2 input.input-field, .form-style-2 .select-field{
    width: 48%; 
}
.form-style-2 input.input-field-full, .form-style-2 .select-field-full{
    width: 95%; 
}
.form-style-2 input.input-field, 
.form-style-2 input.input-field-full, 
.form-style-2 .select-field-full, 
.form-style-2 .textarea-field, 
.form-style-2 .textarea-field150, 
.form-style-2 .textarea-field270, 
 .form-style-2 .select-field{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 7px;
    outline: none;
}

.form-style-2 .input-field:focus, 
.form-style-2 .input-field-full:focus, 
.form-style-2 .select-field-full:focus, 
.form-style-2 .textarea-field:focus,  
.form-style-2 .textarea-field150:focus, 
.form-style-2 .textarea-field270:focus, 
.form-style-2 .select-field:focus{
    border: 1px solid #0C0;
}
.form-style-2 .textarea-field{
    height:100px;
    width: 55%;
}
.form-style-2 .textarea-field150{
    height:200px;
    width: 55%;
}
.form-style-2 .textarea-field270{
    height:250px;
    width: 55%;
}
.form-style-2 input[type=submit],
.form-style-2 input[type=button]{
    border: none;
    padding: 8px 15px 8px 15px;
    background: #FF8500;
    color: #fff;
    box-shadow: 1px 1px 4px #DADADA;
    -moz-box-shadow: 1px 1px 4px #DADADA;
    -webkit-box-shadow: 1px 1px 4px #DADADA;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.form-style-2 input[type=submit]:hover,
.form-style-2 input[type=button]:hover{
    background: #EA7B00;
    color: #fff;
}

.colw10 {
	width:10%;
}

.colw15 {
	width:15%;
}

.colw20 {
	width:20%;
}

.colw25 {
	width:25%;
}
.colw30 {
	width:30%;
}

.colw40 {
	width:40%;
}

.colw50 {
	width:50%;
}

.colw60 {
	width:60%;
}

.colw70 {
	width:70%;
}

.colw80 {
	width:80%;
}

.colw90 {
	width:90%;
}

.colw100 {
	width:100%;
}

.colfl {
	float:left;
}

.colfr {
	float:right;
}

.coltxtl {
	text-align:left;
}

.coltxtc {
	text-align:center;
}

.coltxtr {
	text-align:right;
}

.ulform {
padding-inline-start: 0px;
}

.bodyradekform {
  line-height: 300%;
  display: block;
  vertical-align: middle; 
}