.form {
 	display: flex;
 	width: 100%;
 	flex-wrap: wrap;
 	margin-top: var(--margin-top);
 }

 .form .form-items {
 	display: flex;
 	width: 100%;
 	flex-wrap: wrap;
 }

 .form .row {
 	display: flex;
 	width: 100%;
 	flex-wrap: wrap;
 }

 .form .form-aside {
 	display: flex;
 	min-height: 3.4em;
 	align-items: center;
 	align-content: center;
 	flex-wrap: wrap;
 	box-sizing: border-box;
 }

 .form .form-item {
 	display: flex;
 	align-items: flex-start;
 	align-content: flex-start;
 	flex-wrap: wrap;
 	position: relative;
 	margin: 0.7em 0 0.3em;
 }

 .form .form-item label {
 	display: flex;
 	align-items: center;
 	height: 3.4em;
 	font-size: 1em;
 	color: #999999;
 	line-height: 1em;
 	font-weight: 500;
 	padding: 0 1.2em;
 	box-sizing: border-box;
 	position: absolute;
 	left: 0;
 	top: 0;
 	z-index: 1;
 	cursor: text;
 	transition: .25s ease-in-out;
 }

 .form .form-item label span {
 	margin-left: 0.2em;
 	font-weight: 500;
 }

 .form .form-item.focus label,
 .form .form-item.always-focus label {
 	width: auto;
 	height: 1.8em;
 	font-size: 0.8em;
 	color: var(--color1);
 	font-weight: 600;
 	background: #ededed;
 	border-radius: var(--border-radius);
 	padding: 0 0.4em;
 	left: 0.8em;
 	top: -0.8em;
 }

 .form .form-item>div {
 	display: block;
 	width: 100%;
 	position: relative;
 }

 .form .form-item input,
 .form .form-item select,
 .v-select,
 .form .form-item .input-file label,
 .form .form-item textarea {
 	display: block;
 	width: 100%;
 	font-size: 1em;
 	font-weight: 700;
 	color: var(--color1);
 	background: white;
 	/* border: solid 1px rgba(0, 0, 0, 0.15); */
 	outline: none;
 	box-sizing: border-box;
 	border-radius: var(--border-radius);
 	font-family: 'Montserrat', sans-serif;
 	transition: .2s ease-in-out;
 }

 .form .form-item input {
 	height: 3.4em;
 	padding: 0 0.8em;
 }

 .form .form-item select {
 	height: 3.4em;
 	padding: 0 0.8em;
 }

 .v-select .vs__dropdown-toggle {
 	height: 3.4em;
 	min-width: 4em;
 	padding: 0 0.8em;
 	box-sizing: border-box;
 }

 .form .form-item textarea {
 	height: 10em;
 	padding: 1em 0.8em;
 }

 .form .form-item.focus input {
 	padding-top: 0.5em;
 }

 .form .form-item input:focus,
 .form .form-item textarea:focus {
 	border-color: var(--color2);
 }

 .form .form-item input::placeholder {
 	color: #999999;
 	opacity: 1;
 	font-weight: 500;
 }

 .form .form-item input:-ms-input-placeholder {
 	color: #999999;
 	font-weight: 500;
 }

 .form .form-item input::-ms-input-placeholder {
 	color: #999999;
 	font-weight: 500;
 }

 .form .form-item textarea::placeholder {
 	color: #999999;
 	opacity: 1;
 	font-weight: 500;
 }

 .form .form-item textarea:-ms-input-placeholder {
 	color: #999999;
 	font-weight: 500;
 }

 .form .form-item textarea::-ms-input-placeholder {
 	color: #999999;
 	font-weight: 500;
 }

 .form .form-item .btn-icon {
 	display: flex;
 	width: 3.4em;
 	height: 100%;
 	justify-content: center;
 	align-items: center;
 	padding: 0.7em 1em 0.8em;
 	background: none;
 	border: none;
 	box-sizing: border-box;
 	position: absolute;
 	right: 0;
 	top: 0;
 	z-index: 2;
 	cursor: pointer;
 }

 .form .form-item .btn-icon svg {
 	display: block;
 	width: 100%;
 	fill: var(--color1);
 	opacity: 0.5;
 	transition: .2s ease-in-out;
 }

 .form .form-item .btn-icon:hover svg {
 	opacity: 1;
 }

 .form .form-item .input-file:after {
 	display: block;
 	width: 3.4em;
 	height: 3.4em;
 	background: URL('../images/input-file.png') no-repeat center top;
 	background-size: 100% 200%;
 	cursor: pointer;
 	position: absolute;
 	right: 0;
 	top: 0;
 	z-index: 1;
 	content: "";
 }

 .form .form-item .input-file:hover:after {
 	background-position: center bottom;
 }

 .form .form-item .input-file input[type='file'] {
 	position: absolute;
 	left: -9999px;
 }

 .form .form-item .input-file label {
 	display: flex;
 	align-items: center;
 	height: 3em;
 	padding: 0 3em 0 0.8em;
 	font-size: 1em;
 	margin-bottom: 0;
 	position: relative;
 	z-index: 2;
 	cursor: pointer;
 }

 .v-select .vs__selected {
 	height: 100%;
 	margin: 0;
 	padding: 0;
 }

 .v-select .vs__search,
 .v-select .vs__search:focus {
 	padding: 0;
 	width: 100%
 }

 .v-select {
 	display: block;
 	width: 1.2em;
 	min-width: 4em;
 	height: auto;
 }

 .vs__open-indicator,
 .vs__clear {
 	display: none
 }

 #vs1__listbox {
 	width: 100%;
 }

 .v-select ul {
 	display: block;
 	width: 100%;
 	margin: 0;
 	padding: 0;
 }

 .v-select ul li {
 	display: block;
 	width: 100%;
 	padding: 0.3em 1em;
 }

 .v-select ul li:before {
 	display: none;
 }

 .form .checkbox {
 	margin: 0.6em 0;
 	position: relative;
 }

 .form .checkboxes {
 	margin: 0.7em 0 0.4em;
 }

 .form .checkboxes .checkbox {
 	margin: 0 0 0.4em;
 }

 .form p {
 	font-size: 0.85em;
 }

 .form .note {
 	display: block;
 	font-size: 0.85em;
 	font-weight: 500;
 	color: #666666;
 	margin-top: 0.25em;
 }

 .form .note a {
 	color: #999999;
 	text-decoration: underline;
 	cursor: pointer;
 	transition: .2s ease-in-out;
 }

 .form .note a:hover {
 	color: #666666;
 	text-decoration-color: transparent;
 }

 .form .result {
 	display: block;
 	font-size: 1.35em;
 	padding: 0.6em 0.8em;
 	border-radius: var(--border-radius);
 	border: solid 2px var(--color2);
 	box-sizing: border-box;
 	margin-top: var(--margin-top);
 }

 .form .result>*:first-child {
 	margin-top: 0;
 }

 .form .flex {
 	justify-content: flex-end;
 	margin-top: 0.5em;
 }

 .box.gray .form .form-item.focus label,
 .box.gray .form .form-item.always-focus label {
 	background: #e2e2e2;
 }


 .vs__selected {
 	position: absolute;
 	top: 5px;
 	background-color: #eee;
 	padding: 0.3rem;
 	border: 1px solid #111;
 	height: 21px;
 	max-width: 33px;
 	overflow: hidden;
 	white-space: nowrap;
 }

 .vs__dropdown-menu {
 	list-style: disc;
 	background-color: #fff;
 	padding: 0.3rem;
 	position: absolute;
 	top: 3.6rem;

 	width: 300px !important;
 }

 .vs--open>.vs__dropdown-toggle {
 	border: 1px solid var(--color2);
 }

 @media screen and (max-width: 1081px) {
 	.vs__dropdown-menu {
 		left: -9.8rem;
 	}

 	.input-d-pravy>.v-select>.vs__dropdown-menu {
 		left: -14.8rem;
 	}

 }

 /* vyhledavani ucetni pomocnik */
 .vyhledani-operace>.v-select>.vs__dropdown-menu {
 	left: 0rem;
 	min-width: 450px !important;
 }

 .vyhledani-operace {

 	width: 100%;
 	display: flex;
 	flex-wrap: nowrap !important;

 }

 .vyhledani-operace>.v-select {
 	width: 100% !important;
 	border-radius: var(--border-radius) 0 0 var(--border-radius);

 }

 .vyhledani-operace>.v-select>.vs__dropdown-toggle>.vs__selected-options>.vs__selected {
 	position: absolute;
 	top: 5px;
 	background-color: #eee;
 	padding: 0.3rem;
 	border: 1px solid #111;
 	height: 21px;
 	max-width: 100%;
 	white-space: nowrap;
 }

 .search-operace {
 	display: block;
 	width: 3.4em;
 	height: 3.4em;
 	font-size: 1em;
 	background: URL('../images/button-search.svg') no-repeat center center, var(--color2);
 	background-size: 35% 35%;
 	outline: none;
 	border: none;
 	border-radius: 0 var(--border-radius) var(--border-radius) 0;
 	cursor: pointer;
 	left: -5px;
 	top: 0px;
 	position: relative;
 	/* position: absolute;
 	right: 0;
 	top: 0; */
 	transition: .15s ease-in-out;
 }

 .search-operace:hover {
 	background-color: var(--color2b);
 }

 .tasks .vs__selected {
 	font-size: 1.10em !important;
 	font-weight: 900 !important;
 	top: 0px;
 	left: 0px;

 }