@import url("lib/wrap_pole/wrap_pole.css");
@font-face {
    font-family: Ubuntu; /* deklarace fontu */
    src: url("font/Ubuntu-L.ttf"); /* propojení na umístění souboru */
}
@font-face{
     font-family: Ubuntub; /* deklarace fontu */
    src: url("font/Ubuntu-B.ttf"); /* propojení na umístění souboru */
}
@keyframes blinker {
	25%{opacity: 0.1;}
  50% {opacity: 0.6;}
  60% {opacity: 0.7;}
  70% {opacity: 0.8;}
  80% {opacity: 0.9;}
}
body:before{

	
	content:"";
	position:fixed;
	height: 100%;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:-1; 
	background:#D8D8D8;
	background: linear-gradient(to bottom right, black, #585858) ;
	text-align: center;
	


}
.dotaz_form {
	display: block;
  position: fixed;
  background: whitesmoke;
  width: 50vw;
  height: 50vh;
  z-index: 99999999999999999999999;
  top: 0px;
  left: 50%;
  transform: translateX(-50%) translateY(50%);
  padding: 2vw;

}
input:disabled,
select:disabled,
textarea:disabled{
	background-color:white;
	color: #444;
}
.strong{
	font-weight: bold;
	font-size: 1.3em;
	font-variant: small-caps;
}
.fotky_wrap{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: calc(100% - 12px);
	height: calc(100% - 2em);
	font-size: 2em;
	padding-top: 2em; 
	z-index: 9999999;
	background-color: rgba(255,255,255,0.8);
	border: 6px solid greenyellow ;
	transition: 0.3s ease all;
}
.fotky_wrap:hover{
	background-color: lightgreen;
}
.upload_file{
	display: inline-block;
	font-size: 3em;
	text-align: center;
	vertical-align: middle;
	background-color: rgba(255,255,255,0.6);
	border-radius: 3px;
	transition: 0.3s ease all;
	cursor: pointer;
	width: 3em;
	padding-top: 1em;

}
#file {
	display: none;
}
.upload_file:after{
	 content: "";
  display: block;
  padding-bottom: 40%;
}
.upload_file:hover{
background-color: white;
}
.files_context{
	display: none;
	min-width: 100px;
	width: 5vw;
	position: absolute;
	background-color: white;
	padding: 4px;
	z-index: 9999999;
	text-align: left;
	


}
.context_item{
	display: block;
	width: 100%;
	color: black;
	transition: 0.2s ease all;
	cursor: default;
	padding: 8px 0px 8px 0px;

}
.context_item:hover{
	background-color: rgba(0,0,0,0.3);
}
.files_wrap {
	display: inline-block;
	position: relative;
	width: 3vw;
	text-align: center;
	font-size: 0.7em;
	overflow-wrap: break-word;
	vertical-align: top;
	margin-right: 3px;
	cursor: pointer;
	padding: 2px;
	border-radius: 3px;
	transition: 0.3s ease all;
}
.files_wrap:hover{
	background-color: rgba(255,255,255,0.5);
}
.files_wrap input{
	color:  green;
}
.files_ico {
	width: 2vw;
}
#settings_menu {
	position: absolute;
	top: 3px;
	right: 3px
}
#settings_menu .burger {
	cursor: pointer;
	display: block;
	margin: 1em;
	width: 2em;
	height:1em;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	transition: 0.3s ease all;
}
#settings_menu .burger:after{
	content: "";
	display: block;
	width: 2em;
	height: 0.5em;
	border-bottom: 1px solid white;

}
#settings_menu .burger:hover{
	height: 1.4em;
}

.settings_item{
	display: none;
}
#container {
	display: block;
position: sticky;
bottom: 10px;
background-color: transparent;
}
.bold {
	display: inline-block;
	font-weight: bold;
	font-family: UbuntuB;
}
.select_pocet_na_str{
width: 80px;
border: none;
height: 2em;
vertical-align: middle;
background-color: white;
padding: 1px;
text-align: center;
font-size: 1em;
}
.item_limit_offset {
	display: inline-block;
width: 1em;
cursor: pointer;
background-color: white;
padding: 2px;
text-align: center;
margin-right: 1px;
vertical-align: middle;
border: 1px solid #888;
transition: 0.1s ease all;
font-size: 0.7em;
}
.celk_pocet_zaznamu{
	display: block;
	position: absolute;
	text-align: right;
	top: 13px;
	right: 10px;
	color: black;
}

.item_limit_offset:hover,.item_limit_offset_active{
	background-color: #888;
	color: white;
	font-size: 1.3em;
	width:1.5em;
}
.exp_sent{
	display: inline-block;
	padding: 4px;
	background-color: rgba(0,255,0,0.4);
	margin-left: 2px;
}
.label {
	display: block;
	text-align: left;
	font-weight: bold;
}
.label2 {
	display: block;
	position: relative;
	text-align: left;
	width: 30%;
	left: 40%;
	font-weight: bold;
	color: black;
}
.last_five {
	display: inline-block;
	width:10vw;
	padding: 0.4vw;
	background-color: #444;
	color: white;
	text-align: center;
	cursor: pointer;
	margin: 0.2vw;
	transition: 0.3s ease all;
	border-radius: 2px;
	border:2px solid black;
}
.last_five:hover{
	background-color: #888;
	
}
body {
	font-family: Ubuntu; Arial;
	font-size: calc(0.4em + 0.4vw);
	color: white;
	display: block;
	height: 100%;
	text-align: center;
	min-width: 620px;
	

}
.stat_item {
	display: block;
	background-color: rgba(255,255,255,0.95);
	padding: 2%;
	border-radius: 3px;
	width: 90%;
	margin: 1%;
	position: relative;
	border-radius: 3px 3px 0px 0px;
}
.stat_znacka {
	display: block;
	position:absolute;
	width: 90%;
	background-color: #888;
	color: white;
	left: 0px;
	top: 0px;
	padding: 1% 0 1% 8%;
	border-radius: 3px 3px 0px 0px;
	text-align: left;
	font-size: calc(0.8em + 0.7vw);
	font-variant: small-caps;

}
.stat_znacka_celkem {
	font-size: calc(0.4em + 0.3vw);
	display: inline-block;
	font-variant: normal;
}
.stat_ikona_symbol {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size:calc(0.8em + 0.8vw);
	transform: translateX(-50%) translateY(-50%);
	color: #666;

}
.stat_ikona {
	display: block;
	position: absolute;
	left: 2%;
	width: 4vw;
	height: 4vw;
	border-radius: 2vw;
	top: 0px;
	transform: translateY(20%);
	background-color: #ccc;
	
	font-family: Ubuntub;
	box-shadow: 0px 0px 8px 2px #aaa;
}

.stat_int{
	padding: 4px;
	border: 1px solid white;
	border-radius: 2px;
	text-align: center;
	font-size: calc(0.4em + 0.45vw);
	margin: 2px;
}
.stat_int_pole {
	display: block;
	padding: 10px;
	margin: 5px;
	background-color: #999;
}
.stat_tab{
	margin: 2%;
	position: relative;
	left: 8%;
	display: block;
	text-align: left;
}.stat_tab th{
	text-align: center;
	font-weight: bold;
	font-variant: small-caps;
	background-color: #ccc;
}
.stat_tab td {
	padding:2px 6px 2px 6px ;
}
.wrap_sms{
	display: inline-block;
	width: 50%;
	overflow: visible;
	margin: 0px;
	padding: 0px;
	
	

}
#sms_pole{
	width: 100%;
	
}
.diss{
	
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M100 0 L0 100 ' stroke='red' stroke-width='4'/><path d='M0 0 L100 100 ' stroke='red' stroke-width='4'/></svg>");
  background-repeat:no-repeat;
  background-position:center center;
  background-size: 50% 100%, auto;
transition: 0.3s ease;}
.act{
	background-size: 0% 0%, auto;
	background-color: rgba(51,255,0,0.5);
	
}


.credit_vypis {
	position: absolute;
	right: 10px;
	font-size: 10pt;
}
.red {
	color: red;
}
.popis_users {
	font-weight: bold;
    font-size: calc(0.6em + 0.5vw);
    display: block;
    position: relative;
    background-color: #aaa;
    padding:1vw 0 1vw 0;
    width:108%;
    left: 50%;
    height: 1vw;
    transform: translateX(-50%);
    
}
#details {
	text-align: center;
	position: absolute;
	display: none;
	width: 95%;
	min-height: 60vh;
	background-color: #ddd;
	border: 2px solid white;
	z-index: 99999;
	left: 50%;
	transform: translateX(-50%);
	padding: 0 4% 4% 4%;
}
.avatar {
	display: inline-block;
	width: 10vw;
	height:  10vw;
	background-color: rgba(0,0,0,0.1);
	text-align: center;
	vertical-align: top;


}
.detaily_user{
	display: inline-block;
	width: 70%;	
	padding-left: 3%;
	text-align: left;
	position: relative;
}
.detaily_user_half{
	display: inline-block;
	width:45%; 
	vertical-align: top;
	padding: 1%;
}
.znak {
	font-weight: bold;
	font-size: calc(1.4em + 0.7vw);
	margin: 0px;
	padding: 0px;
	position: absolute;
	vertical-align: middle;
	left: 0px;
	top: 50%;
	transform: translateX(50%) translateY(-50%);
}
.detaily_user input{
	display: block;
	width: 100%;
	min-height: 30px;
	font-size: calc(0.6em + 0.4vw);
	background-color: #eee;
	border: 1px solid #fff;
	transition: 0.6s ease-out;

}
.detaily_user input:focus{
	border: none;
	background-color: white;
	border: 1px solid #eee;
}
.popis_inputu_stredni {
		
	margin-left: 10px;
	font-size: calc(0.6em + 0.4vw);
	
}
.avatar img {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.users_tab{
	margin: 5px;
	text-align: left;
}
.users_tab tr {
	cursor: pointer;
	transition: 0.3s ease;
}
.users_tab tr:hover {
	background-color: rgba(100,100,100,0.5);
}
.users_tab tbody td{
	padding:0 1vw 0 1vw;
}
.users_detail{
	position: absolute;
	display: block;
	width: 90%;
	height: 50vh;
	background-color: #eee;
	border:2px solid white;
	
}
.users_tlacitko{
	display: inline-block;
	width: 100px;
	font-size: calc(0.5em + 0.4vw);
	padding: 10px 30px 10px 30px; 
	margin: 1vw;
	background-color: rgba(0,0,0,0.8);
	color: white;
	cursor: pointer;
	transition: 0.3s ease;
	position: relative;
	text-align: center;
}
.users_tlacitko:hover {
	background-color: rgba(0,0,0,0.6);
}
.users_uzivatel{
	font-size: calc(0.5em + 0.6vw);
}
.users_funkce{
	font-size: calc(0.4em + 0.3vw);
	display: inline-block;
	padding: 1px 8px 1px 8px;
	background-color: rgba(50,255,50,0.7);
	border-radius: 2px;
	border:1px solid white;
	
}
.users_reset{
	font-size: calc(0.4em + 0.4vw);
	display: inline-block;
	padding: 3px 8px 3px 8px;
	background-color: rgba(100,100,100,0.7);
	border-radius: 2px;
	border:1px solid white;
	transition: 0.2s ease;
	cursor: pointer;
	
}
.users_reset:hover{
	background-color: rgba(100,100,100,0.4);
}
.odd{
	background-color:rgba(0,0,0,0.1);
}
.even {
	background-color:rgba(0,0,0,0.2);
}
.users_tab thead td{
	padding: 1vw;
	background-color: #333;
	color: white;
	text-align: center;
}
.users_tab img {
	height: 1em;
	display: inline-block;
}
.zakaznik_expedice {
	display: block;
	position: relative;
	width:96%;
	text-align: left;
	font-weight: bold;
    font-size: calc(0.8em + 0.5vw);
    background-color: white;
    padding: 2%;
    font-variant: small-caps;
    
}

.exp_ikona_symbol {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: calc(1em + 1vw);
	transform: translateX(-50%) translateY(-55%);
	color: #666;

}
.exp_ikona {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	width: 4vw;
	height: 4vw;
	border-radius: 4vw;
	top: 0px;
	
	background-color: #ccc;
	margin-right: 1vw;
	font-family: Ubuntub;
	box-shadow: 0px 0px 4px 5px #aaa;
}
.td_uziv {
	width: 20vw;
	

}
.td_login {
	width: 10vw;
}
.cislo_baliku {
	
	position: absolute;
	left: 35px;
	top:0px;
	transform: translateY(-120%);
	width: 65%;
text-align: left;
}
.cislo_baliku img{
	height: 2em;
	transition: 0.3s ease all;
	vertical-align: middle;
}
.cislo_baliku img:hover{
	height: 2.2em;
}
.cislo_baliku input {
	border: 1px solid #aaa;
	border-radius: 2px;
}
.doplneni_mailu {
	display: none;
	margin-top: 4px;

}
.doplneni_mailu textarea{
border: 1px solid red;
}
.expedice_item{
	display: inline-block;
	width: 90%;
	padding-bottom: 1vw;
	background-color: rgba(255,255,255,0.5);
	border-radius: 5px;
	border: 2px solid white;
	margin-bottom: 1vw;
	transition: 0.2s ease all;

}
.expedice_item:hover{
	width: 92%;
	box-shadow: 0px 0px 1px 1px white;
	background-color: rgba(255,255,255,0.7);
}
.presun_expedice {
	position: absolute;
	left: 6vw;
	top: 4vw;
	padding: 5px 15px 5px 15px;
	font-variant: normal;
	display: block;
	background-color: #ddd;
	border: 1px solid #1e1d1d;
	font-size: calc(0.4em + 0.3vw);
	transition: 0.3s ease all;
	cursor: pointer;
}
.presun_expedice:hover{
	background-color: white;
}
.presun_expedice_date{
	display: block;
	width: 100%;
}
.wd_form{
	width: 98%;
	margin-top: 4%;
	background-color: white;
	padding: 3% 1% 3% 1%;
	text-align: left;
}
.wd_form input {
	width: 94%;
	left: 2%;
font-size: calc(0.5em + 0.6vw);
background-color: rgba(0,0,0,0.1);
border: none;
padding: 1% 2% 1% 2%;
transition: 0.3s ease all;
border:1px solid #666;
border-radius: 2px;
}
.wd_form input:hover,.wd_form input:focus{
background-color: white;
border-color: #333;
}


.wd_label {
	color: #444;
	font-size: calc(0.4em + 0.4vw);
}
.wd_prehled_w{
	display: inline-block;
	min-width: 300px;
	margin: 2%;
	
	padding: 2%;
	background-color: #999999;
	position: relative;
	font-size: calc(0.6em + 0.5vw);
	overflow: visible;
}
.wd_prehled_w table{
	margin: 0px;
	width: 100%;
}
.wd_wrap{
	display: inline-block;
	min-width: 220px;
	margin: 2%;
	width: 30%;
	padding: 2%;
	background-color: #999999;
	position: relative;
	font-size: calc(0.8em + 0.5vw);
	vertical-align: top;


}

.close{
	position: absolute;
	top: 4px;
	right: 10px;
	display: grid;
	align-items: center;
	width: 20px;
	height: 20px;
	color: white;
	background-color: #df4a16;
	font-size: 12pt;
	border-radius: 10px;
	cursor: pointer;
	transition: 0.1s all ease;
}
.close:hover{
box-shadow: 0px 0px 4px 1px #aaa;
}

.plus {
position: relative;	
display:inline-block;
width:2em;
height: 2em;
left: 0px;
vertical-align: bottom;
transform: translateX(-30%) translateY(10%);
mask:url('bin/new-page.svg');
-webkit-mask-image:url('bin/new-page.svg');
mask-size: cover;
-webkit-mask-size: cover;
background: #333;
transition: 0.3s ease all;
}
.wd_click{
	color: #333;
	cursor: pointer;
	transition: 0.3s ease all;
}
.wd_click:hover{
	color: white;
}
.wd_click:hover > .plus{
	background: white;
}

.expedice_item2{
	position: relative;	
	display: block;
	margin: 1vw;
	border: 3px solid #333;
	padding-left: 1vw;
}
.expedice_unpack {
	cursor: pointer;
	height: 1.4vw;
}
.users_item {
	display: block;
	padding-bottom: 1vw;
	background-color: rgba(255,255,255,0.7);
	border-radius: 3px;
	border: 2px solid white;
	margin: 1vw;
	text-align: left;

}
.expedice_pdf1{
		padding:0 1vw 0 1vw;
		cursor: pointer;
}
.expedice_mail{
	
		cursor: pointer;
}
.expedice_pdf2{
	position: absolute;
	cursor: pointer;
	transform: translateY(-50%);
}
.overflow{
	overflow: hidden;
}
.popis_expedice{
	font-weight: bold;
    font-size: calc(0.6em + 0.5vw);
    display: block;
    width: 100%;
    background-color: #aaa;
    padding: 2%;
    transform: translateX(-2%) translateY(-37%);
}



}





#obsah_text tr:hover{
	background-color: rgba(255,255,255,0.7);
}
#ukaz_opr_menu{
	position: sticky;
	display: block;
	text-align: left;
	transform: translateX(100%) translateY(-100%);
	top:100px;
	height: 53px;
	padding-right: 30px;
	margin-bottom: -50px;

}
#ukaz_opr_menu img{
	width: 40px;
cursor: pointer;
display: block;
margin-bottom: 10px;
transition: 0.2s ease all;
left: 9px;
position: relative;
}
#ukaz_opr_menu img:hover{
width: 50px;
}

.bg_red {
	background-color: rgba(255,0,0,0.4);
}
#pridej_select_pole input{
	position: relative;
	display: inline-block;
	font-size: calc(0.3em + 0.5vw);
	width: 50%;
	height: 1.4vw;
		
}

.hidden_list {
	position: absolute;
	display: none;
	text-align:left;
	border:3px solid rgba(0,0,0,0.4);
	border-radius: 0px 0px 3px 3px;
	border-top:none;
	
	min-height: 300px;
    height: 70vh;
	overflow-y: auto;
	padding-bottom: 20px;
	background-color: rgba(0,0,0,0.1);
	 }
.list_opt,.pridej_parametr_select,.pridej_slct,.pridej_zakaznika_select,.pridej_stat_select,.pridej_skupina_select,.pridej_znacku_select,.pridej_stav_select,.pridej_zpusob_select,.pridej_reklamace_select,.wd_list_opt {
	position: relative;
	display: inline-block;
	width: 90%;
	margin: 0px;
	padding: 0.5vw;
	cursor: pointer;

}
.pridej_zakaznika_select,.pridej_parametr_select,.pridej_slct,.pridej_stat_select,.pridej_skupina_select,.pridej_znacku_select,.pridej_stav_select,.pridej_zpusob_select,.pridej_reklamace_select {
	background-color: rgba(0,0,0,0.2);
}
.zrus_filtry{
	display: block;
	padding: 0.5vw;
	background-color: lightgreen;
	cursor: pointer;
	border: 2px solid white;

}
.zrus_filtry:hover{
	background-color: rgba(0,255,0,1);
}
.filtry {
	height: 60px;
}
.checky {
	position: relative;
	display: block;
	width: 100%;
	height: 200px;
	overflow-y:scroll;
}
.ascdesc,.minisub,.medisub {
	position: relative;
	display: block;
	width: 100%;
	margin: 5px 0px 5px 0px;
	text-align: center;
}
.asc,.desc,.minisub {
	display: inline-block;
	width: 40%;
	padding: 3px 0px 3px 0px;
	cursor: pointer;
	background-color: rgb(150,150,150);
	margin: 0px 2px 0px 2px;
}
.medisub {
	display: inline-block;
	width: 60%;
	transform: translateX(20%) ;
	padding: 3px 0px 3px 0px;
	cursor: pointer;
	background-color: rgb(150,150,150);
	margin: 0px 2px 0px 2px;
}

.green {
	background-color: green;
}
.filtr_pole{
	position: absolute;
	display: none;
	text-align: left;
	width: 180px;
	transform: translateY(60px) translateX(-1px);
	height: 330px;
	background-color: rgba(255,255,255,0.9);
	border-radius: 0px 0px 3px 3px;
	border:1px solid black;
	border-top: none;
	font-size: calc(0.4em + 0.4vw);
}
.filtry td{
	cursor: pointer;

}
.male_tlacitko{
	display: block;
	width: 150px;
	padding: 10px 30px 10px 30px; 
	background-color: rgba(0,0,0,0.8);
	color: white;
	cursor: pointer;
}

#pridej_select_pole {
	color: black;
	display: none;
	position:absolute;
	top: -2%;
	left: 50%;
	text-align: center;
	transform: translateX(-50%);
	width: 60%;
	min-height: 500px;
	background-color: white;
	padding: 10px;
	border-radius: 6px;
	border:3px solid rgba(0,0,0,0.3);
	margin: 50px;
	z-index: 100001;
}
.list_opt:hover,.pridej_zakaznika_select:hover,.opt_active {
	background-color: rgba(0,0,0,0.4);
	color:white;
}
.pridej_select {
	position: absolute;
	font-weight: bold;
	display: inline-block;
	border: none;
	border-radius: 2px;
	cursor: pointer;
	padding-top: 10px;
	height: 28px;
	background-color: buttonface;
}
 .ulozit_zmeny_submit {
	display: none;
	position: relative;
	top: 0px;
	left:0px;
	transform: translateX(32%);
	width: 60%;
	height: 40px;
	text-align: center;
	background-color: rgba(255,0,0,0.8);
	padding-top: 15px;
	font-weight: 700;
	font-size: 14pt;
	border-radius: 3px;
	z-index: 100001;
	cursor: pointer;


}
.smaz_sept, .zavri_okno,.close {
	position: absolute;
	right: 0px;
	top: 0px;
	margin: 10px;
	display: block;
	border: 2px solid rgba(0,0,0,0.2);
	border-radius: 2px;
	cursor: pointer;


}
#naseptavac {
	position: relative;
	margin: 10px;
	display: block;
	width: 50%;
	text-align: left;
	padding: 10px;
	background-color: rgba(255,255,255,0.9);
	border-radius: 3px;
}
#naseptavac input {
	font-size: calc(0.4em + 0.5vw);
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 1px;
}
.sept {
	cursor: pointer;
}
#obsah_text{
	position: relative;
	z-index: 1000;
	top: 20px;
	min-width: 500px;
	width : 90%;
	min-height: 500px;
	height: 100%;
	left: 50%;
    transform: translate(-50%);
    text-align: center;
	

}
.ukaz_opravu {
	cursor: pointer;
}
table.tbl1{
	width: 100%;
}
.tbl1 td{
	font-size: calc(0.4em + 0.5vw);
	padding: 6px;

}
.tbl1 thead td{

	background-color: rgba(255,255,255,0.9);
}
.tbl1 tbody td{
	background-color: rgba(255,255,255,0.7);
}
#karta {
position: relative;
color: black;
	display: block;
	font-weight: 700;
	z-index: 1000;
	top: 20px;
	min-width: 500px;
	width : 100%;
	min-height: 90vh;
	left: 50%;
    transform: translate(-48%);
    border:2px solid #444;
    padding:0px;
	text-align: center;
	background-color: rgba(255,255,255,0.7);
}

.prvek_opravy{
	position: relative;
	display: block;
	width: 90%;
	 background-color: #ddd;
	 padding: 2%;
	 margin: 1%;
}
.inp_checkbox{
	position: relative;
	left: 0px;
	width: 2em !important;
	display: inline-block !important;
	cursor: pointer;
}
.checkbox_val{
	display: inline-block;
	font-family: inherit;
	font-size: inherit;
}
.prvek_opravy input,select,textarea{
	position: relative;
	display: inline-block;
	font-size: calc(0.4em + 0.5vw);
	width: 50%;
	height: 1.5vw;
	border: none;
	margin-top:2px;
}
.tracksub {
	position: relative;
	display: inline-block;
	font-size: calc(0.4em + 0.5vw);
	width: 50%;
	height: 1.2vw;
	cursor: pointer;
	background-color: rgb(150,150,150);
	padding-top: 0.3vw;
	margin: 2px 2px 2px 2px;
	transition: 0.3s ease;
}
.tracksub:hover {
background-color: rgba(150,150,150,0.4);
}
.nadpis_filtru{
	display: block;
	width: 100%;
	text-align: center;
	padding:  6px 0 6px 0;
	background-color: #aaa;
}

.prvek_opravy textarea {
	height: auto;
}
.popis_inputu {
	display: inline-block;
	width: 40%;
	text-align: right;
	margin-right: 10px;
	vertical-align: top;
}
.popis_inputu_maly {
	display: inline-block;
	width: 20%;
	text-align: right;
	margin-right: 10px;
	font-size: calc(0.6em + 0.2vw);
}

.ikona_nova_oprava {
	text-align: left;
	position: absolute;
	top: 3px;
	left :1%;
	
	font-size: calc(0.5em + 0.5vw); 
}
.ikona_nova_oprava img{
	vertical-align: middle;
	width: 30%;
	max-width: 35px;
}
.podsvit{
	  box-shadow: 0px 0px 10px 2px #aaa;
}
.podsvit_green{
	  box-shadow: 0px 0px 25px 1px #0ff;
}
.podsvit_red
{
	  box-shadow: 0px 0px 25px 5px #f44;
}
.radius {
	border-radius: 5px;
}
.radius_top {
	border-radius: 5px 5px 0px 0px;
}
#chyba{

	position: fixed;
	font-weight: 700;
	display: none;
	z-index: 1000;
	top: 40px;
	width : 30%;
	min-height: 70px;
	left: 50%;
    transform: translateX(-50%);
    padding: 5px;
	text-align: center;
	background-color: rgba(255,255,255,0.95);
	color:#333;
	border: 2px solid #333;


}
#login {
	position: fixed;
	font-weight: 700;
	z-index: 1000;
	top: 50%;
	min-width: 320px;
	width : 25%;
	min-height: 270px;
	left: 50%;
    transform: translate(-50%, -50%);
    border:2px solid #444;
    padding:0px;
	text-align: center;
	background-color: rgba(255,255,255,0.5);
	

}
#left_menu{
position: fixed;
left:0px;
top:26px;
display: none;
min-width: 40px;
max-width: 95px;
width: 5%;
height: 100%;
text-align: center;
background-color: rgba(100,100,100,0.8);
}
.filtr_sept {
	display: block;
	width: 100%;
	text-align: center;
}
.filtr_sept input {
	border:1px solid #aaa;
	border-radius: 2px;
	width: 80%;
}
.left_icon{
	display: block;
	position: relative;
	width: 98%;
	margin:10% 0px 10% 0px;
	border-radius: 5px;
	transition: 0.3s ease;
	text-align: center;
	cursor: pointer;


}
.left_icon:after{
	  content: "";
  display: block;
  padding-bottom: 100%;


}

.left_icon:hover{

	background-color: rgba(50,50,50,0.95);
	
}
.active_left {
background-color: rgba(50,50,50,0.95);
}
.left_icon img{
	position: absolute;
	height: 45%;
	top: 26%;
	left: 50%;
	transform: translate(-50%, -50%);

}
.left_icon strong {
	text-align: center;
	position: absolute;
	font-size:calc(0.5em + 0.5vw); 
	top: 70%;
	left: 50%;
	transform: translate(-50%, -50%);


}

.titulek {
	position: initial;
	color: white;
	top:22px;
	left:0px;
	font-size: 13pt;
	font-weight: 900;
	display: block;
	width: 100%;
	height: 37px;
	padding-top: 13px;
	background-color: #444;
	border-radius: 3px 3px 0px 0px;
	

}
.ikona_login {
	
	width: 35px;

}
#logout {
	width: 18px;
	
	vertical-align: top;
}
.obal_ikona {
	display: inline-block;
	width: 30%;
	height: 50px;
	margin-top: 15px;
	background-color: rgba(91,255,65,0.8);
	vertical-align: middle;
	padding-top: 5px;
}
.form_login input, #reset_hesla_form input{
	font-size: 13pt;
	display: inline-block;
	width: 60%;
	height: 53px;
	margin-top: 15px;
	background-image: none;	
	background-color: white;
	border: none;
	vertical-align: middle;
}
.form_login input[type=submit]{
	background-color: rgba(91,255,65,0.8);
	width: 90%;
}
#reset_hesla_form input[type=submit]{
	background-color: rgba(255,91,65,0.8);
	width: 90%;
	cursor: pointer;
}
#reset_hesla{
	position: relative;
	display: none;
	
	margin-bottom: 15px;
	width: 100%;
	text-align: center;
}
#reset_hesla .label{
	display: block;
	margin-bottom: -10px;
	width: 100%;
	position: relative;
	text-align: center;
	

}
.reset_hesla{
	margin-top: 15px;
	margin-bottom: 10px;
font-size: 13pt;
cursor: pointer;
}
.pcb {
	position: fixed;
	left: 0px;
	top: 0px;
	background-image: url('bin/pcb.png');
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}
a {text-decoration: none;
	color: inherit;}
#lista {
	position: fixed;
	top: 0px;
	left:0px;
	width: 100%;
	height: 22px;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: rgba(100,100,100,0.8);
	color: white;
	z-index: 99999999999;
}
.table_lista{
	width: 100%;
	font-family: Ubuntu;
	font-size: 12pt;
	

	
}
#lista_left {
	width:24%;
	text-align: left;
}
#lista_center {
	width:50%;
	text-align: center;
	
}
#lista_right {
	min-width: 250px;
	width:24%;
	text-align: right;
	padding-right: 10px;
	vertical-align: middle;
	
}
.protokol_maly{
	
	cursor: context-menu;


		
}
.vice_pole{
	display: none;
}
.zobraz_vice{
	cursor: pointer;
	
}
.mala_ico_akce{
	z-index: 9999999;
	display: inline-block;
	height: 1vw;
	min-height: 16px;
	margin-left: 1px;
	margin-right: 1px;
}
.pocet_zaznamu{
	display: block;
	
	text-align: left;
	padding-left: 20px;
}