@charset "utf-8";
/* CSS Document */

form > div,
.fauxForm > div,
#noseznamobal {
	margin-bottom: 0.5rem;
}
form div.check {
	margin-bottom: 0.5rem;
}

input,
.fauxSelect,
.search-fs .results div,
#notificationbar form div,
a.button,
div.button,
.file-upload,
#target{
	height: 2.5rem;
	line-height: 2.5rem;
	border: var(--form-border);
	background-color: var(--bila);
	color: var(--cerna);
	font-size: 1rem;
	padding: 0 0.5rem;
	border-radius: 0.5rem;
	text-align: left;
	font-family: var(--font-type);
	width: 100%;
}

textarea {
	height: 4.9rem;
	line-height: 1.2rem;
	border: var(--form-border);
	background-color: #fff;
	color: var(--cerna);
	font-size: 1rem;
	padding: 0.65rem 0.5rem;
	border-radius: 0.5rem;
	text-align: left;
	font-family: var(--font-type);
	width: 100%;
	/* overflow: hidden; */
}
textarea.row4 { height: 6.1rem; }
textarea.row5 { height: 7.3rem; }
textarea.row6 { height: 8.5rem; }
textarea.row7 { height: 9.7rem; }
textarea.row10 { height: 13.3rem; }

	textarea::placeholder,
  input::placeholder,
  .fauxSelect .selected .fauxPlaceholder{
    font-size: 0.85rem;
    opacity: 0;
  }

label, p.label{
	padding: 0 0.5rem;
	font-size: 0.75rem;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 0.25rem;
	display: block;
}

textarea:focus,
input:focus,
.fauxSelect.open {
	border: var(--form-border-highlited);
}

input[type=submit],
.file-upload,
a.button,
div.button {
	background-color: var(--zelena);
	border-color: var(--zelena);
	cursor: pointer;
	font-weight: bold;
	color: #fff;
	line-height: 2.2rem;
	width: auto;
}

input[type=submit].blue,
a.button.blue,
.file-upload,
div.button.blue{
	background-color: var(--blue);
	border-color: var(--blue);
}

input[type=submit].zelenyobrys,
a.button.outline,
div.button.outline{
	background-color: inherit;
	color: var(--zelena);
}

a.button.outline.blue,
div.button.outline.blue{
	color: var(--blue);
}

a.button,
div.button{
	text-transform: uppercase;
	display: inline-block;
	padding: 0 0.5rem;
}

a.button:hover{
	text-decoration: none;
}

#target{
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-direction: column;
	flex-wrap: wrap;
	min-height: 20vh;
	margin-bottom: .5rem;
}
.file-upload{display: inline-block;}
input[type=file]{display: none;}

.inp_combo {
	display: flex;
	justify-content: space-between;
	align-content: flex-start; align-items: flex-end;
}
.inp_combo > .short {
	width: 6rem;
}
.inp_combo > .long {
	width: calc(100% - 6.75rem);
}

.inp_half > input, .inp_half > .fauxSelect {
    width: 60%;
}

.check {
	display: flex;
	justify-content: flex-start;
	align-content: flex-start; align-items: flex-start;
}

.check > * {
	cursor: pointer;
}

.check p {
	font-size: 1rem; line-height: 1.2rem;
	padding-top: 0.65rem;
	margin: 0;
}

.check > span {
	display: block;
	width: 2.5rem; height: 2.5rem;
	border-radius: 0.5rem;
	border: var(--form-border);
	margin-right: 0.5rem;
	position: relative;
}

.check.checked > span::after {
	content: '';
	position: absolute;
	width: 1.5rem; height: 1.5rem;
	left: 0.35rem; top: 0.35rem;
	border-radius: 50%;
	background-color: var(--zelena);
}

article.main .vyhledavani:not(.search-fs) {margin-bottom: 1rem;}


.search {
	position: relative;
}

.search:not(.search-fs) {
	margin: auto;
}

.search:not(.search-fs) > input[type=text] {
	padding-right: 5.5rem;
	font-weight: bold;
}
.search > input[type=submit] {
	position: absolute;
	right: 0; top: 0;
	width: 5rem;
	background-color: var(--zelena);
	border-color: var(--zelena);
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	height: 100%;
	cursor: pointer;
	font-weight: bold;
	color: #fff;
	line-height: 2.2rem;
}

.search .results {
	position: absolute;
	left: 0.5rem;	top: 100%;
	width: calc(100% - 5.35rem);
	z-index: 100;
}
.search .results > a {
	background-color: #fff;
	height: 2.5rem;
	line-height: 2.5rem;
	padding: 0 0.5rem 0 2.25rem;
	font-weight: bold;
	border-bottom: var(--form-border);
	border-left: var(--form-border);
	border-right: var(--form-border);
	display: block;
	position: relative;
}
.search .results > a:hover, .search .results > a.focused {
	text-decoration: none;
	background-color: var(--zelena-gray);
}

.search .results > a i {
	position: absolute;
	width: 1.25rem; height: 1.25rem;
	left: 0.625rem; top: 0.625rem;
	border-radius: 50%;
	color: #fff;
	font-weight: bold;
	font-style: normal;
	text-align: center;
	line-height: 1.25rem;
	font-size: 0.75rem;
}
.search .results > a.klient i {
	background-color: var(--zelena-dark);
}
.search .results > a.zakazka.stav1 i { 	background-color: var(--stav1); }
.search .results > a.zakazka.stav2 i { 	background-color: var(--stav2); }
.search .results > a.zakazka.stav3 i { 	background-color: var(--stav3); }
.search .results > a.zakazka.stav4 i { 	background-color: var(--stav4); }
.search .results > a.zakazka.stav5 i { 	background-color: var(--stav5); }
.search .results > a.zakazka.stav6 i { 	background-color: var(--stav6); }
.search .results > a.zakazka.stav10 i { 	background-color: var(--stav10); }

.search .results > a.klient i::after {
	content: 'K';
}
.search .results > a.zakazka i::after {
	content: 'Z';
}


.search .results > a span {
	font-weight: normal;
	opacity: 0.75;
}

.search .results > a span::before {
	content: '| ';
}

.fauxSelect{
	position: relative;
	min-width: 10rem;
	/*! padding-right: 2.5rem; */
}

.fauxSelect div, .search-fs div {
	width: 100%;
	text-align: left;
}

.fauxSelect .items, .search-fs .results {
	position: absolute;
	top: 100%; left: 0;
	margin-top: 0.15rem;
	background-color: var(--zelena-light-gray);
	border-radius: 0.5rem;
	overflow: hidden;
	display: none;
	z-index: 9;
}

.search-fs .results{
	width: 100%;
	margin-top: 0;
}

.fauxSelect.open .items{
	display: block;
}

.fauxSelect .items [data-value], .search-fs .results div {
	padding: 0 0.5rem;
	border-top: var(--form-border);
	cursor: pointer;
	background-color: inherit;
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-radius: 0;
}
.fauxSelect .items [data-value]:first-of-type,
.search-fs .results div:first-of-type{border-top: none;}

.fauxSelect .items [data-value]:hover,
.search-fs .results div:hover,
.fauxSelect .items [data-value].focused,
.search-fs .results div.focused{
	background-color: var(--zelena);
}

.fauxSelect .items span.cervena, .fauxSelect .selected .fauxValue span.cervena {
	color: var(--cervena);
}

.fauxSelect .selected::after {
	content: '';
	width: 1rem; height: 1rem;
	position: absolute;
	transform: rotate(90deg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	right: 0.5rem; top: 0.75rem;
	transition: .25s;
}
.fauxSelect.open .selected::after {
	transform: rotate(-90deg);
}

.fauxSelect .selected {margin-top: -.15rem;}

.fauxSelect .fauxPlaceholder{
	margin-right: .25rem;
	display: none;
}

progress{display:inline-block;vertical-align:baseline}
.hidden{display:none!important}
progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes
progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes
progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}
.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}
.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}
.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}
.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}
.progress-bar-success{background-color:var(--zelena-dark)}
.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}
.progress-bar-info{background-color:#5bc0de}
.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}
.progress-bar-warning{background-color:#f0ad4e}
.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}
.progress-bar-danger{background-color:#d9534f}
.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}


@media (max-width: 500px){

	.search .results > a span {
    display: none;
  }

	.search:not(.search-fs) .results {
    width: calc(100% - 1rem);
	}

	textarea::placeholder,
  input::placeholder,
  .fauxSelect .selected .fauxPlaceholder{
    opacity: 0.75;
		display: inline-block;
  }

	label, p.label { display: none; }

	.inp_combo > .short {
    width: 5rem;
  }
  .inp_combo > .long {
    width: calc(100% - 5.5rem);
  }


}